:root{--red:#e52332;--ink:#141414;--muted:#626262;--line:#dededb;--paper:#fafaf8;--radius:6px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #156acc;outline-offset:5px}button:disabled{cursor:default}[hidden]{display:none!important}.container{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:10px;left:10px;padding:14px;background:var(--ink);color:white;z-index:100;transform:translateY(-160%)}.skip-link:focus{transform:none}.header{height:90px;background:rgba(255,255,255,.97);border-bottom:1px solid #eaeae7;position:sticky;top:0;z-index:20}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{flex-shrink:0}nav{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:600}nav>a:not(.button){padding:16px 0}nav>a:not(.button):hover{color:var(--red)}.menu-toggle{display:none}.button{border:1px solid transparent;min-height:52px;padding:17px 23px;display:inline-flex;align-items:center;justify-content:center;gap:26px;border-radius:var(--radius);font-size:14px;font-weight:700;line-height:1.2;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-red{background:var(--red);color:#fff}.button-red:hover{background:#c71b29}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#363636}.button-small{min-height:43px;padding:13px 18px;font-size:13px;gap:18px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.6px;line-height:1.6;margin:0 0 25px;display:flex;align-items:center;gap:9px}.red-dot{width:7px;height:7px;background:var(--red);border-radius:50%;display:inline-block;flex-shrink:0}.hero{overflow:hidden;background:var(--paper)}.hero-grid{display:grid;grid-template-columns:1.06fr 1fr;min-height:650px;align-items:center;gap:20px}.hero-copy{padding:57px 0 51px;position:relative;z-index:2}h1{font-size:clamp(58px,6.4vw,91px);line-height:.99;letter-spacing:-5px;margin:0 0 30px;font-weight:800}h1 span{color:var(--red)}.hero-description{font-size:17px;line-height:1.7;color:#555;max-width:440px;margin:0 0 31px}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.text-button{font-size:13px;font-weight:700;border:0;background:transparent;padding:14px 0;display:flex;align-items:center;gap:12px}.play{border:1px solid #ccc;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:17px}.hero-notes{display:flex;gap:21px;margin-top:32px;font-size:11px;color:#555;flex-wrap:wrap}.hero-notes b{color:var(--red);margin-right:5px;font-size:14px}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:10px;letter-spacing:1.4px;font-weight:600;padding-block:22px}.hero-bottom a{letter-spacing:0;font-size:12px}.hero-bottom a span{margin-left:17px}.hero-visual{height:580px;position:relative;isolation:isolate}.visual-grid{position:absolute;inset:34px -60px 25px 0;background-image:linear-gradient(#e2e2df 1px,transparent 1px),linear-gradient(90deg,#e2e2df 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse,#000 20%,transparent 70%);z-index:-2}.orbit{border:1px solid #e1e1dd;position:absolute;width:490px;height:490px;top:35px;left:10px;border-radius:50%;z-index:-1}.orbit-two{width:345px;height:345px;top:107px;left:82px}.visual-label{position:absolute;top:62px;right:12px;font-size:9px;letter-spacing:1.5px;display:flex;gap:8px;align-items:center}.stand-mock{position:absolute;width:205px;height:294px;left:222px;top:122px;transform:rotate(10deg);filter:drop-shadow(16px 22px 17px #0002)}.stand-face{position:relative;background:linear-gradient(115deg,#fff,#f0f0ee);border:1px solid #d9d9d7;border-radius:12px 12px 4px 4px;height:267px;padding:26px;box-shadow:inset -4px 0 #d6d6d3,3px 0 #d6d6d3}.stand-base{height:29px;background:linear-gradient(#eee,#d4d4d0);border-radius:3px 3px 9px 9px;transform:skewX(-27deg);transform-origin:top;width:219px;border:1px solid #bcbcb7}.mock-logo{font-weight:750;letter-spacing:-1.1px;font-size:23px}.mock-logo>span{color:var(--red)}.stand-face .mock-logo{font-size:22px}.nfc-mark{margin:26px 0 16px;color:var(--red);font-size:33px;font-weight:700;letter-spacing:-7px;line-height:1}.stand-face strong{font-size:25px;line-height:1.1;letter-spacing:-1px}.stand-line{height:1px;background:#ccc;display:block;margin:22px 0 12px}.stand-face small{font-size:7px;letter-spacing:1.5px;line-height:1.6;display:block}.card-mock{width:310px;height:192px;border-radius:13px;background:linear-gradient(120deg,#292929,#101010);padding:24px;color:white;box-shadow:0 20px 30px #0003,inset 0 0 0 1px #ffffff17;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.card-mock:after{content:'';position:absolute;width:220px;height:220px;right:-100px;top:-118px;border:1px solid #ffffff12;border-radius:50%}.card-top,.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.card-top>span:last-child{font-size:22px;letter-spacing:-5px;transform:rotate(-15deg);padding-right:5px}.card-bottom{font-size:12px;line-height:1.6}.card-arrow{font-size:35px!important;font-weight:400}.hero-card{position:absolute;left:18px;top:313px;transform:rotate(-15deg);z-index:2}.tap-label{position:absolute;left:15px;top:153px;display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.7}.tap-ring{display:grid;place-items:center;border:1px solid #ddd;border-radius:50%;background:white;width:37px;height:37px;font-size:20px;color:var(--red)}.visual-caption{position:absolute;bottom:17px;left:90px;font-size:9px;color:#777;letter-spacing:.5px}.ribbon{background:var(--ink);color:white;min-height:65px;display:flex;align-items:center;justify-content:space-evenly;gap:22px;padding:22px 30px;font-size:11px;letter-spacing:1.7px;font-weight:700}.ribbon i{font-style:normal;font-size:24px;color:var(--red)}.section{padding:98px 0}h2{font-size:clamp(32px,3.5vw,48px);line-height:1.12;letter-spacing:-2px;margin:0;font-weight:750}h3{font-size:23px;line-height:1.2;letter-spacing:-.6px;margin:0}p{line-height:1.7}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:48px}.section-heading>p{width:330px;flex-shrink:0;font-size:14px;color:var(--muted);margin:0 0 3px}.section-heading .eyebrow{margin-bottom:17px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.product-scene{height:350px;background:#f1f1ee;position:relative;overflow:hidden;border-radius:var(--radius)}.scene-tag{position:absolute;left:26px;top:26px;font-size:9px;letter-spacing:1.3px;font-weight:700;z-index:2}.scene-index{position:absolute;right:22px;bottom:10px;font-size:78px;letter-spacing:-5px;font-weight:700;color:#00000005}.product-card{position:absolute;top:104px;left:calc(50% - 155px);transform:rotate(-12deg);background:linear-gradient(120deg,#eb3c49,#cb1224);box-shadow:14px 28px 26px #94001329}.product-card .mock-logo span{color:#fff}.scene-stand{background:#eeedeb}.product-stand{left:calc(50% - 102px);top:55px;transform:rotate(9deg) scale(.88)}.product-stand .stand-face{background:linear-gradient(120deg,#292929,#111);color:white;border-color:#343434;box-shadow:inset -4px 0 #050505,3px 0 #050505}.product-stand .stand-base{background:linear-gradient(#3a3a3a,#131313);border-color:#181818}.product-stand .stand-line{background:#444}.product-stand .stand-face strong{font-size:24px}.product-info{display:flex;justify-content:space-between;gap:26px;padding:27px 0 0}.product-info p{font-size:14px;color:var(--muted);max-width:420px;margin:13px 0 0}.circle-link{flex-shrink:0;width:45px;height:45px;border-radius:50%;border:1px solid #ccc;background:white;font-size:25px;transition:background .2s}.circle-link:hover{background:var(--red);border-color:var(--red);color:white}.custom{background:var(--paper);border-top:1px solid #eaeae7;border-bottom:1px solid #eaeae7}.custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.custom-preview{background:#eaeae6;border-radius:8px;min-height:460px;padding:26px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.custom-toolbar{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;font-weight:700;letter-spacing:1.2px}.preview-badge{background:#fff;padding:7px 9px;border-radius:4px;font-size:9px;letter-spacing:0;color:#666;font-weight:400}.custom-card{transform:rotate(-9deg);margin:65px 0 60px;transition:background .3s,color .3s}.custom-card[data-theme=red]{background:linear-gradient(120deg,#e52332,#b60a18)}.custom-card[data-theme=red] .mock-logo span{color:white}.custom-card[data-theme=white]{background:linear-gradient(120deg,#fff,#eeeeea);color:var(--ink);box-shadow:0 20px 30px #0002,inset 0 0 0 1px #0001}.custom-controls{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:11px;border-top:1px solid #d2d2cd;padding-top:20px}.swatches{display:flex;gap:13px}.swatch{width:27px;height:27px;border:1px solid #d0d0ca;border-radius:50%;padding:0}.swatch[aria-pressed=true]{outline:1px solid #444;outline-offset:4px}.swatch:focus-visible{outline:3px solid #156acc;outline-offset:4px}.swatch.black{background:#171717}.swatch.red{background:var(--red)}.swatch.white{background:white}.preview-note{font-size:9px;color:#666;align-self:flex-start;margin:18px 0 0}.custom-copy h2{font-size:42px}.custom-copy h2 span{color:var(--red)}.custom-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);margin:22px 0 0}.custom-list{list-style:none;padding:0;margin:28px 0}.custom-list li{display:flex;gap:16px;margin-bottom:20px}.custom-list li>span{font-size:11px;color:var(--red);font-weight:700;padding-top:4px}.custom-list strong{font-size:13px}.custom-list p{font-size:12px;color:var(--muted);margin:6px 0 0}.text-link{display:inline-flex;gap:20px;align-items:center;font-weight:700;font-size:13px;border:0;border-bottom:1px solid #bbb;padding:0 0 6px;background:transparent}.text-link:hover{color:var(--red);border-color:var(--red)}.steps{list-style:none;counter-reset:none;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:0;padding:0}.steps li{border-top:1px solid #bbb;padding-top:20px;position:relative}.step-num{font-size:10px;color:#777}.step-symbol{font-size:39px;color:var(--red);margin:20px 0}.steps h3{font-size:20px}.steps p{font-size:13px;color:var(--muted);max-width:310px;margin:14px 0 0}.how-foot{border-top:1px solid var(--line);margin-top:40px;padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:30px}.how-foot p{font-size:11px;color:var(--muted);max-width:590px;margin:0}.how-foot button{flex-shrink:0}.applications{background:var(--ink);color:white}.applications .eyebrow{color:#aaa}.applications .section-heading>p{color:#bbb}.use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.use-grid article{border-top:1px solid #484848;padding-top:26px}.use-icon{display:block;color:#ff5260;font-size:32px;margin-bottom:32px}.use-grid h3{font-size:20px;line-height:1.4;min-height:56px}.use-grid p{font-size:13px;color:#bbb;margin:16px 0 28px;min-height:66px}.use-label{font-size:8px;color:#aaa;letter-spacing:1px;font-weight:700}.use-note{font-size:10px;color:#aaa;margin:38px 0 0;max-width:700px}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-grid>div>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:260px;margin:24px 0 32px}.faq-items{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:0}summary{cursor:pointer;font-size:14px;font-weight:600;line-height:1.5;padding:23px 34px 23px 0;position:relative;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:1px;top:22px;color:var(--red);font-size:22px;font-weight:400}details[open] summary:after{content:'−'}details p{font-size:13px;color:var(--muted);margin:0 30px 24px 0}summary:hover{color:var(--red)}.contact{background:#f2f2ee;border-top:1px solid #e3e3de}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}.contact h2{font-size:clamp(38px,4vw,57px)}.contact h2>span{color:var(--red)}.contact-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:350px;margin:24px 0}.channel-status{display:flex;gap:12px;border-top:1px solid #d5d5cf;padding:26px 0;margin-top:36px;max-width:400px}.status-dot{width:8px;height:8px;border-radius:50%;background:#777;margin-top:5px;flex-shrink:0}.channel-status strong{font-size:13px}.channel-status p{font-size:12px;color:var(--muted);margin:8px 0 0}.contact-copy .contact-small{font-size:11px!important;max-width:330px!important;margin-top:5px!important}form{background:white;padding:32px;border:1px solid #e2e2dd;border-radius:8px}form h3{font-size:22px}.form-intro{font-size:11px;color:var(--muted);margin:12px 0 25px}.field{margin-bottom:20px}.field label{display:block;font-size:11px;font-weight:700;margin-bottom:9px}.optional{font-weight:400;color:#777}.field input,.field select,.field textarea{width:100%;border:1px solid #d8d8d5;background:white;border-radius:4px;font-size:13px;line-height:1.4;padding:13px;color:var(--ink)}.field input::placeholder,.field textarea::placeholder{color:#727272}.field textarea{resize:vertical;min-height:95px}.field-row{display:grid;grid-template-columns:1fr .72fr;gap:16px}.form-submit{width:100%;justify-content:space-between}.form-foot{color:#777;font-size:10px;text-align:center;margin:12px 0 0}.quote-result{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.quote-result>strong{font-size:15px}.quote-result p{font-size:12px;color:var(--muted)}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 Arial,Helvetica,sans-serif;padding:16px;border:1px solid #ddd;background:var(--paper);max-height:260px;overflow:auto}.result-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.footer{padding:45px 0 20px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:38px}.footer-top p{font-size:12px;color:#666;line-height:1.6;margin:0}.back-top{font-size:11px;display:flex;gap:17px}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#777}dialog{border:0;border-radius:12px;padding:38px;max-width:min(480px,calc(100vw - 32px));width:480px;color:var(--ink);box-shadow:0 30px 100px #0003}dialog::backdrop{background:#1119;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:12px;top:9px;width:40px;height:40px;border:0;background:transparent;font-size:28px;color:#555}dialog h2{font-size:30px;letter-spacing:-1px}.demo-caption{font-size:11px;color:var(--muted)}.demo-phone{width:204px;height:290px;border:7px solid #222;border-radius:30px;background:#f2f2ef;margin:22px auto;position:relative;padding:46px 14px 22px;display:grid;place-items:center;text-align:center}.phone-speaker{width:50px;height:5px;border-radius:5px;background:#222;position:absolute;top:13px;left:70px}#demo-state{width:100%}#demo-state strong{display:block;font-size:14px}#demo-state p{font-size:11px;color:#666}#demo-state .demo-icon{font-size:35px;color:var(--red);display:block;margin-bottom:18px;letter-spacing:-5px}.demo-phone button{border:1px solid #bbb;border-radius:6px;background:white;font-size:11px;text-align:left;padding:12px;width:100%;line-height:1.6}.demo-phone button strong{font-size:12px!important}dialog>.button{width:100%;font-size:12px}#demo-state .demo-links{font-size:10px;text-align:left;border-top:1px solid #ccc;margin-top:14px;line-height:2.8}#demo-state .demo-links span{display:block;border-bottom:1px solid #ddd}.demo-notice{font-size:10px!important}
@media(min-width:1440px){.hero-grid{min-height:720px}.hero-visual{transform:scale(1.1);transform-origin:center}.hero-copy{padding-block:85px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}nav{gap:19px}.hero-grid{grid-template-columns:1fr .85fr;min-height:625px}h1{font-size:70px;letter-spacing:-4px}.hero-visual{transform:scale(.82);transform-origin:left center;width:510px}.hero-description{font-size:15px;max-width:390px}.hero-actions{gap:14px}.custom-grid,.contact-grid{gap:45px}.custom-copy h2{font-size:36px}.custom-card{width:290px}.use-grid{gap:22px}.use-grid h3{font-size:18px}.faq-grid{gap:50px}.section{padding-block:80px}.ribbon{font-size:9px;gap:13px;letter-spacing:1.1px}}
@media(max-width:800px){html{scroll-padding-top:82px}.container{width:calc(100% - 40px)}.header{height:75px}.menu-toggle{display:flex;align-items:center;gap:14px;background:transparent;border:1px solid #ddd;border-radius:5px;padding:10px 12px;font-size:12px}.menu-toggle span{font-size:17px}nav{display:none;position:absolute;left:0;right:0;top:75px;background:white;padding:16px 20px 24px;box-shadow:0 15px 20px #0001;flex-direction:column;gap:6px;align-items:stretch;border-bottom:1px solid #ddd}nav.is-open{display:flex}nav a{padding:14px!important}nav .button{margin-top:8px;justify-content:space-between}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:50px 0 20px}h1{font-size:clamp(57px,10.5vw,84px);letter-spacing:-3px;line-height:1.02}.hero-description{max-width:460px;font-size:16px}.hero-notes{font-size:11px;gap:15px}.hero-visual{height:550px;transform:scale(.9);transform-origin:top center;width:510px;justify-self:center;margin-bottom:-55px}.hero-bottom{font-size:8px}.ribbon{flex-wrap:wrap;gap:18px;padding:22px 20px;justify-content:center}.ribbon span{font-size:9px}.ribbon i:last-of-type{display:none}.ribbon span:last-child{display:none}.section-heading{align-items:start;flex-direction:column;gap:22px;margin-bottom:32px}.section-heading>p{width:auto;max-width:450px;font-size:14px}.product-scene{height:290px}.product-card{width:245px;height:156px;left:calc(50% - 122px);top:92px;padding:20px}.product-card .mock-logo{font-size:20px}.product-card .card-bottom{font-size:10px}.product-stand{transform:rotate(9deg) scale(.72);top:25px}.product-info{gap:14px}.product-info h3{font-size:20px}.product-info p{font-size:12px}.circle-link{width:38px;height:38px}.custom-grid{grid-template-columns:1fr;gap:45px}.custom-preview{width:100%;max-width:530px;order:2;justify-self:center}.custom-copy h2{font-size:40px}.custom-copy>p{max-width:520px}.custom-list{max-width:540px}.custom-card{width:310px}.steps{gap:25px}.steps h3{font-size:17px}.steps p{font-size:12px}.how-foot{align-items:start;flex-direction:column;gap:18px}.use-grid{grid-template-columns:1fr 1fr;gap:40px 25px}.use-grid h3{min-height:auto;font-size:21px}.use-grid p{min-height:auto}.use-icon{margin-bottom:20px}.faq-grid{grid-template-columns:1fr;gap:35px}.faq-grid>div>p:not(.eyebrow){max-width:500px;margin:20px 0}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-copy>p{max-width:470px}.channel-status{max-width:100%}.contact h2{font-size:48px}.footer-top{align-items:flex-start}.footer-bottom{flex-direction:column;gap:8px}}
@media(max-width:480px){.brand img{width:147px;height:auto}.eyebrow{font-size:9px;letter-spacing:1.3px}.hero-copy{padding-top:40px}h1{font-size:59px;letter-spacing:-3.3px}.hero-description{font-size:15px}.hero-actions{gap:12px}.hero-actions .button{gap:20px;padding:17px 18px;font-size:12px}.text-button{font-size:11px;gap:7px}.hero-notes{font-size:9px;gap:12px;margin-top:23px}.hero-visual{transform:scale(.66);height:570px;margin-bottom:-180px}.hero-bottom{padding-block:18px}.ribbon{gap:10px;min-height:55px;padding:18px 12px}.ribbon span{font-size:7px;letter-spacing:.7px}.ribbon i{font-size:17px}.section{padding-block:60px}h2{font-size:34px;letter-spacing:-1.5px}.product-grid{grid-template-columns:1fr;gap:35px}.product-scene{height:310px}.product-card{width:290px;height:180px;left:calc(50% - 145px);top:95px;padding:24px}.product-card .mock-logo{font-size:22px}.product-card .card-bottom{font-size:12px}.product-stand{transform:rotate(9deg) scale(.8);top:32px}.product-info p{font-size:13px}.custom-copy h2{font-size:34px}.custom-preview{min-height:390px;padding:22px}.custom-card{width:270px;height:168px;margin:50px 0}.custom-card .mock-logo{font-size:22px}.custom-card .card-bottom{font-size:11px}.steps{grid-template-columns:1fr;gap:28px}.steps li{padding-top:18px;display:grid;grid-template-columns:42px 1fr;column-gap:18px}.step-num{grid-column:1}.step-symbol{grid-column:1;grid-row:2 / span 2;font-size:33px;margin:18px 0}.steps h3{grid-column:2;grid-row:2;font-size:21px;margin-top:18px}.steps p{grid-column:2;font-size:13px;max-width:none;margin-top:10px}.use-grid{gap:30px 22px}.use-grid h3{font-size:18px}.use-grid p{font-size:12px}.use-label{font-size:7px;line-height:1.5;display:block}.faq .text-link{font-size:12px}summary{font-size:13px;padding-block:21px}.contact h2{font-size:42px}form{padding:23px}.field-row{grid-template-columns:1fr}.field-row .field{margin-bottom:20px}.footer-top{flex-wrap:wrap;gap:25px}.footer-top p{font-size:10px}.back-top{width:100%;justify-content:space-between}dialog{padding:32px 23px}dialog .eyebrow{margin-top:13px;font-size:8px}dialog h2{font-size:28px}.result-actions{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Keep intrinsic mockup sizes from widening small-screen grid tracks. */
@media(max-width:800px){.hero-grid,.custom-grid,.faq-grid,.contact-grid{grid-template-columns:minmax(0,1fr)}.hero-copy,.custom-copy,.custom-preview{min-width:0}.hero-copy{width:100%}}
@media(max-width:480px){h1{font-size:clamp(42px,12vw,57px);letter-spacing:-2.5px}.custom-card{width:min(270px,calc(100% - 12px));flex-shrink:0}.custom-toolbar{font-size:8px;letter-spacing:.8px}.custom-preview{overflow:hidden}.hero-visual{transform:scale(.66)}}
@media(max-width:360px){.hero-visual{transform:scale(.56);margin-bottom:-220px}.hero-notes{font-size:9px;gap:9px}.hero-actions{gap:14px}.hero-copy h1{font-size:42px;letter-spacing:-2.5px}}
/* Las tarjetas físicas se ofrecen únicamente con base blanca.
   Los colores del selector representan el diseño impreso. */
.card-mock,.product-card,.custom-card,.custom-card[data-theme=red],.custom-card[data-theme=white]{--print:#141414;background:linear-gradient(120deg,#fff,#f2f2ee);color:var(--print);box-shadow:0 20px 30px #0002,inset 0 0 0 1px #d5d5d0}
.card-mock:after{border-color:#00000008}
.product-card{--print:#d01729;border-left:8px solid #e52332}
.product-card .mock-logo span,.custom-card[data-theme=red] .mock-logo span{color:var(--red)}
.custom-card[data-theme=red]{--print:#c71b29}
.custom-card[data-theme=white]{--print:#626262}
.custom-card .mock-logo>span{color:var(--print)}
.swatch.gray{background:#777}
@media(max-width:480px){.custom-controls{font-size:10px}.preview-note{line-height:1.6}}
/* OneLink studio: white physical products, personalized printed artwork. */
.product-stand .stand-face{background:linear-gradient(115deg,#fff,#f0f0ee);color:#141414;border-color:#d9d9d7;box-shadow:inset -4px 0 #d6d6d3,3px 0 #d6d6d3}
.product-stand .stand-base{background:linear-gradient(#eee,#d4d4d0);border-color:#bcbcb7}.product-stand .stand-line{background:#ccc}
.custom-grid{align-items:start}.custom-preview{display:block;min-height:0}.custom-copy{padding-top:16px}.studio-stage{--studio-ink:#e52332;position:relative;min-width:0;height:270px;display:flex;align-items:center;justify-content:center;margin:14px 0 8px}
.studio-stage .custom-card{--print:#141414;margin:0;transform:rotate(-5deg);width:min(310px,calc(100% - 28px));height:192px;border:1px solid #d5d5d0;border-radius:13px;transition:transform .4s,width .4s,height .4s;box-shadow:10px 20px 30px #0002;background:linear-gradient(120deg,#fff,#f8f8f5);padding:24px;z-index:2}
.studio-stage .card-top{align-items:flex-start}.studio-brand{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;max-width:85%}.studio-brand #studio-name{font-size:23px;font-weight:750;letter-spacing:-.8px;line-height:1.15;color:var(--studio-ink);overflow-wrap:anywhere;display:block}
#studio-logo{width:100px;max-width:100%;height:42px;object-fit:contain;object-position:left center}#studio-tagline{font-size:12px;line-height:1.4;overflow-wrap:anywhere;max-width:190px;display:block}.studio-stage .studio-nfc,.studio-stage .card-arrow{color:var(--studio-ink)}
.studio-stage[data-layout=band] .custom-card{border-top:12px solid var(--studio-ink)}.studio-stage[data-layout=frame] .custom-card{box-shadow:inset 0 0 0 4px var(--studio-ink),10px 20px 30px #0002}.studio-stage .custom-card:after{border-color:#00000008}
.studio-stand-base{display:none}.studio-stage[data-format=stand]{height:320px}.studio-stage[data-format=stand] .custom-card{width:205px;height:267px;transform:rotate(4deg);border-radius:10px 10px 2px 2px;padding:24px 22px;align-self:flex-start;margin-top:10px}.studio-stage[data-format=stand] .card-bottom{align-items:flex-end}.studio-stage[data-format=stand] #studio-tagline{font-size:16px;max-width:130px}.studio-stage[data-format=stand] #studio-name{font-size:21px}.studio-stage[data-format=stand] .studio-stand-base{display:block;position:absolute;left:calc(50% - 113px);top:274px;width:218px;height:24px;background:linear-gradient(#fff,#ddd);border:1px solid #bbb;border-radius:0 0 8px 8px;transform:rotate(4deg) skewX(-20deg);box-shadow:10px 12px 20px #0001;z-index:1}
.qr-placeholder{display:flex;flex-direction:column;align-items:center;gap:0;border:1px dashed #aaa;padding:3px 5px;color:#141414;background:#fff}.qr-placeholder>span{font-size:27px;line-height:1}.qr-placeholder small{font-size:7px;letter-spacing:.6px}.base-note{font-size:11px;color:#555;text-align:center;margin:0 0 24px}.base-note>span{color:var(--red);padding-right:5px}
.studio-fields{border-top:1px solid #d1d1cb;padding-top:22px}.studio-fields .field{margin-bottom:16px}.studio-format{border:0;padding:0;margin:0 0 20px}.studio-format legend{font-size:11px;font-weight:700;margin-bottom:9px}.segmented{display:flex;gap:4px;background:#deded9;border-radius:5px;padding:4px}.segmented button{border:0;border-radius:3px;background:transparent;padding:10px;flex:1;font-size:12px;font-weight:700}.segmented button[aria-pressed=true]{background:white;box-shadow:0 2px 5px #0001;color:var(--red)}.studio-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.studio-color-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}.studio-color-row>label{font-size:11px;font-weight:700;flex:1;min-width:130px}.studio-color-row>input{width:39px;height:34px;border:1px solid #bbb;border-radius:5px;padding:3px;background:white;cursor:pointer}.studio-color-row .swatches{gap:12px}.swatch.blue{background:#1856a0}.logo-field input{font-size:11px;padding:9px}.logo-field input::file-selector-button{background:#141414;color:white;border:0;border-radius:3px;padding:8px;font-size:10px;margin-right:7px;cursor:pointer}.logo-field p{font-size:10px;color:#555;line-height:1.5;margin:7px 0}.logo-field #logo-status:empty{display:none}.check-label{display:flex;gap:9px;align-items:center;font-size:11px;line-height:1.5;margin-bottom:20px;cursor:pointer}.check-label input{width:17px;height:17px;accent-color:var(--red);flex-shrink:0}.studio-quote{width:100%;justify-content:space-between}.studio-fields .preview-note{font-size:10px;color:#555;margin-top:13px;line-height:1.6}
.website-offer{background:white;border:1px solid #deded9;border-radius:8px;padding:25px;margin-top:35px}.website-symbol{display:block;font-size:25px;color:var(--red);margin-bottom:14px}.website-offer h3{font-size:22px}.website-offer p{font-size:13px;color:#626262;margin:14px 0 21px}.website-offer small{display:block;font-size:10px;color:#626262;line-height:1.5;margin-top:15px}
/* Animated explanation; nothing asks the visitor to physically move a phone. */
#demo-dialog{width:660px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:34px}#demo-dialog h2{font-size:31px}.demo-instruction{padding:13px 16px;border-radius:6px;background:#fff1f2;font-size:12px;color:#555;line-height:1.7;margin:18px 0}.demo-instruction strong{display:block;color:#bb1826;font-size:14px}.demo-progress{list-style:none;padding:0;margin:22px 0 0;display:flex;gap:8px;justify-content:space-between}.demo-progress li{flex:1;border-bottom:2px solid #deded9;padding:0 0 10px;font-size:10px;color:#626262}.demo-progress li.is-active{color:#c71b29;border-color:var(--red);font-weight:700}.demo-scene{height:330px;background:radial-gradient(ellipse at 40% 60%,#f4eceb,#f7f7f3 70%);border-radius:8px;position:relative;margin-top:18px;overflow:hidden;isolation:isolate}.demo-white-card{position:absolute;left:40px;top:142px;width:235px;height:143px;padding:22px;background:#fff;border:1px solid #ddd;border-radius:11px;box-shadow:5px 15px 20px #0002;transform:rotate(-12deg);display:flex;flex-direction:column;justify-content:space-between;z-index:1}.demo-white-card strong{font-size:23px;letter-spacing:-1px}.demo-white-card strong span{color:var(--red)}.demo-white-card small{font-size:7px;letter-spacing:.6px;max-width:170px;line-height:1.6}.demo-card-nfc{position:absolute;right:21px;top:24px;color:var(--red);letter-spacing:-5px;font-size:22px}.demo-scene .demo-phone{position:absolute;right:36px;top:18px;width:170px;height:286px;padding:33px 11px 12px;margin:0;border:6px solid #252525;border-radius:25px;background:#f6f6f2;z-index:3;display:block;transform:translateX(0) rotate(5deg);transition:transform 1.2s cubic-bezier(.2,.8,.2,1);overflow:hidden}.demo-scene .phone-speaker{left:calc(50% - 22px);width:44px;top:10px}.demo-scene[data-step="1"] .demo-phone,.demo-scene[data-step="2"] .demo-phone,.demo-scene[data-step="3"] .demo-phone{transform:translateX(-65px) rotate(-4deg)}.demo-lockscreen{display:flex;flex-direction:column;align-items:center;gap:7px;margin-top:8px}.demo-lockscreen>span{font-size:35px;letter-spacing:-1.5px}.demo-lockscreen small{font-size:8px;color:#626262}.demo-notification{display:flex;align-items:center;gap:8px;padding:10px 8px;background:white;border:1px solid #ddd;border-radius:8px;text-align:left;margin-top:28px;opacity:0;transform:translateY(-12px);transition:opacity .4s,transform .4s;box-shadow:0 4px 15px #0001}.demo-notification>span{font-size:22px;color:var(--red)}.demo-notification strong{font-size:10px;display:block;margin-bottom:5px;line-height:1.3}.demo-notification small{font-size:8px;display:block;color:#626262;line-height:1.5}.demo-scene[data-step="2"] .demo-notification{opacity:1;transform:none}.demo-pointer{position:absolute;right:20px;top:167px;font-size:25px;opacity:0;z-index:4}.demo-scene[data-step="2"] .demo-pointer{animation:demo-tap 2.1s both}.demo-destination{position:absolute;inset:31px 9px 10px;display:flex;align-items:center;flex-direction:column;gap:7px;background:#fff;opacity:0;transform:translateY(12px);transition:opacity .5s,transform .5s;border-radius:5px}.demo-scene[data-step="3"] .demo-destination{opacity:1;transform:none}.demo-address{font-size:7px;background:#eee;width:100%;padding:6px;border-radius:3px;color:#626262}.demo-avatar{border-radius:50%;width:34px;height:34px;display:grid;place-items:center;background:var(--red);color:white;font-size:15px;margin-top:2px}.demo-destination>strong{font-size:15px;letter-spacing:-.5px}.demo-destination>small{font-size:7px;color:#626262;text-align:center;margin-bottom:4px}.demo-destination-link{display:block;padding:9px 7px;background:#f4f4ef;border-radius:4px;width:calc(100% - 12px);font-size:8px;text-align:left;color:#141414}.demo-waves{position:absolute;left:36%;top:110px;width:75px;height:75px;z-index:2;opacity:0}.demo-waves i{position:absolute;inset:0;border:2px solid var(--red);border-radius:50%;opacity:0}.demo-scene[data-step="1"] .demo-waves,.demo-scene[data-step="2"] .demo-waves{opacity:1}.demo-scene.is-playing .demo-waves i{animation:demo-signal 1.6s infinite}.demo-waves i:nth-child(2){animation-delay:.5s!important}.demo-waves i:nth-child(3){animation-delay:1s!important}.demo-scene.is-paused *{animation-play-state:paused!important}.demo-scene.is-paused .demo-phone{transition:none}.demo-status{font-size:12px;color:#555;line-height:1.6;min-height:39px;margin:18px 0}.demo-actions{display:flex;gap:12px}.demo-actions>.button{flex:1;font-size:12px}.demo-actions>.demo-pause{background:#eee;border-color:#ddd;flex:0 0 auto;min-width:100px}.demo-actions>.button:disabled{opacity:.72;transform:none}.demo-caption{font-size:10px;color:#626262;margin:14px 0 0}
@keyframes demo-signal{0%{opacity:.55;transform:scale(.3)}100%{opacity:0;transform:scale(1.5)}}@keyframes demo-tap{0%,25%{opacity:0;transform:translate(8px,15px)}50%,75%{opacity:1;transform:translate(0,0)}85%{opacity:1;transform:scale(.85)}100%{opacity:0;transform:scale(1)}}
@media(max-width:800px){.custom-preview{max-width:560px}.custom-copy{padding-top:0}.website-offer{max-width:560px}.studio-stage{height:270px}}
@media(max-width:480px){.studio-stage{height:235px}.studio-stage .custom-card{height:175px;padding:21px;width:calc(100% - 12px)}.studio-brand #studio-name{font-size:21px}#studio-tagline{max-width:150px;font-size:11px}.studio-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}.studio-fields .field select{font-size:11px;padding:12px 9px}.studio-color-row{gap:13px}.studio-color-row>label{flex-basis:100%}.studio-fields .logo-field input{font-size:10px}.website-offer{padding:23px}#demo-dialog{padding:30px 18px 22px}#demo-dialog h2{font-size:27px}.demo-instruction{padding:11px;font-size:11px}.demo-progress li{font-size:9px}.demo-scene{height:292px}.demo-white-card{left:9px;top:157px;width:168px;height:105px;padding:16px}.demo-white-card strong{font-size:19px}.demo-white-card small{font-size:6px;max-width:135px}.demo-card-nfc{top:17px;right:16px}.demo-scene .demo-phone{right:13px;top:16px;width:145px;height:253px;padding:30px 8px 10px;border-width:5px}.demo-scene[data-step="1"] .demo-phone,.demo-scene[data-step="2"] .demo-phone,.demo-scene[data-step="3"] .demo-phone{transform:translateX(-28px) rotate(-4deg)}.demo-lockscreen>span{font-size:31px}.demo-lockscreen small{font-size:7px}.demo-notification{margin-top:24px;padding:8px 6px;gap:5px}.demo-notification strong{font-size:9px}.demo-notification small{font-size:7px}.demo-pointer{top:154px;right:16px}.demo-destination{inset:29px 6px 7px;gap:6px}.demo-avatar{width:27px;height:27px;font-size:13px}.demo-destination-link{padding:8px 6px;font-size:7px}.demo-destination>small{font-size:6px}.demo-waves{left:31%;top:113px;width:58px;height:58px}.demo-actions>.button{padding:15px 12px;font-size:11px;gap:8px}.demo-actions>.demo-pause{min-width:80px}.demo-status{font-size:11px;min-height:53px}}
@media(prefers-reduced-motion:reduce){.demo-scene .demo-phone{transition:none}.demo-scene[data-step="2"] .demo-pointer{opacity:1}.demo-waves{display:none}.studio-stage .custom-card{transition:none}}
.logo-field{position:relative}.logo-field .logo-native-input{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.logo-field .logo-upload-control{display:flex;align-items:center;gap:12px;border:1px solid #d8d8d5;border-radius:4px;background:#fff;padding:9px;cursor:pointer;font-weight:400}.logo-upload-control>span{background:#141414;color:#fff;padding:9px 12px;font-size:11px;border-radius:3px;flex-shrink:0}.logo-upload-control small{font-size:10px;color:#626262;overflow-wrap:anywhere;min-width:0}.logo-native-input:focus-visible+.logo-upload-control{outline:3px solid #156acc;outline-offset:4px}
@media(min-width:481px){.demo-scene[data-step="1"] .demo-phone,.demo-scene[data-step="2"] .demo-phone,.demo-scene[data-step="3"] .demo-phone{transform:translateX(-120px) rotate(-4deg)}}
.studio-demo{width:100%;background:white;border-color:#ccc;font-size:12px;margin-bottom:12px;justify-content:space-between}.studio-demo:hover{border-color:var(--red);color:var(--red)}
.demo-product{position:absolute;left:40px;top:142px;width:310px;height:192px;transform:rotate(-12deg) scale(.72);transform-origin:top left;z-index:1}.demo-product .studio-stage{display:block;width:310px;height:192px;min-height:0;margin:0}.demo-product .studio-stage .custom-card{width:310px;height:192px;padding:24px;transform:none;margin:0;align-self:auto;box-shadow:6px 18px 25px #0002}
.demo-product [data-studio-part=studio-name]{font-weight:750;letter-spacing:-.8px;line-height:1.15;color:var(--studio-ink);font-size:23px;overflow-wrap:anywhere;display:block}.demo-product [data-studio-part=studio-tagline]{font-size:12px;line-height:1.4;overflow-wrap:anywhere;max-width:190px;display:block}.demo-product [data-studio-part=studio-logo]{width:100px;max-width:100%;height:42px;object-fit:contain;object-position:left center}
.demo-scene[data-format=stand] .demo-product{left:118px;top:62px;width:205px;height:294px;transform:rotate(-5deg) scale(.7)}.demo-product .studio-stage[data-format=stand]{width:205px;height:294px}.demo-product .studio-stage[data-format=stand] .custom-card{width:205px;height:267px;margin:0;padding:24px 22px}.demo-product .studio-stage[data-format=stand] .studio-stand-base{left:-5px;top:266px;transform:skewX(-20deg);width:218px}.demo-product .studio-stage[data-format=stand] [data-studio-part=studio-tagline]{font-size:16px;max-width:130px}.demo-product .studio-stage[data-format=stand] [data-studio-part=studio-name]{font-size:21px}
#demo-dialog .demo-avatar{background:var(--demo-ink,var(--red));overflow:hidden}#demo-brand-logo{width:100%;height:100%;object-fit:contain;background:white;padding:2px}#demo-brand-name{color:var(--demo-ink,var(--red));font-size:13px;overflow-wrap:anywhere;max-width:100%;text-align:center;line-height:1.15}#demo-brand-tagline{max-width:100%;overflow-wrap:anywhere;line-height:1.3;padding-inline:4px;font-size:7px}.demo-destination{gap:5px}.demo-address{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.demo-notification small{overflow-wrap:anywhere}
@media(max-width:480px){.demo-product{left:9px;top:157px;transform:rotate(-12deg) scale(.54)}.demo-scene[data-format=stand] .demo-product{left:18px;top:72px;transform:rotate(-5deg) scale(.62)}#demo-brand-name{font-size:12px}#demo-brand-tagline{font-size:6px}}
.demo-product .studio-stage[data-layout=frame] .custom-card{box-shadow:inset 0 0 0 4px var(--studio-ink),6px 18px 25px #0002}
.selected-design-note{padding:14px;border:1px solid #ddd;border-radius:5px;background:#fafaf8;display:flex;flex-direction:column;gap:10px;font-size:11px;line-height:1.5;margin-bottom:20px}.selected-design-note .text-link{align-self:flex-start;font-size:11px}
.color-editor{border:1px solid #d2d2cd;border-radius:7px;padding:17px;margin:0 0 22px;background:#f5f5f1;min-width:0}.color-editor legend{font-size:11px;font-weight:700;padding:0 5px}.color-help{font-size:10px;color:#626262;margin:0 0 13px;line-height:1.6}.color-spectrum{--spectrum-hue:#ff0015;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),var(--spectrum-hue);height:160px;border-radius:5px;position:relative;touch-action:none;cursor:crosshair;box-shadow:inset 0 0 0 1px #0001;overflow:hidden}#spectrum-cursor{position:absolute;width:14px;height:14px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0008;transform:translate(-50%,-50%);pointer-events:none}.spectrum-label,.color-fine-controls label{display:block;font-size:10px;font-weight:700;margin:12px 0 6px}.color-editor input[type=range]{width:100%;accent-color:#141414;cursor:pointer;height:24px;margin:0}.color-editor .hue-slider{appearance:none;-webkit-appearance:none;border-radius:20px;height:15px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);display:block;margin:9px 0 5px}.hue-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:3px solid #fff;border-radius:50%;background:#141414;box-shadow:0 0 0 1px #555}.hue-slider::-moz-range-thumb{width:15px;height:15px;border:3px solid #fff;border-radius:50%;background:#141414}.color-fine-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px}.color-value-row{display:flex;align-items:center;gap:14px;margin-top:16px;flex-wrap:wrap}.color-value-row .field{flex:1;min-width:105px;margin:0}.color-value-row .field input{font-family:Consolas,monospace;font-size:13px;padding:10px}.native-color label{font-size:10px;font-weight:700;display:block;margin-bottom:8px}.native-color input{width:43px;height:37px;background:white;border:1px solid #ccc;border-radius:4px;padding:3px;cursor:pointer}.color-value-row .swatches{gap:10px;padding-top:18px}.color-error{font-size:10px;color:#a41724;margin:10px 0 0;line-height:1.5}.color-error:empty{display:none}.color-applies{font-size:10px;color:#555;margin:13px 0 0;line-height:1.6}#design-color-hex[aria-invalid=true]{border-color:#b51d2b}@media(max-width:480px){.color-editor{padding:14px}.color-spectrum{height:145px}.color-value-row{gap:10px}.color-value-row .swatches{gap:10px}}
.color-quick-row{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:32px}.color-quick-row>span{font-size:11px;font-weight:600}.color-quick-row .swatches{align-items:center;gap:12px}.spectrum-toggle{position:relative;background:conic-gradient(#ff293b,#ffe600,#00dc7b,#04c9ff,#5650ff,#f338cb,#ff293b);border-color:#0002;display:grid;place-items:center}.spectrum-toggle>span{background:#fff;border-radius:50%;width:13px;height:13px;font-size:12px;line-height:13px;color:#333;font-weight:700}.spectrum-toggle[aria-expanded=true]{outline:1px solid #444;outline-offset:4px}.spectrum-toggle:focus-visible{outline:3px solid #156acc;outline-offset:4px}.color-panel{border-top:1px solid #d2d2cd;margin-top:16px;padding-top:15px}.color-panel:not([hidden]){animation:color-panel-in .18s ease-out}.color-panel .color-value-row{flex-wrap:nowrap}.color-panel .color-value-row .field{min-width:0}@keyframes color-panel-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}@media(max-width:360px){.color-quick-row .swatches{gap:10px}.color-quick-row>span{font-size:10px}}
/* Crisp color wheel with an eyedropper at the same scale as the palette. */
.spectrum-toggle{width:32px;height:32px;background:#fff;border:1px solid #cfcfc9;padding:3px;box-shadow:0 2px 5px #0000000c;transition:transform .2s,box-shadow .2s,border-color .2s}.spectrum-toggle>.spectrum-wheel{width:24px;height:24px;line-height:normal;display:block;border-radius:50%;background:conic-gradient(from -25deg,#fb3349,#ff9146,#ffdb3b,#85d34a,#17c78d,#20c5e8,#3688fa,#7356ef,#c044df,#f2469c,#fb3349);box-shadow:inset 0 0 0 .4px #0001}.spectrum-wheel svg{width:24px;height:24px;display:block}.spectrum-toggle:hover{transform:translateY(-2px) scale(1.08);box-shadow:0 4px 10px #0002;border-color:#999}.spectrum-toggle[aria-expanded=true]{box-shadow:0 0 0 3px #e5233214;outline:1px solid #aaa;outline-offset:2px}.spectrum-toggle:focus-visible{outline:3px solid #156acc;outline-offset:4px}
@media(prefers-reduced-motion:no-preference){
.hero-copy>.eyebrow,.hero-copy>h1,.hero-description,.hero-actions,.hero-notes{animation:hero-arrive .7s cubic-bezier(.2,.7,.3,1) both}.hero-copy>h1{animation-delay:.07s}.hero-description{animation-delay:.14s}.hero-actions{animation-delay:.21s}.hero-notes{animation-delay:.28s}.hero-visual{animation:visual-arrive .9s ease-out both}
.scroll-reveal{opacity:0;translate:0 18px;transition:opacity .65s ease var(--reveal-delay,0ms),translate .65s cubic-bezier(.2,.7,.3,1) var(--reveal-delay,0ms)}.scroll-reveal.is-revealed,.scroll-reveal:focus-within{opacity:1;translate:0 0}
.product-scene .card-mock,.product-scene .stand-mock{transition:translate .35s ease}.product:hover .product-scene .card-mock,.product:hover .product-scene .stand-mock{translate:0 -7px}.use-grid article{transition:opacity .65s ease var(--reveal-delay,0ms),translate .65s ease var(--reveal-delay,0ms),border-color .25s}.use-grid article:hover{border-color:#e52332}.circle-link:hover{transform:rotate(8deg)}.circle-link{transition:background .2s,transform .2s,color .2s}.swatch:not(.spectrum-toggle){transition:transform .2s,box-shadow .2s}.swatch:not(.spectrum-toggle):hover{transform:scale(1.12)}
.header nav>a:not(.button){position:relative}.header nav>a:not(.button):after{content:'';position:absolute;left:0;right:0;bottom:8px;height:1px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .2s}.header nav>a:not(.button):hover:after{transform:scaleX(1)}
}
@keyframes hero-arrive{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}@keyframes visual-arrive{from{opacity:0;translate:16px 0}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;translate:0 0}.spectrum-toggle:hover{transform:none}.product-scene .card-mock,.product-scene .stand-mock{translate:0 0}}

/* Official OneLink artwork provided by the brand. */
.brand img{width:180px;height:auto}.mock-logo .product-brand-logo{width:140px;height:auto;max-width:100%}.stand-face .product-brand-logo{width:140px}.hero-card .product-brand-logo{width:155px}.product-card .product-brand-logo{width:140px}@media(max-width:480px){.brand img{width:155px;height:auto}}

/* Touch-first layout and actions for small screens. */
.studio-step{border:0;border-top:1px solid #d1d1cb;margin:0}.studio-step summary{display:none}.studio-step-content{padding-top:18px}.mobile-actions{display:none}
@media(max-width:800px){
 body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.container{width:calc(100% - 36px)}
 .header{height:72px}.nav-wrap{gap:12px}html{scroll-padding-top:88px}nav#navigation{top:72px;padding:12px 18px 20px;max-height:calc(100dvh - 72px);overflow-y:auto;border-radius:0 0 16px 16px}nav#navigation a{min-height:48px;border-bottom:1px solid #eee;font-size:15px}
 .menu-toggle{min-height:44px;border-radius:8px}.hero-copy{padding-top:36px}.hero-description{line-height:1.75}.hero-actions{flex-wrap:wrap}.hero-actions>.text-button{min-height:48px}.hero-notes{flex-wrap:wrap;gap:12px;line-height:1.6}
 .custom-preview{padding:18px;border-radius:16px}.custom-toolbar{gap:10px;flex-wrap:wrap}.preview-badge{font-size:10px}.studio-fields{padding-top:0;border-top:0}.studio-step summary{display:flex;align-items:center;justify-content:space-between;padding:19px 0;min-height:58px;font-size:14px;font-weight:700;cursor:pointer;list-style:none}.studio-step summary::-webkit-details-marker{display:none}.studio-step summary>span{font-size:22px;font-weight:400;transition:rotate .2s}.studio-step[open] summary>span{rotate:45deg}.studio-step-content{padding-top:0;padding-bottom:12px}.studio-fields label,.studio-format legend,.color-editor legend{font-size:13px;line-height:1.5}.studio-fields input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]),.studio-fields select,#quote-form input,#quote-form select,#quote-form textarea{font-size:16px;min-height:48px;border-radius:8px}.studio-fields .field{margin-bottom:18px}.studio-row{grid-template-columns:minmax(0,1fr);gap:0}.segmented button{min-height:46px;font-size:14px}.color-quick-row{flex-wrap:wrap;gap:10px}.color-quick-row .swatches{gap:8px}.color-quick-row .swatch{width:44px;height:44px;flex-shrink:0}.spectrum-toggle>.spectrum-wheel{width:28px;height:28px}.spectrum-wheel svg{width:28px;height:28px}.color-editor{padding:14px}.color-help,.color-applies,.spectrum-label,.color-fine-controls label,.native-color label{font-size:12px}.color-spectrum{height:175px}.color-editor input[type=range]{height:44px}.color-editor .hue-slider{height:18px;margin:18px 0}.color-panel .color-value-row .field input{font-size:16px}.native-color input{width:48px;height:48px}.logo-field .logo-upload-control{min-height:52px;flex-wrap:wrap}.logo-upload-control>span{font-size:12px;padding:12px}.logo-upload-control small{font-size:12px}.check-label{font-size:13px;min-height:44px}.check-label input{width:22px;height:22px}.studio-demo,.studio-quote{min-height:52px;font-size:13px;line-height:1.4;margin-top:12px}.base-note{font-size:11px;line-height:1.6}.studio-fields .preview-note{font-size:11px}
 .mobile-actions{position:fixed;z-index:25;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1.4fr;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #dededb;box-shadow:0 -8px 25px #00000008;backdrop-filter:blur(12px)}.mobile-actions button{min-height:48px;padding:10px 12px;border:1px solid #dededb;border-radius:10px;background:white;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}#mobile-quote{background:var(--red);color:white;border-color:var(--red);justify-content:space-between}
 #quote-form{padding:24px 20px;border-radius:16px}#quote-form label{font-size:13px;line-height:1.5}#quote-form textarea{min-height:120px;line-height:1.6}.form-intro{font-size:13px;line-height:1.6}.form-foot,.form-foot p{font-size:11px;line-height:1.7}.form-submit{font-size:14px;border-radius:10px;min-height:56px}.result-actions{gap:14px}.result-actions>.button,.result-actions>.text-link{min-height:44px}.faq summary{font-size:15px;line-height:1.6;padding-right:24px}.faq details p{font-size:14px;line-height:1.75}.contact-copy>p,.website-offer p{font-size:14px;line-height:1.75}
 #demo-dialog{border-radius:18px;max-height:calc(100dvh - 16px);max-width:calc(100vw - 16px);padding:28px 16px 20px}#demo-dialog .dialog-close{width:44px;height:44px;top:6px;right:6px}#demo-dialog .demo-caption{font-size:11px;line-height:1.6}.demo-actions{position:sticky;bottom:-20px;background:white;padding:10px 0;margin-top:0}.demo-actions .button{min-height:48px;border-radius:8px}.demo-instruction{font-size:12px}.demo-status{font-size:12px;line-height:1.7}.footer-bottom{font-size:11px;line-height:1.7}.back-top{min-height:44px;align-items:center}
}
@media(max-width:480px){h1{font-size:clamp(43px,12vw,57px);letter-spacing:-2.2px;line-height:1.05}.hero-description{font-size:16px}.hero-notes{font-size:11px}.section{padding-block:52px}.use-grid{grid-template-columns:1fr;gap:24px}.use-grid article{border-top:1px solid #ddd;padding-top:20px}.use-icon{margin-bottom:14px}.use-grid h3{font-size:23px}.use-grid p{font-size:14px;line-height:1.7}.use-label{font-size:10px}.hero-visual{transform:scale(.62);margin-top:6px;margin-bottom:-205px}.hero-bottom{font-size:9px;line-height:1.6}.ribbon span{font-size:9px}.ribbon{gap:12px}.ribbon span:last-child{display:none}.studio-stage[data-format=stand]{height:330px}.studio-stage[data-format=stand] .custom-card{height:275px;width:200px}.studio-stage[data-format=stand] .studio-stand-base{top:274px;left:calc(50% - 106px);width:210px}.contact h2{font-size:40px}.product-info p{font-size:14px;line-height:1.65}}
@media(max-width:360px){.container{width:calc(100% - 28px)}.custom-preview{padding:14px}.mobile-actions{padding-inline:12px;gap:8px}.mobile-actions button{font-size:12px;padding-inline:10px}.hero-visual{transform:scale(.54);margin-bottom:-248px}.color-quick-row>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.studio-step summary>span{transition:none}}
@media(max-width:800px){html{scroll-padding-bottom:110px}.studio-step summary,.studio-fields .field,.studio-fields button,.studio-fields input,.studio-fields select{scroll-margin-top:95px;scroll-margin-bottom:110px}}
@media(max-width:800px){nav.mobile-actions{top:auto;height:auto;max-height:none;overflow:visible;flex-direction:initial;align-items:stretch;border-radius:0;min-height:0}}