@font-face{font-family:Garamond;src:url('/assets/fonts/garamond-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Garamond;src:url('/assets/fonts/garamond-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-semibold.woff2') format('woff2');font-weight:600 800;font-display:swap}

/* Shared by the landing page, app page, credits and source dialog. */
:root {
  --paper: #ffffff;
  --surface: #f5f5f7;
  --tint: #e8e8ed;
  --ink: #1d1d1f;
  --muted: #626267;
  --line: #d2d2d7;
  --blue: #0062ce;
  --shadow: color-mix(in srgb, var(--ink) 15%, transparent);
  --scrim: color-mix(in srgb, var(--ink) 70%, transparent);
  --serif: Garamond, Georgia, serif;
  --sans: Manrope, Arial, sans-serif;
  --text-caption: 0.75rem;
  --text-small: 0.875rem;
  --text-body: 1rem;
  --text-lead: 1.25rem;
  --text-title: 2rem;
  --text-heading: clamp(2.5rem, 1.5rem + 2.5vw, 3.5rem);
  --text-display: clamp(2.75rem, 1.25rem + 4vw, 5rem);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--text-body);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
button,a,summary{-webkit-tap-highlight-color:transparent}
button{color:inherit}
a,button,summary{touch-action:manipulation}
img{display:block;max-width:100%;height:auto}
p,h1,h2,h3,ul{margin-top:0}
p{margin-bottom:18px}
h1,h2,h3{font-weight:400}
h1,h2{font-family:var(--sans);font-weight:600;letter-spacing:-.055em;line-height:1.08;text-wrap:balance}
h1 em,h2 em{font-style:normal;font-weight:inherit}
h3{line-height:1.3;font-weight:600}
em{font-weight:400}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}
::selection{background:var(--blue);color:var(--paper)}
.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}
.section{padding-block:120px}
.blue{color:var(--blue)}
.wordmark{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;font-family:var(--serif);line-height:1;letter-spacing:-.07em}
.wordmark>img{width:36px;height:36px;border-radius:8px;flex-shrink:0}
.wordmark .wordmark-suffix{color:var(--muted)}
.site-header{height:88px;display:flex;justify-content:space-between;align-items:center}
.site-header nav{display:flex;gap:34px;align-items:center}
.nav-link:hover,.site-footer a:hover{color:var(--blue)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--blue);color:var(--paper);border:1px solid var(--blue);border-radius:999px;min-height:50px;padding:14px 24px;font-weight:600;line-height:1.4;transition:background .2s,transform .2s}
.button:hover{background:color-mix(in srgb,var(--blue) 90%,var(--ink));border-color:transparent}
.button:active{transform:translateY(0)}
.button span{font-weight:400;line-height:1}
.button-small{min-height:42px;padding:10px 20px}
.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:600;padding-block:10px;line-height:1.4}
.text-link:hover{text-decoration:underline;text-underline-offset:4px}
.hero{display:grid;grid-template-columns:1.32fr 1fr;gap:48px;align-items:center;padding-top:56px}
.hero-copy{padding:6px 0 64px;position:relative;z-index:1;min-width:0}
.quiet-label{display:flex;align-items:center;gap:10px;margin-bottom:24px;font-weight:600;color:var(--muted)}
.hero h1{margin:0 0 28px}
h1 em{color:var(--blue)}
.hero-description{max-width:510px;color:var(--muted);line-height:1.6}
.hero-actions{display:flex;align-items:center;gap:28px;margin:32px 0 28px}
.privacy-proof{display:flex;flex-wrap:wrap;gap:8px 22px;padding:0;list-style:none;color:var(--ink);margin:0}
.privacy-proof li{display:flex;gap:8px;align-items:center}
.privacy-proof li:before{content:'';width:9px;height:5px;border-left:1.5px solid var(--blue);border-bottom:1.5px solid var(--blue);transform:rotate(-45deg);margin-top:-3px}
.hero-product{position:relative;display:flex;align-items:center;flex-direction:column;overflow:hidden;padding-top:15px}
.hero-phone{position:relative;width:350px;border-radius:50px 50px 0 0;box-shadow:0 18px 40px var(--shadow)}
.product-caption{position:relative;z-index:1;width:100%;padding:24px 0 32px;margin:0;text-align:center;background:var(--paper);color:var(--muted)}
.product-caption span{color:var(--ink)}
.source-strip{display:flex;justify-content:space-between;align-items:center}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:48px}
.section-heading h2{margin-bottom:0}
.section-heading>p{max-width:345px;color:var(--muted);margin-bottom:5px}
.eyebrow{font-weight:600;color:var(--muted);margin-bottom:18px}
.example-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.example-tabs button{border:1px solid transparent;background:var(--surface);border-radius:30px;padding:10px 22px;min-height:44px;transition:background .2s,color .2s}
.example-tabs button:hover{background:var(--tint)}
.example-tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.demo{display:grid;grid-template-columns:1.25fr 1fr;background:var(--surface);border-radius:28px;overflow:hidden}
.demo-answer{padding:40px}
.demo-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}
.demo-brand{font-family:var(--serif);line-height:1;letter-spacing:-.03em}
.example-label{color:var(--muted)}
.question{background:var(--tint);padding:16px 22px;border-radius:22px 22px 4px 22px;font-weight:600;margin-left:26px;margin-bottom:28px}
.answer-list{padding:0;list-style:none;line-height:1.8}
.answer-list li{position:relative;margin:15px 0;padding-left:17px}
.answer-list li:before{content:'-';position:absolute;left:0}
.citation{border:0;background:transparent;color:var(--blue);padding:7px 5px;margin:-7px -2px;min-width:30px}
.citation:hover{text-decoration:underline}
.answer-foot{color:var(--muted);border-top:1px solid var(--line);padding-top:19px;margin:25px 0 0}
.answer-foot>span:first-child{color:var(--blue);vertical-align:middle;margin-right:5px}
.demo-sources{padding:36px;background:var(--surface);display:flex;flex-direction:column;justify-content:center}
.source-heading{font-family:var(--serif);letter-spacing:-.015em;margin:0 0 20px}
#source-cards{display:grid;gap:10px}
.source-card{display:grid;grid-template-columns:86px 1fr;gap:16px;text-align:left;padding:10px;border:1px solid transparent;border-radius:18px;background:var(--paper);align-items:center;min-height:100px;transition:transform .2s,border-color .2s;width:100%}
.source-card:hover{transform:translateY(-2px);border-color:var(--line)}
.source-card>img{width:86px;height:84px;object-fit:cover;border-radius:10px}
.source-card small{display:flex;align-items:center;gap:5px;color:var(--muted);margin-bottom:7px}
.source-card small img{width:16px;height:16px;border-radius:4px}
.source-card strong{display:block;font-weight:600;line-height:1.5;padding-right:14px}
.source-hint{color:var(--muted);margin:15px 0 0}
.demo-note{margin:13px 0 0;color:var(--muted)}
.feature-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.feature{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto;padding:48px 44px 0;border-radius:28px;background:var(--surface);overflow:hidden;min-width:0}
.feature-copy{max-width:360px}
.feature-copy h3{font-weight:600;letter-spacing:-.035em;margin-bottom:16px;text-wrap:balance}
.feature-copy p{color:var(--muted)}
.feature-screen{height:580px;overflow:hidden;margin-top:40px;display:flex;justify-content:center}
.feature-screen img{width:340px;max-width:100%;height:auto;align-self:flex-start;border-radius:47px 47px 0 0}
.how-strip{display:flex;gap:32px;align-items:center;padding:48px 0 0}
.how-strip p{flex:1;margin:0}
.how-strip strong{display:block;font-weight:600}
.how-strip p span{color:var(--muted);display:block;margin-top:5px}
.how-strip>span{color:var(--muted)}
.privacy-section{background:var(--surface);padding:112px 0}
.privacy-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:100px}
.privacy-section h2 em{color:var(--blue)}
.privacy-intro{color:var(--muted)}
.privacy-rows>div{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:28px 0}
.privacy-rows>div:last-child{border-bottom:0}
.privacy-rows>div:first-child{padding-top:0}
.privacy-rows h3{font-weight:600;letter-spacing:-.03em;margin-bottom:12px}
.privacy-rows p{color:var(--muted);max-width:390px;margin-bottom:0}
.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}
.faq-list{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
summary{padding:23px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none;font-weight:600;gap:20px}
summary::-webkit-details-marker{display:none}
summary>span{font-weight:400;line-height:1;color:var(--muted);transition:transform .2s}
details[open] summary>span{transform:rotate(45deg)}
details p{color:var(--muted);max-width:530px;margin:0 25px 24px 0}
details p a{color:var(--blue);text-decoration:underline}
.closing{padding:12px 0 90px;text-align:center}
.closing>p{color:var(--muted)}
.closing h2{margin-bottom:30px}
.closing h2 em{color:var(--blue)}
.closing-note{display:block;color:var(--muted);margin-top:18px}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding:30px 0 38px}
.site-footer p{margin:0;color:var(--muted)}
.site-footer>div{display:flex;flex-wrap:wrap;gap:25px}
.skip-link{position:fixed;top:10px;left:20px;z-index:20;transform:translateY(-180%);background:var(--paper);padding:10px 18px;border:2px solid var(--blue)}
.skip-link:focus{transform:translateY(0)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.noscript-note{padding:15px;background:var(--surface)}
dialog{padding:0;border:1px solid var(--line);border-radius:28px;width:min(490px,calc(100% - 32px));max-height:90dvh;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px var(--shadow)}
dialog::backdrop{background:var(--scrim);backdrop-filter:blur(5px)}
dialog>img{width:100%;height:210px;object-fit:cover}
.dialog-close{position:absolute;right:12px;top:12px;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--paper);line-height:1}
.dialog-copy{padding:28px}
.dialog-copy .eyebrow{color:var(--muted);margin-bottom:12px}
.dialog-copy h2{margin-bottom:18px}
.dialog-copy .dialog-note{color:var(--muted);border-top:1px solid var(--line);padding-top:18px}
.dialog-copy .button{width:100%}
.app-hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:60px;padding-top:55px}
.app-icon{width:88px;border-radius:21px;margin-bottom:24px}
.app-intro h1{margin-bottom:24px}
.app-intro .quiet-label{margin-bottom:15px}
.app-intro .privacy-proof{margin:24px 0}
.app-preview{overflow:hidden;display:flex;flex-direction:column;align-items:center;padding-top:34px}
.app-preview>img{width:350px;border-radius:50px 50px 0 0;box-shadow:0 18px 40px var(--shadow)}
.app-preview p{color:var(--muted);padding:15px;margin:0;background:var(--paper);width:100%;text-align:center}
.app-about{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;padding:70px 0}
.app-about h2{margin-bottom:13px}
.app-about p{color:var(--muted);margin:0;max-width:290px}
.install-section{padding:100px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.install-section>div>p:not(.eyebrow){color:var(--muted);max-width:440px}
.install-card{background:var(--surface);padding:44px;border-radius:28px}
.install-card>img{border-radius:13px;margin-bottom:24px}
.install-card h3{margin-bottom:8px}
.install-card .button{width:100%;margin-top:12px}
.install-card .install-footnote{margin-top:16px;margin-bottom:0}
.app-privacy{padding:45px 0 80px;border-top:1px solid var(--line);text-align:center}
.app-privacy p{color:var(--muted);max-width:540px;margin-inline:auto}
.credits{max-width:850px;padding-block:70px}
.credits h2{margin-top:40px}
.credits a{text-decoration:underline;text-underline-offset:3px}
.credits li{margin-bottom:10px}

/* Seven text roles; only section and page headings scale with the viewport. */
h1 { font-size: var(--text-display); }

h2 { font-size: var(--text-heading); }

h3, .source-strip-heading strong, .button span, .text-link span,
.answer-foot > span:first-child, .how-strip > span, summary > span,
.hero-description, .section-heading > p, .privacy-intro {
  font-size: var(--text-lead);
}

.wordmark, .demo-brand, .source-heading, .feature-copy h3,
.privacy-rows h3, .dialog-copy h2, .dialog-close,
.app-about h2, .credits h2 { font-size: var(--text-title); }

.question, .demo-answer > div > p, .answer-list, .citation,
.feature-copy p, .how-strip strong, .privacy-rows p,
summary, details p, .dialog-copy > p, .app-about p,
.install-section > div > p:not(.eyebrow), .app-privacy p, .credits li {
  font-size: var(--text-body);
}

.nav-link, .button, .text-link, .example-tabs button, .source-card strong,
.source-strip .favorite-apps, .quiet-label, .privacy-proof, .product-caption,
.eyebrow, .dialog-copy .eyebrow,
.source-hint, .how-strip p span, .closing > p, .closing-note,
.site-footer p, .site-footer > div, .app-preview p,
.source-strip-heading > span { font-size: var(--text-small); }

.example-label, .answer-foot, .source-card small, .demo-note,
.noscript-note, .dialog-copy .dialog-note,
.install-section > div > p.install-status,
.install-section .install-card > p.install-footnote {
  font-size: var(--text-caption);
}

@media(min-width:1500px){.hero{gap:60px}
.hero-product{height:auto}
.hero-phone{width:370px}
}

@media(max-width:1100px){.wrap{width:calc(100% - 64px)}
.site-header{height:80px}
.hero-product{height:auto}
.hero-phone{width:320px}
.hero-copy{padding-bottom:50px}
.hero-actions{gap:18px;flex-wrap:wrap}
.hero .button{padding-inline:17px}
.demo-answer{padding:28px}
.demo-sources{padding:22px}
.privacy-grid{gap:55px}
.install-section{gap:50px}
}

@media(max-width:800px){.wrap{width:calc(100% - 40px)}
.site-header nav{gap:18px}
.hero{grid-template-columns:1fr;gap:0;padding-top:48px}
.hero-copy{text-align:center;padding-bottom:45px}
.quiet-label{justify-content:center;margin-bottom:24px}
.hero h1{white-space:normal}
.hero-description{margin-inline:auto}
.hero-actions{justify-content:center;margin:26px 0 22px}
.privacy-proof{justify-content:center}
.hero-product{height:auto}
.hero-phone{width:320px}
.section{padding-block:70px}
.section-heading{display:block}
.section-heading>p{margin:23px 0 0;max-width:430px}
.demo{grid-template-columns:1fr}
.demo-answer{padding:27px}
.demo-sources{padding:25px}
.source-card{grid-template-columns:70px 1fr;min-height:84px}
.source-card>img{width:70px;height:68px}
.feature-pair{gap:16px}
.feature{padding:24px 22px 0}
.feature-screen{height:430px}
.how-strip{flex-direction:column;align-items:stretch;gap:19px;padding:30px 0}
.how-strip>span{display:none}
.how-strip p{padding-bottom:17px}
.how-strip p:last-child{border:0;padding-bottom:0}
.privacy-section{padding:65px 0}
.privacy-grid{grid-template-columns:1fr;gap:25px}
.privacy-rows>div:first-child{padding-top:15px}
.faq-section{grid-template-columns:1fr;gap:25px}
.closing{padding:15px 0 65px}
.site-footer{flex-wrap:wrap;gap:20px;padding:27px 0}
.site-footer>div{width:100%;justify-content:space-between}
.app-hero{grid-template-columns:1fr;gap:30px;padding-top:45px}
.app-intro{text-align:center}
.app-intro .app-icon{margin-inline:auto}
.app-preview{width:100%;max-width:440px;margin-inline:auto}
.app-preview>img{width:320px}
.app-about{gap:24px;padding:30px 0}
.install-section{grid-template-columns:1fr;gap:28px;padding:70px 0}
.install-card{max-width:480px;width:100%}
.app-privacy{padding-bottom:65px}
}

@media(max-width:500px){.nav-link{display:none}
.site-header{height:73px}
.button-small{padding:10px 14px;min-height:40px}
.hero{padding-top:35px}
.hero h1{letter-spacing:-.045em}
.desktop-break{display:none}
.hero-actions{gap:22px}
.hero-actions .button{min-height:50px}
.privacy-proof{gap:16px}
.hero-product{height:auto}
.hero-phone{width:min(300px,100%)}
.section{padding-block:58px}
.example-tabs{gap:6px}
.example-tabs button{padding:10px 12px}
.demo-answer{padding:22px 20px}
.demo-topline{margin-bottom:22px}
.question{margin-left:10px;padding:13px 15px}
.demo-note{line-height:1.7}
.feature-pair{grid-template-columns:1fr;gap:18px}
.feature{padding:30px 26px 0}
.feature-copy{max-width:none}
.feature-screen{height:480px;margin-top:24px}
.feature-screen img{width:270px}
.privacy-rows>div{gap:18px}
.app-icon{width:72px}
.app-about{grid-template-columns:1fr;gap:27px}
.app-about h2{margin-bottom:8px}
.app-about p{max-width:330px}
.install-card{padding:28px}
.install-card .button{padding-inline:16px}
.dialog-copy{padding:23px}
}

.source-strip{flex-direction:column;gap:28px;padding:48px 0 0;text-align:center}
.source-strip .source-strip-heading{display:block;flex-shrink:0}
.source-strip-heading strong{display:block;font-weight:600;letter-spacing:-.02em}
.source-strip-heading>span{display:block;font-weight:400;color:var(--muted);margin-top:4px}
.source-strip .favorite-apps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:min(100%,760px);gap:24px 38px;justify-content:center;list-style:none;padding:0;margin:0;font-weight:400}
.favorite-apps li{display:inline-flex;flex-direction:column;align-items:center;gap:10px;white-space:normal;min-width:0}
.favorite-apps img{width:40px;height:40px;object-fit:contain;flex-shrink:0;border-radius:10px}
.favorite-apps .and-more{color:var(--muted);align-self:center;grid-column:1/-1}

