:root{--ink:#172031;--paper:#f6f3ed;--orange:#ed5e42;--line:#dedbd3;--muted:#69717c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}.noise{opacity:.18;position:fixed;inset:0;pointer-events:none;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.11'/%3E%3C/svg%3E")}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,80px);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-weight:800;font-size:16px;letter-spacing:-.8px}.brand>span:last-child span{color:var(--orange)}.brand-mark{display:grid;place-items:center;width:28px;height:28px;background:var(--ink);color:var(--paper);font-family:'Playfair Display';border-radius:3px;font-size:17px}nav{display:flex;gap:33px}nav a,footer a{color:var(--ink);text-decoration:none;font-size:12px;font-weight:700}.account{border:1px solid var(--ink);background:none;padding:10px 15px;font:700 12px Manrope;border-radius:2px}.account span{margin-left:12px}.hero{min-height:555px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.hero-copy{padding:94px 6vw 70px max(6vw,80px);display:flex;flex-direction:column;align-items:flex-start;position:relative}.eyebrow{font:500 10px 'DM Mono';letter-spacing:1.5px;color:#626976;display:flex;align-items:center;gap:8px}.eyebrow i{width:15px;height:1px;background:var(--orange);display:inline-block}.hero h1,.products h2,.studio-header h2,.how h2,.modal h2{font:800 clamp(40px,5.2vw,71px)/.99 'Playfair Display';letter-spacing:-3.4px;margin:19px 0 22px}.hero h1 em,.products h2 em{color:var(--orange);font-weight:700}.hero-copy>p{max-width:430px;font-size:14px;line-height:1.8;color:#5d6674;margin:0}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:30px}.primary-btn{border:0;background:var(--orange);color:#fff;padding:14px 18px;font:700 12px Manrope;cursor:pointer;box-shadow:5px 5px 0 #c74832;transition:.2s}.primary-btn:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 #c74832}.primary-btn span{font-size:17px;margin-left:20px}.text-link{font-size:11px;font-weight:800;color:var(--ink);text-decoration:none}.text-link b{margin-left:8px;color:var(--orange)}.proof{display:flex;align-items:center;gap:12px;margin-top:57px;font-size:10px;color:#6d737d;line-height:1.5}.proof strong{color:var(--ink)}.avatars{display:flex}.avatars b{width:26px;height:26px;border-radius:50%;border:2px solid var(--paper);margin-right:-7px;display:grid;place-items:center;font-size:8px;background:#e7a38b;color:#fff}.avatars b:nth-child(2){background:#7c9a87}.avatars b:nth-child(3){background:#35465d}.avatars b:last-child{background:var(--orange)}.hero-art{background:#d9c8ae;position:relative;min-height:555px;overflow:hidden}.sun{position:absolute;width:410px;height:410px;border-radius:50%;background:#f0d970;right:-80px;top:-120px}.grid-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#b9aa91 50%,transparent 50.2%),linear-gradient(#0000 49.8%,#b9aa91 50%,#0000 50.2%);background-size:70px 70px;opacity:.4}.hero-card{width:320px;height:201px;position:absolute;left:18%;top:27%;color:white;background:#253950;padding:19px;box-shadow:18px 20px 0 rgba(25,38,54,.17);transform:rotate(-7deg);overflow:hidden}.hero-card:before{content:'';position:absolute;width:180px;height:180px;background:#ef6849;border-radius:50%;right:-80px;bottom:-95px}.card-top,.card-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;font:700 9px/1.1 'DM Mono';letter-spacing:.8px}.mini-logo{display:grid;place-items:center;background:#f0d970;color:#253950;width:21px;height:21px;border-radius:2px;font:700 16px 'Playfair Display'}.card-person{display:flex;align-items:center;gap:12px;position:relative;z-index:1;margin-top:26px}.portrait,.design-photo{display:grid;place-items:center;background:linear-gradient(135deg,#edb091,#804c43);color:#fff;font:700 15px 'Playfair Display';border-radius:2px}.portrait{width:52px;height:64px}.card-person strong{font-size:17px;line-height:1.08;letter-spacing:-.5px}.card-person small{display:block;margin-top:5px;font:7px 'DM Mono';letter-spacing:.6px}.card-bottom{position:absolute;bottom:17px;left:19px;right:19px;font-size:7px}.rfid-chip{position:absolute;left:9%;bottom:18%;width:53px;height:42px;border:2px solid #8a6c3b;border-radius:5px;padding:7px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.rfid-chip span{border:1px solid #8a6c3b}.floating-tag{position:absolute;padding:10px;background:var(--paper);font:500 10px/1.2 'DM Mono';box-shadow:4px 4px 0 rgba(43,43,43,.12);z-index:1}.floating-tag small{font-size:7px;color:var(--orange)}.tag-one{top:20%;right:9%;transform:rotate(8deg)}.tag-two{left:12%;bottom:14%;transform:rotate(-5deg)}.ticker{background:var(--orange);padding:11px 0;overflow:hidden;color:#fff;font:500 11px 'DM Mono';letter-spacing:1.3px;white-space:nowrap}.ticker div{width:max-content;animation:slide 28s linear infinite}.ticker b{padding:0 14px;color:#ffe2ba}@keyframes slide{to{transform:translateX(-35%)}}.products{padding:100px max(6vw,80px)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.products h2{font-size:46px;margin:13px 0 0}.section-heading>p{max-width:290px;color:#626976;font-size:12px;line-height:1.8;margin-bottom:5px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.product{position:relative;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:300px;padding:25px;overflow:hidden}.product-icon{height:35px;font-size:28px;color:var(--orange)}.product-no{font:10px 'DM Mono';color:#7f858e}.product h3{font:800 23px 'Playfair Display';margin:13px 0 8px;letter-spacing:-.8px}.product p{font-size:11px;line-height:1.7;color:#68717d;max-width:180px;margin:0}.product a{display:inline-block;color:var(--ink);font-size:11px;font-weight:800;text-decoration:none;margin-top:20px}.product a b{color:var(--orange);margin-left:8px}.card-sample{position:absolute;width:157px;height:99px;right:-39px;bottom:21px;transform:rotate(-11deg);padding:12px;box-shadow:8px 8px 0 #00000012;display:flex;flex-direction:column;justify-content:space-between}.card-sample small{font:7px 'DM Mono';letter-spacing:.4px}.card-sample strong{font:700 15px/1 'Playfair Display'}.card-sample span{position:absolute;right:13px;bottom:12px}.dark-card{background:#263a52;color:#fff}.cream-card{background:#e8d5a8;color:#263a52}.pink-card{background:#ef6b72;color:#fff}.how{background:var(--ink);color:#f8f5ed;padding:75px max(6vw,80px);display:grid;grid-template-columns:32% 1fr;gap:8%}.eyebrow.light{color:#bbc3ce}.how h2{font-size:48px;margin:17px 0}.how-intro p{font-size:12px;line-height:1.8;color:#aeb7c4;max-width:260px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;align-items:end}.step{border-top:1px solid #5c6572;padding-top:15px}.step span{font:10px 'DM Mono';color:#f1c16b}.step h3{font:700 18px 'Playfair Display';margin:28px 0 8px}.step p{color:#aab3be;font-size:11px;line-height:1.7;max-width:170px}.studio-wrap{padding:100px max(4vw,55px)}.studio-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.studio-header h2{font-size:45px;margin:13px 0 0}.lock-note{font-size:10px;color:#69717c}.lock-note span{background:#497c5b;color:white;border-radius:50%;padding:2px 4px;margin-right:4px}.studio-shell{display:grid;grid-template-columns:240px 1fr 245px;min-height:490px;border:1px solid #d5d2cb;background:#fff;box-shadow:10px 10px 0 #e4dfd6}.tools-panel,.order-panel{padding:23px;border-right:1px solid #e5e2dc}.order-panel{border-right:0;border-left:1px solid #e5e2dc}.panel-title{font:500 9px 'DM Mono';letter-spacing:1.2px;color:#7a818b;display:block;margin-bottom:22px}.tools-panel label,.order-panel label{font-size:10px;font-weight:700;display:block;margin-bottom:16px}.tools-panel input,.tools-panel select{display:block;width:100%;border:1px solid #dedbd4;border-radius:2px;padding:9px 8px;background:#faf9f6;font:10px Manrope;color:var(--ink);margin-top:6px;outline-color:var(--orange)}.label-text{display:block;font-size:10px;font-weight:700;margin-bottom:9px}.swatches{display:flex;gap:7px;margin-bottom:20px}.swatch{border:2px solid transparent;border-radius:50%;background:var(--sw);width:19px;height:19px;padding:0;cursor:pointer}.swatch.active{outline:1px solid var(--ink);outline-offset:2px}.add-photo{width:100%;background:none;border:1px dashed #bfc1c0;padding:9px;color:#596372;font:700 10px Manrope;cursor:pointer}.canvas-area{background:#f3f1ed;display:flex;flex-direction:column;align-items:center;padding:23px}.canvas-toolbar{align-self:stretch;display:flex;justify-content:space-between;font:500 9px 'DM Mono';color:#7a818b;margin-bottom:26px}.canvas-toolbar button{border:0;background:none;font:600 9px Manrope;color:#647080;cursor:pointer}.design-card{width:min(370px,85%);aspect-ratio:1.586;background:var(--orange);position:relative;box-shadow:13px 15px 28px #54545435;overflow:hidden;color:white;transition:.35s transform}.design-card.back{transform:rotateY(180deg)}.design-bg{position:absolute;width:330px;height:330px;border:1px solid #ffffff66;border-radius:50%;right:-145px;top:-150px}.design-bg:after{content:'';position:absolute;width:240px;height:240px;border:1px solid #ffffff55;border-radius:50%;right:20px;top:20px}.design-content{position:absolute;inset:0;padding:21px;display:flex;flex-direction:column;justify-content:space-between}.design-brand{display:flex;justify-content:space-between;font:700 10px/1 'DM Mono';letter-spacing:.6px}.design-brand b{display:grid;place-items:center;width:24px;height:24px;border-radius:2px;background:#fff;color:var(--orange);font:700 18px 'Playfair Display'}.design-main{display:flex;gap:16px;align-items:center}.design-photo{width:77px;height:96px;font-size:22px;border:3px solid #fff}.design-main h4{font:700 25px/.93 'Playfair Display';margin:0;letter-spacing:-1px}.design-main p{font:9px 'DM Mono';letter-spacing:.3px;margin:9px 0}.barcode{width:91px;height:20px;background:repeating-linear-gradient(90deg,#fff 0 2px,transparent 2px 4px,#fff 4px 5px,transparent 5px 8px)}.design-footer{display:flex;justify-content:space-between;font:9px 'DM Mono';letter-spacing:.4px}.canvas-hint{font:9px 'DM Mono';color:#91969d;margin-top:23px}.summary-type{display:flex;gap:10px;border-bottom:1px solid #e5e2dc;padding-bottom:18px;margin-bottom:18px}.summary-icon{color:var(--orange);font-size:25px}.summary-type b{font-size:12px;display:block}.summary-type small{font-size:9px;color:#7b838e}.quantity{margin-top:7px;display:flex;width:100%;justify-content:space-between;border:1px solid #dedbd4;padding:5px}.quantity button{border:0;background:#f3f1ed;width:24px;height:22px;cursor:pointer}.quantity strong{font-size:11px;padding-top:3px}.price-row{font-size:10px;display:flex;justify-content:space-between;margin:10px 0;color:#68717d}.price-row strong{color:var(--ink);font-size:10px}.total{border-top:1px solid #e5e2dc;margin-top:18px;padding-top:15px;display:flex;justify-content:space-between;font-size:10px}.total strong{font-size:15px}.checkout{width:100%;margin-top:24px;padding:13px 9px}.checkout span{margin-left:8px}.payment-note{display:block;text-align:center;font-size:8px;line-height:1.5;color:#89909a;margin-top:14px}footer{border-top:1px solid var(--line);padding:29px max(5vw,70px);display:flex;justify-content:space-between;align-items:center;color:#7b828b;font-size:9px}footer div{display:flex;gap:18px}footer a{font-size:9px}.modal{display:none;position:fixed;inset:0;z-index:20;background:#172031c9;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-card{position:relative;width:min(410px,100%);background:var(--paper);padding:43px;text-align:center;box-shadow:12px 12px 0 var(--orange)}.modal-close{position:absolute;top:12px;right:14px;border:0;background:none;font-size:24px;cursor:pointer}.modal-check{margin:auto auto 17px;display:grid;place-items:center;width:36px;height:36px;background:#497c5b;border-radius:50%;color:#fff;font-weight:800}.modal-card .eyebrow{justify-content:center}.modal-card h2{font-size:35px;margin:14px 0}.modal-card p{font-size:11px;line-height:1.7;color:#68717d}.invoice{background:#e9e5dc;padding:13px;display:flex;justify-content:space-between;font:10px 'DM Mono';margin:22px 0}.invoice strong{font:700 13px Manrope}.full{width:100%;margin-bottom:17px}.modal-card>small{font-size:8px;color:#8a9098}.toast{display:none;position:fixed;right:24px;bottom:24px;background:#263a52;color:#fff;padding:15px 16px;font-size:11px;z-index:25;box-shadow:5px 5px 0 var(--orange)}.toast.show{display:block}.toast button{border:0;background:none;color:#fff;margin-left:12px;cursor:pointer}@media(max-width:800px){nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:67px 8vw 55px}.hero-art{min-height:400px}.hero-card{left:20%;top:20%}.products,.studio-wrap{padding:65px 5vw}.section-heading,.studio-header{display:block}.section-heading>p{margin-top:18px}.product-grid{grid-template-columns:1fr}.product{min-height:255px}.how{padding:60px 8vw;grid-template-columns:1fr}.steps{margin-top:25px}.studio-shell{grid-template-columns:1fr}.tools-panel,.order-panel{border:0;border-bottom:1px solid #e5e2dc}.order-panel{border-top:1px solid #e5e2dc}.canvas-area{min-height:360px}.studio-header .lock-note{margin-top:15px}footer{display:grid;gap:15px}.hero h1{font-size:52px}}