/* Golfet Club — selected mockup, free local typefaces. */
:root { --cream:#f5eee3; --green:#1b3a2e; --ink:#122e24; --sand:#e2c9a7; --muted:#545d54; --line:#b9ac9480; --sans:'Hanken Grotesk',Arial,sans-serif; --serif:'Newsreader',Georgia,serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream) url('images/design/coach-paper.png') repeat; color:var(--ink); font:400 16px/1.6 var(--sans); font-optical-sizing:auto; font-synthesis:none; -webkit-font-smoothing:antialiased; }
h1,h2,h3,p,figure { margin:0; }
img { display:block; max-width:100%; }
a { color:inherit; text-decoration:none; }
button { font:inherit; cursor:pointer; }
button,a { -webkit-tap-highlight-color:transparent; }
[hidden] { display:none!important; }
h1,h2,h3 { text-wrap:balance; }
h2 { font:550 clamp(42px,4.6vw,64px)/1.06 var(--serif); letter-spacing:-.035em; }
h2 em,h3 em { font-weight:500; }
a:focus-visible,button:focus-visible,summary:focus-visible,.session-panel:focus-visible { outline:2px solid currentColor; outline-offset:6px; }
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.skip { position:absolute; top:-100px; z-index:30; background:var(--cream); color:var(--green); padding:16px; }
.skip:focus { top:8px; }
.icon { flex:0 0 auto; }
.section,.header-inner,.hero-layout { width:min(1280px,89.5%); margin-inline:auto; }
.eyebrow { font-size:11px; font-weight:500; line-height:1.6; letter-spacing:2.8px; text-transform:uppercase; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:26px; min-height:50px; border:1px solid var(--sand); border-radius:40px; background:var(--sand); color:var(--ink); padding:12px 28px; font:600 16px/1.5 var(--sans); transition:background .2s,transform .2s; }
.button:hover { background:#edd5b5; transform:translateY(-2px); }
.button.small { font-size:14px; min-height:40px; padding:9px 23px; }
.header { background:var(--green) url('images/design/coach-green.png') repeat; color:var(--cream); }
.header-inner { display:flex; align-items:center; justify-content:space-between; gap:30px; min-height:88px; padding-block:17px; border-bottom:1px solid #f5eee344; position:relative; z-index:10; }
.brand { display:inline-flex; align-items:center; gap:12px; font:500 46px/1 var(--serif); letter-spacing:-.045em; white-space:nowrap; }
.brand img { width:50px; height:50px; }
.round-brand { clip-path:circle(35% at 50% 49%); transform:scale(1.4); }
.header nav { display:flex; align-items:center; gap:30px; font-size:14px; font-weight:500; }
.header nav>a:not(.button):hover { color:var(--sand); }
.nav-toggle { display:none; }
.hero { position:relative; isolation:isolate; min-height:clamp(890px,89vw,1130px); background:var(--green) url('images/design/coach-green.png') repeat; color:var(--cream); overflow:clip; }
.hero-layout { display:grid; grid-template-columns:1.3fr 1fr; gap:44px; align-items:start; padding-top:52px; position:relative; z-index:2; }
.hero-copy { min-width:0; padding-top:8px; }
.hero-copy .eyebrow { letter-spacing:4px; margin-bottom:25px; }
h1 { font:500 clamp(72px,9vw,122px)/.95 var(--serif); letter-spacing:-.042em; }
h1 em { font-weight:500; font-size:1em; white-space:nowrap; }
.lead { font-size:clamp(20px,2.05vw,25px); line-height:1.4; margin:24px 0; max-width:560px; color:var(--cream); }
.lead-mobile { display:none; }
.preview-note { color:#d4d1bd; font-size:13px; line-height:1.6; margin-top:12px; }
/* A conversation first: a clear request, a reply, then the proposed edit. */
.agent-card { position:relative; background:var(--cream) url('images/design/coach-paper.png') repeat; color:var(--ink); border:1px solid #d4c6b2; border-radius:20px; padding:24px; box-shadow:0 12px 42px #081b1422,inset 0 0 0 3px #fff9ee66; text-align:left; }
.agent-header { display:flex; align-items:center; gap:9px; padding-bottom:16px; border-bottom:1px solid #b9ac9455; }
.orb-stage { position:relative; flex:0 0 72px; width:72px; height:72px; margin:-8px 0 -8px -9px; }
#coach-orb { height:100%; width:100%; display:flex; align-items:center; justify-content:center; touch-action:pan-y; }
.golfet-cloud-orb [data-orb-ui-slot=surface] { opacity:1!important; }
.golfet-cloud-orb [data-orb-ui-slot=launch] { display:none; }
.orb-fallback { width:100%; height:100%; object-fit:contain; }
.agent-identity { min-width:0; flex:1; }
.agent-name { display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:21px; font-weight:600; line-height:1.2; letter-spacing:-.025em; }
.demo-badge { border:1px solid #a79f8b66; border-radius:4px; padding:3px 5px; color:#596556; font-size:9px; line-height:1; letter-spacing:.04em; font-weight:500; }
.agent-status { margin-top:5px; font-size:12px; line-height:1.35; color:var(--muted); }
.demo-context { margin:21px 0 18px; color:#657060; font-size:10px; line-height:1.4; font-weight:500; text-align:center; letter-spacing:1.45px; text-transform:uppercase; }
.demo-thread { display:flex; flex-direction:column; gap:25px; }
.demo-question { align-self:flex-end; max-width:87%; padding:13px 18px 15px; border-radius:14px 14px 4px 14px; background:var(--green); color:var(--cream); }
.demo-question .message-author { color:#d4dacb; }
.message-author { display:block; font-size:11px; line-height:1.3; font-weight:600; margin-bottom:5px; }
.demo-question p { font-size:18px; line-height:1.4; letter-spacing:-.015em; }
.demo-response { position:relative; padding-right:20px; }
.demo-reply { margin:0 0 14px 2px; }
.demo-reply .message-author { color:#53664f; }
.demo-reply>p { font-size:16px; line-height:1.4; }
.demo-cue { display:block; position:relative; padding:18px 20px 0; border:1px solid #baaf9766; border-radius:5px 13px 13px 13px; background:#fffaf0aa; box-shadow:0 4px 12px #5a52320b; transition:background .2s,border-color .2s,opacity .45s,transform .45s; }
.demo-cue:hover { background:#fffaf0; border-color:#8a927477; }
.demo-cue-meta { display:flex; justify-content:space-between; align-items:center; gap:12px; color:#59664f; font-size:10px; line-height:1.4; font-weight:600; letter-spacing:1px; text-transform:uppercase; }
.demo-cue-meta>span:last-child { padding:3px 8px; border:1px solid #b9ac9470; border-radius:20px; font-size:10px; letter-spacing:0; text-transform:none; }
.cue-mobile-label { display:none; }
.demo-cue-title { margin:13px 0 8px; font:600 23px/1.25 var(--sans); letter-spacing:-.04em; text-wrap:pretty; }
.demo-cue-detail { font-size:15px; line-height:1.45; color:#53604e; }
.demo-cue-footer { display:flex; align-items:center; justify-content:space-between; min-height:44px; margin-top:14px; border-top:1px solid #b9ac9444; color:#68725f; font-size:11px; }
.demo-cue-footer .icon { width:18px; }
.demo-caption { margin:20px 0 0; font-size:11px; color:#69745f; text-align:center; }
.demo-thinking { display:none; position:absolute; inset:0 auto auto 2px; align-items:center; gap:10px; color:#66715d; font-size:13px; min-height:30px; }
.thinking-dots { display:flex; align-items:center; gap:4px; height:12px; }
.thinking-dots i { width:4px; height:4px; border-radius:50%; background:var(--green); animation:thinking-pulse 1.2s ease-in-out infinite; }
.thinking-dots i:nth-child(2) { animation-delay:.15s; } .thinking-dots i:nth-child(3) { animation-delay:.3s; }
/* Reveal complete turns, hold the result, then repeat without changing card height. */
[data-conversation-ready] .demo-reply,[data-conversation-ready] .demo-cue { opacity:0; transform:translateY(8px); transition:opacity .45s,transform .45s; }
[data-conversation-ready] .demo-cue { pointer-events:none; }
[data-conversation-stage=answering] .demo-reply,[data-conversation-stage=remembered] .demo-reply,[data-conversation-stage=remembered] .demo-cue { opacity:1; transform:none; }
[data-conversation-stage=remembered] .demo-cue { pointer-events:auto; }
[data-conversation-stage=asking] .demo-thinking,[data-conversation-stage=recalling] .demo-thinking { display:flex; }
.agent-card[data-motion-stopped=true] .thinking-dots i { animation-play-state:paused; }
@keyframes thinking-pulse { 0%,70%,100% { opacity:.25; transform:translateY(0); } 35% { opacity:1; transform:translateY(-2px); } }
.hero-golfer { position:absolute; z-index:1; left:0; bottom:-1px; width:min(89%,1280px); height:45%; pointer-events:none; }
.hero-golfer img { width:100%; height:100%; object-fit:contain; object-position:left bottom; }
.hero-caption { position:absolute; right:max(5.25%,calc((100vw - 1280px)/2)); bottom:76px; color:#dfdfcb; font-size:10px; line-height:2; text-transform:uppercase; letter-spacing:3.5px; }
.hero-caption::after { content:''; display:block; width:26px; border-bottom:1px solid #dfdfcb; margin-top:16px; }
.memory-section { border-bottom:1px solid var(--line); }
.memory-layout { display:grid; grid-template-columns:1.65fr 1fr; gap:46px; align-items:center; padding-block:45px 55px; }
.memory-image img { width:100%; height:auto; aspect-ratio:1.6; object-fit:cover; border-radius:5px; }
.ruled-label { display:flex; align-items:center; gap:22px; font-size:10px; letter-spacing:2.7px; white-space:nowrap; }
.ruled-label::after { content:''; flex:1; border-bottom:1px solid var(--line); }
.memory-copy h2 { font-size:clamp(47px,5.6vw,78px); margin:30px 0 24px; }
.memory-copy>p:not(.eyebrow) { font-size:18px; line-height:1.4; color:var(--muted); max-width:400px; }
.text-link { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; font-size:16px; font-weight:500; padding-block:8px; border-bottom:1px solid currentColor; }
.text-link:hover { color:#79745a; }
.memory-copy .text-link { margin-top:24px; }
.small-label { font-size:11px; line-height:1.7; font-weight:600; letter-spacing:1.5px; text-transform:uppercase; }
.feature-tour { padding-block:90px 40px; scroll-margin-top:28px; }
.tour-heading { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:end; }
.tour-heading .eyebrow { margin-bottom:22px; }
.tour-heading>p { max-width:435px; justify-self:end; font-size:18px; line-height:1.65; color:var(--muted); }
.feature-index { display:flex; flex-wrap:wrap; gap:10px; margin:38px 0 12px; padding-bottom:36px; border-bottom:1px solid var(--line); }
.feature-index a { display:inline-flex; gap:12px; align-items:center; min-height:48px; padding:11px 19px; border:1px solid var(--line); border-radius:30px; font-size:15px; }
.feature-index span { color:#897453; font-size:11px; }
.feature-index a:hover { background:#e8dece; border-color:#9c9f89; }
.feature-chapter { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:clamp(44px,8vw,112px); padding-block:64px; scroll-margin-top:24px; }
.feature-chapter + .feature-chapter { border-top:1px solid var(--line); }
.feature-copy { min-width:0; max-width:460px; }
.feature-copy .eyebrow { color:#7a6244; margin-bottom:25px; }
.feature-copy h3 { font:500 clamp(40px,4.5vw,62px)/1.05 var(--serif); letter-spacing:-.035em; }
.feature-copy>p:not(.eyebrow) { color:var(--muted); font-size:18px; line-height:1.65; margin-top:24px; }
.feature-copy>p.feature-detail { padding-top:20px; border-top:1px solid var(--line); font-size:14px; }
.feature-copy blockquote { margin:28px 0 0; padding-left:22px; border-left:2px solid #b89b67; font:500 31px/1.3 var(--serif); }
.feature-reversed .feature-copy { order:2; }
.feature-reversed .feature-figure { order:1; }
.feature-figure { min-width:0; margin:0; scroll-margin-top:24px; }
.feature-stage { min-height:620px; padding:32px; display:grid; place-items:center; background:var(--green) url('images/design/coach-green.png') repeat; border:1px solid #173629; border-radius:22px; }
.tour-screen { display:block; width:min(100%,256px); border:3px solid #d7c5a8; border-radius:28px; overflow:hidden; box-shadow:0 18px 38px #071e1b66; background:var(--cream); }
.tour-screen img { width:100%; height:auto; display:block; }
.tour-screen:focus-visible { outline:3px solid var(--sand); outline-offset:7px; }
.feature-figure figcaption { font-size:13px; line-height:1.6; padding-top:16px; text-align:center; color:var(--ink); }
.feature-figure figcaption span { display:block; color:var(--muted); font-size:12px; }
.media-notebook { width:min(100%,330px); overflow:hidden; border:2px solid #d7c5a8; border-radius:22px; background:var(--cream) url('images/design/coach-paper.png') repeat; box-shadow:0 18px 38px #071e1b66; }
.media-notebook-bar { display:flex; justify-content:space-between; align-items:center; padding:14px 19px; color:var(--cream); background:#253727 url('images/design/coach-green.png') repeat; font-size:12px; font-weight:600; letter-spacing:1px; text-transform:uppercase; }
.media-notebook-bar>span:first-child { font-size:24px; line-height:1; }
.media-notebook-body { padding:20px 19px 16px; }
.media-notebook-body>.small-label { font-size:8px; color:#8c5c3f; }
.media-notebook h4 { font:500 27px/1.15 var(--serif); letter-spacing:-.02em; margin:12px 0; }
.mock-cue { font-size:12px; line-height:1.65; }
.mock-cue strong { font:500 19px/1.5 var(--serif); }
.media-prompt { font-size:12px; font-weight:600; margin:20px 0 10px; }
.media-options { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.media-option { min-width:0; padding:6px 6px 9px; background:#fffaf1; border:1px solid #ddd1bd; border-radius:9px; box-shadow:0 4px 9px #283d2712; }
.media-option>span { display:block; margin-top:6px; font-size:11px; font-weight:500; }
.media-thumbnail { position:relative; overflow:hidden; border-radius:5px; aspect-ratio:1.08; background:#e9e0d0; }
.media-thumbnail>img { width:100%; height:100%; object-fit:cover; display:block; }
.media-plus { position:absolute; top:5px; right:5px; width:19px; height:19px; display:grid; place-items:center; background:var(--green); color:var(--cream); border:1px solid var(--cream); border-radius:50%; font-size:17px; line-height:1; }
.media-play { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:30px; height:30px; display:grid; place-items:center; background:#fffaf1ee; border-radius:50%; font-size:12px; padding-left:2px; }
.media-resource { padding:8px; }
.media-resource .small-label { display:block; font-size:6px; letter-spacing:.6px; margin-bottom:8px; }
.media-resource>img { width:32%; height:44%; float:left; margin-right:6px; border-radius:3px; }
.media-resource strong { display:block; font:500 12px/1.15 var(--serif); }
.media-tag { display:inline-block; margin-top:7px; padding:3px 5px; background:#dde3d5; border-radius:3px; font-size:6px; }
.media-camera>img { filter:brightness(.8); }
.camera-guides { position:absolute; inset:0 0 23%; background:linear-gradient(90deg,transparent 33%,#fff5 33%,#fff5 34%,transparent 34%,transparent 66%,#fff5 66%,#fff5 67%,transparent 67%),linear-gradient(transparent 33%,#fff5 33%,#fff5 34%,transparent 34%,transparent 66%,#fff5 66%,#fff5 67%,transparent 67%); }
.camera-shutter { position:absolute; bottom:5px; left:calc(50% - 9px); width:18px; height:18px; border:2px solid white; border-radius:50%; background:#fffa; box-shadow:0 0 0 2px #173025; }
.media-add { margin-top:19px; border:1px solid #e5dccb; border-radius:25px; background:#fffaf1; display:flex; gap:10px; align-items:center; padding:7px; font-size:12px; }
.media-add>span { width:28px; height:28px; display:grid; place-items:center; background:var(--green); color:var(--cream); border-radius:50%; font-size:23px; line-height:1; }
@media(max-width:1000px) {
 .feature-chapter { gap:36px; }
 .feature-stage { min-height:580px; padding:24px; }
}
@media(max-width:760px) {
 .feature-tour { padding-block:58px 20px; }
 .tour-heading { display:block; }
 .tour-heading>p { margin-top:22px; font-size:17px; }
 .feature-index { gap:8px; margin-top:28px; padding-bottom:28px; }
 .feature-index a { font-size:13px; padding:10px 13px; gap:8px; min-height:44px; }
 .feature-chapter { display:flex; flex-direction:column; align-items:stretch; gap:28px; padding-block:42px; }
 .feature-copy,.feature-reversed .feature-copy { order:0; max-width:none; }
 .feature-figure,.feature-reversed .feature-figure { order:1; }
 .feature-copy .eyebrow { margin-bottom:18px; }
 .feature-copy h3 { font-size:clamp(37px,9vw,48px); }
 .feature-copy>p:not(.eyebrow) { font-size:17px; margin-top:20px; }
 .feature-copy>p.feature-detail { font-size:14px; padding-top:18px; }
 .feature-copy blockquote { font-size:28px; }
 .feature-stage { min-height:0; padding:26px 22px; border-radius:16px; }
 .tour-screen { width:min(100%,256px); border-radius:25px; }
 .feature-figure figcaption { font-size:12px; }
 .media-stage-web { padding:26px 16px; }
 .media-notebook-body { padding:16px 14px 13px; }
}
.questions { display:grid; grid-template-columns:.7fr 1.3fr; gap:80px; padding-block:100px; scroll-margin-top:20px; }
.questions .eyebrow { margin-bottom:24px; }
.questions>div:first-child>p:last-child { color:var(--muted); margin-top:28px; }
.faq-list { border-top:1px solid var(--line); }
.faq-list details { border-bottom:1px solid var(--line); }
.faq-list summary { cursor:pointer; font-size:17px; font-weight:500; line-height:1.6; padding:24px 6px; }
.faq-list summary::marker { color:var(--green); font-size:11px; }
.faq-list details p { font-size:16px; line-height:1.65; color:var(--muted); padding:0 6px 25px 22px; max-width:650px; }
.download-section { text-align:center; padding:70px 5% 85px; border-top:1px solid var(--line); background:#ebdfcc66; }
.download-section>img { margin:0 auto 32px; }
.download-section .eyebrow { margin-bottom:24px; }
.download-section h2 { font-size:clamp(44px,5vw,72px); }
.download-section>p:not(.eyebrow) { font-size:17px; color:var(--muted); margin-top:25px; }
.store-badge { display:inline-block; margin-top:28px; transition:transform .2s; }
.store-badge:hover { transform:translateY(-3px); }
.store-badge img { width:165px; height:auto; }
.download-note { display:block; font-size:12px; color:#6f6e5b; margin-top:17px; }
.site-footer { width:min(1280px,89.5%); margin:auto; padding-block:36px 24px; }
.footer-top { display:flex; align-items:center; gap:26px; padding-bottom:30px; }
.footer-top .brand { font-size:36px; }
.footer-top .brand img { width:42px; height:42px; }
.footer-top>p { font-size:14px; color:var(--muted); }
.footer-top>a:last-child { margin-left:auto; font-size:14px; }
.footer-bottom { display:flex; gap:25px; justify-content:space-between; padding-block:24px; border-top:1px solid var(--line); font-size:13px; }
.footer-bottom nav { display:flex; flex-wrap:wrap; gap:25px; }
.site-footer a:hover { text-decoration:underline; text-underline-offset:4px; }
.trademark { color:#68695d; font-size:11px; }
@media(max-width:1150px) {
 .header nav { gap:24px; font-size:13px; } .header .button.small { font-size:13px; }
 .hero-layout { gap:42px; }
 .questions { gap:45px; }
}
@media(max-width:900px) and (min-width:761px) {
 .hero-layout { gap:28px; grid-template-columns:1.22fr 1fr; } h1 { font-size:8.4vw; }
 .hero-copy .eyebrow { letter-spacing:2.5px; font-size:10px; } .lead { font-size:18px; } .desktop-break { display:none; }
 .agent-card { padding:18px; } .agent-name { font-size:18px; } .demo-question p { font-size:16px; } .demo-response { padding-right:0; }
 .memory-layout { gap:30px; grid-template-columns:1.2fr 1fr; } .ruled-label { letter-spacing:1.7px; } .memory-copy h2 { font-size:46px; }
}
/* Fit the opening composition to the window; content can still grow at zoom. */
@media(min-width:1024px) {
 .hero { min-height:calc(100svh - var(--site-header-height,88px)); }
 .hero-layout { min-height:inherit; padding-top:clamp(20px,3svh,52px); }
 .hero-copy { padding-top:var(--hero-copy-offset,0px); padding-bottom:calc(clamp(200px,25svh,300px) + 16px); }
 .hero-copy .eyebrow { margin-bottom:clamp(14px,2svh,25px); }
 .hero h1 { font-size:clamp(64px,min(8vw,9svh),122px); }
 .hero .lead { font-size:clamp(18px,2.35svh,25px); margin-block:clamp(12px,1.65svh,22px); }
 .hero .preview-note { font-size:12px; margin-top:8px; }
 .hero .agent-card { padding:clamp(18px,2.6svh,26px); margin-bottom:24px; }
 .hero .demo-thread { gap:clamp(18px,2.7svh,25px); }
 .hero .demo-question p { font-size:clamp(16px,2.2svh,18px); }
 .hero .demo-cue-title { font-size:clamp(21px,2.7svh,24px); }
 .hero-golfer { width:min(89%,1600px); height:var(--hero-golfer-height,200px); }
 .hero-caption { bottom:clamp(24px,5svh,76px); }
}
@media(max-width:760px) {
 .section,.header-inner,.hero-layout { width:88%; }
 .header-inner { min-height:68px; padding-block:11px; } .brand { font-size:34px; gap:10px; } .brand img { width:38px; height:38px; }
 .nav-toggle { display:block; min-height:44px; padding:8px 18px; border:1px solid #f5eee355; border-radius:30px; background:transparent; color:var(--cream); font-size:13px; }
 .header nav { display:none; position:absolute; top:100%; left:-6.82%; right:-6.82%; padding:20px 6% 26px; background:var(--green) url('images/design/coach-green.png') repeat; border-bottom:1px solid #f5eee355; }
 .header nav.open { display:flex; flex-direction:column; align-items:stretch; gap:6px; }
 .header nav>a { padding:13px 4px; font-size:16px; } .header nav .small { margin-top:10px; }
 /* Reserve the photograph below the entire composition, including the agent.
    Natural content height wins on short screens and when text is enlarged. */
 .hero { --mobile-scene-height:clamp(156px,24svh,245px); min-height:calc(100svh - var(--site-header-height,68px)); }
 .hero-layout { display:flex; flex-direction:column; gap:clamp(12px,2svh,20px); min-height:inherit; padding-top:clamp(14px,2.4svh,24px); padding-bottom:calc(var(--mobile-scene-height) + 10px); }
 .hero-copy { padding-top:0; width:100%; }
 .hero-copy .eyebrow { font-size:10px; letter-spacing:2.3px; margin-bottom:clamp(10px,1.5svh,16px); }
 .hero h1 { font-size:clamp(33px,10.4vw,58px); line-height:1; } h1 em { font-size:1em; } .desktop-title-break { display:none; }
 .lead { font-size:16px; line-height:1.4; margin:12px 0 16px; max-width:360px; } .desktop-break,.lead-desktop { display:none; }
 .lead-mobile { display:inline; }
 .button { font-size:14px; padding:10px 22px; min-height:46px; } .preview-note { font-size:11px; line-height:1.5; margin-top:8px; }
 .agent-card { width:100%; max-width:470px; margin:0; padding:10px 14px 13px; border-radius:14px; }
 .agent-header { gap:4px; padding-bottom:0; border:0; }
 .orb-stage { flex-basis:60px; width:60px; height:60px; margin:-9px 0 -9px -7px; }
 .agent-name { gap:6px; font-size:16px; }
 .demo-badge { font-size:8px; padding:2px 4px; }
 .agent-status,.demo-context,.demo-caption { display:none; }
 .demo-thread { gap:8px; margin-top:7px; }
 .demo-question { max-width:90%; padding:8px 12px; border-radius:10px 10px 3px 10px; font-size:14px; line-height:1.3; }
 .demo-question .message-author { display:inline; font-size:12px; margin:0 5px 0 0; }
 .demo-question p { display:inline; font-size:14px; line-height:1.3; letter-spacing:0; }
 .demo-response { padding-right:24px; }
 .demo-reply { display:none; }
 .demo-cue { padding:9px 12px 10px; border-radius:3px 10px 10px 10px; }
 .demo-cue-meta { font-size:9px; line-height:1.2; letter-spacing:.4px; }
 .demo-cue-meta>span:last-child { border:0; padding:0; font-size:10px; }
 .cue-desktop-label,.demo-cue-detail,.demo-cue-footer { display:none; }
 .cue-mobile-label { display:inline; }
 .demo-cue-title { font-size:16px; line-height:1.25; margin:5px 0 0; letter-spacing:-.02em; }
 .demo-thinking { font-size:12px; min-height:40px; }
 [data-conversation-stage=answering] .demo-thinking { display:flex; }
 .hero-golfer { --scene-render-height:max(var(--mobile-scene-height),min(300px,var(--hero-golfer-height,0px))); position:absolute; left:-10%; bottom:-1px; width:max(120%,calc(var(--scene-render-height) * 2.182)); max-width:none; height:var(--scene-render-height); margin:0; }
 .hero-caption { display:none; }
 .memory-layout { grid-template-columns:1fr; gap:32px; padding-block:36px 48px; }
 .memory-copy h2 { font-size:clamp(48px,9vw,66px); margin-block:25px 20px; } .memory-copy h2 br { display:none; }
 .memory-copy>p:not(.eyebrow) { font-size:17px; } .ruled-label { font-size:10px; letter-spacing:2.3px; } .memory-copy .text-link { margin-top:20px; }
 h2 { font-size:42px; }
 .questions { display:block; padding-block:65px; } .faq-list { margin-top:35px; } .faq-list summary { font-size:16px; }
 .download-section { padding-block:55px 65px; } .download-section .eyebrow { max-width:300px; margin-inline:auto; } .download-section h2 { font-size:44px; }
 .footer-top { flex-wrap:wrap; gap:18px; } .footer-bottom { flex-direction:column; gap:18px; font-size:12px; } .footer-bottom nav { gap:18px; }
}
@media(max-width:370px) {
 .hero-copy .eyebrow { font-size:9px; letter-spacing:2px; }
 .agent-card { padding-inline:12px; } .demo-response { padding-right:0; } .demo-cue-title { font-size:15px; }
}
@media(max-width:760px) and (max-height:740px) {
 .header-inner { min-height:64px; padding-block:9px; }
 .hero { --mobile-scene-height:156px; }
 .hero-layout { padding-top:14px; gap:12px; }
 .hero-copy .eyebrow { margin-bottom:10px; }
 .hero h1 { font-size:clamp(33px,10.4vw,40px); }
 .lead { margin-block:10px 12px; }
}
@media(min-width:500px) and (max-width:760px) {
 .hero { --mobile-scene-height:55vw; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; } .button,.store-badge { transition:none; } .button:hover,.store-badge:hover { transform:none; }
 .demo-reply,.demo-cue { transition:none!important; }
 .thinking-dots i { animation:none!important; }
}