:root{--ink:#182322;--muted:#66716f;--paper:#f8f7f2;--acid:#dfff4f;--blue:#78d4e3;--line:#d9ded8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,92px);border-bottom:1px solid var(--line)}.brand{font-size:21px;font-weight:800;letter-spacing:-1.4px;text-decoration:none;color:var(--ink)}.brand span:last-child{font-weight:400}.brand-mark{color:#6dbecb;margin-right:6px;font-size:26px;vertical-align:-2px}nav{display:flex;gap:31px}nav a,.text-link{color:var(--ink);font-size:13px;font-weight:700;text-decoration:none}.header-cta{font-size:13px;color:var(--ink);font-weight:800;text-decoration:none}.header-cta span{margin-left:9px}.hero{min-height:565px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}.hero-copy{padding:85px 8vw 72px clamp(24px,9vw,145px);align-self:center}.eyebrow{font:500 10px/1 'DM Mono',monospace;letter-spacing:1.5px;margin:0 0 21px;color:#47514f}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#74c8d6;margin-right:8px}.hero h1,.order-heading h2{font-size:clamp(49px,5.25vw,82px);letter-spacing:-5px;line-height:.99;margin:0;font-weight:800}.hero h1 em,.order-heading em{font-family:Georgia,serif;font-weight:400}.intro{max-width:460px;color:var(--muted);font-size:15px;line-height:1.75;margin:27px 0}.hero-actions{display:flex;gap:27px;align-items:center}.button{border:0;display:inline-flex;align-items:center;gap:25px;text-decoration:none;cursor:pointer;font:800 13px Manrope,sans-serif;padding:16px 19px}.primary{background:var(--ink);color:white}.primary span{font-size:20px;line-height:12px}.text-link span{font-size:18px;margin-left:7px}.proof{display:flex;gap:13px;align-items:center;margin-top:55px}.proof p{font-size:10px;line-height:1.65;color:#75807e;margin:0}.proof strong{color:var(--ink)}.avatar-stack{display:flex}.avatar-stack b{font-size:10px;line-height:29px;text-align:center;width:30px;height:30px;border-radius:50%;border:2px solid var(--paper);margin-left:-8px;background:#f6aa9a}.avatar-stack b:nth-child(2){background:#9cc7e0}.avatar-stack b:nth-child(3){background:#9bcc78}.avatar-stack b:nth-child(4){background:#d5abdd}.hero-art{background:#e5f2ee;position:relative;overflow:hidden;min-height:430px}.shape{position:absolute;left:50%;transform:translateX(-50%);background:linear-gradient(100deg,#4694b4,#87d5d5 52%,#3f89aa);z-index:2;box-shadow:inset 10px 0 22px #26749644}.shape-top{top:88px;width:120px;height:92px;border-radius:48% 48% 14% 14%;clip-path:polygon(16% 0,84% 0,100% 100%,0 100%)}.shape-body{top:170px;width:224px;height:225px;clip-path:polygon(22% 0,78% 0,100% 28%,86% 100%,14% 100%,0 28%)}.shape-base{top:365px;width:174px;height:35px;border-radius:0 0 50% 50%}.orbit{position:absolute;border:1px solid #8bc0bf77;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-18deg)}.orbit-one{width:600px;height:220px}.orbit-two{width:440px;height:145px}.art-label{position:absolute;z-index:3;font:500 10px/1.5 'DM Mono';color:#4a6565}.art-label small{font-size:7px;color:#77918e}.label-a{left:8%;top:23%}.label-b{right:8%;bottom:24%}.art-caption{position:absolute;bottom:20px;right:8%;font:500 9px 'DM Mono';color:#6d9390}.steps{padding:99px clamp(24px,9vw,145px) 105px;background:#fff}.steps h2,.materials h2{font-size:clamp(32px,3.4vw,48px);letter-spacing:-2.5px;margin:0 0 53px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:65px}.step-grid article{position:relative}.step-number{position:absolute;right:0;top:2px;color:#a6b0ad;font:500 10px 'DM Mono'}.step-icon{font-size:33px;color:#62b9c9;height:55px}.step-grid h3{font-size:15px;margin:8px 0}.step-grid p{font-size:12px;line-height:1.75;color:var(--muted);max-width:240px}.order-section{background:#243331;color:#f5f7f2;padding:95px clamp(24px,9vw,145px);display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.order-heading{padding-top:11px}.order-heading .eyebrow{color:#a8c0ba}.order-heading h2{letter-spacing:-4px}.order-heading>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#b6c6c2;max-width:340px;margin:28px 0}.mini-note{font-size:11px;color:#dce8e4;margin-top:45px}.mini-note span{color:var(--acid);font-size:16px;margin-right:7px}.order-form{background:#fff;color:var(--ink);padding:27px 29px 25px;max-width:595px}.form-top{font:500 9px 'DM Mono';letter-spacing:1px;display:flex;justify-content:space-between;padding-bottom:19px;border-bottom:1px solid var(--line)}.file-drop{height:139px;border:1px dashed #b9c4c0;margin:20px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;text-align:center}.file-drop input{display:none}.upload-symbol{font-size:22px;color:#55aebb}.file-drop strong{font-size:12px;margin:5px 0}.file-drop small{font-size:9px;color:#87918e}.file-name{font-size:10px;color:#258695;margin-top:5px;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-form label{display:block;font:500 9px 'DM Mono';letter-spacing:.4px;margin:14px 0}.order-form input:not([type=checkbox]),.order-form textarea,.order-form select{display:block;border:1px solid #d6deda;border-radius:0;width:100%;padding:11px 10px;margin-top:7px;color:var(--ink);background:white;font:12px Manrope,sans-serif;outline-color:#67b6c0}.order-form textarea{resize:vertical;min-height:82px}.field-row{display:grid;grid-template-columns:1.5fr .7fr;gap:15px}.field-row label{margin:10px 0}.check-row{display:flex!important;gap:8px;align-items:center;font:11px Manrope!important;letter-spacing:0!important;margin:18px 0!important}.check-row input{accent-color:#233431}.submit-button{width:100%;justify-content:space-between}.form-status{font-size:11px;line-height:1.5;text-align:center;min-height:16px;color:#2a7e58;margin:12px 0 0}.form-status.error{color:#b24039}.materials{padding:93px clamp(24px,9vw,145px);background:#ecf2ef}.material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.material-grid article{background:var(--paper);padding:13px}.swatch{height:118px;margin-bottom:15px}.black{background:linear-gradient(135deg,#131d1e,#526560)}.orange{background:linear-gradient(135deg,#ef8362,#ffb26f)}.blue{background:linear-gradient(135deg,#5697ca,#b4d6e8)}.grey{background:linear-gradient(135deg,#aeb5b6,#e3e5e0)}.material-grid h3{font-size:14px;margin:0}.material-grid p{font-size:10px;color:var(--muted);margin:5px 0 2px}footer{padding:44px clamp(24px,9vw,145px);display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;background:#fff}footer p{font-size:11px;color:var(--muted)}.footer-small{text-align:right;font-size:9px!important}
@media(max-width:760px){.site-header{height:67px;padding:0 20px}nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:66px 25px 54px}.hero-art{min-height:360px}.steps,.materials{padding:68px 25px}.step-grid,.material-grid{grid-template-columns:1fr 1fr;gap:28px}.order-section{padding:67px 25px;grid-template-columns:1fr;gap:35px}.order-form{padding:22px 18px}.field-row{grid-template-columns:1fr}.order-heading h2{font-size:54px}footer{padding:30px 25px;grid-template-columns:1fr;gap:10px}.footer-small{text-align:left}.art-label{display:none}}@media(max-width:420px){.step-grid,.material-grid{grid-template-columns:1fr}.hero h1{letter-spacing:-3.5px}.hero-actions{gap:17px}.button{gap:12px}}

