/* Two destinations, one BeYu: a focused waitlist and a screenshot-led app tour. */
.reference-site{--screen:#202023}
.reference-site .site-header nav a[aria-current=page]{color:var(--orange)}
.reference-site .site-header nav{gap:28px}
.landing-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding-block:63px 85px}
.landing-hero h1{font-family:var(--serif);font-size:clamp(77px,7.6vw,110px);line-height:.96;letter-spacing:-3px;margin-top:30px}
.landing-hero h1 em{color:var(--orange)}
.landing-intro{font-size:17px;line-height:1.6;margin-top:28px}
.landing-hero .hero-support{font-size:13px;color:var(--muted);line-height:1.8;max-width:400px;margin-top:15px}
.landing-hero .email-entry{margin-top:29px}
.landing-hero .microcopy{font-size:9px;margin-top:12px}
.landing-tour-link{display:inline-flex;align-items:center;gap:12px;font-size:12px;margin-top:30px}
.landing-tour-link .label-tiny{font-size:7px;letter-spacing:1px;color:var(--muted)}
.landing-visual{height:640px;position:relative;min-width:0;isolation:isolate}
.visual-orbit{position:absolute;width:480px;height:480px;max-width:100%;border:1px solid #e3571a1a;border-radius:50%;top:90px;left:0;background:radial-gradient(ellipse,#a8461920,transparent 66%);pointer-events:none}
.visual-coordinate{position:absolute;right:-8px;top:45px;writing-mode:vertical-rl;font-size:7px;letter-spacing:2px;color:var(--muted)}
.landing-device,.secondary-device{position:absolute;display:block;border:5px solid #35343a;border-radius:33px;overflow:hidden;background:#0b0b0c;box-shadow:0 20px 70px #0008}
.landing-device{width:245px;right:35px;top:25px;rotate:5deg;z-index:2;translate:var(--phone-x,0px) var(--phone-y,0px);transition:translate .4s ease-out,rotate .25s}
.landing-device:hover{rotate:2deg}
.landing-device img,.secondary-device img{display:block;width:100%;height:auto}
.secondary-device{width:207px;left:4px;top:78px;rotate:-8deg;border-color:#3f3e45;opacity:.8}
.capture-label{position:absolute;top:5px;left:5px;z-index:3;display:flex;align-items:center;gap:11px;padding:12px 17px;border:1px solid #54525d;border-radius:5px;background:#222125ee;font-size:9px;rotate:-5deg;box-shadow:0 10px 30px #0003}




.motion-ready .landing-visual{animation:art-enter .9s both cubic-bezier(.22,1,.36,1)}
.reference-intro .section-top{align-items:center;gap:20px}
.reference-intro .section-top .text-link{font-size:11px;white-space:nowrap}
.reference-heading{display:grid;grid-template-columns:1.6fr 1fr;align-items:end;gap:70px}
.reference-heading h2{font-size:clamp(44px,4.4vw,63px)}
.reference-heading>p{max-width:310px;font-size:13px;line-height:1.9;color:var(--muted);padding-bottom:4px}
.reference-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:47px}
.reference-card{display:block;min-width:0}
.reference-image{position:relative;height:275px;overflow:hidden;border-radius:9px;margin-bottom:24px;background:#2c2b30;border:1px solid #424149}
.reference-image:before{content:'';position:absolute;width:270px;height:270px;border-radius:50%;left:50%;top:34px;translate:-50% 0;border:1px solid #f1ead52b}
.reference-image.rust{background:#744531;border-color:#88513a}
.reference-image.sage{background:#3a2a44;border-color:#523d5e}
.reference-image img{display:block;position:relative;width:210px;height:auto;max-width:80%;margin:23px auto 0;border:4px solid #414046;border-radius:21px;rotate:-5deg;box-shadow:0 8px 30px #0006;transition:translate .35s,rotate .35s}
.reference-card:nth-child(2) img{rotate:5deg}
.reference-card:hover img{translate:0 -9px;rotate:0deg}
.reference-card .label-tiny{font-size:8px;letter-spacing:1.2px;color:var(--muted)}
.reference-card h3{font-family:var(--serif);font-size:35px;line-height:1.2;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px}
.reference-card h3 span{font:22px var(--sans);color:var(--orange)}
.reference-card>p{font-size:12px;line-height:1.85;color:var(--muted);max-width:330px;margin-top:13px}
.screen-note{font-size:10px;line-height:1.8;color:var(--muted)}
.reference-intro>.screen-note{margin-top:33px;border-top:1px solid var(--line);padding-top:19px}
.host-reference{background:var(--cream);color:var(--ink);overflow:hidden}
.host-reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;padding-block:65px}
.host-reference-copy .eyebrow{font-size:9px;margin-bottom:26px}
.host-reference-copy h2{font-size:71px}
.host-reference-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;margin-top:27px;max-width:400px;color:#4e4c56}
.host-reference-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:30px}
.host-reference-actions>.text-link{font-size:11px}
.host-reference-art{height:500px;display:block;position:relative;isolation:isolate}
.host-device{position:absolute;width:219px;right:22px;top:-20px;border:5px solid #4d4c55;border-radius:28px;rotate:8deg;overflow:hidden;background:var(--screen);box-shadow:0 23px 40px #17161b44}
.host-device img{display:block;width:100%;height:auto}
.host-art-note{position:absolute;left:-12px;top:92px;font:10px/1.8 var(--sans);letter-spacing:2px;z-index:2;rotate:-8deg;padding:27px 24px;background:#e3571a;box-shadow:0 15px 30px #17161b1a}
.host-art-note em{font:45px/1.1 var(--serif);letter-spacing:-1px}
.host-art-caption{position:absolute;bottom:5px;left:0;font-size:8px;letter-spacing:1px}
.tour-intro{display:grid;grid-template-columns:1fr .7fr;align-items:end;gap:100px;padding-block:65px 53px}
.tour-intro h1{font:clamp(75px,7vw,105px)/.96 var(--serif);letter-spacing:-2px;margin-top:24px}
.tour-intro h1 em{color:var(--orange)}
.tour-intro-copy>p:first-child{font-size:15px;line-height:1.8;max-width:370px}
.tour-counts{display:flex;gap:29px;margin:24px 0 18px}
.tour-counts>span{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted)}
.tour-counts strong{font:27px var(--serif);color:var(--orange)}
.tour-intro-copy .screen-note{max-width:340px}
.feature-nav-wrap{position:sticky;top:0;z-index:10;background:#17161bf5;backdrop-filter:blur(10px);border-block:1px solid var(--line)}
.feature-tabs{display:flex;align-items:stretch;gap:5px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#514f5a transparent;padding-block:10px}
.feature-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;white-space:nowrap;border:1px solid transparent;background:transparent;border-radius:5px;color:var(--muted);min-height:46px;padding:10px 11px;font-size:11px;transition:background .2s,color .2s}
.feature-tabs button>span{font-size:18px;line-height:1}
.feature-tabs button:hover{background:#ffffff07;color:var(--text)}
.feature-tabs button[aria-pressed=true]{background:var(--orange);color:var(--ink)}
.feature-stage{position:relative;display:grid;grid-template-columns:1fr .9fr;gap:120px;align-items:center;padding-block:55px 65px;scroll-margin-top:80px;min-height:840px}
.feature-anchor{position:absolute;top:0;left:0;scroll-margin-top:90px;pointer-events:none}
.feature-copy{min-width:0}
.feature-copy>.eyebrow{color:var(--orange);margin-bottom:23px}
.feature-copy>h2{font-size:63px;line-height:1.04;letter-spacing:-1.5px;max-width:520px}
.feature-copy>p:not(.eyebrow):not(.feature-takeaway):not(.sr-only){font-size:14px;line-height:1.9;color:var(--muted);margin-top:27px;max-width:440px}
.feature-points{list-style:none;padding:0;margin:26px 0 0;border-top:1px solid var(--line)}
.feature-points li{position:relative;padding:14px 0 14px 24px;border-bottom:1px solid var(--line);font-size:12px;line-height:1.8;color:#cccbd1}
.feature-points li:before{content:'↗';position:absolute;left:0;color:var(--orange)}
.feature-takeaway{font:italic 25px/1.35 var(--serif);color:#e4c7a7;margin-top:26px;max-width:380px}
.feature-cta{display:flex;align-items:start;flex-direction:column;gap:21px;margin-top:27px}
.feature-cta .button{font-size:11px;min-height:48px}
.feature-cta .text-link{background:none;border:0;padding:0;font-size:11px;color:var(--muted);text-align:left}
.feature-cta .text-link:hover{color:var(--text)}
.feature-preview{min-width:0;max-width:410px;width:100%;justify-self:center}
.screen-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}
.screen-topline>span{display:flex;align-items:center;gap:9px;font-size:7px;letter-spacing:1.1px}
.screen-topline button{display:flex;align-items:center;gap:7px;background:none;border:0;color:var(--muted);padding:6px 0;font-size:10px}
.screen-viewer{display:flex;align-items:center;justify-content:center;padding:0;position:relative;width:290px;max-width:100%;aspect-ratio:1280/2769;overflow:hidden;margin:auto;border:5px solid #45444c;border-radius:31px;background:#131316;box-shadow:0 20px 50px #0004;cursor:zoom-in}
.screen-viewer img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.screen-viewer.is-detail{background:#19191c}
.screen-pager{display:grid;grid-template-columns:37px 1fr 37px;align-items:center;gap:13px;margin-top:21px}
.screen-pager>button{height:37px;width:37px;background:none;border:1px solid var(--line);border-radius:50%;color:var(--text);font-size:18px}
.screen-pager>button:disabled{opacity:.25;cursor:default}
.screen-pager>p{font-size:10px;line-height:1.6;color:var(--muted);text-align:center}
.screen-counter{font-size:8px;letter-spacing:1.2px;text-align:center;margin-top:13px;color:#d0bda1;font-variant-numeric:tabular-nums}
.tour-bottom{padding-bottom:36px}
.tour-bottom>details{border-top:1px solid var(--line)}
.tour-bottom>details:last-child{border-bottom:1px solid var(--line)}
.tour-bottom>details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;cursor:pointer}
.tour-bottom>details>summary::-webkit-details-marker{display:none}
.tour-bottom>details>summary>span:first-child{display:flex;flex-direction:column;font:36px/1.1 var(--serif);gap:12px}
.tour-bottom>details>summary small{font:8px var(--sans);letter-spacing:1.4px;color:var(--muted)}
.details-symbol{font:29px var(--sans);color:var(--orange);transition:rotate .2s}
.tour-bottom>details[open]>summary>.details-symbol{rotate:45deg}
.archive-content>p{font-size:12px;color:var(--muted);max-width:590px;line-height:1.9}
.concept-intro{display:flex;align-items:start;gap:18px;padding:9px 0 0}
.concept-intro>.preview-badge{white-space:nowrap;margin-top:5px}
.concept-intro>p{max-width:570px;font-size:12px;line-height:1.9;color:var(--muted)}
.concept-section>.sami-section{width:100%;padding-block:37px 45px}
.concept-section .section-top{display:none}
.concept-section .sami-grid{gap:80px}
.concept-section .sami-copy h2{font-size:56px}
.tour-close{padding-block:57px 75px;text-align:center}
.tour-close>.eyebrow{justify-content:center;color:var(--muted)}
.tour-close>h2{font-size:75px;margin-top:25px}
.tour-close>h2 em{color:var(--orange)}
.tour-close>p:not(.eyebrow){color:var(--muted);font-size:13px;margin-top:25px}
.tour-close>.button{margin-top:25px}
.tour-close>.text-link{display:block;width:fit-content;margin:21px auto 0;font-size:11px;color:var(--muted)}
.screen-dialog{width:min(1080px,calc(100% - 30px));max-height:calc(100dvh - 30px);padding:0;border:1px solid #4d4c55;border-radius:14px;background:var(--bg);color:var(--text);box-shadow:0 30px 100px #000a;overflow:hidden}
.screen-dialog::backdrop{background:#050606ed;backdrop-filter:blur(8px)}
.lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 23px;border-bottom:1px solid var(--line)}
.lightbox-toolbar .label-tiny{font-size:7px;color:var(--orange);letter-spacing:1.1px}
.lightbox-toolbar h2{font:25px/1.2 var(--serif);letter-spacing:0;margin-top:5px}
.lightbox-actions{display:flex;align-items:center;gap:8px}
.lightbox-actions button{min-width:36px;height:36px;background:#212024;border:1px solid var(--line);border-radius:5px;color:var(--text);font-size:18px}
.lightbox-actions #lightbox-zoom{padding-inline:10px;font-size:10px;white-space:nowrap}
.lightbox-actions #lightbox-close{font-size:24px;margin-left:8px}
.lightbox-scroll{height:min(74vh,860px);overflow:auto;padding:18px;overscroll-behavior:contain;scrollbar-color:#52505a var(--bg)}
.lightbox-scroll img{display:block;width:auto;max-width:100%;height:auto;max-height:100%;margin:auto;object-fit:contain}
.lightbox-scroll.is-zoomed img{width:100%;max-width:960px;max-height:none}
.lightbox-caption{font-size:10px;color:var(--muted);text-align:center;padding:12px 20px;border-top:1px solid var(--line);line-height:1.6}
.motion-paused .landing-device{translate:0 0!important}
@media(max-width:1200px){.landing-hero{gap:35px}.landing-device{width:225px;right:20px}.secondary-device{width:187px;left:0;top:105px}.landing-visual{height:600px}.capture-label{font-size:8px;left:-9px}.landing-hero h1{font-size:91px}.feature-stage{gap:70px}.feature-copy>h2{font-size:56px}.feature-tabs button{gap:6px;font-size:10px;padding-inline:9px}.host-reference-grid{gap:50px}.host-device{right:0}.host-art-note{left:-20px}}
@media(max-width:1024px){.landing-hero{gap:20px}.landing-hero h1{font-size:80px}.landing-visual{height:535px}.landing-device{width:192px;right:18px;top:36px;border-radius:27px}.secondary-device{width:156px;top:105px;border-radius:24px}.capture-label{left:0;top:20px;font-size:7px;padding:10px}.visual-orbit{height:340px;top:110px}.landing-tour-link .label-tiny{display:none}.landing-intro{font-size:15px}.landing-hero .hero-support{font-size:12px}.reference-heading{gap:35px;grid-template-columns:1.3fr 1fr}.reference-heading h2{font-size:49px}.reference-heading>p{font-size:12px}.reference-cards{gap:23px}.reference-image{height:220px}.reference-image img{width:176px;border-radius:17px}.reference-card h3{font-size:28px}.reference-card>p{font-size:11px}.host-reference-copy h2{font-size:61px}.host-reference-copy .eyebrow{font-size:8px}.host-reference-grid{gap:30px}.host-reference-art{height:425px}.host-device{width:185px}.host-art-note{font-size:8px;padding:19px;left:-5px;top:100px}.host-art-note em{font-size:36px}.host-art-caption{font-size:6px}.tour-intro{gap:55px}.tour-intro-copy>p:first-child{font-size:13px}.feature-stage{gap:45px;min-height:750px}.feature-copy>h2{font-size:49px}.feature-copy>p:not(.eyebrow):not(.feature-takeaway):not(.sr-only){font-size:12px}.feature-points li{font-size:11px}.feature-takeaway{font-size:23px}.screen-viewer{width:260px}.screen-topline>span{font-size:6px;letter-spacing:.7px}.feature-tabs button{padding-inline:12px;flex:none}.concept-section .sami-grid{gap:40px}}
@media(max-width:760px) and (min-width:641px){.landing-hero h1{font-size:69px}.landing-device{right:7px;width:169px}.secondary-device{width:138px;top:95px}.landing-visual{height:465px}.capture-label{font-size:6px;padding:8px}.host-art-note{left:-10px;top:130px}.host-device{width:167px}.feature-stage{gap:28px}.screen-viewer{width:230px}.feature-copy>h2{font-size:43px}.feature-copy>.eyebrow{font-size:8px}.feature-copy>p:not(.eyebrow):not(.feature-takeaway):not(.sr-only){font-size:11px}.feature-points li{font-size:10px}.feature-takeaway{font-size:20px}.feature-cta .button{font-size:10px;padding-inline:13px}}
@media(max-width:640px){.reference-site .site-header{height:80px}.reference-site .site-header nav{display:flex;gap:0;margin-left:auto;margin-right:13px}.reference-site .site-header nav a{display:none}.reference-site .site-header nav a[data-mobile-nav]{display:block;font-size:10px;white-space:nowrap}.reference-site .site-header .button{min-height:37px;gap:9px;font-size:9px;padding-inline:11px}.reference-site .site-header>.wordmark{font-size:39px}.reference-site .site-header .button span{font-size:16px}.landing-hero{grid-template-columns:1fr;gap:26px;padding-block:43px 35px}.landing-hero h1{font-size:clamp(65px,15.8vw,86px);letter-spacing:-2px;margin-top:24px;line-height:.98}.landing-hero .desktop-break{display:none}.landing-hero>.hero-copy>.eyebrow{font-size:7px;letter-spacing:1.3px}.landing-intro{font-size:15px;margin-top:24px}.landing-hero .hero-support{font-size:12px;margin-top:11px;max-width:355px}.landing-hero .email-entry{margin-top:23px}.landing-hero .microcopy{font-size:8px}.landing-tour-link{font-size:11px;margin-top:23px}.landing-tour-link .label-tiny{display:inline;font-size:6px;letter-spacing:.8px}.landing-visual{height:530px;width:min(355px,100%);margin:0 auto}.landing-device{width:198px;right:22px;top:23px;border-width:4px}.secondary-device{width:167px;left:4px;top:73px;border-width:4px}.capture-label{top:10px;left:2px;font-size:7px;padding:10px;gap:9px}.visual-coordinate{right:0;top:54px;font-size:6px}.visual-orbit{top:90px;height:340px}.reference-intro .section-top{display:block;margin-bottom:24px}.reference-intro .section-top .text-link{display:inline-flex;font-size:10px;margin-top:15px}.reference-heading{grid-template-columns:1fr;gap:19px}.reference-heading h2{font-size:46px}.reference-heading>p{font-size:12px;max-width:330px}.reference-cards{grid-template-columns:1fr;gap:35px;margin-top:27px}.reference-image{height:265px;max-width:100%;margin-bottom:18px}.reference-image img{width:208px;border-width:4px;border-radius:22px;margin-top:20px}.reference-card h3{font-size:36px;margin-top:8px}.reference-card>p{font-size:12px;margin-top:10px;max-width:none}.reference-card .label-tiny{font-size:8px}.reference-intro>.screen-note{font-size:9px;margin-top:28px}.host-reference-grid{grid-template-columns:1fr;padding-block:43px 38px;gap:40px}.host-reference-copy h2{font-size:61px}.host-reference-copy .eyebrow{font-size:7px;letter-spacing:1.1px}.host-reference-copy>p:not(.eyebrow){font-size:12px;margin-top:23px}.host-reference-actions{gap:23px;margin-top:24px}.host-reference-actions .button{font-size:11px}.host-reference-art{height:428px;width:min(350px,100%);margin:auto}.host-device{width:194px;right:26px;top:0}.host-art-note{left:2px;top:105px;padding:19px;font-size:7px}.host-art-note em{font-size:40px}.host-art-caption{font-size:7px;bottom:0}.tour-intro{grid-template-columns:1fr;padding-block:43px 28px;gap:26px}.tour-intro h1{font-size:clamp(65px,15.8vw,83px);margin-top:23px}.tour-intro .eyebrow{font-size:8px;letter-spacing:1.2px}.tour-intro-copy>p:first-child{font-size:13px;max-width:345px}.tour-counts{margin:17px 0 13px;gap:26px}.tour-counts strong{font-size:25px}.tour-intro-copy .screen-note{font-size:9px;max-width:345px}.feature-tabs{padding-block:7px;gap:4px;width:100%;padding-inline:20px}.feature-tabs button{font-size:10px;min-height:40px;padding:8px 12px;gap:7px}.feature-tabs button>span{font-size:17px}.feature-stage{grid-template-columns:1fr;gap:31px;padding-block:32px 37px;min-height:0;scroll-margin-top:66px}.feature-anchor{scroll-margin-top:70px}.feature-copy>.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:18px}.feature-copy>h2{font-size:47px;max-width:400px;letter-spacing:-1px}.feature-copy>p:not(.eyebrow):not(.feature-takeaway):not(.sr-only){font-size:12px;margin-top:19px;line-height:1.85}.feature-points{margin-top:18px}.feature-points li{font-size:11px;padding-block:11px;line-height:1.75}.feature-takeaway{font-size:25px;margin-top:20px;max-width:320px}.feature-cta{flex-direction:row;align-items:center;flex-wrap:wrap;gap:17px;margin-top:22px}.feature-cta .button{font-size:10px;min-height:44px;padding:11px 13px;gap:14px}.feature-cta .text-link{font-size:10px}.feature-preview{max-width:350px}.screen-topline{margin-bottom:15px}.screen-topline>span{font-size:7px}.screen-viewer{width:265px;border-width:4px;border-radius:27px}.screen-pager{margin-top:17px;gap:10px}.screen-pager>p{font-size:10px}.screen-counter{font-size:7px;margin-top:10px}.tour-bottom>details>summary{padding-block:24px}.tour-bottom>details>summary>span:first-child{font-size:29px;gap:9px}.tour-bottom>details>summary small{font-size:7px;letter-spacing:1.1px}.details-symbol{font-size:23px}.archive-content>p{font-size:11px}.concept-intro{flex-direction:column;gap:10px;padding-top:0}.concept-intro>p{font-size:11px}.concept-section>.sami-section{padding-top:26px}.concept-section .sami-grid{gap:26px}.concept-section .sami-copy h2{font-size:52px}.tour-close{padding-block:34px 50px}.tour-close>h2{font-size:61px}.tour-close>.eyebrow{font-size:8px}.tour-close>p:not(.eyebrow){font-size:12px}.lightbox-toolbar{padding:12px 13px;gap:10px;align-items:start}.lightbox-toolbar h2{font-size:20px;max-width:180px}.lightbox-toolbar .label-tiny{font-size:6px}.lightbox-actions{gap:5px;flex-wrap:wrap;justify-content:end;max-width:147px}.lightbox-actions button{height:31px;min-width:31px;font-size:15px}.lightbox-actions #lightbox-close{margin-left:0;font-size:22px}.lightbox-actions #lightbox-zoom{font-size:9px;padding:0 8px;order:4}.lightbox-scroll{height:65dvh;padding:12px}.lightbox-caption{font-size:9px;padding:11px 13px}.screen-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.reference-site .site-footer>p{font-size:9px}}
@media(max-width:370px){.reference-site .site-header nav{margin-right:9px}.reference-site .site-header nav a{font-size:9px!important}.reference-site .site-header .button{font-size:8px;gap:8px;padding-inline:9px}.reference-site .site-header>.wordmark{font-size:35px}.landing-hero h1{font-size:66px}.landing-tour-link .label-tiny{display:none}.landing-visual{height:477px}.landing-device{width:181px;right:16px}.secondary-device{width:145px;left:0;top:85px}.capture-label{font-size:6px;padding:9px}.reference-heading h2{font-size:41px}.reference-image{height:240px}.host-reference-copy h2{font-size:57px}.host-device{right:17px;width:180px}.host-art-note{left:0;padding:16px}.host-art-note em{font-size:36px}.host-reference-art{height:402px}.tour-intro h1{font-size:66px}.feature-copy>h2{font-size:42px}.screen-viewer{width:246px}.feature-tabs{padding-inline:16px}.screen-topline>span{font-size:6px}.tour-bottom>details>summary>span:first-child{font-size:26px}.concept-section .sami-copy h2{font-size:46px}.tour-close>h2{font-size:57px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.landing-device{translate:0 0!important}.reference-card:hover img,.landing-device:hover{rotate:5deg}}
/* Oct 7: onboarding-interest chips and phone choice in the shared waitlist form. */
.role-fieldset legend span{color:var(--muted);font-size:9px;font-weight:400}
.topic-options{grid-template-columns:repeat(3,minmax(0,1fr))}
.role-fieldset+.role-fieldset{margin-top:18px}
/* Oct 7 (later): founder pitch video replaces the 14-screen gallery. Click-to-play keeps YouTube off the page until asked. */
.pitch-video{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:center;padding:56px 0 60px;border-top:1px solid var(--line)}
.pitch-copy h2{margin:16px 0 18px;font-size:clamp(40px,4.2vw,58px)}
.pitch-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.85;max-width:410px}
.founder-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.video-frame{min-width:0}
.video-poster,.video-frame iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#0b0b0d}
.video-poster{position:relative;color:var(--text);background:radial-gradient(ellipse at 72% 38%,#e3571a2e,transparent 58%),linear-gradient(160deg,#1c1b20,#0b0b0d)}
.video-orb{position:absolute;width:34%;aspect-ratio:1;right:9%;top:13%;border-radius:50%;background:radial-gradient(circle at 32% 28%,#ffe4cc 0,#f39058 16%,#e3571a 36%,#8a2f4f 66%,#2b1838 100%);box-shadow:0 0 90px #e3571a40;opacity:.92}
.video-play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:78px;height:78px;border-radius:50%;background:var(--orange);box-shadow:0 10px 40px #0007;transition:scale .25s}
.video-play::after{content:'';position:absolute;left:31px;top:24px;border-style:solid;border-width:15px 0 15px 25px;border-color:transparent transparent transparent var(--ink)}
.video-poster:hover .video-play,.video-poster:focus-visible .video-play{scale:1.07}
.video-poster:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
.video-meta{position:absolute;left:24px;right:24px;bottom:20px;display:grid;gap:6px}
.video-meta small{font:500 10px/1.4 var(--mono);letter-spacing:.14em;color:var(--muted)}
.video-meta strong{font:400 32px/1.05 var(--serif);letter-spacing:-.5px}
.video-note{margin-top:12px;font-size:11px;color:var(--muted)}
.inline-link{text-decoration:underline;text-underline-offset:3px;color:var(--text)}
@media(max-width:900px){.pitch-video{grid-template-columns:1fr;gap:30px;padding:44px 0 48px}}
@media(max-width:560px){.video-play{width:58px;height:58px}.video-play::after{left:23px;top:18px;border-width:11px 0 11px 18px}.video-meta{left:16px;bottom:14px}.video-meta strong{font-size:22px}.founder-links .button{width:100%;justify-content:space-between}}
/* Oct 7 (visual pass): the illustrative planner only belongs to the Sami chapter. */
body.tour-page:not([data-active-feature=sami]) #concept{display:none}
/* Team quotes: small initial avatars beside each name. */
.app-words figcaption{display:flex;align-items:center;gap:12px}
.app-words figcaption b{color:var(--text);font-weight:600}
.quote-initial{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:radial-gradient(circle at 32% 28%,#ffe4cc 0,#f39058 22%,#e3571a 52%,#6a2638 100%);color:#17161b;font:400 17px/1 var(--serif);letter-spacing:0}

/* Hero: the app-tour link sits under the phone screenshots, centered in the right column. */
.hero-visual-col{min-width:0;display:flex;flex-direction:column;align-items:center}
.hero-visual-col>.landing-visual{width:100%}
.hero-visual-col>.landing-tour-link{position:relative;z-index:3;margin-top:-60px}
.motion-ready .hero-visual-col>.landing-tour-link{animation:hello-enter .75s both .35s cubic-bezier(.22,1,.36,1)}
@media(max-width:1200px){.hero-visual-col>.landing-tour-link{margin-top:-64px}}
@media(max-width:1024px){.hero-visual-col>.landing-tour-link{margin-top:-62px}}
@media(max-width:760px){.hero-visual-col>.landing-tour-link{margin-top:-42px}}
@media(max-width:640px){.hero-visual-col>.landing-tour-link{margin-top:-54px}}
@media(max-width:370px){.hero-visual-col>.landing-tour-link{margin-top:-40px}}