@font-face{font-family:Azurio;src:url('/magic2/assets/fonts/AzurioTrial-Regular.otf') format('opentype');font-display:swap;font-weight:400}
@font-face{font-family:StorySans;src:url('/magic2/assets/fonts/Inter_18pt-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:StorySans;src:url('/magic2/assets/fonts/Inter_18pt-Medium.ttf') format('truetype');font-display:swap;font-weight:500}
@font-face{font-family:StorySans;src:url('/magic2/assets/fonts/Inter_18pt-Bold.ttf') format('truetype');font-display:swap;font-weight:700}
:root{--blush:oklch(96.6% .032 345);--lavender:oklch(96.6% .032 345);--paper:oklch(98.7% .012 345);--ink:oklch(16.5% .072 335);--muted:oklch(42% .038 335);--violet:oklch(36% .12 335);--violet-dark:oklch(24% .1 335);--orange:oklch(78% .07 345);--yellow:oklch(90% .05 345);--mint:oklch(82% .105 166);--border:oklch(88% .028 345);--green:oklch(66% .12 158);--red:oklch(62% .16 24);--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--space-5xl:96px;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:36px;--page:clamp(20px,5vw,80px);--max:1440px;--ease:cubic-bezier(.16,1,.3,1);--serif:Azurio,Georgia,serif;--sans:StorySans,"Avenir Next",sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:92px;background:var(--blush);overflow-x:clip}body{margin:0;color:var(--ink);background:var(--blush);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.dialog-open{overflow:hidden}button,input,textarea{font:inherit}button,a{color:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}p{margin:0;color:var(--muted);font-size:clamp(1rem,.9vw + .55rem,1.125rem);line-height:1.55;text-wrap:pretty}h1,h2,h3{margin:0;font-weight:400}h1,h2{font-family:var(--serif);letter-spacing:-.025em}h1{font-size:clamp(3.7rem,6vw,6.9rem);line-height:.89;text-wrap:balance}h2{font-size:clamp(3rem,5vw,5.6rem);line-height:.94;text-wrap:balance}h2 em,h1 em{color:var(--violet);font-weight:400}h3{font-size:1.25rem;line-height:1.1}.skip-link{position:fixed;z-index:1000;top:12px;left:12px;padding:12px 18px;border-radius:999px;background:var(--ink);color:var(--paper);transform:translateY(-150%)}.skip-link:focus{transform:none}.section{width:min(var(--max),100%);margin:auto;padding:clamp(96px,10vw,152px) var(--page)}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--violet-dark);font-size:.74rem;font-weight:700;line-height:1.35;letter-spacing:.13em;text-transform:uppercase}.mini-sparkle{font-size:1rem}.button{display:inline-flex;min-height:48px;padding:0 22px;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:999px;font-size:.92rem;font-weight:500;text-decoration:none;transition:transform .25s var(--ease),background .25s,color .25s,border-color .25s}.button:hover{transform:translateY(-2px)}.button:focus-visible,a:focus-visible,summary:focus-visible,.style-card:focus-visible{outline:3px solid color-mix(in oklch,var(--violet) 35%,transparent);outline-offset:3px}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:var(--violet-dark)}.button-outline{border-color:color-mix(in oklch,var(--ink) 65%,transparent);background:transparent}.button-outline:hover{background:var(--paper);border-color:var(--ink)}.button-light{background:var(--paper);color:var(--ink)}.button-ghost-light{border-color:color-mix(in oklch,var(--paper) 50%,transparent);color:var(--paper);background:color-mix(in oklch,var(--paper) 8%,transparent)}
.site-header{position:fixed;z-index:100;top:0;left:0;width:100%;padding:14px var(--page);transition:padding .3s,background .3s,box-shadow .3s,backdrop-filter .3s}.site-header.scrolled{padding-top:9px;padding-bottom:9px;background:color-mix(in oklch,var(--paper) 87%,transparent);box-shadow:0 1px 0 var(--border);backdrop-filter:blur(18px)}.nav-shell{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;justify-self:start}.brand-copy{display:grid;gap:2px}.brand-copy strong{font-family:var(--serif);font-size:1.65rem;line-height:.9}.brand-copy small{font-size:.58rem;letter-spacing:.14em}.sparkle{display:inline-block;position:relative;width:30px;height:30px;background:var(--violet);clip-path:polygon(50% 0,60% 39%,100% 50%,60% 61%,50% 100%,40% 61%,0 50%,40% 39%)}.desktop-nav{display:flex;align-items:center;gap:clamp(18px,2.2vw,36px)}.desktop-nav a,.text-link{font-size:.88rem;text-decoration:none}.desktop-nav a{position:relative;color:color-mix(in oklch,var(--ink) 82%,transparent)}.desktop-nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:1px;background:var(--violet);transform:scaleX(0);transform-origin:left;transition:transform .25s}.desktop-nav a:hover:after{transform:scaleX(1)}.nav-actions{justify-self:end;display:flex;align-items:center;gap:18px}.menu-toggle{display:none;width:46px;height:46px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--paper)}.menu-toggle span{display:block;width:18px;height:1px;margin:5px auto;background:var(--ink);transition:transform .2s}.mobile-menu{display:none}
.hero{min-height:920px;width:min(1600px,100%);display:grid;grid-template-columns:minmax(360px,.72fr) minmax(700px,1.28fr);align-items:center;gap:clamp(30px,3.5vw,56px);padding-top:150px;padding-bottom:90px}.hero-copy{display:grid;justify-items:start;gap:30px;position:relative;z-index:3}.hero-copy h1{max-width:550px;font-size:clamp(3.05rem,4.65vw,5.25rem);line-height:.92}.hero-intro{max-width:540px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.story-link{font-size:.9rem;text-underline-offset:5px}.micro-proof{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--ink);font-size:.76rem}.micro-proof>span{color:var(--violet);font-size:1rem}.micro-proof i{width:3px;height:3px;border-radius:50%;background:var(--muted)}.hero-demo{position:relative;min-height:705px}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:480px;height:480px;right:7%;top:9%;background:radial-gradient(circle at 35% 30%,oklch(93% .08 291),oklch(81% .09 291) 55%,oklch(72% .11 290));opacity:.7}.orb-two{width:170px;height:170px;right:0;bottom:8%;background:var(--yellow);opacity:.42}.book-stage{position:absolute;z-index:2;top:126px;left:0;width:103%;transform:rotate(-.8deg);filter:drop-shadow(0 32px 42px color-mix(in oklch,var(--ink) 18%,transparent))}.hero-book{width:100%;position:relative;z-index:2}.book-halo{position:absolute;inset:15% 8% 2%;background:var(--paper);filter:blur(50px);opacity:.72}.profile-card,.request-card,.review-chip,.human-chip,.safety-chip,.delivery-chip,.pipeline{position:absolute;z-index:5;background:color-mix(in oklch,var(--paper) 94%,transparent);border:1px solid color-mix(in oklch,var(--paper) 70%,var(--border));box-shadow:0 18px 50px color-mix(in oklch,var(--ink) 12%,transparent);backdrop-filter:blur(16px)}.profile-card{left:-1%;top:178px;width:248px;padding:14px;border-radius:18px;transform:rotate(-2deg);animation:floatOne 7s ease-in-out infinite}.profile-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tiny-label{color:var(--violet);font-size:.55rem;font-weight:700;letter-spacing:.12em}.status-dot{font-size:.52rem;color:var(--green)}.profile-main{display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:center}.profile-main img{width:58px;height:62px;object-fit:cover;border-radius:12px;background:var(--lavender)}.profile-main div{display:grid;gap:3px}.profile-main strong{font-family:var(--serif);font-size:1.25rem}.profile-main span{font-size:.63rem;color:var(--muted)}.profile-details{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.profile-details span{display:grid;gap:2px;padding:7px 8px;border-radius:10px;background:color-mix(in oklch,var(--lavender) 70%,var(--paper));color:var(--ink);font-size:.62rem;line-height:1.12}.profile-details span:nth-child(3){grid-column:1/-1}.profile-details b{color:var(--violet);font-size:.48rem;letter-spacing:.08em;text-transform:uppercase}.thumb-row{display:flex;margin-top:12px}.thumb-row img,.thumb-row span{width:34px;height:34px;border:2px solid var(--paper);border-radius:8px;object-fit:cover;margin-right:-5px}.thumb-row span{display:grid;place-items:center;background:var(--ink);color:var(--paper);font-size:.6rem}.review-chip,.human-chip,.safety-chip,.delivery-chip{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;transform:rotate(1.2deg)}.review-chip{top:-10px;right:34%;animation:floatTwo 6s ease-in-out infinite}.human-chip{top:86px;right:0}.safety-chip{right:-1%;bottom:28%}.delivery-chip{right:3%;bottom:7%}.review-chip>span:last-child,.human-chip>span:last-child,.safety-chip>span:last-child,.delivery-chip>span:last-child{display:grid;gap:2px}.review-chip small,.human-chip small,.safety-chip small,.delivery-chip small{font-size:.5rem;letter-spacing:.09em;color:var(--muted)}.review-chip strong,.human-chip strong,.safety-chip strong,.delivery-chip strong{font-size:.68rem}.review-check{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--mint);color:var(--ink)}.shield-icon{display:grid;place-items:center;width:30px;height:30px;border:2px solid var(--violet);border-radius:9px;color:var(--violet);font-size:1rem;font-weight:700}.code-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--violet);color:var(--paper);font-size:.62rem}.request-card{left:13%;bottom:34px;width:382px;border-radius:18px;overflow:hidden;background:oklch(22% .05 266);color:oklch(92% .02 272);animation:floatOne 8s ease-in-out -2s infinite}.window-bar{height:34px;padding:0 12px;display:flex;align-items:center;gap:6px;background:oklch(26% .05 267);font-size:.6rem}.window-bar span{width:7px;height:7px;border-radius:50%;background:oklch(60% .11 27)}.window-bar span:nth-child(2){background:var(--yellow)}.window-bar span:nth-child(3){background:var(--mint)}.window-bar strong{margin-left:auto;font-weight:400;color:oklch(75% .02 272)}.request-card pre{margin:0;padding:15px 16px 9px;overflow:auto;font:500 .58rem/1.58 ui-monospace,SFMono-Regular,Menlo,monospace}.request-card code b{color:oklch(72% .16 302)}.request-card code i{font-style:normal;color:oklch(79% .09 231)}.request-card code u{text-decoration:none;color:oklch(82% .13 91)}.response-line{display:flex;align-items:center;gap:7px;padding:9px 18px;border-top:1px solid oklch(35% .04 268);font-size:.6rem}.response-line code{margin-left:auto;padding:3px 6px;border-radius:5px;background:color-mix(in oklch,var(--green) 20%,transparent);color:oklch(80% .12 158)}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 0 color-mix(in oklch,var(--violet) 50%,transparent);animation:pulse 2s infinite}.pipeline{right:1%;bottom:42px;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:16px}.pipeline span{display:flex;align-items:center;gap:5px;font-size:.55rem;color:var(--muted)}.pipeline span b{display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--border);border-radius:50%;font-size:.52rem}.pipeline span.is-active{color:var(--ink)}.pipeline span.is-active b{border-color:transparent;background:var(--violet);color:var(--paper)}.pipeline i{font-style:normal;color:var(--border);font-size:.7rem}.demo-note{position:absolute;right:0;bottom:-14px;font-size:.58rem;letter-spacing:.05em}.hero-demo.is-ready .pulse-dot{background:var(--green);animation:none}.hero-demo.is-ready .hero-book{animation:bookReady .65s var(--ease)}
.proof-band{width:min(1600px,calc(100% - 40px));margin:0 auto;padding:36px clamp(24px,4vw,56px);border-radius:var(--radius-lg);background:var(--ink);color:var(--paper)}.proof-band>p{text-align:center;color:var(--paper);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin:28px 0 20px}.metrics div{display:grid;gap:8px}.metrics strong{font-family:var(--serif);font-size:clamp(2.1rem,3vw,3.6rem);font-weight:400;color:var(--yellow)}.metrics span{max-width:18ch;color:oklch(83% .02 271);font-size:.75rem;line-height:1.35}.proof-band>small{display:block;text-align:center;color:oklch(63% .02 271);font-size:.61rem}
.section-heading{display:grid;gap:22px;max-width:750px}.section-heading.wide{max-width:900px}.section-heading>p:last-child{max-width:680px}.output-composition{position:relative;min-height:720px;margin-top:70px}.output-book{position:absolute;left:17%;top:80px;width:66%;padding:42px;border-radius:50%;background:radial-gradient(ellipse,var(--paper) 0 56%,transparent 57%)}.output-book img{filter:drop-shadow(0 30px 32px color-mix(in oklch,var(--ink) 15%,transparent));transform:rotate(-1deg)}.output-note{position:absolute;z-index:2;display:flex;gap:14px;width:270px;padding:18px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--paper);box-shadow:0 15px 34px color-mix(in oklch,var(--ink) 7%,transparent)}.output-note>span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:var(--lavender);color:var(--violet);font-size:.68rem;font-weight:700}.output-note div{display:grid;gap:7px}.output-note h3{font-family:var(--serif);font-size:1.35rem}.output-note p{font-size:.75rem;line-height:1.4}.note-one{left:1%;top:3%}.note-two{right:1%;top:8%}.note-three{left:4%;bottom:8%}.note-four{right:2%;bottom:4%}
.quality-section{width:100%;max-width:none;background:var(--paper)}.quality-section>.section-heading,.quality-grid{width:min(calc(var(--max) - 2 * var(--page)),calc(100% - 2 * var(--page)));margin-left:auto;margin-right:auto}.quality-grid{display:grid;grid-template-columns:1.55fr .75fr;gap:clamp(36px,5vw,78px);align-items:center;margin-top:70px}.quality-visual{--split:48%;position:relative;aspect-ratio:1.55;overflow:hidden;border-radius:var(--radius-lg);background:var(--ink);touch-action:none;cursor:ew-resize}.compare-layer{position:absolute;inset:0}.compare-layer img{width:100%;height:100%;object-fit:contain}.compare-layer span{position:absolute;top:16px;padding:8px 12px;border-radius:999px;background:var(--paper);font-size:.66rem;font-weight:600}.compare-generic{background:oklch(91% .008 270);filter:saturate(.65)}.compare-generic span{left:16px}.compare-storytellrs{clip-path:inset(0 0 0 var(--split));background:oklch(91% .035 93)}.compare-storytellrs span{right:16px}.compare-storytellrs span b{color:var(--violet)}.compare-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:var(--paper);transform:translateX(-1px)}.compare-divider button{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:space-around;width:52px;height:52px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--paper);box-shadow:0 8px 20px color-mix(in oklch,var(--ink) 15%,transparent);transform:translate(-50%,-50%)}.difference-list{display:grid}.difference-list>div{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:20px 0;border-bottom:1px solid var(--border)}.difference-list>div>span{color:var(--violet);font-size:.65rem}.difference-list p{display:grid;gap:7px}.difference-list del{color:var(--muted);font-size:.78rem}.difference-list strong{color:var(--ink);font-size:.93rem}.difference-list>a{margin-top:28px;font-size:.86rem;text-underline-offset:5px}
.workflow-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(50px,8vw,130px)}.workflow-section .section-heading{align-self:start;position:sticky;top:130px}.workflow-list{list-style:none;margin:0;padding:0}.workflow-list li{display:grid;grid-template-columns:48px 1fr minmax(190px,.7fr);gap:24px;align-items:center;padding:36px 0;border-bottom:1px solid var(--border)}.workflow-list li:first-child{padding-top:0}.step-number{font-family:var(--serif);font-size:1.4rem;color:var(--violet)}.workflow-list li>div:nth-child(2){display:grid;gap:10px}.workflow-list h3{font-family:var(--serif);font-size:1.55rem}.workflow-list p{font-size:.82rem}.step-art{min-height:100px;border-radius:var(--radius-md);background:var(--paper);display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;overflow:hidden}.request-art{position:relative;justify-content:flex-start;background:var(--ink);color:var(--paper)}.request-art code{font-size:.62rem}.request-art span{position:absolute;right:10px;top:10px;color:var(--mint);font-size:.5rem}.orbit-art{flex-wrap:wrap}.orbit-art span{padding:6px 9px;border-radius:999px;background:var(--lavender);font-size:.55rem}.orbit-art i{width:10px;height:1px;background:var(--violet)}.checks-art{align-content:center;flex-wrap:wrap;background:color-mix(in oklch,var(--mint) 20%,var(--paper))}.checks-art span{font-size:.65rem}.webhook-art{justify-content:flex-start}.green-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green)}.webhook-art code{font-size:.68rem}.webhook-art strong{margin-left:auto;color:var(--green);font-size:.58rem}
.developer-section{width:100%;max-width:none;background:var(--ink);color:var(--paper)}.developer-intro,.console{width:min(calc(var(--max) - 2 * var(--page)),calc(100% - 2 * var(--page)));margin:auto}.developer-intro{display:grid;grid-template-columns:1fr minmax(240px,.38fr);gap:24px;align-items:end}.developer-intro .eyebrow{grid-column:1/-1;color:oklch(74% .14 294)}.developer-intro h2{max-width:950px}.developer-intro h2 em{color:oklch(78% .15 94)}.developer-intro p{color:oklch(76% .02 272)}.test-mode{align-self:end;justify-self:end;display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid oklch(36% .04 268);border-radius:999px;color:oklch(78% .02 272);font-size:.64rem}.test-mode span{width:7px;height:7px;border-radius:50%;background:var(--yellow)}.console{display:grid;grid-template-columns:320px 1fr;margin-top:60px;border:1px solid oklch(36% .04 268);border-radius:var(--radius-lg);overflow:hidden;background:oklch(22% .045 268)}.endpoint-list{padding:14px;border-right:1px solid oklch(36% .04 268)}.endpoint-list button{width:100%;display:grid;grid-template-columns:44px 1fr;gap:4px 8px;padding:16px;border:0;border-radius:12px;background:transparent;color:oklch(87% .02 272);text-align:left}.endpoint-list button.active{background:oklch(29% .055 268)}.endpoint-list b{grid-row:1/3;color:oklch(77% .14 303);font-size:.58rem}.endpoint-list b.get{color:var(--mint)}.endpoint-list b.hook{color:var(--yellow)}.endpoint-list span{font:500 .68rem ui-monospace,SFMono-Regular,Menlo,monospace}.endpoint-list small{color:oklch(61% .025 272);font-size:.58rem}.code-workspace{min-width:0}.code-toolbar{height:56px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;border-bottom:1px solid oklch(36% .04 268)}.language-tabs{display:flex;gap:5px}.language-tabs button,.copy-button{padding:7px 10px;border:0;border-radius:7px;background:transparent;color:oklch(65% .02 272);font-size:.65rem}.language-tabs button.active{background:oklch(34% .05 269);color:var(--paper)}.copy-button{border:1px solid oklch(40% .04 270)}.main-code,.response-panel pre{margin:0;overflow:auto}.main-code{min-height:280px;padding:28px;font:500 .76rem/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;color:oklch(86% .035 265)}.response-panel{border-top:1px solid oklch(36% .04 268);background:oklch(19% .038 269)}.response-panel>div{display:flex;gap:10px;padding:13px 20px;border-bottom:1px solid oklch(32% .04 268);font-size:.65rem}.response-status{color:var(--mint)}.response-panel pre{padding:20px;font:500 .68rem/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;color:oklch(80% .04 180)}.code-workspace>p{padding:12px 20px;border-top:1px solid oklch(32% .04 268);color:oklch(53% .02 272);font-size:.58rem}
.safety-section{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(50px,7vw,110px);align-items:center}.review-visual{position:relative;min-height:650px}.review-image{position:absolute;inset:0 6% 16% 0;overflow:hidden;border-radius:35% 35% var(--radius-lg) var(--radius-lg);background:var(--mint)}.review-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,color-mix(in oklch,var(--ink) 20%,transparent))}.review-image img{width:100%;height:100%;object-fit:cover}.annotation{position:absolute;z-index:2;padding:8px 11px;border-radius:999px;background:var(--paper);box-shadow:0 8px 18px color-mix(in oklch,var(--ink) 10%,transparent);font-size:.62rem}.annotation b{color:var(--green)}.a-one{top:20%;left:4%}.a-two{top:45%;right:4%}.a-three{bottom:15%;left:8%}.review-report{position:absolute;right:0;bottom:0;width:330px;padding:22px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--paper);box-shadow:0 24px 46px color-mix(in oklch,var(--ink) 14%,transparent)}.review-report>p{display:flex;align-items:center;gap:8px;font-size:.62rem}.review-report>strong{display:block;margin:12px 0 16px;font-family:var(--serif);font-size:1.65rem}.review-report ul{list-style:none;padding:0;margin:0 0 16px}.review-report li{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--border);font-size:.65rem}.review-report li b{color:var(--green)}.review-report>small{color:var(--muted);font-size:.55rem}.safety-copy{display:grid;gap:26px}.safety-copy>p:not(.eyebrow):not(.care-note){max-width:630px}.safety-copy ul{list-style:none;margin:0;padding:0}.safety-copy li{display:grid;grid-template-columns:125px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--border);font-size:.79rem}.safety-copy li span{color:var(--muted)}.care-note{display:flex;gap:12px;padding:18px;border-radius:var(--radius-md);background:color-mix(in oklch,var(--yellow) 28%,var(--paper));font-size:.78rem}.care-note span{color:var(--violet)}
.styles-section{width:100%;max-width:none;background:oklch(93% .035 92)}.styles-section>.section-heading,.style-gallery,.white-label-note{width:min(calc(var(--max) - 2 * var(--page)),calc(100% - 2 * var(--page)));margin-left:auto;margin-right:auto}.style-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:60px}.style-card{min-width:0;padding:10px 10px 16px;border:1px solid transparent;border-radius:var(--radius-lg);background:color-mix(in oklch,var(--paper) 70%,transparent);text-align:left;transition:transform .35s var(--ease),border-color .25s,background .25s}.style-card:hover{transform:translateY(-8px) rotate(-.5deg)}.style-card.selected{border-color:var(--violet);background:var(--paper)}.style-image{position:relative;display:block;aspect-ratio:.78;overflow:hidden;border-radius:16px;background:var(--lavender)}.style-image img{width:100%;height:100%;object-fit:cover}.style-soft{background:oklch(18% .04 260)}.style-soft img{object-fit:contain;transform:scale(1.35)}.style-cinematic img{object-position:55% center;transform:scale(1.06);filter:saturate(1.08) contrast(1.04)}.style-comic img{object-position:58% center;transform:scale(1.28);filter:saturate(1.32) contrast(1.08)}.style-learning img{object-position:50% 18%;transform:scale(1.2);filter:saturate(.96) brightness(1.02)}.style-water img{object-position:43% center}.style-card>span:nth-child(2){display:grid;gap:5px;padding:15px 7px 8px}.style-card strong{font-family:var(--serif);font-size:clamp(1.05rem,1.1vw,1.32rem);font-weight:400}.style-card small{color:var(--muted);font-size:.62rem;line-height:1.35}.style-card>i{padding:0 7px;color:var(--violet);font-size:.62rem;font-style:normal}.custom-style .style-image{background:var(--violet)}.arch{position:absolute;bottom:-15%;display:block;width:56%;height:82%;border-radius:100px 100px 0 0}.arch-one{left:-10%;background:var(--orange)}.arch-two{right:-10%;background:var(--yellow)}.custom-star{position:absolute;top:20%;left:45%;color:var(--paper);font-size:3rem}.white-label-note{display:grid;grid-template-columns:auto 1fr;gap:24px;margin-top:28px;padding:20px 24px;border-top:1px solid color-mix(in oklch,var(--ink) 15%,transparent);border-bottom:1px solid color-mix(in oklch,var(--ink) 15%,transparent);font-size:.82rem;color:var(--muted)}.white-label-note span{color:var(--ink);font-weight:700}
.case-section{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(48px,7vw,110px);align-items:center}.case-copy{display:grid;justify-items:start;gap:26px}.journey{display:grid;grid-template-columns:repeat(5,auto);align-items:center;gap:12px}.journey article{width:min(180px,18vw);display:grid;gap:10px}.journey article>span{font-size:.65rem;color:var(--violet)}.journey article>p{font-size:.65rem}.journey h3{font-family:var(--serif);font-size:1.25rem}.journey-arrow{font-style:normal;color:var(--violet)}.phone-mock,.process-mock,.book-mock{height:230px;border-radius:var(--radius-lg);overflow:hidden;background:var(--paper);box-shadow:0 16px 30px color-mix(in oklch,var(--ink) 8%,transparent)}.phone-mock{padding:18px}.phone-mock img{width:100%;height:135px;object-fit:cover;border-radius:12px;background:var(--lavender)}.phone-mock i{display:block;height:8px;margin-top:12px;border-radius:4px;background:var(--border)}.phone-mock i:last-child{width:66%}.process-mock{display:grid;place-items:center;align-content:center;gap:20px;background:var(--ink);color:var(--paper)}.process-mock>b{font-size:2.8rem;color:var(--violet)}.process-mock div{display:flex;gap:5px}.process-mock i{width:7px;height:7px;border-radius:50%;background:var(--yellow);animation:pulse 1.5s infinite}.process-mock i:nth-child(2){animation-delay:.25s}.process-mock i:nth-child(3){animation-delay:.5s}.process-mock small{font-size:.58rem}.book-mock{display:grid;place-items:center;background:color-mix(in oklch,var(--yellow) 25%,var(--paper))}.book-mock img{width:160%;max-width:none;transform:rotate(-3deg)}
.ownership-section>.section-heading{margin:0 auto;text-align:center;justify-items:center}.ownership-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;margin-top:65px}.ownership-grid article{padding:40px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--paper)}.ownership-grid article.storytellrs-owns{background:var(--violet);color:var(--paper);border-color:transparent}.owner-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:26px;border-radius:50%;background:var(--lavender);color:var(--violet);font-family:var(--serif);font-size:1.3rem}.storytellrs-owns .owner-icon{background:color-mix(in oklch,var(--paper) 18%,transparent);color:var(--paper)}.ownership-grid h3{font-family:var(--serif);font-size:2rem}.ownership-grid ul{list-style:none;padding:0;margin:24px 0 0;columns:2;column-gap:20px}.ownership-grid li{padding:8px 0;border-bottom:1px solid var(--border);font-size:.72rem;break-inside:avoid}.storytellrs-owns li{border-color:color-mix(in oklch,var(--paper) 20%,transparent)}.ownership-bridge{display:grid;justify-items:center;gap:12px;color:var(--muted);font-size:.58rem}.ownership-bridge i{font-style:normal}.ownership-bridge b{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--yellow);color:var(--violet);font-size:1.4rem}
.pricing-section{width:100%;max-width:none;background:var(--paper)}.pricing-section>.section-heading,.pricing-grid,.pricing-note{width:min(calc(var(--max) - 2 * var(--page)),calc(100% - 2 * var(--page)));margin-left:auto;margin-right:auto}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:60px;align-items:stretch}.pricing-grid article{position:relative;display:flex;flex-direction:column;min-height:480px;padding:34px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--lavender)}.pricing-grid article.featured{background:var(--violet);color:var(--paper);transform:translateY(-12px)}.pricing-grid article>p{color:inherit;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em}.pricing-grid h3{margin-top:28px;font-family:var(--serif);font-size:clamp(2.8rem,4vw,4.4rem)}.pricing-grid h3 small{font-family:var(--sans);font-size:.65rem}.pricing-grid article>small{color:inherit;opacity:.68;font-size:.65rem}.pricing-grid ul{flex:1;list-style:none;margin:30px 0;padding:0}.pricing-grid li{padding:10px 0;border-bottom:1px solid color-mix(in oklch,var(--ink) 10%,transparent);font-size:.76rem}.featured li{border-color:color-mix(in oklch,var(--paper) 18%,transparent)}.featured .button-dark{background:var(--paper);color:var(--ink)}.popular{position:absolute;top:20px;right:20px;padding:6px 9px;border-radius:999px;background:var(--yellow);color:var(--ink);font-size:.52rem;font-weight:700}.pricing-note{display:grid;grid-template-columns:auto 1fr auto;gap:24px;padding:20px 0;border-bottom:1px solid var(--border);font-size:.72rem}.pricing-note span{color:var(--muted)}
.resources-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,8vw,130px)}.resource-list{border-top:1px solid var(--border)}.resource-list a{display:grid;grid-template-columns:36px 1fr 1fr auto;gap:14px;align-items:center;padding:24px 4px;border-bottom:1px solid var(--border);text-decoration:none;transition:padding .25s var(--ease),color .25s}.resource-list a:hover{padding-left:14px;color:var(--violet)}.resource-list span{font-size:.6rem;color:var(--violet)}.resource-list strong{font-family:var(--serif);font-size:1.4rem;font-weight:400}.resource-list small{color:var(--muted)}.resource-list i{font-style:normal}
.faq-section{display:grid;grid-template-columns:.6fr 1.4fr;gap:clamp(50px,8vw,130px)}.faq-intro{display:grid;align-content:start;justify-items:start;gap:24px}.faq-intro h2{font-size:clamp(3rem,4.5vw,5rem)}.faq-list{border-top:1px solid var(--border)}.faq-list details{border-bottom:1px solid var(--border)}.faq-list summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;min-height:74px;padding:18px 0;cursor:pointer;font-family:var(--serif);font-size:1.35rem;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-family:var(--sans);font-size:1.5rem;font-weight:300;transition:transform .25s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{padding:0 50px 24px 0;font-size:.86rem}
.final-cta{position:relative;width:min(1600px,calc(100% - 40px));min-height:560px;margin-bottom:24px;padding-right:45%;display:grid;align-items:center;overflow:hidden;border-radius:var(--radius-xl);background:var(--violet);color:var(--paper)}.final-cta>div:last-child{position:relative;z-index:2;display:grid;justify-items:start;gap:26px}.final-cta .eyebrow,.final-cta p{color:var(--paper)}.final-cta h2{max-width:760px}.final-cta>div:last-child>div{display:flex;flex-wrap:wrap;gap:10px}.cta-art{position:absolute;right:0;bottom:0;width:45%;height:100%}.cta-arch{position:absolute;right:-8%;bottom:-14%;width:92%;height:85%;border-radius:50% 50% 0 0;background:var(--orange)}.cta-sun{position:absolute;right:20%;top:13%;width:150px;height:150px;border-radius:50%;background:var(--yellow)}.cta-star{position:absolute;right:36%;top:31%;font-size:6rem;color:var(--paper);transform:rotate(10deg)}footer{width:min(var(--max),100%);margin:auto;padding:60px var(--page) 38px;display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center}footer>p{font-family:var(--serif);font-size:1.35rem}footer nav{display:flex;gap:24px}footer nav a{font-size:.72rem}footer>small{grid-column:1/-1;padding-top:24px;border-top:1px solid var(--border);color:var(--muted);font-size:.62rem}
.access-dialog{width:min(600px,calc(100% - 32px));padding:40px;border:0;border-radius:var(--radius-lg);background:var(--paper);color:var(--ink);box-shadow:0 30px 90px color-mix(in oklch,var(--ink) 35%,transparent)}.access-dialog::backdrop{background:color-mix(in oklch,var(--ink) 62%,transparent);backdrop-filter:blur(6px)}.access-dialog h2{margin:16px 0;font-size:clamp(2.5rem,5vw,4rem)}.access-dialog>p:not(.eyebrow){font-size:.9rem}.dialog-close{position:absolute;right:18px;top:18px;width:42px;height:42px;border:1px solid var(--border);border-radius:50%;background:transparent;font-size:1.4rem}.access-dialog form{display:grid;gap:16px;margin-top:28px}.access-dialog label{display:grid;gap:7px;font-size:.7rem;font-weight:700}.access-dialog label span{color:var(--muted);font-weight:400}.access-dialog input,.access-dialog textarea{width:100%;padding:13px 14px;border:1px solid var(--border);border-radius:10px;background:var(--lavender);color:var(--ink);resize:vertical}.access-dialog form>small{text-align:center;color:var(--muted);font-size:.58rem}.form-success{padding:24px 0 0;text-align:center}.form-success>span{display:grid;place-items:center;width:60px;height:60px;margin:auto;border-radius:50%;background:var(--mint);font-size:1.5rem}.form-success h3{margin:18px 0 10px;font-family:var(--serif);font-size:2rem}.form-success .button{margin-top:20px}
@media(min-width:1101px){
  .hero-demo{min-height:760px}
  .book-stage{top:164px;left:-4%;width:118%}
  .profile-card{top:0;left:-2%;width:370px;padding:12px;transform:rotate(-1deg);animation:none}
  .profile-main{grid-template-columns:50px 1fr}
  .profile-main img{width:50px;height:54px}
  .profile-details{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px}
  .profile-details span{padding:6px 7px;font-size:.56rem}
  .profile-details span:nth-child(3){grid-column:auto}
  .thumb-row{margin-top:8px}
  .thumb-row img,.thumb-row span{width:30px;height:30px}
  .request-card{left:auto;right:4%;bottom:38px;width:338px;transform:rotate(.6deg);animation:none}
  .request-card pre{padding:13px 15px 8px;font-size:.52rem;line-height:1.52}
  .review-chip{top:-12px;right:36%;animation:none}
  .human-chip{top:72px;right:19%}
  .safety-chip{right:18%;bottom:24%}
  .delivery-chip{right:18%;bottom:6%}
  .pipeline{right:3%;bottom:-12px}
  .demo-note{right:3%;bottom:-38px}
}
.pipeline span,.pipeline span b,.pulse-dot{transition:color .25s var(--ease),background-color .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease)}
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}[data-reveal].visible{opacity:1;transform:none}@keyframes floatOne{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(-1deg)}}@keyframes floatTwo{0%,100%{transform:translateY(0) rotate(1.2deg)}50%{transform:translateY(-9px) rotate(.3deg)}}@keyframes pulse{70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}@keyframes bookReady{0%{transform:scale(.985)}100%{transform:scale(1)}}
@media(max-width:1100px){.desktop-nav{display:none}.nav-shell{grid-template-columns:1fr auto}.hero{grid-template-columns:1fr;min-height:auto;padding-top:150px}.hero-copy{max-width:850px}.hero-demo{min-height:700px}.profile-card{left:2%}.book-stage{left:7%;top:128px;width:92%}.quality-grid{grid-template-columns:1fr}.workflow-section,.resources-section{grid-template-columns:1fr}.workflow-section .section-heading{position:static}.safety-section{grid-template-columns:1fr}.review-visual{order:2}.style-gallery{grid-template-columns:repeat(3,1fr)}.case-section{grid-template-columns:1fr}.journey article{width:auto}.ownership-grid{grid-template-columns:1fr}.ownership-bridge{grid-template-columns:auto auto auto auto auto}.pricing-grid{grid-template-columns:1fr 1fr}.pricing-grid article:last-child{grid-column:1/-1}.faq-section{grid-template-columns:1fr}}
@media(max-width:760px){:root{--page:20px}.desktop-only{display:none}.site-header{padding:12px 18px}.brand-copy strong{font-size:1.35rem}.brand-sparkle{width:26px;height:26px}.menu-toggle{display:block}.mobile-menu{position:absolute;left:12px;right:12px;top:68px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--paper);box-shadow:0 20px 50px color-mix(in oklch,var(--ink) 15%,transparent)}.mobile-menu:not([hidden]){display:grid}.mobile-menu a{padding:14px;text-decoration:none;border-bottom:1px solid var(--border)}.mobile-menu .button{margin-top:12px}.section{padding-top:88px;padding-bottom:88px}.hero{display:block;padding-top:130px}.hero-copy{width:100%;min-width:0;gap:23px}.hero h1{font-size:clamp(2.95rem,12vw,3.65rem)}.hero-demo{min-height:610px;margin-top:48px}.orb-one{width:330px;height:330px;right:-10%;top:4%}.book-stage{top:198px;left:0;width:108%}.profile-card{top:50px;left:-1%;width:205px;padding:10px}.profile-main{grid-template-columns:42px 1fr}.profile-main img{width:42px;height:48px}.profile-main strong{font-size:1rem}.profile-details{grid-template-columns:1fr;gap:5px}.profile-details span{padding:6px 7px;font-size:.52rem}.thumb-row{margin-top:8px}.review-chip{right:4%;top:132px}.human-chip{right:0;top:220px}.safety-chip{right:0;bottom:23%;padding:8px}.delivery-chip{right:-2%;bottom:13%;padding:8px}.delivery-chip strong,.review-chip strong,.human-chip strong,.safety-chip strong{font-size:.56rem}.request-card{left:0;bottom:8px;width:285px}.request-card pre{font-size:.46rem;padding:12px}.pipeline{right:0;bottom:-36px;padding:8px}.pipeline i,.pipeline span{font-size:0}.pipeline span b{font-size:.48rem}.demo-note{display:none}.proof-band{width:calc(100% - 24px);padding:30px 20px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics div:last-child{grid-column:1/-1}.output-composition{min-height:auto;margin-top:48px;display:grid;gap:10px}.output-book{position:relative;left:auto;top:auto;width:100%;padding:12px;order:-1}.output-note{position:static;width:auto}.quality-section>.section-heading,.quality-grid,.developer-intro,.console,.styles-section>.section-heading,.style-gallery,.white-label-note,.pricing-section>.section-heading,.pricing-grid,.pricing-note{width:calc(100% - 40px)}.quality-grid{margin-top:40px}.quality-visual{aspect-ratio:1.05}.compare-layer img{object-fit:cover}.workflow-list li{grid-template-columns:38px 1fr}.step-art{grid-column:2}.developer-intro{grid-template-columns:1fr}.test-mode{justify-self:start}.console{grid-template-columns:1fr}.endpoint-list{display:flex;overflow:auto;border-right:0;border-bottom:1px solid oklch(36% .04 268)}.endpoint-list button{flex:0 0 190px}.main-code{min-height:300px;padding:20px;font-size:.63rem}.review-visual{min-height:520px}.review-image{inset:0 0 20%}.review-report{width:90%;right:5%}.safety-copy li{grid-template-columns:1fr;gap:4px}.style-gallery{grid-template-columns:1fr 1fr}.style-card strong{font-size:1.1rem}.white-label-note{grid-template-columns:1fr}.journey{grid-template-columns:1fr}.journey article{grid-template-columns:92px 1fr;align-items:center}.journey article>span{display:none}.journey article h3,.journey article p{grid-column:2}.phone-mock,.process-mock,.book-mock{grid-row:1/3;height:120px}.journey-arrow{transform:rotate(90deg);justify-self:center}.ownership-grid article{padding:28px}.ownership-grid ul{columns:1}.ownership-bridge{grid-template-columns:auto auto auto auto auto}.pricing-grid{grid-template-columns:1fr}.pricing-grid article:last-child{grid-column:auto}.pricing-grid article.featured{transform:none}.pricing-note{grid-template-columns:1fr}.resource-list a{grid-template-columns:30px 1fr auto}.resource-list small{grid-column:2}.faq-list summary{font-size:1.15rem}.final-cta{width:calc(100% - 24px);min-height:680px;padding:60px 28px 310px}.cta-art{width:100%;height:320px}.cta-arch{width:80%;height:94%}.cta-sun{width:110px;height:110px}.cta-star{font-size:4rem}footer{grid-template-columns:1fr}footer nav{flex-wrap:wrap}footer>small{grid-column:1}}
.profile-card,.request-card,.review-chip{animation:none}
.hero-demo.is-ready .hero-book{animation-fill-mode:both}
@media(max-width:1100px) and (min-width:761px){.hero-demo{min-height:760px}.book-stage{top:164px;left:0;width:110%}.profile-card{top:0;left:1%;width:370px}.profile-details{grid-template-columns:repeat(3,1fr)}.profile-details span:nth-child(3){grid-column:auto}.request-card{left:auto;right:3%;bottom:38px;width:338px}.request-card pre{font-size:.52rem}.review-chip{top:-12px;right:36%}.human-chip{top:72px;right:18%}.safety-chip{right:17%;bottom:24%}.delivery-chip{right:17%;bottom:6%}.pipeline{right:3%;bottom:-12px}}
@media(max-width:760px){.profile-card{width:220px}.profile-details{grid-template-columns:1fr 1fr}.profile-details span:nth-child(3){grid-column:auto}}
.quality-grid{grid-template-columns:minmax(0,1.42fr) minmax(300px,.78fr);align-items:start}
.quality-showcase{display:grid;gap:14px;min-width:0}
.quality-visual{aspect-ratio:1.652;border:1px solid color-mix(in oklch,var(--ink) 10%,transparent);box-shadow:0 28px 70px color-mix(in oklch,var(--ink) 13%,transparent);cursor:col-resize}
.compare-layer{background:oklch(18% .035 265)}
.compare-layer img{padding:10px;object-fit:contain}
.compare-generic{filter:none;background:oklch(93% .012 90)}
.compare-storytellrs{background:oklch(18% .04 260)}
.compare-layer span{top:18px;display:flex;align-items:center;gap:6px;padding:9px 13px;box-shadow:0 8px 22px color-mix(in oklch,var(--ink) 12%,transparent)}
.compare-layer span small{color:var(--muted);font-size:.46rem;font-weight:700;letter-spacing:.1em}
.compare-generic span{left:18px}
.compare-storytellrs span{right:18px}
.compare-divider{width:3px;background:color-mix(in oklch,var(--paper) 92%,transparent);box-shadow:0 0 0 1px color-mix(in oklch,var(--ink) 12%,transparent)}
.compare-divider button{width:56px;height:56px;border-color:color-mix(in oklch,var(--violet) 25%,var(--border));color:var(--violet);font-size:1.05rem}
.compare-legend{display:flex;justify-content:space-between;gap:20px;padding:0 4px;color:var(--muted);font-size:.64rem}
.compare-legend span:first-child{color:var(--ink);font-weight:600}
.difference-list{padding:28px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--lavender)}
.difference-intro{display:grid;gap:6px;padding-bottom:18px;border-bottom:1px solid var(--border)}
.difference-intro span{color:var(--violet);font-size:.58rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.difference-intro strong{color:var(--ink);font-family:var(--serif);font-size:1.55rem;font-weight:400;line-height:1.05}
.difference-list>div{padding:17px 0}
.difference-list del{font-size:.7rem;line-height:1.3}
.difference-list strong{font-size:.85rem;line-height:1.35}
.difference-list>a{display:inline-flex;align-items:center;justify-content:space-between;margin-top:22px;font-weight:600}
@media(max-width:1100px){.quality-grid{grid-template-columns:1fr}.difference-list{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.difference-intro,.difference-list>a{grid-column:1/-1}}
@media(max-width:760px){.quality-visual{aspect-ratio:1.652}.compare-layer img{padding:4px}.compare-layer span{top:9px;padding:7px 9px;font-size:.54rem}.compare-layer span small{display:none}.compare-generic span{left:9px}.compare-storytellrs span{right:9px}.compare-divider button{width:44px;height:44px}.compare-legend{display:grid;gap:4px}.difference-list{grid-template-columns:1fr;padding:22px}.difference-intro,.difference-list>a{grid-column:auto}}

/* Noah comparison handle */
.compare-divider button{width:88px;height:88px;gap:5px;justify-content:center;padding:7px;border:2px solid color-mix(in oklch,var(--violet) 60%,var(--paper));background:color-mix(in oklch,var(--paper) 94%,transparent);font-size:1.15rem;box-shadow:0 12px 28px color-mix(in oklch,var(--ink) 20%,transparent)}
.compare-divider button img{width:52px;height:52px;flex:0 0 52px;object-fit:cover;object-position:50% 24%;border:3px solid var(--paper);border-radius:50%;box-shadow:0 0 0 1px color-mix(in oklch,var(--violet) 28%,transparent);pointer-events:none;user-select:none}
.compare-divider button span{line-height:1;color:var(--violet);pointer-events:none}

/* Five deliberately different generated story directions */
.style-soft img,.style-cinematic img,.style-water img,.style-comic img,.style-learning img{object-fit:cover;object-position:center;transform:none;filter:none}
.style-soft img{object-position:50% 44%}
.style-cinematic img{object-position:50% 48%}
.style-water img{object-position:50% 42%}
.style-comic img{object-position:50% 48%}
.style-learning img{object-position:50% 43%}

/* Little Legends proof */
.case-section{grid-template-columns:.82fr 1.18fr;align-items:start}
.case-copy{gap:22px}
.case-copy>p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:.9rem;line-height:1.65}
.case-proof{display:grid;gap:12px;width:100%}
.case-proof article{display:grid;gap:4px;padding:15px 0;border-top:1px solid var(--border)}
.case-proof strong{font-size:.78rem}
.case-proof span{color:var(--muted);font-size:.68rem;line-height:1.45}
.case-claim-note{max-width:560px;color:var(--muted);font-size:.54rem;line-height:1.5}
.case-visual{display:grid;gap:24px;padding:clamp(22px,3vw,38px);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--lavender)}
.case-result{display:grid;grid-template-columns:1fr auto;align-items:end;padding-bottom:22px;border-bottom:1px solid var(--border)}
.case-result span{grid-column:1;color:var(--violet);font-size:.63rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.case-result strong{grid-column:2;grid-row:1/3;font-family:var(--serif);font-size:clamp(3.8rem,6vw,7rem);font-weight:400;line-height:.8;color:var(--violet)}
.case-result p{grid-column:1;font-family:var(--serif);font-size:clamp(1.15rem,1.8vw,1.65rem)}
.case-visual .journey{grid-template-columns:repeat(5,minmax(0,auto));justify-content:space-between}
.case-visual .journey article{width:min(160px,14vw)}
.case-visual .phone-mock,.case-visual .process-mock,.case-visual .book-mock{height:190px}
.case-visual .phone-mock img{height:105px}

@media(max-width:1100px){.case-section{grid-template-columns:1fr}.case-visual .journey article{width:auto}}
@media(max-width:760px){.compare-divider button{width:62px;height:62px;gap:2px;padding:5px;font-size:.8rem}.compare-divider button img{width:36px;height:36px;flex-basis:36px;border-width:2px}.case-visual{padding:20px}.case-result{grid-template-columns:1fr}.case-result strong{grid-column:1;grid-row:auto;margin-top:16px;font-size:4.5rem}.case-result p{grid-column:1}.case-visual .journey{grid-template-columns:1fr}.case-visual .journey article{grid-template-columns:92px 1fr}.case-visual .phone-mock,.case-visual .process-mock,.case-visual .book-mock,.case-visual .phone-mock-screen{height:140px}}
/* Quickstart */
.quickstart{width:min(calc(var(--max) - 2 * var(--page)),calc(100% - 2 * var(--page)));margin:48px auto 0;padding:36px;border:1px solid oklch(36% .04 268);border-radius:var(--radius-lg);background:oklch(19% .038 269)}
.quickstart-heading{display:grid;gap:12px;max-width:720px;margin-bottom:28px}
.quickstart-heading .eyebrow{color:oklch(74% .14 294)}
.quickstart-heading h3{font-family:var(--serif);font-size:clamp(1.8rem,3vw,2.6rem);font-weight:400;color:var(--paper)}
.quickstart-heading p{color:oklch(76% .02 272);font-size:.9rem}
.quickstart-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.quickstart-steps li{display:grid;gap:8px;padding:18px;border:1px solid oklch(34% .04 268);border-radius:var(--radius-md);background:oklch(22% .045 268)}
.quickstart-steps strong{color:var(--paper);font-size:.78rem}
.quickstart-steps span{color:oklch(72% .02 272);font-size:.68rem;line-height:1.5}
.quickstart-steps code{color:oklch(82% .13 91);font-size:.62rem}
.quickstart-sla{margin-top:20px;color:oklch(70% .02 272);font-size:.68rem}
.quickstart-sla strong{color:var(--paper);font-weight:600}

/* Privacy */
.privacy-section{width:100%;max-width:none;background:var(--paper)}
.privacy-section>.section-heading,.privacy-grid,.privacy-footnote{width:min(calc(var(--max) - 2 * var(--page)),calc(100% - 2 * var(--page)));margin-left:auto;margin-right:auto}
.privacy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px}
.privacy-grid article{display:grid;gap:10px;padding:24px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--lavender)}
.privacy-grid strong{font-size:.82rem}
.privacy-grid p{font-size:.74rem;line-height:1.5}
.privacy-footnote{margin-top:24px;font-size:.72rem;color:var(--muted)}
.privacy-footnote a{color:var(--violet)}