@media(max-width:1100px){.source-strip{gap:25px}
.source-strip .favorite-apps{gap:20px 28px}
}

@media(max-width:800px){.source-strip{gap:24px;padding:32px 0 0}
.source-strip .favorite-apps{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:560px}
}

@media(max-width:600px){.source-strip .favorite-apps{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px}
}
@media(max-width:500px){
.app-preview>img{width:min(300px,100%)}
}

.magic-story{padding-block:24px 0}
.magic-pin{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(36px,7vw,100px);align-items:start}
.magic-stage{position:relative;background:var(--surface);border-radius:28px;min-width:0;height:500px;overflow:hidden}
.device-badge{position:absolute;top:26px;left:30px;display:flex;align-items:center;gap:8px;font-size:var(--text-small);font-weight:600;z-index:2}
.device-badge svg{width:20px;height:24px;color:var(--blue)}
.magic-panel{display:none;position:absolute;inset:0;padding:72px 20px 40px;flex-direction:column;justify-content:center}
.magic-result{display:flex}
.saved-item-phone{position:relative;aspect-ratio:440/956;height:100%;max-width:100%;align-self:center;overflow:hidden;border:3px solid #363638;border-radius:14% / 6.44%;background:#1c1c1c;flex-shrink:0}
.saved-item-screen{position:absolute;display:block;width:105%;max-width:none;height:auto;left:-2.5%;top:-.5%}
.saved-item-home-indicator{position:absolute;bottom:1.2%;left:34%;width:32%;height:.45%;border-radius:999px;background:#f5f5f7}
.instagram-post{width:100%;height:100%;align-self:center;display:flex;flex-direction:column;background:#fff;color:#111;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.instagram-top,.instagram-author,.instagram-actions{display:flex;align-items:center;gap:12px;padding:10px 14px;flex-shrink:0}
.instagram-top{justify-content:space-between;border-bottom:1px solid var(--line);font-size:var(--text-lead);font-weight:600;letter-spacing:-.04em}
.instagram-post svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.instagram-author{font-size:var(--text-caption);font-weight:600}
.instagram-author>img{width:28px;height:28px;object-fit:cover;border-radius:50%}
.instagram-more,.instagram-save{margin-left:auto}
.instagram-more{font-size:var(--text-lead);line-height:1}
.instagram-post .video-frame{flex:1;min-height:0;max-height:none;border-radius:0}
.instagram-caption{font-size:var(--text-caption);line-height:1.4;margin:0;padding:0 14px 14px}
@media(max-width:500px){
  .instagram-top,.instagram-author,.instagram-actions{padding:7px 10px;gap:10px}
  .instagram-top{font-size:var(--text-body)}
  .instagram-post svg{width:18px;height:18px}
  .instagram-author>img{width:22px;height:22px}
  .instagram-caption{padding:0 10px 10px}
}
@media(max-width:500px) and (max-height:650px){
  .instagram-caption{display:none}
}
.video-frame{height:100%;max-height:300px;position:relative;overflow:hidden;border-radius:18px}
.video-frame>img{width:100%;height:100%;object-fit:cover}
.frame-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:10px;padding:24px}
.frame-copy span{background:var(--paper);color:var(--ink);padding:6px 12px;border-radius:6px;font-size:var(--text-lead);font-weight:600;box-shadow:0 3px 12px var(--shadow)}
.frame-scan{position:absolute;inset:0;border-top:2px solid var(--blue);opacity:0}
.frame-caption{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font-size:var(--text-small);color:var(--muted)}
.frame-caption span:last-child{color:var(--blue)}
.audio-wave{height:100px;display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:38px}
.audio-wave i{display:block;flex:1;max-width:8px;height:var(--bar);background:var(--blue);border-radius:999px;transform:scaleY(.65)}
.transcript{font-size:var(--text-title);line-height:1.4;letter-spacing:-.025em;font-weight:600;text-wrap:balance}
.transcript span{display:inline}
.visual-caption{font-size:var(--text-small);color:var(--muted);margin:20px 0 0}
.magic-progress{display:flex;justify-content:center;gap:6px;position:absolute;bottom:26px;left:20px;right:20px}
.magic-progress span{width:36px;height:3px;border-radius:3px;background:var(--line);transition:background .4s}
.magic-progress span:last-child{background:var(--blue)}
.magic-steps{list-style:none;margin:0;padding:0}
.magic-steps>li{padding:18px 0 28px}
.step-number{display:block;color:var(--muted);font-size:var(--text-small);font-variant-numeric:tabular-nums;font-weight:600;margin-bottom:18px;transition:color .4s}
.step-copy h3{font-size:var(--text-title);letter-spacing:-.035em;margin-bottom:18px;text-wrap:balance}
.step-copy p{font-size:var(--text-body);color:var(--muted);max-width:430px;margin-bottom:16px}
.step-copy .step-detail{font-size:var(--text-small);margin-bottom:0}
/* Keep the illustration note with the visual through every scroll step. */
.magic-visual{min-width:0;width:100%}
.magic-caption{font-size:var(--text-caption);color:var(--muted);margin:12px 0 0;line-height:1.5}
.privacy-device{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;align-self:center;aspect-ratio:440/956;width:auto;max-width:100%;height:100%;max-height:550px;border:3px solid var(--ink);border-radius:38px;background:var(--paper);padding:48px 12px 36px}
.privacy-island{position:absolute;top:14px;width:30%;height:14px;border-radius:20px;background:var(--ink)}
.privacy-device>img{width:76px;height:76px;border-radius:18px}
.privacy-device-label{display:flex;align-items:center;gap:10px;font-size:var(--text-small);font-weight:600}
.privacy-device svg{width:24px;height:24px;fill:none;stroke:var(--blue);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.privacy-device .privacy-device-lock{width:40px;height:40px;margin-top:8px}
.privacy-home-indicator{position:absolute;bottom:12px;width:30%;height:4px;border-radius:4px;background:var(--ink)}
@media(max-width:800px){.privacy-device{gap:14px;border-radius:28px;padding-block:36px 24px}.privacy-device>img{width:52px;height:52px;border-radius:12px}.privacy-device .privacy-device-lock{width:28px;height:28px;margin-top:0}}
/* Every visual follows scroll position; no timed sequence to outrun. */
.motion-enabled .magic-flow{height:480svh;position:relative}
.motion-enabled .magic-pin{position:sticky;top:24px;height:auto;align-items:center;padding-block:0}
.motion-enabled .magic-stage{height:min(760px,calc(100svh - 96px))}
.motion-enabled .magic-panel{display:flex;opacity:var(--panel-opacity,0);transform:translateY(var(--panel-y,0px)) scale(var(--panel-scale,1));pointer-events:none;will-change:transform,opacity}
.motion-enabled .magic-steps{display:grid;position:relative}
.motion-enabled .magic-steps>li{grid-area:1/1;padding:0;opacity:var(--panel-opacity,0);transform:translateY(var(--copy-y,0px));pointer-events:none}
.motion-enabled .step-copy h3{font-size:var(--text-heading)}
.motion-enabled .step-number{color:var(--blue)}
.motion-enabled .magic-progress span{background:var(--line);overflow:hidden}
.motion-enabled .magic-progress span:after{content:"";display:block;height:100%;background:var(--blue);transform:scaleX(var(--segment,0));transform-origin:left}
.motion-enabled .frame-scan{transform:translateY(var(--scan-y,0%));opacity:var(--scan-opacity,0)}
.motion-enabled .frame-copy span{opacity:var(--detail-opacity,0);transform:translateY(var(--detail-y,8px));outline:2px solid var(--blue)}
.motion-enabled .video-frame>img{transform:scale(var(--image-scale,1.08))}
.motion-enabled .audio-wave i{transform:scaleY(var(--wave-scale,.3))}
.motion-enabled .transcript span{opacity:var(--detail-opacity,0)}
@media(max-width:800px){
  .magic-pin{grid-template-columns:1fr;gap:20px}
  .magic-stage{height:380px}
  .magic-panel{padding:68px 26px 44px}
  .device-badge{top:20px;left:26px}
  .magic-progress{bottom:20px}
  .audio-wave{height:60px;margin-bottom:20px}
  .transcript{font-size:var(--text-lead)}
  .visual-caption{margin-top:14px}
  .motion-enabled .magic-pin{display:flex;flex-direction:column;justify-content:center;gap:24px;padding-block:24px}
  .motion-enabled .magic-stage{width:100%;height:clamp(220px,min(64svh,calc(100svh - 262px)),620px);flex-shrink:0}
  .motion-enabled .magic-steps{width:100%;min-height:190px}
  .motion-enabled .step-copy{padding-inline:4px}
  .motion-enabled .step-copy h3{font-size:var(--text-title);margin-bottom:12px}
  .motion-enabled .step-copy p{font-size:var(--text-small);line-height:1.5;margin:0;max-width:100%}
  .motion-enabled .step-copy .step-detail{display:none}
  .motion-enabled .step-number{margin-bottom:8px}

}
@media(max-width:500px){
  .magic-stage{height:380px;border-radius:22px}
  .magic-panel{padding:64px 20px 40px}
  .device-badge{left:20px}
  .frame-copy{padding:14px;gap:8px}
  .frame-copy span{font-size:var(--text-body)}
  .frame-caption{font-size:var(--text-caption);margin-top:12px}
}
@media(max-width:500px){
  .motion-enabled .magic-panel{padding:54px 12px 30px}
  .motion-enabled .device-badge{top:16px;left:16px}
  .motion-enabled .magic-progress{bottom:14px}
  .motion-enabled .magic-pin{gap:18px;padding-block:16px}
  .motion-enabled .magic-steps{min-height:180px}
  .motion-enabled .step-copy h3{font-size:var(--text-lead)}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{transition:none!important;animation:none!important}
}

/* Landing-page editorial scale, using the existing two headline roles. */
.landing-page{--section-padding:48px;--section-content-gap:48px;--text-display:clamp(3.5rem,8vw,7rem);--text-heading:clamp(3rem,7vw,6rem)}
.landing-page h1>span,.landing-page h2>span{display:block}
.landing-page h2{--text-heading:clamp(2.5rem,1.5rem + 2.5vw,3.5rem)}
.landing-page .hero{grid-template-columns:1fr;gap:24px;padding-block:80px 32px;text-align:center}
.landing-page .hero-copy{padding-bottom:16px}
.landing-page .hero h1{max-width:1120px;margin-inline:auto}
.landing-page .quiet-label,.landing-page .hero-actions,.landing-page .privacy-proof{justify-content:center}
.landing-page .hero-description{max-width:640px;margin-inline:auto;color:var(--ink)}
.landing-page .hero-difference{max-width:600px;margin-inline:auto;font-size:var(--text-body);color:var(--muted)}
.landing-page .hero-difference strong{display:block;margin-top:8px;color:var(--ink);font-weight:600}
.landing-page .hero-phone{width:440px}
.landing-page .hero-product{padding-top:40px}
.landing-page .section,.landing-page .privacy-section,.landing-page .magic-story,.landing-page .closing{padding-block:var(--section-padding)}
.landing-page .source-strip{padding-bottom:var(--section-padding)}
.landing-page .section-heading{display:block;margin-bottom:var(--section-content-gap)}
.landing-page .section-heading h2{max-width:1100px}
.landing-page .section-heading>p{max-width:560px;margin:32px 0 0}
.landing-page .feature-copy h3{font-size:var(--text-title)}
.landing-page .feature-recipe .feature-screen,.landing-page .feature-ask .feature-screen{height:auto}
.landing-page .feature-screen{height:660px}
.landing-page .feature-screen img{width:420px}
.landing-page .privacy-grid{grid-template-columns:1fr;gap:var(--section-content-gap)}
.landing-page .privacy-grid h2,.landing-page .faq-section>h2{margin-bottom:0}
.landing-page .privacy-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.landing-page .privacy-rows>div{padding:0;border:0}
.landing-page .faq-section{grid-template-columns:1fr;gap:var(--section-content-gap)}
.scroll-motion [data-scroll-reveal]{opacity:var(--reveal-opacity,1);transform:translateY(var(--reveal-y,0px)) scale(var(--reveal-scale,1));transform-origin:center top;will-change:transform,opacity}
.scroll-motion [data-scroll-reveal]:focus-within{opacity:1}
@media(max-width:800px){
  .landing-page .hero{padding-top:56px}
  .landing-page{--section-padding:32px;--section-content-gap:32px}
  .landing-page .privacy-rows{grid-template-columns:1fr;gap:32px}
  .landing-page .feature-screen{height:430px}
}
@media(max-width:500px){
  .landing-page .hero-phone{width:320px}
  .landing-page .hero-product{padding-top:16px}
  .landing-page .feature-screen{height:430px}
}
@media(prefers-reduced-motion:reduce){
  .scroll-motion [data-scroll-reveal]{opacity:1;transform:none}
}

@media(max-width:800px){
  .motion-enabled .magic-flow{height:380svh}
}
@media(max-width:500px){
  .landing-page{--text-display:clamp(2.5rem,10.5vw,3.5rem)}
  .landing-page .site-header nav{gap:12px}
  .landing-page .site-header .nav-privacy{display:block;font-size:var(--text-small)}
  .landing-page .site-header .wordmark-name{display:none}
}

@media(max-width:800px){
  .motion-enabled .magic-pin{top:16px;padding-block:0}
}

/* Short landscape screens keep all scenes in a compact pinned row. */
@media (orientation:landscape) and (max-height:600px){
  .motion-enabled .magic-flow{height:480svh}
  .motion-enabled .magic-pin{display:grid;grid-template-columns:1fr 1fr;gap:24px;top:12px;padding:0}
  .motion-enabled .magic-stage{height:calc(100svh - 64px);width:100%}
  .privacy-device{gap:8px;padding:30px 8px 18px;border-radius:18px}
  .privacy-device-label{font-size:10px;gap:5px}
  .privacy-device-label svg{width:14px;height:14px;flex-shrink:0}
  .privacy-device-label span{max-width:68px}
  .privacy-device>img{width:44px;height:44px;border-radius:10px}
  .privacy-device .privacy-device-lock{width:24px;height:24px;margin-top:0}
  .motion-enabled .magic-panel{padding:44px 14px 26px}
  .motion-enabled .device-badge{top:12px;left:14px;font-size:var(--text-caption)}
  .motion-enabled .device-badge svg{height:18px;width:16px}
  .motion-enabled .magic-progress{bottom:12px}
  .motion-enabled .magic-steps{min-height:0}
  .motion-enabled .step-copy h3{font-size:var(--text-title);margin-bottom:12px}
  .motion-enabled .step-copy p{font-size:var(--text-small);line-height:1.5;margin:0}
  .motion-enabled .step-copy .step-detail{display:none}
  .motion-enabled .step-number{margin-bottom:8px}
  .motion-enabled .audio-wave{height:50px;margin-bottom:20px}
  .motion-enabled .transcript{font-size:var(--text-lead)}
  .motion-enabled .visual-caption{margin-top:14px;font-size:var(--text-caption)}
  .instagram-top,.instagram-author,.instagram-actions{padding:6px 10px;gap:10px}
  .instagram-top{font-size:var(--text-body)}
  .instagram-post svg{width:18px;height:18px}
  .instagram-author>img{width:22px;height:22px}
  .instagram-caption{display:none}
  .frame-copy{padding:12px;gap:8px}
  .frame-copy span{font-size:var(--text-small);padding:4px 8px}
}

@media(max-width:500px){.landing-page .hero{padding-top:32px}}

@media(max-width:360px){
  .landing-page .hero{padding-top:24px}
  .landing-page .hero h1{margin-bottom:20px}
  .landing-page .hero-description{font-size:var(--text-body)}
  .landing-page .hero-actions{margin-top:18px}
}

/* Share confirmation follows the native extension; it is an illustration, not a control. */
.capture-phone{height:100%;aspect-ratio:440/956;max-width:100%;align-self:center;position:relative;overflow:hidden;border:3px solid #363638;border-radius:14% / 6.44%;background:#514e46;color:#e4e1d6;font-family:-apple-system,BlinkMacSystemFont,sans-serif;container-type:inline-size}
.capture-status{display:flex;justify-content:space-between;padding:4.5% 12%;font-size:4cqw;font-weight:600;color:white}
.capture-sheet{position:absolute;inset:6.3% 0 0;background:#191919;border-radius:10% 10% 0 0}
.capture-close{position:absolute;right:4%;top:1.6%;width:7.5cqw;height:7.5cqw;border-radius:50%;background:#333;display:grid;place-items:center;font-size:6cqw;line-height:1}
.capture-success{position:absolute;top:23%;width:100%;display:flex;flex-direction:column;align-items:center;gap:3.5cqw}
.capture-success img{width:22%;height:auto;border-radius:24%}.capture-success strong{font-size:4cqw;font-weight:500}
.capture-bottom{position:absolute;bottom:8%;left:4%;right:4%;display:flex;align-items:center;flex-direction:column;gap:2cqw}
.capture-open{border:1px solid #929087;border-radius:30px;text-align:center;width:100%;padding:2.5cqw;font-size:4cqw;font-weight:500}
.capture-hint{font-size:3cqw;color:#aaa79d}.capture-options{display:flex;gap:5cqw;margin-top:1cqw}.capture-options>span{width:14cqw;height:14cqw;display:grid;place-items:center;border-radius:50%;background:#303030}.capture-options svg{width:6cqw;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.capture-options .capture-delete{background:#3b2220;color:#e55342}

.ios-share-phone{background:#fff;color:#161616}.ios-share-phone .capture-status{color:#161616}.share-source{display:flex;flex-direction:column;font-size:4cqw}.share-source>strong{padding:3cqw 5cqw;border-block:1px solid #ddd}.share-source>span{padding:3cqw 5cqw;font-size:3cqw}.share-source>img{width:100%;height:85cqw;object-fit:cover}.share-source>p{font-size:3cqw;padding:3cqw;margin:0}
.ios-share-sheet{position:absolute;inset:38% 2% 1%;border-radius:9cqw;background:#4c4c50f2;backdrop-filter:blur(20px);border:1px solid #ffffff80;box-shadow:0 -4px 16px #0002;padding:5cqw 5cqw 4cqw;color:#fff;display:flex;flex-direction:column;justify-content:space-between}
.share-preview{display:flex;gap:3cqw;align-items:flex-start;padding-bottom:3cqw}.share-preview>img{width:16cqw;height:16cqw;object-fit:cover;border-radius:4cqw}.share-preview>div{min-width:0;display:flex;flex-direction:column;gap:1cqw}.share-preview strong{font-size:3.5cqw;line-height:1.3;font-weight:600}.share-preview span{font-size:3cqw;color:#e2e2e5}.share-preview .share-options{border:1px solid #ffffff90;border-radius:6cqw;padding:1.3cqw 3cqw;width:fit-content;color:#fff;margin-top:1cqw}
.share-contacts,.share-apps,.share-actions{display:flex;justify-content:space-between;gap:2cqw;border-top:1px solid #90909655;padding-top:4cqw}.share-contacts>span,.share-apps>span,.share-actions>span{display:flex;align-items:center;flex-direction:column;text-align:center;font-size:2.8cqw;line-height:1.3;gap:2cqw;flex:1;min-width:0}.share-contacts i{font:500 4cqw/1 -apple-system,sans-serif;background:#8ba1b0;color:#1d1d1f;width:14cqw;height:14cqw;border-radius:50%;display:grid;place-items:center}.share-contacts>span:nth-child(2) i{background:#b29183}.share-contacts>span:nth-child(3) i{background:#949a7d}.share-contacts>span:nth-child(4) i{background:#9b8eae}
.share-apps i,.share-apps img{width:15cqw;height:15cqw;border-radius:3.5cqw;display:grid;place-items:center;object-fit:cover;font-style:normal}.share-apps .share-airdrop{background:linear-gradient(#31c5ff,#087ef4);color:#def6ff;font-size:13cqw;line-height:1}.share-apps .share-mail{background:linear-gradient(#1674ef,#26bdff)}.share-mail svg{width:11cqw;height:auto}.share-apps .share-messages{background:linear-gradient(#63ed72,#20c936)}.share-messages svg{width:11cqw;fill:white}.share-valin{color:#fff;font-weight:600}.share-valin img{outline:2px solid #73b9ff;outline-offset:3px}.share-actions i{width:14cqw;height:14cqw;display:grid;place-items:center;border-radius:50%;background:#ffffff22;font-style:normal;font-size:9cqw;line-height:1}

.share-actions svg{width:6cqw;height:6cqw;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.features-section{--feature-gutter:max(48px,calc((100vw - 1240px)/2))}
/* One row preserves the screenshot baseline while native scrolling handles touch. */
.landing-page .feature-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:min(560px,44vw);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:0 var(--feature-gutter) 2px;scroll-padding-inline:var(--feature-gutter)}
.feature-carousel::-webkit-scrollbar{display:none}
.landing-page .feature-carousel .feature{scroll-snap-align:start;padding:0;background:transparent;border-radius:0;grid-template-rows:subgrid;grid-row:span 2;gap:0}
.landing-page .feature-carousel .feature-copy{max-width:none;padding:24px 20px 0}
.landing-page .feature-carousel .feature-copy h3{font-size:28px}
.landing-page .feature-carousel .feature-screen{height:auto;margin:0;padding:32px 28px 0;background:var(--surface);border-radius:28px;align-self:end}
.landing-page .feature-carousel .feature-screen img{width:min(100%,384px);border-radius:40px 40px 0 0}
.feature-navigation{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:24px}
.feature-navigation>span{color:var(--muted);font-size:var(--text-small);margin-right:auto}
.feature-navigation button{width:44px;height:44px;border:0;border-radius:50%;background:var(--surface);color:var(--ink);font-size:24px;cursor:pointer}
.feature-navigation button:disabled{opacity:.3;cursor:default}
.privacy-icon{display:block;width:44px;height:44px;color:var(--blue);margin-bottom:24px}
@media(max-width:600px){.landing-page .feature-carousel{gap:16px}.landing-page .feature-carousel .feature-screen{padding:28px 22px 0}.landing-page .feature-carousel .feature-copy{padding:20px 12px 0}.landing-page .feature-carousel .feature-copy h3{font-size:24px}.landing-page .feature-carousel .feature-screen img{border-radius:28px 28px 0 0}}

.feature-navigation button{width:48px;height:48px;background:var(--line)}
.feature-navigation button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
@media(max-width:1100px){.features-section{--feature-gutter:32px}}
@media(max-width:800px){.features-section{--feature-gutter:20px}.landing-page .feature-carousel{grid-auto-columns:82vw}}

.pdf-phone-frame{width:min(100%,384px);aspect-ratio:1008/1923;overflow:hidden;background:#111;border:2px solid #444;padding:6px 6px 0;border-radius:16% 16% 0 0 / 8.4% 8.4% 0 0}
.landing-page .feature-carousel .pdf-phone-frame img{width:100%;max-width:none;height:auto;border-radius:14% 14% 0 0 / 6.5% 6.5% 0 0}
@media(max-width:600px){.pdf-phone-frame{border-width:1.5px;padding:4px 4px 0}}

/* Give the hands-on preview a clear invitation and its own expectation label. */
.landing-page .hero-actions{align-items:flex-start}
.hero-demo-action{display:grid;gap:10px;text-align:center}
.hero-demo-action svg{width:20px;height:20px;fill:currentColor}
.hero-demo-action .demo-note{margin:0;font-size:var(--text-caption)}
.button-secondary{background:var(--paper);color:var(--blue)}
.button-secondary:hover{background:color-mix(in srgb,var(--blue) 8%,var(--paper));border-color:var(--blue)}
@media(max-width:500px){.landing-page .hero-actions{flex-direction:column;align-items:center;gap:18px}.hero-demo-action{width:100%;max-width:300px}.landing-page .hero-actions>.button{width:100%;max-width:300px}}

@media(min-width:801px){.landing-page .hero h1{font-size:clamp(3.15rem,7.2vw,6.3rem)}}

/* Visible privacy boundaries and beta requirements. */
.privacy-boundaries{border-top:1px solid var(--line);padding-top:28px;color:var(--muted)}
.privacy-boundaries p{margin:0}
.privacy-boundaries strong{color:var(--ink)}
.beta-requirements{margin:32px auto;text-align:left;padding:28px;border:1px solid var(--line);border-radius:24px}
.beta-requirements h3{font-size:var(--text-lead);margin-bottom:20px}
.beta-requirements dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0}
.beta-requirements dt{font-weight:600;margin-bottom:8px}
.beta-requirements dd{margin:0;color:var(--muted)}
@media(max-width:800px){.beta-requirements dl{grid-template-columns:1fr;gap:24px}.beta-requirements{padding:24px}}

.inspiration-panel{padding:64px 40px;background:var(--surface);border-radius:32px;text-align:left}
.inspiration-label{max-width:760px;margin:0 auto 20px;font-size:var(--text-small);font-weight:600}
.inspiration-panel h2{max-width:760px;margin:0 auto 28px}
.inspiration-panel h2 span{color:var(--blue)}
.inspiration-copy{max-width:760px;margin:0 auto;font-size:var(--text-lead)}
.inspiration-copy{color:var(--muted)}
.inspiration-copy+.inspiration-copy{margin-top:16px}
.inspiration-mission{max-width:760px;margin:32px auto 0}
.inspiration-mission h3{margin:0 0 12px;font-size:24px}
.inspiration-benefits{display:grid;gap:24px;list-style:none;margin:24px 0 0;padding:0}
.inspiration-benefits li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px;align-items:start}
.inspiration-benefits svg{width:36px;height:36px;color:var(--blue)}
.inspiration-benefits h4{margin:0;font-size:20px;line-height:1.4;font-weight:600}
.inspiration-benefits p{margin:6px 0 0;font-size:18px;line-height:1.6;color:var(--muted)}
@media(max-width:800px){.inspiration-panel{padding:40px 24px}.inspiration-panel h2{font-size:clamp(2rem,5.5vw,2.75rem)}.inspiration-copy{font-size:18px}}
@media(max-width:400px){.inspiration-panel{padding:36px 20px}}