@font-face{font-family:DM;src:url('/assets/fonts/bricolage-grotesque-latin.woff2') format('woff2');font-display:swap}@font-face{font-family:Editorial;src:url('/assets/fonts/DMSerifDisplay-Regular.ttf') format('truetype');font-display:swap}:root{--paper:#EBE0CF;--light:#F8F0E4;--ink:#291F18;--muted:#66574A;--line:#D8C5AD;--copper:#A8481F}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 DM,Arial,sans-serif}a{color:var(--copper);text-underline-offset:4px}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,pre:focus-visible{outline:3px solid var(--copper);outline-offset:5px}.skip{position:absolute;top:-90px;left:15px;padding:10px;background:var(--light);z-index:10}.skip:focus{top:10px}header,footer{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 45px;gap:20px}header{border-bottom:1px solid var(--line)}header>a{font-weight:700}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}main{max-width:1190px;margin:auto;padding:0 40px}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:55px;padding:75px 0 70px;align-items:center}.providers{display:flex;align-items:center;gap:12px;margin-bottom:28px}.providers img{object-fit:contain}.providers span,.kicker,.tag{font-size:12px;font-weight:800;letter-spacing:.13em}.kicker{color:var(--copper);margin:0 0 17px}h1,h2{font-family:Editorial,Georgia,serif;font-weight:500;line-height:1.05;letter-spacing:-.04em;margin:0 0 25px}h1{font-size:clamp(44px,5vw,66px)}h2{font-size:clamp(32px,4vw,47px)}h1 em,h2 em{font-style:normal;color:var(--copper)}h3{margin:0 0 10px;font-size:22px;line-height:1.25;letter-spacing:-.025em}p{margin:0 0 20px}.lead{font-size:20px;line-height:1.5}.download{display:inline-flex;flex-direction:column;background:var(--ink);color:var(--light);padding:17px 25px;text-decoration:none;font-weight:800;font-size:18px;box-shadow:0 5px 0 #B59A7B}.download small{font-size:12px;font-weight:400;margin-top:4px}.download:hover{background:var(--copper)}.cost{font-size:13px;color:var(--muted);line-height:1.5;margin:22px 0 0;max-width:445px}figcaption,.caption{font-size:13px;color:var(--muted);line-height:1.6}figcaption{text-align:center;margin-top:8px}.example,.setup,.prompt-section,.bonus,.sources{padding:65px 0;border-top:1px solid var(--line)}.before-after{display:grid;grid-template-columns:1fr 60px 1fr;gap:20px;margin:35px 0 20px}.before-after>div{padding:25px;background:var(--light);border-top:3px solid var(--copper)}.tag{display:block;color:var(--copper);margin-bottom:15px}.arrow{align-self:center;text-align:center;font-size:38px}.before-after p{margin:0}.setup article{display:grid;grid-template-columns:52px 1fr;gap:28px;margin-top:40px;padding-bottom:36px;border-bottom:1px solid var(--line)}.setup article:last-child{padding-bottom:0;border:none}.number{font-size:30px;color:var(--copper);font-weight:700;line-height:1.1}.links{display:flex;gap:20px;flex-wrap:wrap}.links a{padding:5px 0;font-size:15px;font-weight:700;min-height:44px}details{margin-top:20px;background:var(--light);padding:14px 20px}summary{cursor:pointer;font-weight:600}details p{margin:16px 0 0}.command{display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--ink);color:var(--light);padding:20px;margin:18px 0}.command code{font-size:17px}button[data-copy]{border:1px solid var(--line);color:var(--light);background:transparent;padding:10px 14px;font-size:13px;min-height:44px}button[data-copy]:hover{background:var(--copper)}code{font-family:Consolas,monospace;font-size:.95em}.prompt-box{background:var(--ink);color:var(--light);padding:24px;margin-top:28px}.prompt-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.prompt-box pre{font:14px/1.65 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:22px 0;max-height:450px;overflow:auto}.prompt-box>a{color:var(--light);font-size:14px}.bonus{display:grid;grid-template-columns:80px 1fr;gap:28px}.bonus-logo img{width:64px;height:64px;object-fit:contain}.bonus h2{font-size:36px}footer{border-top:1px solid var(--line);font-size:13px;color:var(--muted)}footer nav{display:flex;gap:20px}footer a{color:var(--muted)}@media(max-width:760px){header,footer{padding:18px 22px}.brand{font-size:14px}.brand img{width:30px;height:30px}header>a:last-child{font-size:13px}main{padding:0 24px}.hero{grid-template-columns:1fr;gap:35px;padding:37px 0 42px}.providers{margin-bottom:25px}.providers img{width:35px;height:35px}.providers span{font-size:11px}h1{font-size:44px;line-height:1.02;letter-spacing:-.045em}.lead{font-size:18px}.download{font-size:17px;width:100%;text-align:center;align-items:center}.cost{font-size:12px}.scene-head{margin:12px 0}.scene-head span{max-width:145px;line-height:1.4}.scene button{min-height:44px;font-size:10px}.example,.setup,.prompt-section,.bonus,.sources{padding:40px 0}h2{font-size:35px}.before-after{grid-template-columns:1fr;gap:12px;margin-top:25px}.before-after>div{padding:22px}.arrow{font-size:28px;transform:rotate(90deg)}.setup article{grid-template-columns:32px 1fr;gap:13px;margin-top:30px;padding-bottom:28px}.number{font-size:23px}h3{font-size:20px}.setup p{font-size:16px}.command{flex-direction:column;align-items:stretch;padding:16px}.command code{font-size:15px;text-align:center}details{padding:13px}.links{gap:9px}.links a{font-size:14px;line-height:1.5}.prompt-box{padding:20px 16px}.prompt-head{flex-wrap:wrap;gap:12px}.prompt-box pre{font-size:13px}.bonus{grid-template-columns:1fr;gap:15px}.bonus h2{font-size:31px}.bonus-logo img{width:52px;height:52px}footer{align-items:flex-start;flex-direction:column;gap:12px}footer nav{flex-wrap:wrap;gap:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene *{animation:none!important}}
/* REA: app subscription -> chosen function -> independent local app. */
.resource-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;max-width:470px}
.resource-shortcuts a{display:flex;align-items:center;gap:12px;min-height:72px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.resource-shortcuts img{width:30px;height:30px;object-fit:contain;flex:none}
.resource-shortcuts strong{display:block;font-size:16px;line-height:1.3;letter-spacing:-.02em}
.resource-shortcuts small{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:4px}
.resource-shortcuts a:hover strong{color:var(--copper);text-decoration:underline;text-underline-offset:4px}
.scene{margin:0;min-width:0}.scene-head{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:2px solid var(--ink);padding-top:14px}
.scene-head>span{font-size:10px;letter-spacing:.1em;font-weight:800;line-height:1.5}
.scene-head>#motion{flex:none;background:none;border:1px solid var(--muted);padding:8px 10px;min-height:44px;font-size:11px;color:var(--ink)}
.story-title{height:74px;position:relative;margin-top:25px;font:700 clamp(27px,2.7vw,38px)/1.05 DM,Arial,sans-serif;letter-spacing:-.045em}
.story-title>span{position:absolute;inset:0;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .45s}
[data-phase=before] .copy-before,[data-phase=scan] .copy-scan,[data-phase=after] .copy-after{opacity:1;transform:translateY(0)}
.copy-after{color:var(--copper)}
.app-stage{position:relative;height:425px;perspective:1000px;isolation:isolate}
.stage-orbit{position:absolute;left:7%;top:12%;width:86%;height:78%;border:1px solid #b59a7b66;border-radius:50%;transform:rotate(-15deg);z-index:-1}
.stage-orbit:before{content:'';position:absolute;inset:17px;border:1px dashed #b59a7b55;border-radius:50%}
.app-window{position:absolute;top:33px;left:1%;width:84%;background:var(--light);border:1px solid #b59a7b;border-radius:13px;box-shadow:8px 11px 0 #d8c5ad88,0 24px 40px #291f1820;overflow:hidden;transform:rotateY(-8deg) rotateZ(-3deg);transition:transform .7s cubic-bezier(.2,.7,.2,1),left .7s,width .7s,box-shadow .7s}
.window-top{height:43px;background:var(--ink);display:flex;align-items:center;padding:0 16px;gap:12px;color:var(--light)}
.window-dots{display:flex;gap:4px;flex:none}.window-dots i{width:5px;height:5px;background:#d8c5ad;border-radius:50%}.window-dots i:first-child{background:#d97757}
.app-name{font-size:12px;font-weight:700;position:relative;flex:1;height:18px}.app-name>span{position:absolute;white-space:nowrap;transition:opacity .3s}
.name-after{opacity:0}.local-badge{font-size:8px;letter-spacing:.1em;border:1px solid #d8c5ad77;padding:2px 5px;opacity:0;transition:opacity .4s}
.window-body{padding:20px}.search-demo{height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;background:#fff8ee;border:1px solid var(--line);border-radius:5px;position:relative;font-size:15px}
.search-demo svg{width:17px;height:17px;fill:none;stroke:var(--copper);stroke-width:1.8;flex:none}.search-caret{width:1px;height:18px;background:var(--copper);animation:caret 1.2s step-end infinite;opacity:0}
.demo-result{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px;line-height:1.6}.file-icon{font-size:25px;color:#b59a7b;flex:none}.demo-result>div{flex:1;min-width:0}.demo-result strong,.demo-result div>span{display:block}.demo-result strong{font-size:12px;color:var(--ink)}.demo-result div>span{color:var(--muted)}.demo-result mark{background:none;color:var(--copper);font-weight:700}.result-check{color:var(--copper);font-size:17px;opacity:0;transform:scale(.2);transition:opacity .3s,transform .4s cubic-bezier(.2,.9,.3,1.5)}
.feature-slot{position:relative;height:45px;margin-top:14px;font-size:11px;display:flex;align-items:center}.locked-feature{color:var(--muted);transition:opacity .3s}.owned-feature{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;gap:8px;opacity:0;transform:translateY(12px);transition:opacity .35s .1s,transform .5s .1s}.owned-feature>span{color:var(--copper);font-size:10px}.owned-feature>strong{padding:8px 10px;background:var(--copper);color:var(--light);border-radius:4px;font-size:11px}
.billing-slip{position:absolute;right:0;top:98px;width:151px;padding:20px 17px 25px;background:#fff8ee;border:1px solid var(--line);box-shadow:0 10px 30px #291f1822;transform:rotate(8deg);z-index:3;transition:opacity .45s,transform .7s cubic-bezier(.3,.8,.3,1)}
.billing-slip:after{content:'';position:absolute;left:-1px;right:-1px;bottom:-7px;height:8px;background:linear-gradient(135deg,transparent 50%,#fff8ee 50%) 0 0/12px 12px,linear-gradient(225deg,transparent 50%,#fff8ee 50%) 0 0/12px 12px;transform:rotate(180deg)}
.receipt-heading{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--muted);margin-bottom:11px}.billing-slip>strong{display:block;font-size:17px;line-height:1.15;letter-spacing:-.03em}.receipt-line{display:block;height:2px;background:var(--line);margin-top:16px}.receipt-line.short{width:65%;margin-top:8px}.receipt-stamp{display:block;border:1px solid var(--copper);color:var(--copper);text-align:center;font-size:9px;letter-spacing:.05em;font-weight:800;padding:4px 2px;margin-top:16px;transform:rotate(-5deg)}
.builder-chip{position:absolute;left:25px;bottom:13px;display:flex;align-items:center;gap:10px;background:var(--ink);color:var(--light);padding:12px 17px;box-shadow:0 9px 20px #291f1824;transform:translateY(18px);opacity:0;transition:opacity .4s,transform .5s;z-index:4}.builder-chip img{background:var(--light);border-radius:4px}.builder-chip>span{font-size:12px;font-weight:700}.builder-chip small{display:block;font-size:9px;font-weight:400;opacity:.7;margin-top:3px}
.scan-beam{position:absolute;inset:43px 0 auto;height:3px;background:var(--copper);box-shadow:0 0 20px #a8481f88;opacity:0}
.ownership-seal{position:absolute;right:-4px;bottom:12px;display:flex;align-items:center;gap:10px;background:var(--copper);color:var(--light);padding:17px 20px;box-shadow:0 10px 0 #d8c5ad,0 20px 25px #291f1822;transform:translateY(20px) rotate(-4deg) scale(.92);opacity:0;transition:opacity .4s .2s,transform .6s .2s;z-index:4}
.seal-check{font-size:27px;line-height:1}.ownership-seal>span:last-child{font-size:8px;font-weight:800;letter-spacing:.12em}.ownership-seal strong{display:block;font-size:21px;line-height:1.1;letter-spacing:-.03em;margin-top:5px}
[data-phase=scan] .billing-slip,[data-phase=after] .billing-slip{opacity:0;transform:translate(45px,-40px) rotate(24deg) scale(.8);pointer-events:none}
[data-phase=scan] .app-window{transform:rotateY(0) rotateZ(0);left:6%}
[data-phase=scan] .builder-chip{opacity:1;transform:translateY(0)}
[data-phase=scan] .scan-beam{opacity:1;animation:scan-app 1.35s ease-in-out infinite}
[data-phase=scan] .search-demo{border-color:var(--copper);box-shadow:0 0 0 4px #a8481f0a}
[data-phase=after] .app-window{left:6%;width:88%;transform:rotateY(0) rotateZ(1deg);box-shadow:7px 10px 0 #d8c5ad99,0 24px 40px #291f1820}
[data-phase=after] .window-top{background:var(--copper)}
[data-phase=after] .name-before,[data-phase=after] .locked-feature{opacity:0}
[data-phase=after] .name-after,[data-phase=after] .local-badge,[data-phase=after] .search-caret{opacity:1}
[data-phase=after] .owned-feature{opacity:1;transform:translateY(0)}
[data-phase=after] .result-check{opacity:1;transform:scale(1)}
[data-phase=after] .second .result-check{transition-delay:.2s}
[data-phase=after] .ownership-seal{opacity:1;transform:translateY(0) rotate(-4deg) scale(1)}
.story-steps{display:flex;align-items:center;gap:7px;margin-top:9px}.story-steps>span{font-size:15px;color:var(--muted)}.story-steps button{flex:1;border:1px solid var(--line);background:transparent;color:var(--muted);min-height:44px;padding:9px 5px;font-size:11px;font-weight:700;transition:background .2s,color .2s,border-color .2s}.story-steps button[aria-pressed=true]{background:var(--ink);color:var(--light);border-color:var(--ink)}.story-steps button:hover{border-color:var(--copper)}
.scene figcaption{margin-top:14px;font-size:11px;text-align:left}
.paused *{animation-play-state:paused!important}
.selected-step *{transition:none!important}
@keyframes scan-app{from{transform:translateY(0)}to{transform:translateY(233px)}}
@keyframes caret{50%{visibility:hidden}}
@media(max-width:760px){.hero{gap:35px}.resource-shortcuts{gap:14px;margin-top:20px}.resource-shortcuts a{gap:9px;min-height:66px}.resource-shortcuts img{width:25px;height:25px}.resource-shortcuts strong{font-size:14px}.resource-shortcuts small{font-size:10px}.cost{margin-top:17px}.scene-head>span{max-width:170px;font-size:9px}.scene-head>#motion{font-size:10px;padding:7px 8px}.story-title{font-size:29px;height:68px;margin-top:22px}.app-stage{height:372px}.app-window{top:22px;width:90%;left:0}.window-top{height:36px;padding:0 12px;gap:8px}.app-name{font-size:10px}.window-body{padding:15px}.search-demo{height:36px;font-size:13px}.demo-result{padding:11px 0;font-size:9px;gap:6px}.demo-result strong{font-size:10px}.file-icon{font-size:21px}.feature-slot{height:39px;margin-top:10px;font-size:9px}.owned-feature>strong{font-size:9px;padding:7px 8px}.owned-feature>span{font-size:9px}.billing-slip{top:87px;width:124px;right:-2px;padding:17px 13px 20px}.billing-slip>strong{font-size:15px}.receipt-heading{font-size:9px}.receipt-stamp{font-size:7px}.builder-chip{left:13px;bottom:13px;padding:11px 13px}.builder-chip>span{font-size:11px}.ownership-seal{right:0;bottom:9px;padding:15px 17px}.ownership-seal strong{font-size:20px}[data-phase=after] .app-window{width:94%;left:2%}[data-phase=scan] .app-window{left:2%}.story-steps button{font-size:10px}.scan-beam{top:36px}@keyframes scan-app{from{transform:translateY(0)}to{transform:translateY(199px)}}}
@media(prefers-reduced-motion:reduce){.scene *{animation:none!important;transition:none!important}}