/* Style meta + billing + case blocks */
.style-card .style-meta{display:block;margin-top:4px;color:var(--muted);font-size:.55rem;font-style:normal;line-height:1.35}
.billing-examples{width:min(calc(var(--max) - 2 * var(--page)),calc(100% - 2 * var(--page)));margin:36px auto 0;padding:28px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--lavender)}
.billing-examples>strong{display:block;margin-bottom:16px;font-size:.78rem}
.billing-examples ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.billing-examples li{color:var(--muted);font-size:.74rem;line-height:1.5}
.billing-examples b{color:var(--ink)}
.billing-examples em{font-style:normal;color:var(--violet);font-weight:600}
.case-blocks{display:grid;gap:0;width:100%}
.case-blocks article{display:grid;gap:6px;padding:16px 0;border-top:1px solid var(--border)}
.case-blocks span{color:var(--violet);font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.case-blocks strong{font-size:.88rem}
.case-blocks p{font-size:.72rem;line-height:1.45}
.case-quote{margin:0;padding:20px 22px;border-left:3px solid var(--violet);background:color-mix(in oklch,var(--lavender) 70%,var(--paper))}
.case-quote p{color:var(--ink);font-family:var(--serif);font-size:1.15rem;line-height:1.35}
.case-quote cite{display:block;margin-top:10px;color:var(--muted);font-size:.62rem;font-style:normal}
.case-actions{display:flex;flex-wrap:wrap;gap:12px}
.phone-mock-screen{position:relative;padding:10px 10px 14px;background:var(--ink);border-radius:28px;box-shadow:0 16px 30px color-mix(in oklch,var(--ink) 12%,transparent)}
.phone-mock-screen:before{content:"";position:absolute;top:6px;left:50%;width:36%;height:5px;border-radius:999px;background:oklch(35% .02 268);transform:translateX(-50%);z-index:2}
.phone-mock-screen img{width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:18px;background:var(--lavender)}
.case-visual .phone-mock-screen{height:230px}
.case-visual .phone-mock-screen img{height:100%;object-position:top center;filter:none}

.access-dialog select{width:100%;padding:13px 14px;border:1px solid var(--border);border-radius:10px;background:var(--lavender);color:var(--ink)}
.access-dialog .consent-label{display:grid;grid-template-columns:18px 1fr;gap:12px;align-items:start;font-size:.68rem;font-weight:400;line-height:1.45}
.access-dialog .consent-label input{width:18px;height:18px;margin-top:2px;accent-color:var(--violet)}
.access-dialog .consent-label a{color:var(--violet)}
.access-dialog{max-height:min(90vh,820px);overflow:auto}
.access-dialog h2{font-size:clamp(2.1rem,4vw,3rem);margin:10px 0 8px}
.access-dialog form{margin-top:20px;gap:12px}
.access-dialog .button:disabled{opacity:.55;cursor:wait;transform:none}
.offer-fieldset{margin:0;padding:0;border:0;display:grid;gap:10px}
.offer-fieldset legend{margin-bottom:2px;font-size:.7rem;font-weight:700}
.offer-option{display:grid;grid-template-columns:18px 1fr;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--lavender);font-size:.72rem;font-weight:500;cursor:pointer}
.offer-option:has(input:checked){border-color:var(--violet);background:color-mix(in oklch,var(--violet) 8%,var(--lavender))}
.offer-option input{width:18px;height:18px;margin:0;accent-color:var(--violet)}
.form-status{margin:0;padding:10px 12px;border-radius:10px;background:color-mix(in oklch,var(--red) 12%,var(--paper));color:var(--ink);font-size:.72rem;line-height:1.45}
.form-status a{color:var(--violet);font-weight:600}
.workflow-list code{font-size:.72em;color:var(--violet)}

