@font-face{font-family:'Space Grotesk';src:url('/fonts/SpaceGrotesk-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('/fonts/SpaceGrotesk-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('/fonts/SpaceGrotesk-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('/fonts/SpaceGrotesk-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{--ink:#191a17;--panel:#21221e;--gold:#d8aa5c;--paper:#f0ebdf;--muted:#b4b3a8;--line:#ffffff20;--ease:cubic-bezier(.2,.75,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--paper);font:17px/1.65 'Space Grotesk',Arial,sans-serif;-webkit-font-smoothing:antialiased;background-image:none}button,input,select,textarea{font:inherit}a{color:inherit}button,a,input,summary,select,textarea{-webkit-tap-highlight-color:transparent}a,button,summary{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}a{text-decoration:none}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}em{font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;font-style:normal;color:var(--gold)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--gold);outline-offset:6px}::selection{background:var(--gold);color:var(--ink)}.skip-link{position:fixed;top:-90px;left:20px;z-index:20;padding:10px 20px;background:var(--gold);color:var(--ink)}.skip-link:focus{top:10px}
.site-header{height:104px;max-width:1600px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5;background:var(--ink)}.site-brand{display:inline-flex;flex-shrink:0}.site-brand img{width:150px;height:58px;object-fit:contain}.site-navigation{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:500}.site-navigation a{transition:color .2s}.site-navigation a:hover{color:var(--gold)}.nav-cta{padding:12px 20px;border:1px solid #d8aa5c70}.nav-cta span{margin-left:24px;color:var(--gold)}.nav-toggle{display:none}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:10px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #d8aa5c15;flex-shrink:0}.hero-section{max-width:1600px;min-height:740px;margin:auto;display:grid;grid-template-columns:1.03fr 1fr;position:relative;overflow:hidden}.hero-copy{padding:76px 0 64px 10%;position:relative;z-index:2}.hero-copy .eyebrow{color:var(--gold);margin-bottom:32px}.hero-copy h1{font-size:clamp(64px,6.6vw,102px);line-height:1.03;letter-spacing:-4.5px;font-weight:500}.hero-copy h1 em{font-size:.94em;letter-spacing:-4px;white-space:nowrap}.hero-description{font-size:18px;line-height:1.65;color:var(--muted);max-width:370px;margin:30px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:15px 24px;background:var(--gold);color:var(--ink);font-size:14px;font-weight:700;border:1px solid var(--gold);transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px);background:#e9bd73}.button:active{transform:translateY(0)}.button span{font-size:22px;line-height:1}.hero-tour{display:inline-flex;align-items:center;gap:9px;margin:20px 0 0 22px;font-size:13px}.play-icon{font-size:23px;color:var(--gold)}.launch-note{font-size:11px;color:var(--muted);margin-top:17px;letter-spacing:.5px}.hero-art{position:relative;min-width:0;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 49%;opacity:.7}.hero-art-shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--ink),transparent 30%),linear-gradient(0deg,#191a1780,transparent 40%)}.hero-index{position:absolute;right:25px;top:39px;writing-mode:vertical-rl;font-size:9px;letter-spacing:2.2px;color:#f0ebdf99}.phone{background:#141411;border:5px solid #35352f;border-radius:38px;padding:4px;box-shadow:0 32px 70px #0009;overflow:hidden}.phone img{width:100%;height:auto;border-radius:29px}.hero-phone{position:absolute;width:260px;left:20%;top:65px;transform:rotate(8deg);animation:phone-arrive 1.2s var(--ease) both}.floating-note{position:absolute;bottom:128px;left:1%;border:1px solid #ffffff30;background:#282923ee;padding:18px 26px;display:flex;align-items:center;gap:20px;font-size:13px;line-height:1.5;box-shadow:0 12px 30px #0004;transform:rotate(-4deg)}.floating-note strong{font-weight:500;color:var(--gold)}.tiny-mark{font-size:40px;color:var(--gold)}.hero-caption{position:absolute;bottom:28px;right:7%;font-size:11px;letter-spacing:.5px;color:#efeadcc0}.chapter-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1600px;margin:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 5%;font-size:17px}.chapter-strip>span:first-child{font-size:9px;letter-spacing:1.8px;color:var(--muted);max-width:130px}.chapter-strip i{font-style:normal;color:var(--gold);font-size:13px}.section{max-width:1440px;padding:104px 5.5%;margin:auto}.section-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.section-meta .eyebrow{color:var(--gold)}.section-meta>span:last-child:not(:first-child){font-size:11px;color:var(--muted)}h2{font-size:clamp(35px,4.1vw,58px);line-height:1.16;letter-spacing:-1.8px;font-weight:500}h2 em{font-size:.94em}.intro-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center}.intro-grid>p{color:var(--muted);font-size:16px;max-width:385px}.feature-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-top:55px}.feature{position:relative;padding:34px;background:var(--panel);overflow:hidden}.feature-number{font-size:10px;letter-spacing:1.5px;color:var(--gold);display:block;margin-bottom:24px}.feature h3{font-weight:500;font-size:30px;line-height:1.18;letter-spacing:-.7px}.feature p{font-size:14px;line-height:1.65;max-width:340px;color:var(--muted);margin-top:16px}.feature-collection{grid-row:span 2;padding-bottom:0}.collection-preview{height:320px;margin:35px -34px 0;background:#34362d;position:relative;overflow:hidden;padding:24px 34px}.preview-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;color:#dddfca99}.collection-word{display:block;margin-top:30px;font:500 38px 'Space Grotesk',Arial,sans-serif;max-width:150px;line-height:1.2}.collection-preview img{width:190px;height:auto;position:absolute;right:24px;top:68px;border:4px solid #161713;border-radius:25px;transform:rotate(-10deg);box-shadow:0 18px 40px #0007}.record-lines{margin-top:22px}.record-lines>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid var(--line);font-size:12px}.record-lines span{font-size:9px;letter-spacing:1px;color:var(--muted)}.record-lines b{font-weight:500}.care-visual{display:flex;gap:15px;align-items:center;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.care-symbol{font-size:40px;line-height:1;color:var(--gold)}.care-visual b{font-size:12px;font-weight:500;display:block}.care-visual div>span{font-size:11px;color:var(--muted)}.tour-section{border-top:1px solid var(--line)}.tour-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.tour-copy{padding:35px 0}.tour-copy>p{color:var(--muted);font-size:16px;max-width:330px;margin-top:24px}.tour-tabs{margin-top:40px}.tour-tabs button{width:100%;display:flex;align-items:center;gap:20px;padding:21px 5px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;font-size:17px;color:var(--muted);transition:color .2s,padding .2s}.tour-tabs button span{font-size:10px;color:var(--muted)}.tour-tabs button b{font-weight:400;margin-left:auto;opacity:0}.tour-tabs button[aria-selected=true]{color:var(--gold);padding-left:12px}.tour-tabs button[aria-selected=true] b{opacity:1}.tour-stage{background:#292b23;position:relative;overflow:hidden;min-height:700px}.tour-panel{height:100%;display:flex;flex-direction:column;align-items:center;position:relative;padding:45px 30px 30px}.tour-phone{width:218px;position:relative;z-index:1;border-radius:32px;box-shadow:0 25px 50px #0006}.tour-phone img{border-radius:24px}.tour-caption{text-align:center;margin-top:28px;position:relative;max-width:350px}.tour-caption h3{font-size:20px;font-weight:500;letter-spacing:-.3px}.tour-caption p{font-size:13px;color:var(--muted);margin-top:8px}.tour-orbit{position:absolute;width:520px;height:520px;border:1px solid #b8b69425;border-radius:50%;top:50px;left:50%;transform:translateX(-50%)}.tour-orbit:after{content:'';position:absolute;inset:40px;border:1px solid #b8b69425;border-radius:50%}.privacy-section{display:grid;grid-template-columns:1fr 3fr;align-items:center;gap:55px;border-top:1px solid var(--line);padding-top:80px;padding-bottom:90px}.privacy-symbol{display:grid;place-items:center}.privacy-symbol img{height:145px;width:130px;opacity:.75}.privacy-section .eyebrow{margin-bottom:20px;color:var(--gold)}.privacy-section p:not(.eyebrow){color:var(--muted);max-width:570px;font-size:15px;margin:22px 0}.text-link{font-size:13px;border-bottom:1px solid #d8aa5c70;padding-bottom:6px;transition:color .2s}.text-link:hover{color:var(--gold)}.makers-section{max-width:1600px;margin:auto;position:relative;min-height:580px;display:flex;align-items:center;overflow:hidden}.makers-section>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center;opacity:.65}.makers-section:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#171811ee,transparent 95%)}.makers-copy{position:relative;z-index:1;padding:70px 6%;max-width:750px}.makers-copy .eyebrow{color:var(--gold);margin-bottom:30px}.makers-copy>p:not(.eyebrow){max-width:390px;color:var(--paper);margin:24px 0;font-size:16px}.button-light{background:var(--paper);border-color:var(--paper)}.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:90px}.faq-section .eyebrow{margin-bottom:22px;color:var(--gold)}.faq-section .text-link{display:inline-block;margin-top:30px}.faq-list details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.faq-list summary{display:flex;justify-content:space-between;gap:30px;padding:22px 0;font-size:17px}.faq-list summary span{font-size:22px;color:var(--gold);transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:15px;color:var(--muted);padding:0 35px 24px 0}.signup-section{max-width:1440px;margin:0 auto;padding:80px 5.5% 90px;display:grid;grid-template-columns:1fr 1fr;gap:85px;border-top:1px solid #d8aa5c55;background:linear-gradient(120deg,#d8aa5c0b,transparent)}.signup-section .eyebrow{color:var(--gold);margin-bottom:24px}.signup-section>div>p:last-child{color:var(--muted);margin-top:22px}.launch-form{align-self:center}.launch-form>label{font-size:11px;letter-spacing:1px;text-transform:uppercase}.email-row{display:flex;border-bottom:1px solid var(--gold);margin:12px 0 22px}.email-row input{width:100%;min-width:0;border:0;color:var(--paper);background:none;padding:12px 0 18px;font-size:25px;outline-offset:2px}.email-row button{border:0;background:none;color:var(--gold);font-size:34px;padding:0 15px}.email-row button:disabled{opacity:.4}.signup-extras{border-bottom:1px solid var(--line);padding-bottom:15px;font-size:13px}.signup-extras summary{display:flex;justify-content:space-between}.signup-extras summary span{color:var(--muted);font-size:11px}.extras-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.extras-grid input,.extras-grid select{display:block;background:var(--panel);border:1px solid var(--line);color:var(--paper);padding:8px;width:100%;margin-top:5px;border-radius:0}.signup-extras fieldset{border:0;padding:0;margin:16px 0;display:flex;gap:12px;flex-wrap:wrap}.signup-extras legend{margin-bottom:10px}.signup-extras input[type=checkbox]{accent-color:var(--gold)}.signup-fine{font-size:11px;color:var(--muted);margin-top:17px}.signup-fine a{text-decoration:underline}.launch-form [role=status]{font-size:14px;margin-top:12px;color:var(--gold)}.site-footer{max-width:1440px;margin:auto;padding:45px 5.5% 24px;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top p{font:400 21px 'Space Grotesk',Arial,sans-serif;color:var(--muted)}.footer-links{display:flex;gap:23px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin:38px 0}.footer-links a:hover{color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;font-size:10px;color:var(--muted)}
/* Existing policy, contact and app connector pages retain their content and behavior. */
.wrap{width:100%;max-width:1180px;padding:0 5%;margin:auto}.doc-head{margin:0;padding:70px 0 40px}.doc-title{font-family:'Space Grotesk',Arial,sans-serif;font-weight:500;font-size:clamp(42px,6vw,74px);letter-spacing:-2px;line-height:1.15;color:var(--paper)}.doc-overline{color:var(--gold);letter-spacing:2px;font-size:11px}.doc-updated{color:var(--muted)}.doc-body{max-width:800px;margin:40px auto 70px}.doc-section p,.doc-section li{color:var(--muted)}.doc-section h2{font-family:'Space Grotesk',Arial,sans-serif;color:var(--paper);font-size:26px;letter-spacing:-.4px}.legal-nav{gap:12px}.legal-nav__link{border-radius:0}.contact-page{padding-top:70px}.field__input,.field__select,.field__textarea,.auth-field__input{border-radius:3px;background:var(--panel);color:var(--paper)}.contact-submit,.auth-btn{border-radius:0;background:var(--gold);color:var(--ink);box-shadow:none}.contact-success{display:none}.is-sent .contact-success{display:block}.gear-card{border-radius:4px;background:var(--panel)}.gear-card__logo{max-width:140px}.wrap .site-footer{padding-left:0;padding-right:0}.maker-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.maker-hero h1{font-size:clamp(48px,6vw,82px);line-height:1.1;letter-spacing:-2.5px;margin:25px 0}.maker-hero .lead{color:var(--muted);margin-bottom:30px;max-width:480px}.maker-screen{background:#292b23;padding:45px;display:grid;place-items:center}.maker-screen .phone{max-width:245px}.maker-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;border-top:1px solid var(--line);padding-top:50px}.maker-benefits h2{font-size:28px;margin:15px 0}.maker-benefits p{font-size:15px;color:var(--muted)}.not-found{min-height:60vh;display:grid;place-content:center;text-align:center;gap:30px;padding:60px 25px}.not-found .button{justify-self:center}
@keyframes phone-arrive{from{opacity:0;transform:translateY(35px) rotate(12deg)}to{opacity:1;transform:translateY(0) rotate(8deg)}}
@media(prefers-reduced-motion:no-preference){.reveal-in{animation:reveal-in .75s var(--ease) both}@keyframes reveal-in{from{opacity:.25;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}}
@media(min-width:1600px){.hero-copy{padding-left:80px}.hero-phone{left:23%;width:280px}.hero-section{min-height:790px}}
@media(max-width:1100px){.site-navigation{gap:22px}.hero-copy{padding-top:62px}.hero-copy h1{font-size:70px;letter-spacing:-3px}.hero-copy h1 em{letter-spacing:-3px}.hero-tour{margin-left:0;display:flex}.hero-section{min-height:750px}.hero-phone{width:235px;left:17%;top:95px}.floating-note{bottom:150px}.intro-grid{gap:35px}.tour-grid{gap:35px}.section{padding-top:80px;padding-bottom:80px}.faq-section{gap:45px}.signup-section{gap:45px}.feature{padding:28px}.collection-preview{margin-left:-28px;margin-right:-28px}.collection-preview img{right:-10px}.collection-word{font-size:30px}.maker-hero{gap:40px}}
@media(max-width:760px){html{scroll-padding-top:30px}.site-header{height:82px;padding:0 6%}.site-brand img{width:130px;height:50px}.nav-toggle{display:flex;gap:12px;align-items:center;border:0;background:none;font-size:13px;padding:12px 0}.nav-toggle span{color:var(--gold);font-size:22px;transition:transform .2s}.nav-toggle[aria-expanded=true] span{transform:rotate(45deg)}.site-navigation{display:none;position:absolute;top:81px;left:0;right:0;background:var(--ink);padding:25px 6% 32px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #0005}.site-navigation.is-open{display:flex;flex-direction:column;align-items:stretch;gap:20px}.nav-cta{display:flex;justify-content:space-between}.hero-section{grid-template-columns:1fr;min-height:0}.hero-copy{padding:47px 6% 30px}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:26px}.hero-copy h1{font-size:clamp(54px,10.8vw,80px);letter-spacing:-2.8px}.hero-copy h1 em{letter-spacing:-2.8px}.hero-description{font-size:16px;max-width:370px;margin:23px 0}.hero-tour{display:inline-flex;margin:15px 0 0 18px;font-size:12px}.hero-art{height:580px;margin-top:8px}.hero-photo{object-position:50% 50%;opacity:.75}.hero-art-shade{background:linear-gradient(180deg,var(--ink),transparent 25%,transparent 75%,#191a1790)}.hero-phone{width:218px;left:calc(50% - 80px);top:35px}.floating-note{left:8%;bottom:65px;font-size:12px;padding:14px 18px}.hero-caption{bottom:15px;font-size:10px}.hero-index{top:40px;right:18px}.chapter-strip{padding:20px 6%;gap:12px;flex-wrap:wrap;justify-content:center;font-size:14px}.chapter-strip>span:first-child{max-width:none;width:100%;text-align:center;font-size:8px;margin-bottom:5px}.chapter-strip i{font-size:9px}.section{padding:65px 6%}.section-meta{margin-bottom:30px}.section-meta>span:last-child:not(:first-child){display:none}h2{font-size:39px;letter-spacing:-1.3px}.intro-grid{grid-template-columns:1fr;gap:24px}.intro-grid>p{font-size:15px}.feature-grid{grid-template-columns:1fr;margin-top:35px;gap:15px}.feature-collection{grid-row:auto}.feature h3{font-size:28px}.feature p{max-width:none}.collection-preview{height:310px}.collection-preview img{right:30px;width:180px}.collection-word{font-size:32px;width:130px}.tour-grid{grid-template-columns:1fr;gap:30px}.tour-copy{padding:0}.tour-copy>p{max-width:none}.tour-tabs{margin-top:25px}.tour-tabs button{padding:18px 2px;font-size:16px}.tour-stage{min-height:650px}.tour-panel{padding:35px 24px 28px}.tour-phone{width:205px}.privacy-section{grid-template-columns:1fr;gap:25px}.privacy-symbol{justify-content:start}.privacy-symbol img{width:65px;height:75px}.privacy-section h2{font-size:35px}.makers-section{min-height:570px}.makers-section>img{object-position:65% center}.makers-section:after{background:#17181199}.makers-copy{padding:55px 6%}.makers-copy .eyebrow{font-size:9px}.makers-copy h2{font-size:40px}.makers-copy>p:not(.eyebrow){font-size:15px}.faq-section{grid-template-columns:1fr;gap:30px}.faq-list summary{font-size:16px}.signup-section{grid-template-columns:1fr;gap:38px;padding:60px 6%}.signup-section h2{font-size:46px}.site-footer{padding:36px 6% 24px}.footer-top{flex-wrap:wrap;gap:22px}.footer-top p{font-size:16px}.footer-top .text-link{margin-right:30%}.footer-links{gap:16px;margin:25px 0}.footer-bottom{flex-wrap:wrap;font-size:9px}.footer-bottom>span:nth-child(2){display:none}.doc-head{padding-top:45px}.doc-title{font-size:44px}.doc-body{margin-top:30px}.contact-page{padding-top:45px}.maker-hero{grid-template-columns:1fr;gap:40px}.maker-hero h1{font-size:52px}.maker-benefits{grid-template-columns:1fr;gap:35px}.maker-screen{padding:35px}.extras-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Brand typography follows the app's active Space Grotesk family. */
em{font-weight:500}.hero-copy h1{font-size:clamp(52px,5.4vw,84px)}.hero-copy h1 em{font-size:.94em}.collection-word{letter-spacing:-1.5px}.footer-top p{letter-spacing:-.5px}@media(max-width:1100px) and (min-width:761px){.hero-copy h1{font-size:55px}}@media(max-width:760px){.hero-copy h1{font-size:clamp(40px,9.3vw,67px);letter-spacing:-2.5px}.hero-copy h1 em{letter-spacing:-2.5px}.collection-word{font-size:28px}.footer-top p{font-size:14px}}

/* Supplied iPhone 15 renders include their own bezels and transparent edges. */
.phone{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;overflow:visible;filter:drop-shadow(0 25px 28px #0007)}
.phone img{border-radius:0}
.collection-preview img{border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 18px 20px #0006)}
.hero-phone{width:280px}
.tour-phone{width:238px}
@media(min-width:1600px){.hero-phone{width:300px}}
@media(max-width:1100px) and (min-width:761px){.hero-phone{width:255px}}
@media(max-width:760px){.hero-phone{width:238px;left:calc(50% - 90px)}.tour-phone{width:225px}}

/* One closing section: launch invitation, signup, contact and legal navigation. */
.site-footer--launch{background:#22231e;border-top:1px solid #d8aa5c45;padding-top:60px;padding-bottom:25px}
.site-footer--launch .signup-section{padding:0 0 42px;border:0;background:none;gap:90px;align-items:center}
.footer-invitation .site-brand{margin-bottom:32px}
.site-footer--launch h2{font-size:44px;line-height:1.14;letter-spacing:-1.5px}
.site-footer--launch .footer-invitation>p{max-width:330px;font-size:14px;margin-top:18px;color:var(--muted)}
.footer-contact{display:inline-flex;gap:28px;align-items:center;font-size:13px;margin-top:24px;border-bottom:1px solid #d8aa5c70;padding-bottom:5px}
.footer-contact span{color:var(--gold)}
.site-footer--launch .launch-form{width:100%;max-width:480px;justify-self:end}
.site-footer--launch .launch-form>.eyebrow{margin-bottom:30px;color:var(--gold)}
.site-footer--launch .launch-form>label{font-size:11px;letter-spacing:.5px;text-transform:none;color:var(--muted)}
.site-footer--launch .email-row{margin-top:5px}
.site-footer--launch .email-row input{font-size:21px;padding:14px 0}
.site-footer--launch .email-row button{display:flex;align-items:center;gap:16px;padding:0 0 0 15px;flex-shrink:0;font-size:27px}
.signup-button-label{font-size:12px;font-weight:500;white-space:nowrap}
.site-footer--launch .footer-links{margin:0;padding:24px 0;border-top:1px solid var(--line);gap:14px 25px}
.site-footer--launch .footer-bottom{padding-top:20px}
@media(max-width:760px){
 .site-footer--launch{padding-top:40px}
 .site-footer--launch .signup-section{gap:36px;padding-bottom:30px}
 .footer-invitation .site-brand{margin-bottom:26px}
 .site-footer--launch h2{font-size:36px;letter-spacing:-1px}
 .site-footer--launch .launch-form{max-width:none}
 .site-footer--launch .launch-form>.eyebrow{margin-bottom:20px;font-size:10px}
 .site-footer--launch .email-row input{font-size:17px}
 .site-footer--launch .email-row button{gap:10px}
 .site-footer--launch .footer-links{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;padding:24px 0;font-size:10px}
}

/* Shared stage photography and monochrome treatment from Backstage login. */
.hero-photo{filter:grayscale(1);object-position:center;opacity:.7}

/* Stage photography spans both hero columns; the phone remains a separate layer. */
.hero-background{position:absolute;inset:0;pointer-events:none}
.hero-background .hero-photo{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.85}
.hero-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#191a17f0 0%,#191a17da 25%,#191a1770 52%,#191a171a 80%),linear-gradient(0deg,#191a17c0,transparent 30%)}
.hero-art{z-index:1}
@media(max-width:760px){
 .hero-background .hero-photo{object-position:55% center;opacity:.7}
 .hero-shade{background:linear-gradient(180deg,#191a17f2 0%,#191a17e6 28%,#191a1799 51%,#191a1740 75%,#191a17b3 100%)}
}

/* Transparent hero navigation becomes a readable glass header on scroll. */
.site-header{position:sticky;top:0;background:#191a17ed;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background .25s,border-color .25s,box-shadow .25s}
.home-page .site-header:not(.is-scrolled){background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:#ffffff12}
.site-header.is-scrolled{background:#191a17e8;border-bottom-color:#ffffff20;box-shadow:0 8px 25px #0002}
.home-page .hero-section{margin-top:-104px;padding-top:104px;min-height:844px}
@media(min-width:1600px){.home-page .hero-section{min-height:894px}}
@media(max-width:1100px) and (min-width:761px){.home-page .hero-section{min-height:854px}}
@media(max-width:760px){.home-page .hero-section{margin-top:-82px;padding-top:82px;min-height:0}html{scroll-padding-top:100px}}
@media(prefers-reduced-transparency:reduce){.site-header.is-scrolled{background:var(--ink);backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Compact header branding; footer logo retains its existing size. */
.site-header .site-brand img{width:120px;height:46px}
@media(max-width:760px){.site-header .site-brand img{width:108px;height:42px}}

/* Feature previews and the browsable product catalogue. */
.site-navigation a[aria-current=page]{color:var(--gold)}
.home-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:42px}
.home-feature-card{display:flex;flex-direction:column;padding:28px;background:var(--panel);border:1px solid #ffffff0a;transition:border-color .2s,background .2s,transform .2s}
.home-feature-card:hover{background:#2a2c25;border-color:#d8aa5c66;transform:translateY(-3px)}
.home-feature-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;color:var(--gold)}
.feature-icon{flex-shrink:0;color:var(--gold)}
.home-feature-card-top>span{font-size:20px;opacity:.6}
.home-feature-card h3{font-size:21px;font-weight:500;letter-spacing:-.6px;line-height:1.3}
.home-feature-card p{font-size:14px;color:var(--muted);margin:12px 0 28px;max-width:270px}
.feature-card-link{margin-top:auto;font-size:11px;color:var(--gold)}
.home-features-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:30px}
.home-features-footer>p{font-size:13px;color:var(--muted)}
.features-overview{border-top:1px solid var(--line)}
.catalogue-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center;padding-top:65px;padding-bottom:65px}
.catalogue-intro .eyebrow{color:var(--gold)}
.catalogue-intro h1{font-size:clamp(52px,6.3vw,88px);font-weight:500;line-height:1.08;letter-spacing:-3px;margin:24px 0}
.catalogue-lead{max-width:490px;font-size:17px;color:var(--muted)}
.catalogue-launch{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);margin-top:28px}
.catalogue-intro-art{position:relative;min-height:400px;overflow:hidden}
.catalogue-intro-art img{position:absolute;height:auto;width:175px;filter:drop-shadow(0 25px 20px #0007)}
.catalogue-phone-back{left:10%;top:35px;transform:rotate(-12deg)}
.catalogue-phone-front{right:10%;top:15px;transform:rotate(10deg)}
.catalogue-rings{position:absolute;width:360px;height:360px;left:50%;top:20px;transform:translateX(-50%);border:1px solid #d8aa5c20;border-radius:50%;background:radial-gradient(circle,#d8aa5c0f,transparent 70%)}
.catalogue-rings:after{content:'';position:absolute;inset:35px;border:1px solid #d8aa5c15;border-radius:50%}
.catalogue-section{padding-top:50px;border-top:1px solid var(--line)}
.catalogue-toolbar{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}
.catalogue-toolbar .eyebrow{color:var(--gold);margin-bottom:15px}
.catalogue-toolbar h2{font-size:32px;letter-spacing:-1px}
.catalogue-toolbar .text-link{flex-shrink:0;font-size:11px}
.catalogue-filter-form{padding:25px;background:#21221e;border:1px solid var(--line)}
.feature-search>label{display:block;font-size:11px;margin-bottom:10px;color:var(--muted)}
.feature-search>div{display:flex;align-items:center;gap:14px;border-bottom:1px solid #d8aa5c55;padding-bottom:12px}
.feature-search svg{color:var(--gold);flex-shrink:0}
.feature-search input{width:100%;min-width:0;background:transparent;color:var(--paper);border:0;padding:5px 0;outline-offset:3px;font-size:17px}
.feature-search button{background:transparent;border:0;color:var(--gold);font-size:22px;padding:3px 12px}
.category-filters{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.category-filters button{display:flex;gap:10px;align-items:center;background:transparent;border:1px solid #ffffff24;color:var(--muted);font-size:11px;padding:11px 13px;transition:background .2s,color .2s,border-color .2s}
.category-filters button span{font-size:10px;opacity:.7;font-variant-numeric:tabular-nums}
.category-filters button:hover{color:var(--paper);border-color:var(--gold)}
.category-filters button[aria-pressed=true]{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.catalogue-results-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0 20px;font-size:12px;color:var(--muted);min-height:24px}
.catalogue-results-bar a{color:var(--gold)}
.catalogue-results-bar a span{margin-left:9px}
.catalogue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.catalogue-card{padding:27px;background:var(--panel);border-top:1px solid #ffffff16;display:flex;flex-direction:column}
.catalogue-card-top{display:flex;align-items:center;gap:16px;margin-bottom:25px}
.catalogue-card-top>span{font-size:10px;color:var(--muted);letter-spacing:.3px}
.catalogue-card h3{font-size:21px;font-weight:500;line-height:1.3;letter-spacing:-.5px}
.catalogue-card>p{font-size:14px;color:var(--muted);margin-top:13px}
.catalogue-card .feature-availability{font-size:10px;color:var(--gold);border-top:1px solid var(--line);padding-top:14px;margin-top:22px}
.catalogue-footnote{font-size:12px;color:var(--muted);margin-top:28px;max-width:640px}
.feature-empty{padding:65px 25px;text-align:center;border:1px solid var(--line)}
.feature-empty h3{font-size:26px;font-weight:500}
.feature-empty p{font-size:15px;color:var(--muted);margin:15px 0 25px}
.catalogue-question{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:40px;padding-top:65px;padding-bottom:65px}
.catalogue-question .eyebrow{color:var(--gold);margin-bottom:20px}
.catalogue-question p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:480px;margin-top:18px}
.catalogue-question .button{flex-shrink:0}
@media(max-width:1100px){.home-feature-grid,.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogue-intro{gap:20px}.catalogue-intro-art img{width:155px}.catalogue-phone-back{left:5%}.catalogue-phone-front{right:5%}.catalogue-toolbar{align-items:start;flex-direction:column;gap:20px}}
@media(max-width:760px){.home-feature-grid{gap:12px;margin-top:30px}.home-feature-card{padding:22px}.home-feature-card h3{font-size:19px}.home-features-footer{align-items:start;flex-direction:column}.catalogue-intro{grid-template-columns:1fr;padding-top:40px;padding-bottom:35px}.catalogue-intro h1{font-size:52px;letter-spacing:-2px}.catalogue-lead{font-size:15px}.catalogue-intro-art{min-height:330px;max-width:400px;width:100%;margin:auto}.catalogue-intro-art img{width:145px}.catalogue-phone-back{left:15%}.catalogue-phone-front{right:15%}.catalogue-rings{width:290px;height:290px}.catalogue-toolbar h2{font-size:29px}.catalogue-filter-form{padding:18px}.category-filters{gap:8px}.category-filters button{font-size:10px;padding:10px;min-height:40px}.feature-search input{font-size:14px}.catalogue-question{flex-direction:column;align-items:start;gap:25px}.catalogue-grid{gap:12px}.catalogue-card{padding:22px}}
@media(max-width:540px){.home-feature-grid,.catalogue-grid{grid-template-columns:1fr}.home-feature-card-top{margin-bottom:20px}.home-feature-card p{max-width:none;margin-bottom:20px}.catalogue-card-top{margin-bottom:20px}.catalogue-phone-back{left:8%}.catalogue-phone-front{right:8%}}

/* A stationary, front-facing phone; only the app view crossfades. */
.hero-slideshow{position:absolute;inset:0}
.hero-slideshow .hero-phone{left:50%;top:40px;width:280px;aspect-ratio:800/1576;transform:translateX(-50%);animation:none}
.hero-slide{position:absolute;inset:0;width:100%;height:auto;opacity:0;transition:opacity .7s ease;pointer-events:none}
.hero-slide.is-active{opacity:1}
.hero-screen-label{position:absolute;bottom:85px;left:10%;right:10%;text-align:center;font-size:12px;color:var(--paper);letter-spacing:.4px}
.hero-feature-pills{position:absolute;inset:0;pointer-events:none}
.hero-pill{position:absolute;display:flex;align-items:center;gap:9px;background:#23241fe8;border:1px solid #d8aa5c55;border-radius:30px;padding:11px 16px;font-size:11px;line-height:1.3;white-space:nowrap;box-shadow:0 8px 25px #0003;backdrop-filter:blur(10px);animation:feature-float var(--float-duration,15s) ease-in-out var(--float-delay,0s) infinite alternate}
.hero-pill:before{content:'';width:4px;height:4px;border-radius:50%;background:var(--gold);flex-shrink:0}
.hero-pill:nth-child(1){top:115px;left:3%}.hero-pill:nth-child(2){top:260px;right:3%}.hero-pill:nth-child(3){bottom:190px;left:1%}.hero-pill:nth-child(4){bottom:285px;right:0}
.hero-slideshow.is-paused .hero-pill{animation-play-state:paused}
@keyframes feature-float{from{transform:translate(var(--float-x,-4px),-5px)}to{transform:translate(calc(var(--float-x,-4px) * -1),6px)}}
.maker-certificates{display:grid;grid-template-columns:1fr 2fr;gap:65px;align-items:center;border-top:1px solid var(--line)}
.certificate-illustration{background:#272921;padding:30px;text-align:center;color:var(--gold)}
.certificate-illustration svg{width:180px;max-width:100%;margin:auto;display:block}
.certificate-illustration span{display:block;margin-top:16px;font-size:12px;color:var(--muted)}
.maker-certificates .eyebrow{color:var(--gold);margin-bottom:22px}
.maker-certificates h2{font-size:42px}
.maker-certificates p:not(.eyebrow){margin:22px 0;color:var(--muted);font-size:16px;max-width:580px}
.maker-certificates .certificate-note{font-size:12px!important}
@media(max-width:1100px) and (min-width:761px){.hero-slideshow .hero-phone{width:255px;top:65px}.hero-pill{font-size:10px;padding:10px 12px}.hero-pill:nth-child(1){left:0}.hero-pill:nth-child(4){right:1%}}
@media(max-width:760px){.hero-art{height:650px}.hero-slideshow .hero-phone{width:238px;top:28px}.hero-screen-label{bottom:80px;font-size:11px}.hero-pill{font-size:9px;padding:9px 11px;gap:6px}.hero-pill:nth-child(1){top:95px;left:3%}.hero-pill:nth-child(2){top:215px;right:2%}.hero-pill:nth-child(3){bottom:185px;left:3%}.hero-pill:nth-child(4){bottom:270px;right:2%}.maker-certificates{grid-template-columns:1fr;gap:35px}.certificate-illustration{max-width:280px;width:100%;margin:auto}.maker-certificates h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}.hero-pill{animation:none}}
/* Keep drifting labels inside the hero’s outer edge. */
@media(min-width:761px){.hero-pill:nth-child(4){right:2%}}

/* Native modal supplies focus trapping, Escape dismissal and inert background. */
.download-modal-open{overflow:hidden}
.download-dialog{position:fixed;inset:0;margin:auto;width:min(500px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:38px;border:1px solid #d8aa5c55;border-radius:18px;background:linear-gradient(145deg,#2b2d25,#1b1d18 70%);color:var(--paper);box-shadow:0 40px 100px #0009}
.download-dialog::backdrop{background:#090b09b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.download-close-form{margin:0}.download-close{position:absolute;right:15px;top:12px;background:transparent;border:0;font-size:28px;line-height:1;width:44px;height:44px;color:var(--muted);border-radius:50%}
.download-close:hover{color:var(--paper);background:#ffffff0a}
.download-mark{height:50px;width:40px;object-fit:contain;margin-bottom:24px}
.download-dialog .eyebrow{color:var(--gold);font-size:9px;letter-spacing:1.7px;margin-bottom:16px}
.download-dialog h2{font-size:48px;line-height:1.1;letter-spacing:-1.8px;outline:none}
.download-dialog #download-description{font-size:14px;color:var(--muted);margin:18px 0 25px;max-width:310px}
.download-options{display:grid;gap:12px}
.download-store{display:flex;width:100%;align-items:center;gap:18px;padding:18px;background:#ffffff05;border:1px solid #ffffff24;border-radius:9px;color:var(--paper);text-align:left;transition:border-color .2s,background .2s}
a.download-store:hover{border-color:var(--gold);background:#d8aa5c12}
.download-store:disabled{cursor:default;opacity:1}
.download-store>svg{flex-shrink:0;color:var(--gold)}
.download-store-copy{display:flex;flex-direction:column;gap:2px}
.download-store-copy>span{font-size:10px;color:var(--muted)}
.download-store-copy strong{font-size:20px;line-height:1.3;font-weight:500;letter-spacing:-.4px}
.download-store-status{margin-left:auto;font-size:10px;color:var(--gold);white-space:nowrap}
.download-note{font-size:12px;color:var(--muted);margin:23px 0 16px}
.download-notify{display:inline-flex;gap:30px;font-size:12px}
@media(max-width:540px){.download-dialog{padding:28px 24px;border-radius:14px}.download-dialog h2{font-size:41px}.download-store{padding:15px 13px;gap:12px}.download-store-copy strong{font-size:18px}.download-store-status{font-size:9px}.download-mark{margin-bottom:18px;height:42px}}

/* Anchor feature pills to the phone edges, with a small intentional overlap. */
.hero-slideshow{--hero-phone-width:280px;--pill-overlap:24px}
.hero-slideshow .hero-phone{width:var(--hero-phone-width)}
.hero-pill:nth-child(1),.hero-pill:nth-child(3){left:auto;right:calc(50% + var(--hero-phone-width)/2 - var(--pill-overlap))}
.hero-pill:nth-child(2),.hero-pill:nth-child(4){right:auto;left:calc(50% + var(--hero-phone-width)/2 - var(--pill-overlap))}
@media(max-width:1100px) and (min-width:761px){.hero-slideshow{--hero-phone-width:255px;--pill-overlap:38px}}
@media(max-width:760px){
 .hero-slideshow{--hero-phone-width:238px;--pill-overlap:38px}
 .hero-pill:nth-child(1),.hero-pill:nth-child(3){right:auto;left:calc(50% - var(--hero-phone-width)/2 - 16px)}
 .hero-pill:nth-child(2),.hero-pill:nth-child(4){left:auto;right:calc(50% - var(--hero-phone-width)/2 - 16px)}
}
@media(max-width:760px){
 .hero-pill{max-width:calc(50% - var(--hero-phone-width)/2 + var(--pill-overlap) - 12px);white-space:normal}
 .hero-pill:nth-child(1),.hero-pill:nth-child(3){left:auto;right:calc(50% + var(--hero-phone-width)/2 - var(--pill-overlap))}
 .hero-pill:nth-child(2),.hero-pill:nth-child(4){right:auto;left:calc(50% + var(--hero-phone-width)/2 - var(--pill-overlap))}
}
@media(max-width:360px){.hero-slideshow{--hero-phone-width:214px}}

.button-gold-outline{background:transparent;border-color:var(--gold);color:var(--gold)}
.button-gold-outline:hover{background:#d8aa5c14;color:var(--gold)}

@media(min-width:1101px){
 .hero-slideshow{--hero-phone-width:304px;--hero-phone-shift:60px}
 .hero-slideshow .hero-phone{left:calc(50% - var(--hero-phone-shift));top:24px}
 .hero-pill:nth-child(1),.hero-pill:nth-child(3){right:calc(50% + var(--hero-phone-shift) + var(--hero-phone-width)/2 - var(--pill-overlap))}
 .hero-pill:nth-child(2),.hero-pill:nth-child(4){left:calc(50% - var(--hero-phone-shift) + var(--hero-phone-width)/2 - var(--pill-overlap))}
 .hero-screen-label{top:calc(24px + var(--hero-phone-width) * 1.97 + 8px);bottom:auto;transform:translateX(calc(-1 * var(--hero-phone-shift)))}
}
@media(min-width:1101px){.hero-art{overflow:visible}}

@media(min-width:761px){
 .hero-copy{align-self:center;padding-top:32px;padding-bottom:32px}
}

/* Shared page-title scale, matching the home hero at every breakpoint. */
.hero-copy h1,.catalogue-intro h1,.maker-hero h1,h1.doc-title,.not-found h1{font-size:clamp(52px,5.4vw,84px);font-weight:500;line-height:1.03;letter-spacing:-4.5px}
.catalogue-intro h1 em,.maker-hero h1 em{font-size:.94em;letter-spacing:-4px}
@media(max-width:1100px) and (min-width:761px){
 .hero-copy h1,.catalogue-intro h1,.maker-hero h1,h1.doc-title,.not-found h1{font-size:55px;letter-spacing:-3px}
 .catalogue-intro h1 em,.maker-hero h1 em{letter-spacing:-3px}
}
@media(max-width:760px){
 .hero-copy h1,.catalogue-intro h1,.maker-hero h1,h1.doc-title,.not-found h1{font-size:clamp(40px,9.3vw,67px);letter-spacing:-2.5px}
 .catalogue-intro h1 em,.maker-hero h1 em{letter-spacing:-2.5px}
}

.maker-hero--workshop{position:relative;isolation:isolate;display:flex;align-items:center;max-width:none;min-height:650px;padding:90px max(5.5%,calc((100vw - 1282px)/2));overflow:hidden}
.maker-hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.maker-hero--workshop:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#171814d9 0%,#171814ad 38%,#17181418 78%),linear-gradient(0deg,#17181470,transparent 45%);z-index:-1}
.maker-hero-copy{max-width:800px}
.maker-hero-copy .eyebrow{color:var(--gold)}
.maker-hero-copy .lead{max-width:460px;color:var(--paper)}
@media(max-width:760px){.maker-hero--workshop{min-height:600px;padding:65px 6%}.maker-hero-background{object-position:65% center}.maker-hero--workshop:before{background:linear-gradient(90deg,#171814e6,#17181480),linear-gradient(0deg,#17181499,transparent)}.maker-hero-copy{width:100%}}

.maker-hero-background{filter:grayscale(1)}
.maker-hero--workshop:before{background:linear-gradient(90deg,#111111e6 0%,#111111b3 40%,#11111166 100%)}
.maker-photo-credit{position:absolute;right:24px;bottom:18px;margin:0;font-size:11px;line-height:1.5;color:#ffffffcc}
.maker-photo-credit a{text-decoration:underline;text-underline-offset:3px}
.maker-photo-credit a:hover{color:var(--gold)}
@media(max-width:760px){.maker-hero--workshop:before{background:#111111b3}.maker-photo-credit{right:6%;bottom:16px;font-size:10px}}

.maker-showcase{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:90px}
.maker-showcase-visual{padding:35px 25px;text-align:center;background:radial-gradient(ellipse,#d8aa5c12,transparent 68%)}
.maker-showcase-visual img{display:block;width:260px;max-width:80%;height:auto;margin:auto;filter:drop-shadow(0 24px 30px #0006)}
.maker-showcase-visual p{font-size:11px;color:var(--muted);margin-top:22px}
.maker-showcase h2,.maker-toolkit h2,.maker-start h2{font-size:clamp(34px,4vw,54px);line-height:1.12;letter-spacing:-1.7px;margin:20px 0 24px}
.maker-showcase-copy>p:not(.eyebrow),.maker-start>div>p:not(.eyebrow){color:var(--muted);font-size:16px;max-width:460px}
.maker-showcase dl{margin:30px 0 0}.maker-showcase dl>div{padding:18px 0;border-top:1px solid var(--line)}
.maker-showcase dt{font-size:17px;margin-bottom:6px}.maker-showcase dd{margin:0;color:var(--muted);font-size:14px;max-width:430px}
.maker-toolkit{border-top:1px solid var(--line)}.maker-toolkit .home-feature-card p{max-width:none;margin-bottom:0}
.maker-showcase .eyebrow,.maker-toolkit>.eyebrow,.maker-start .eyebrow{color:var(--gold)}
.maker-certificate-details{padding-left:19px;margin:22px 0;color:var(--muted);font-size:14px}.maker-certificate-details li{padding:5px 0}
.maker-start{display:grid;grid-template-columns:1fr 1fr;gap:40px 80px;border-top:1px solid var(--line)}
.maker-start .button{margin-top:28px}.maker-start-steps{list-style:none;counter-reset:maker-step;margin:0;padding:0}
.maker-start-steps li{counter-increment:maker-step;position:relative;padding:22px 0 22px 48px;border-top:1px solid var(--line)}
.maker-start-steps li:before{content:'0' counter(maker-step);position:absolute;left:0;top:25px;color:var(--gold);font-size:12px}
.maker-start-steps h3{font-size:21px;font-weight:500;margin-bottom:9px}.maker-start-steps p{color:var(--muted);font-size:14px}
.maker-start-note{grid-column:1/-1;color:var(--muted);font-size:12px;max-width:800px}.maker-start-note a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.maker-showcase,.maker-start{grid-template-columns:1fr;gap:35px}.maker-showcase-copy{grid-row:1}.maker-showcase-visual{padding:15px}.maker-showcase-visual img{width:230px}.maker-start-note{grid-column:1}.maker-toolkit .home-features-footer{align-items:flex-start}}

/* Extra image coverage keeps the hero edges filled as the background drifts. */
@media(prefers-reduced-motion:no-preference){
 .hero-background,.maker-hero-background,.catalogue-background{transform:translate3d(0,var(--hero-parallax-y,0px),0) scale(1.38);will-change:transform}
}
.home-page .hero-copy h1{font-size:clamp(44px,4.3vw,67px);letter-spacing:-2.8px}
.home-page .hero-description{max-width:480px;font-size:16px;line-height:1.65}
@media(max-width:1100px) and (min-width:761px){.home-page .hero-copy h1{font-size:44px;letter-spacing:-2px}}
@media(max-width:760px){.home-page .hero-copy h1{font-size:clamp(32px,7.5vw,55px);letter-spacing:-1.5px}.home-page .hero-copy h1 em{letter-spacing:-1.5px}}

@media(prefers-reduced-motion:no-preference){.hero-pill{translate:var(--cursor-x,0px) var(--cursor-y,0px);transition:translate .9s ease-out}}

.chapter-gear{display:inline-flex;align-items:center;gap:12px}
.chapter-gear-icon{display:inline-block;width:30px;height:30px;flex-shrink:0;background:var(--gold);-webkit-mask:var(--gear-icon) center/contain no-repeat;mask:var(--gear-icon) center/contain no-repeat}
@media(max-width:760px){.chapter-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 26px}.chapter-strip>span:first-child{grid-column:1/-1}.chapter-gear{justify-content:center;gap:10px}.chapter-gear-icon{width:26px;height:26px}}

.feature-collection{padding-bottom:0;display:flex;flex-direction:column}
.collection-phones{position:relative;height:340px;min-height:340px;margin-top:32px;flex:1}
.collection-phones img{position:absolute;width:44%;max-width:235px;height:auto;filter:drop-shadow(0 15px 20px #0005)}
.collection-phones img:first-child{left:7%;top:35px;transform:rotate(-9deg)}
.collection-phones img:last-child{right:4%;top:65px;transform:rotate(9deg)}
@media(max-width:760px){.collection-phones{height:300px;min-height:300px}.collection-phones img{width:46%}.collection-phones img:first-child{left:5%;top:20px}.collection-phones img:last-child{right:3%;top:50px}}
@media(max-width:760px){.collection-phones{height:250px;min-height:250px}.collection-phones img{width:56%}.collection-phones img:first-child{left:0}.collection-phones img:last-child{right:0}}

.makers-page .site-header:not(.is-scrolled),.features-page .site-header:not(.is-scrolled){background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:#ffffff12}
.makers-page .maker-hero--workshop{margin-top:-104px;padding-top:194px;min-height:754px}
.catalogue-intro--photo{position:relative;isolation:isolate;overflow:hidden;max-width:none;margin-top:-104px;padding-top:194px;padding-left:max(5.5%,calc((100vw - 1282px)/2));padding-right:max(5.5%,calc((100vw - 1282px)/2));min-height:754px}
.catalogue-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);z-index:-2}
.catalogue-intro--photo:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#111111eb,#11111199),linear-gradient(0deg,#17181480,transparent)}
.catalogue-intro--photo .catalogue-lead{color:var(--paper)}
@media(max-width:760px){.makers-page .maker-hero--workshop{margin-top:-82px;padding-top:147px;min-height:682px}.catalogue-intro--photo{margin-top:-82px;padding-top:137px;min-height:0;padding-left:6%;padding-right:6%}}

/* Three overlapping app screens with a slow slide-and-rock rhythm. */
.catalogue-intro-art{min-height:510px;overflow:visible;animation:feature-phones-enter 1.1s cubic-bezier(.2,.7,.2,1) both}
.catalogue-intro-art img{width:220px;max-width:none;transform-origin:50% 85%;animation:feature-phone-rock 9s ease-in-out infinite alternate}
.catalogue-phone-back{left:0;top:55px;z-index:1;--phone-angle:-14deg;--phone-slide:-16px;--phone-rock:-4deg}
.catalogue-phone-middle{left:50%;margin-left:-110px;top:15px;z-index:3;--phone-angle:0deg;--phone-slide:0px;--phone-rock:3deg;animation-delay:-4s!important}
.catalogue-phone-front{right:0;top:65px;z-index:2;--phone-angle:14deg;--phone-slide:16px;--phone-rock:4deg;animation-delay:-2s!important}
@keyframes feature-phones-enter{from{opacity:0;transform:translateY(55px)}to{opacity:1;transform:translateY(0)}}
@keyframes feature-phone-rock{from{transform:translate(0,0) rotate(var(--phone-angle))}to{transform:translate(var(--phone-slide),-20px) rotate(calc(var(--phone-angle) + var(--phone-rock)))}}
@media(max-width:1100px) and (min-width:761px){.catalogue-intro-art img{width:185px}.catalogue-phone-middle{margin-left:-92.5px}.catalogue-intro-art{min-height:450px}}
@media(max-width:760px){.catalogue-intro-art{min-height:410px;max-width:420px;margin-top:30px}.catalogue-intro-art img{width:175px}.catalogue-phone-middle{margin-left:-87.5px}.catalogue-phone-back{left:0}.catalogue-phone-front{right:0}}
@media(max-width:380px){.catalogue-intro-art img{width:150px}.catalogue-phone-middle{margin-left:-75px}.catalogue-intro-art{min-height:365px}}
@media(prefers-reduced-motion:reduce){.catalogue-intro-art,.catalogue-intro-art img{animation:none}.catalogue-intro-art img{transform:rotate(var(--phone-angle))}}
@media(min-width:761px){.catalogue-phone-back{left:25px}.catalogue-phone-front{right:30px}}

/* Phones enter once, then remain still. */
.catalogue-intro-art{animation:none}
.catalogue-intro-art img{animation:feature-phone-settle 1.2s cubic-bezier(.2,.7,.2,1) both;animation-delay:0s!important}
.catalogue-phone-middle{animation-delay:.12s!important}
.catalogue-phone-front{animation-delay:.24s!important}
@keyframes feature-phone-settle{from{opacity:0;transform:translate(var(--phone-slide),65px) rotate(calc(var(--phone-angle) + var(--phone-rock)))}to{opacity:1;transform:translate(0,0) rotate(var(--phone-angle))}}
@media(min-width:761px){.catalogue-intro-art{left:-40px}}
@media(prefers-reduced-motion:reduce){.catalogue-intro-art img{animation:none;transform:rotate(var(--phone-angle));opacity:1}}
.catalogue-intro-art .catalogue-phone-middle{animation-delay:.12s!important}
.catalogue-intro-art .catalogue-phone-front{animation-delay:.24s!important}
.features-page .catalogue-intro h1{font-size:clamp(44px,4.3vw,67px);letter-spacing:-2.8px}
@media(max-width:1100px) and (min-width:761px){.features-page .catalogue-intro h1{font-size:44px;letter-spacing:-2px}}
@media(max-width:760px){.features-page .catalogue-intro h1{font-size:clamp(32px,7.5vw,55px);letter-spacing:-1.5px}.features-page .catalogue-intro h1 em{letter-spacing:-1.5px}}

.dealers-page .site-header:not(.is-scrolled){background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:#ffffff12}
.dealer-hero{margin-top:-104px;padding-top:194px;min-height:754px}
.dealer-updates{margin-top:28px}.dealer-hero .maker-hero-background{object-position:center}
.dealer-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:44px}
.dealer-feature-grid .home-feature-card{padding:32px}.dealer-feature-grid .home-feature-card p{max-width:430px;margin-bottom:0}
.dealer-feature-grid .dealer-feature-status{font-size:10px;letter-spacing:1px;text-transform:uppercase;opacity:1;color:var(--muted)}
.dealer-development-note{margin-top:26px;max-width:730px;font-size:13px;color:var(--muted)}
.dealer-feedback{display:flex;justify-content:space-between;align-items:center;gap:45px;border-top:1px solid var(--line)}
.dealer-feedback .eyebrow{color:var(--gold)}.dealer-feedback h2{font-size:clamp(32px,3.7vw,48px);line-height:1.15;margin:20px 0}.dealer-feedback p:not(.eyebrow){max-width:560px;color:var(--muted)}.dealer-feedback .button{flex-shrink:0}
@media(max-width:760px){.dealer-hero{margin-top:-82px;padding-top:147px;min-height:682px}.dealer-feature-grid{grid-template-columns:1fr}.dealer-feature-grid .home-feature-card{padding:26px}.dealer-feedback{flex-direction:column;align-items:flex-start;gap:25px}}

.dealer-hero:before{background:linear-gradient(90deg,rgba(10,10,10,.92),rgba(10,10,10,.78) 48%,rgba(10,10,10,.64))}
@media(max-width:760px){.dealer-hero:before{background:rgba(10,10,10,.82)}}

/* Player overview: photographic hero, paired screens and practical tools. */
.players-page .site-header:not(.is-scrolled){background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:#ffffff12}
.player-hero{margin-top:-104px;padding-top:194px;min-height:790px}
.player-hero:before{background:linear-gradient(90deg,#101110eb,#101110b3 50%,#10111040)}
.player-hero .maker-hero-copy{max-width:720px;width:100%}
.player-hero h1{font-size:clamp(44px,4.3vw,67px);letter-spacing:-2.8px}
.player-hero-actions{display:flex;gap:28px;align-items:center;margin-top:32px}
.player-showcase{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.player-showcase h2,.player-sharing h2{font-size:clamp(34px,3.8vw,54px);line-height:1.12;margin:22px 0 28px}
.player-showcase-copy>p:not(.eyebrow),.player-sharing p:not(.eyebrow){color:var(--muted);margin-bottom:22px;max-width:520px}
.player-phone-pair{position:relative;height:570px;background:radial-gradient(ellipse at center,#c6a15b18,transparent 68%)}
.player-phone-pair img{position:absolute;width:49%;max-width:255px;height:auto;filter:drop-shadow(0 25px 24px #0005)}
.player-phone-pair img:first-child{top:18px;left:4%;transform:rotate(-9deg)}
.player-phone-pair img:last-child{top:58px;right:3%;transform:rotate(9deg)}
.player-tools{border-top:1px solid var(--line);scroll-margin-top:110px}
.player-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:44px}
.player-feature-grid .home-feature-card{padding:30px;display:flex;flex-direction:column}
.player-feature-grid .home-feature-card p{margin-bottom:25px}.player-feature-grid .text-link{margin-top:auto;font-size:13px}
.player-sharing{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;border-top:1px solid var(--line)}
@media(max-width:1100px){.player-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.player-showcase{gap:35px}.player-phone-pair{height:470px}}
@media(max-width:760px){.player-hero{margin-top:-82px;padding-top:147px;min-height:700px}.player-hero h1{font-size:clamp(38px,9vw,55px);letter-spacing:-1.5px}.player-hero:before{background:#101110b8}.player-hero-actions{flex-wrap:wrap;gap:22px}.player-showcase,.player-sharing{grid-template-columns:1fr;gap:26px}.player-phone-pair{height:480px;width:100%;max-width:400px;margin:auto}.player-feature-grid{grid-template-columns:1fr}.player-feature-grid .home-feature-card{padding:26px}}
@media(max-width:390px){.player-phone-pair{height:400px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Quiet full-width tonal bands separate content without divider rules. */
.marketing main > :is(.intro-section,.features-overview,.tour-section,.faq-section,.maker-showcase,.maker-toolkit,.maker-certificates,.maker-start,.player-showcase,.player-tools,.dealer-tools,.dealer-feedback,.catalogue-section,.catalogue-question){
 --section-tone:#191a17;
 background:var(--section-tone);
 box-shadow:0 0 0 100vmax var(--section-tone);
 clip-path:inset(0 -100vmax);
 border-top:0;
 border-bottom:0;
}
.marketing main > :is(.features-overview,.faq-section,.maker-toolkit,.maker-start,.player-tools,.catalogue-question){--section-tone:#141512}
.dealers-page main > .dealer-feedback{--section-tone:#141512}
.site-footer--launch{border-top:0}

/* Edge-to-edge hero imagery and footer colour, with bounded content. */
.hero-section,.maker-hero--workshop,.catalogue-intro--photo{max-width:none;width:100%}
@media(min-width:1600px){.hero-section{padding-left:calc((100% - 1600px)/2);padding-right:calc((100% - 1600px)/2)}}
.site-footer--launch{max-width:none;width:100%;padding-left:max(5.5%,calc((100% - 1282px)/2));padding-right:max(5.5%,calc((100% - 1282px)/2))}
@media(max-width:760px){.site-footer--launch{padding-left:6%;padding-right:6%}}
/* Apply the same full-bleed treatment to the homepage maker banner and header. */
.makers-section{max-width:none;width:100%}
.site-header{max-width:none;width:100%;padding-left:max(5%,calc((100% - 1440px)/2));padding-right:max(5%,calc((100% - 1440px)/2))}
@media(min-width:1600px){.makers-copy{padding-left:max(5.5%,calc((100vw - 1282px)/2))}}
@media(max-width:760px){.site-header{padding-left:6%;padding-right:6%}}
@media(min-width:1600px){.makers-copy{max-width:calc(650px + (100vw - 1282px)/2)}}

/* Full-width gear strip, with content aligned to the header. */
.chapter-strip{max-width:none;width:100%;padding-left:max(5%,calc((100% - 1440px)/2));padding-right:max(5%,calc((100% - 1440px)/2))}
@media(max-width:760px){.chapter-strip{padding-left:6%;padding-right:6%}}

/* One shared content alignment on large screens; backgrounds remain full width. */
@media(min-width:1440px){
 :root{--content-max:1280px;--content-gutter:calc((100% - var(--content-max))/2)}
 .site-header,.chapter-strip,.site-footer--launch,
 main > .section,.hero-section,.makers-section{
  width:100%;max-width:none;
  padding-left:var(--content-gutter);padding-right:var(--content-gutter);
 }
 .hero-copy{padding-left:0;padding-right:0}
 .makers-copy{padding-left:0;padding-right:0;max-width:650px}
 .wrap{width:100%;max-width:none;padding-left:var(--content-gutter);padding-right:var(--content-gutter)}
}

/* Centre the complete app preview alongside the hero copy on desktop. */
@media(min-width:761px){
 .hero-slideshow{top:50%;bottom:auto;height:calc(var(--hero-phone-width) * 1.97 + 32px);transform:translateY(-50%)}
 .hero-slideshow .hero-phone{top:0}
 .hero-slideshow .hero-screen-label{top:calc(var(--hero-phone-width) * 1.97 + 8px);bottom:auto}
 .hero-slideshow .hero-pill:nth-child(1){top:12%;bottom:auto}
 .hero-slideshow .hero-pill:nth-child(2){top:38%;bottom:auto}
 .hero-slideshow .hero-pill:nth-child(3){top:82%;bottom:auto}
 .hero-slideshow .hero-pill:nth-child(4){top:64%;bottom:auto}
}

/* Rotating labels: retain a small overlap with the phone at every slot. */
.hero-slideshow .hero-pill[data-side]{top:calc(var(--pill-phone-top,0px) + var(--hero-phone-width) * 1.97 * var(--pill-y));bottom:auto;opacity:1;transition:opacity .8s ease,translate .9s ease-out}
.hero-slideshow .hero-pill[data-side="left"]{left:auto;right:calc(50% + var(--hero-phone-shift,0px) + var(--hero-phone-width)/2 - var(--pill-overlap))}
.hero-slideshow .hero-pill[data-side="right"]{right:auto;left:calc(50% - var(--hero-phone-shift,0px) + var(--hero-phone-width)/2 - var(--pill-overlap))}
.hero-slideshow .hero-pill.is-fading{opacity:0}
@media(max-width:760px){.hero-slideshow{--pill-phone-top:28px}}
@media(prefers-reduced-motion:reduce){.hero-slideshow .hero-pill[data-side]{transition:none}}

/* Responsive background sources must not occupy a hero grid/flex cell. */
.catalogue-intro--photo > picture,.maker-hero--workshop > picture{position:absolute;inset:0;z-index:-2;display:block;pointer-events:none}

/* Founder story: a portrait and a readable, personal letter. */
.about-hero{display:grid;grid-template-columns:1fr 1.08fr;gap:64px;align-items:center;padding-top:70px;padding-bottom:80px}
.about-hero .eyebrow,.about-story .eyebrow{color:var(--gold);margin-bottom:26px}
.about-hero h1{font-size:clamp(44px,4.3vw,67px);line-height:1.07;letter-spacing:-2.8px;font-weight:500}
.about-introduction{font-size:20px;line-height:1.65;color:var(--muted);max-width:460px;margin:28px 0}
.about-portrait{margin:0;min-width:0}.about-portrait img{display:block;width:100%;height:auto;aspect-ratio:1.12;object-fit:cover;object-position:43% center}
.about-portrait figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:16px;font-size:12px;color:var(--gold)}.about-portrait figcaption span{color:var(--muted)}
.about-story{display:grid;grid-template-columns:1fr 2fr;gap:70px;background:#141512;box-shadow:0 0 0 100vmax #141512;clip-path:inset(0 -100vmax)}
.about-story-label>p:last-child{font-size:26px;line-height:1.35;letter-spacing:-.7px}.about-story-copy{max-width:760px}.about-story-copy>p{font-size:18px;line-height:1.85;color:var(--muted);margin:0 0 28px}.about-story-copy h2{font-size:clamp(28px,2.6vw,38px);line-height:1.3;letter-spacing:-1px;color:var(--gold);margin:46px 0}.about-story-copy .about-closing{font-size:26px;color:var(--paper,#f0ebdf);margin-top:40px;line-height:1.4}
@media(min-width:761px) and (max-width:1100px){.site-navigation{gap:18px}.about-hero{gap:30px}.about-portrait figcaption{flex-direction:column;gap:5px}}
@media(max-width:760px){.about-hero{grid-template-columns:1fr;gap:36px;padding-top:46px;padding-bottom:55px}.about-hero h1{font-size:clamp(38px,9vw,55px);letter-spacing:-1.5px}.about-introduction{font-size:18px}.about-portrait img{aspect-ratio:1.25}.about-portrait figcaption{flex-direction:column;gap:5px}.about-story{grid-template-columns:1fr;gap:28px}.about-story-label>p:last-child{display:none}.about-story .eyebrow{margin-bottom:0}.about-story-copy>p{font-size:16px}.about-story-copy h2{margin:34px 0}.about-story-copy .about-closing{font-size:24px}}
@media(min-width:761px) and (max-width:960px){.site-navigation{gap:12px;font-size:12px}.site-navigation .nav-cta{padding:12px}.site-navigation .nav-cta span{margin-left:12px}}

/* Seven maker tools, with a wider card for selling and enquiries. */
.maker-bento-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.maker-bento-grid .home-feature-card{padding:28px;min-width:0}
.maker-bento-selling{grid-column:span 2;background:#292b23;border-color:#d8aa5c35}
.maker-bento-selling h3{font-size:28px;max-width:420px}
.maker-bento-selling>p{max-width:470px!important}
.maker-selling-labels{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.maker-selling-labels span{border:1px solid #d8aa5c70;border-radius:30px;padding:8px 14px;font-size:12px;color:var(--gold)}
.maker-selling-labels span:first-child{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.maker-toolkit .maker-selling-note{font-size:12px;line-height:1.6;margin-top:18px}
@media(max-width:1100px){.maker-bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.maker-bento-grid{grid-template-columns:1fr}.maker-bento-selling{grid-column:auto}.maker-bento-grid .home-feature-card{padding:24px}.maker-bento-selling h3{font-size:25px}}

/* Shared gear is a focused app handoff rather than a marketing page. */
.gear-share-wrap{width:100%;padding:24px}
.gear-share-page .gear-main{min-height:calc(100svh - 48px);padding:24px 0}
.gear-share-brand{display:inline-flex;margin-bottom:32px}
.gear-share-page .gear-card__logo{width:159px;height:61px;object-fit:contain;margin:0;opacity:1}
.gear-share-home{margin-top:26px;color:var(--muted);font-size:12px;text-align:center}
.gear-share-home:hover{color:var(--gold)}
@media(max-width:480px){.gear-share-wrap{padding:16px}.gear-share-page .gear-main{min-height:calc(100svh - 32px)}.gear-share-page .gear-card{padding:32px 24px}}