/* Craftify Hub brand palette: navy, cyan-teal, and print-head gold. */
:root{--ink:#062652;--muted:#526778;--paper:#f8faf8;--acid:#f4ad39;--blue:#08bcb9;--line:#d7e3e5}.site-header{height:100px;border-color:#d3e2e4}.brand{display:flex;align-items:center}.brand img{width:92px;height:92px;object-fit:contain}.hero-art{background:linear-gradient(135deg,#e5f7f5,#d8eff4)}.shape{background:linear-gradient(100deg,#063363,#08bcb9 48%,#075481);box-shadow:inset 10px 0 22px #03255455}.shape-top{background:linear-gradient(100deg,#f2a737,#ffd475 46%,#d77d21)}.orbit{border-color:#08aeb488}.eyebrow i{background:#f4ad39}.button.primary{background:#062652}.button.primary:hover{background:#08467d}.step-icon{color:#08aaa9}.order-section{background:#062652}.mini-note span{color:#f4ad39}.swatch.orange{background:linear-gradient(135deg,#d88223,#ffc55b)}.swatch.blue{background:linear-gradient(135deg,#064274,#08bcb9)}.swatch.black{background:linear-gradient(135deg,#031634,#0a5272)}.materials{background:#e7f5f3}.submit-button{background:#08a8a7!important}.submit-button:hover{background:#078889!important}.check-row input{accent-color:#08a8a7}footer{border-top:4px solid #f4ad39}footer .brand img{width:100px;height:100px}@media(max-width:760px){.site-header{height:77px}.brand img{width:70px;height:70px}footer .brand img{width:86px;height:86px}}