@media(max-width:1100px){
  .quickstart,.privacy-section>.section-heading,.privacy-grid,.privacy-footnote,.billing-examples{width:calc(100% - 40px)}
  .quickstart-steps{grid-template-columns:1fr 1fr}
  .privacy-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .quickstart{padding:22px;margin-top:36px}
  .quickstart-steps{grid-template-columns:1fr}
  .privacy-grid{grid-template-columns:1fr}
  .billing-examples{padding:22px}
  .case-quote p{font-size:1.05rem}
  .case-actions{flex-direction:column;align-items:stretch}
  .case-actions .button{justify-content:center}
  .case-visual .phone-mock-screen{height:160px;border-radius:22px}
  .endpoint-list button{flex:0 0 210px}
}

.hero-response{margin:0;padding:10px 16px 14px;overflow:auto;border-top:1px solid oklch(35% .04 268);background:oklch(19% .038 269);font:500 .52rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;color:oklch(80% .04 180)}
.hero-response code i{font-style:normal;color:oklch(79% .09 231)}
.hero-response code u{text-decoration:none;color:oklch(82% .13 91)}

.offers-section{width:min(1600px,calc(100% - 40px));margin:0 auto 28px;padding:0 clamp(24px,4vw,56px)}
.offers-intro{display:grid;gap:10px;max-width:720px;margin-bottom:22px}
.offers-intro>p:not(.eyebrow){font-size:.9rem}
.offers-honesty{color:var(--ink);font-size:.78rem;line-height:1.5}
.offers-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.offer-card{display:grid;justify-items:start;gap:10px;padding:28px 26px 24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--paper);text-align:left;box-shadow:0 16px 40px color-mix(in oklch,var(--ink) 6%,transparent);transition:transform .25s var(--ease),border-color .25s,box-shadow .25s}
.offer-card:hover{transform:translateY(-3px);border-color:var(--violet);box-shadow:0 22px 50px color-mix(in oklch,var(--violet) 12%,transparent)}
.offer-card small{color:var(--violet);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.offer-card strong{font-family:var(--serif);font-size:clamp(1.45rem,2vw,1.9rem);font-weight:400;line-height:1.1}
.offer-card p,.offer-card .offer-copy{font-size:.78rem;line-height:1.5;color:var(--muted)}
.offer-card code{font-size:.72em;color:var(--violet)}
.offer-card>span{margin-top:6px;color:var(--violet);font-size:.78rem;font-weight:600}

@media(max-width:1100px){
  .offers-section{width:calc(100% - 40px);padding:0 0 8px}
}
@media(max-width:760px){
  .offers-section{width:calc(100% - 24px);margin-bottom:20px}
  .offers-grid{grid-template-columns:1fr}
  .offer-card{padding:22px 20px}
  .hero-response{font-size:.46rem;padding:8px 12px 12px}
}

/* Storytellrs identity field: aubergine + blush, MagicLabs-style dark hero */
.hero.section{
  width:100%;
  max-width:none;
  margin:0;
  color:var(--paper);
  background-color:var(--ink);
  background-image:radial-gradient(ellipse 70% 55% at 72% 42%,oklch(28% .1 335) 0%,transparent 72%);
  padding-inline:max(var(--page),calc((100% - 1600px)/2));
}
.hero .eyebrow{color:var(--yellow)}
.hero h1,.hero h1 em{color:var(--paper)}
.hero h1 em{color:var(--yellow)}
.hero-intro,.hero .story-link{color:color-mix(in oklch,var(--paper) 78%,var(--yellow))}
.hero .micro-proof{color:var(--paper)}
.hero .micro-proof>span{color:var(--yellow)}
.hero .micro-proof i{background:color-mix(in oklch,var(--paper) 40%,transparent)}
.hero .button-dark{
  background:var(--yellow);
  color:var(--ink);
  border-color:transparent;
}
.hero .button-dark:hover{background:var(--paper)}
.hero .button-outline{
  color:var(--paper);
  border-color:color-mix(in oklch,var(--paper) 42%,transparent);
  background:color-mix(in oklch,var(--paper) 8%,transparent);
  backdrop-filter:blur(14px);
}
.hero .button-outline:hover{
  background:color-mix(in oklch,var(--paper) 16%,transparent);
  border-color:var(--paper);
}
.hero .demo-note{color:color-mix(in oklch,var(--paper) 52%,transparent)}
.orb-one{background:radial-gradient(circle at 35% 30%,oklch(48% .12 335),oklch(22% .08 335) 55%,oklch(16% .07 335));opacity:.8}
.orb-two{background:var(--yellow);opacity:.18}
.book-halo{background:color-mix(in oklch,var(--yellow) 45%,var(--paper));opacity:.35}

.site-header{color:var(--paper)}
.site-header .sparkle{background:var(--yellow)}
.desktop-nav a,.site-header .text-link{color:color-mix(in oklch,var(--paper) 82%,transparent)}
.desktop-nav a:after{background:var(--yellow)}
.nav-actions .button-dark{
  background:color-mix(in oklch,var(--paper) 10%,transparent);
  color:var(--paper);
  border:1px solid color-mix(in oklch,var(--paper) 38%,transparent);
  backdrop-filter:blur(16px);
}
.nav-actions .button-dark:hover{background:color-mix(in oklch,var(--paper) 18%,transparent)}
.menu-toggle{border-color:color-mix(in oklch,var(--paper) 35%,transparent);background:color-mix(in oklch,var(--paper) 10%,transparent)}
.menu-toggle span{background:var(--paper)}
.site-header.scrolled{
  color:var(--ink);
  background:color-mix(in oklch,var(--blush) 88%,transparent);
  box-shadow:0 1px 0 var(--border);
  backdrop-filter:blur(18px);
}
.site-header.scrolled .sparkle{background:var(--ink)}
.site-header.scrolled .desktop-nav a,.site-header.scrolled .text-link{color:color-mix(in oklch,var(--ink) 82%,transparent)}
.site-header.scrolled .desktop-nav a:after{background:var(--violet)}
.site-header.scrolled .nav-actions .button-dark{
  background:var(--ink);
  color:var(--paper);
  border-color:transparent;
}
.site-header.scrolled .nav-actions .button-dark:hover{background:var(--violet-dark)}
.site-header.scrolled .menu-toggle{border-color:var(--border);background:var(--paper)}
.site-header.scrolled .menu-toggle span{background:var(--ink)}

.proof-band{
  background-color:var(--ink);
  background-image:radial-gradient(ellipse at 50% 0%,oklch(26% .08 335),transparent 70%);
}
.metrics strong{color:var(--yellow)}
.metrics span,.proof-band>small{color:color-mix(in oklch,var(--paper) 62%,var(--yellow))}

.quality-section,.privacy-section,.pricing-section{background:var(--paper)}
.styles-section{background:color-mix(in oklch,var(--blush) 70%,var(--paper))}
.developer-section{
  background-color:var(--ink);
  background-image:radial-gradient(ellipse 80% 50% at 10% 0%,oklch(26% .09 335),transparent 60%);
}
.console,.quickstart{background:color-mix(in oklch,var(--ink) 82%,black);border-color:color-mix(in oklch,var(--yellow) 16%,transparent)}
.developer-intro .eyebrow,.quickstart-heading .eyebrow{color:var(--yellow)}
.developer-intro h2 em{color:var(--yellow)}
.developer-intro p,.quickstart-heading p,.quickstart-steps span,.quickstart-sla,.developer-intro .test-mode,.code-workspace>p{color:color-mix(in oklch,var(--paper) 72%,var(--yellow))}
.test-mode{border-color:color-mix(in oklch,var(--yellow) 18%,transparent)}
.endpoint-list,.code-toolbar,.response-panel,.response-panel>div,.code-workspace>p,.quickstart-steps li{border-color:color-mix(in oklch,var(--yellow) 14%,transparent)}
.endpoint-list button.active,.language-tabs button.active{background:oklch(28% .07 335);color:var(--paper)}
.endpoint-list b{color:oklch(78% .08 345)}
.quickstart-steps li{background:oklch(22% .06 335)}
.quickstart-steps code,.hero-response code u{color:var(--yellow)}
.response-panel{background:oklch(16% .05 335)}
.compare-layer,.compare-storytellrs,.style-soft{background:var(--ink)}
.compare-generic{background:var(--blush);filter:none}
.final-cta{
  background-color:var(--ink);
  background-image:radial-gradient(ellipse at 80% 50%,oklch(28% .1 335),transparent 55%);
}
.final-cta .button-light{background:var(--yellow);color:var(--ink)}
.final-cta .button-light:hover{background:var(--paper)}
.cta-arch{background:color-mix(in oklch,var(--yellow) 55%,var(--violet))}
.cta-sun{background:var(--yellow)}
.pricing-grid article.featured,.ownership-grid article.storytellrs-owns{background:var(--ink)}
.popular{background:var(--yellow);color:var(--ink)}

.request-card{background:oklch(18% .06 335);color:oklch(94% .02 345)}
.window-bar{background:oklch(22% .055 335)}
.window-bar strong{color:oklch(78% .03 345)}
.request-card code b{color:oklch(78% .08 345)}
.request-card code i{color:oklch(82% .06 200)}
.request-card code u{color:var(--yellow)}
.hero-response{background:oklch(14% .05 335);border-top-color:oklch(28% .05 335)}

.offers-section{margin-top:-8px}
.offer-card{background:var(--paper);border-color:color-mix(in oklch,var(--ink) 8%,transparent)}

@media(max-width:760px){
  .hero.section{padding-inline:var(--page)}
  .site-header:not(.scrolled) .mobile-menu{
    background:color-mix(in oklch,var(--ink) 92%,black);
    border-color:color-mix(in oklch,var(--paper) 16%,transparent);
    color:var(--paper);
  }
  .site-header:not(.scrolled) .mobile-menu a{border-bottom-color:color-mix(in oklch,var(--paper) 14%,transparent);color:var(--paper)}
  .site-header:not(.scrolled) .mobile-menu .button-dark{
    background:var(--yellow);
    color:var(--ink);
    border-color:transparent;
  }
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}