/* Landing narrative: one project, from its files to its launch. */
.launch-hero { display:grid; grid-template-columns:1fr 1.06fr; gap:48px; align-items:center; padding-top:48px; padding-bottom:62px; }
.launch-hero-copy { min-width:0; }
.launch-hero .eyebrow { font-size:9px; letter-spacing:1.7px; }
.creator-tools { display:flex; gap:8px; margin:20px 0 24px; flex-wrap:wrap; }
.creator-tools span { font-size:11px; color:#796285; background:#f7f2fc; border:1px solid #e3d6ed; border-radius:20px; padding:5px 12px; }
.launch-hero h1 { font-size:clamp(39px,4.1vw,60px); line-height:1.08; letter-spacing:-2.6px; margin:22px 0; }
.launch-hero .lead { font-size:17px; line-height:1.75; max-width:470px; }
.launch-hero .lead strong { color:#5d436e; font-weight:600; }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:19px; margin:28px 0 18px; }
.hero-actions .button { gap:18px; font-size:13px; padding:15px 19px; }
.hero-secondary { font-size:12px; color:#7b5595; }
.hero-secondary span { margin-left:5px; }
.hero-format-note { font-size:10px; line-height:1.8; color:#86748f; margin:20px 0 0; }
.launch-scene { position:relative; min-width:0; height:620px; }
.scene-halo { position:absolute; inset:0 -18px 30px; border-radius:50%; background:radial-gradient(ellipse,#e6d6ff9c,transparent 69%); pointer-events:none; }
.scene-mascot { position:absolute; width:350px; height:350px; object-fit:contain; right:-8px; top:-27px; mix-blend-mode:multiply; }
.scene-speech { position:absolute; top:37px; left:7px; background:#ffffffde; border:1px solid #e5d7ef; border-radius:15px 15px 3px 15px; padding:12px 15px; display:flex; align-items:center; gap:10px; color:#7a658b; font-size:12px; box-shadow:0 10px 30px #7952a412; }
.scene-speech strong { color:#5d3e74; font-size:13px; }
.scene-file { position:absolute; top:145px; left:0; display:flex; align-items:center; gap:13px; border:1px solid #e2d0ef; background:#fff; padding:13px 17px; border-radius:14px; box-shadow:0 12px 28px #74509619; transform:rotate(-4deg); }
.file-type { display:grid; place-items:center; color:#8b5ead; font-size:10px; font-weight:750; width:37px; height:43px; border:1px solid #dcc6ed; background:linear-gradient(135deg,#fbf7ff,#ecdefa); border-radius:7px; }
.scene-file strong,.scene-file small { display:block; }
.scene-file strong { font-size:12px; color:#5e4274; }
.scene-file small { font-size:9px; color:#8a7298; margin-top:3px; }
.scene-file>span:last-child { color:#a77fc4; }
.scene-window { position:absolute; top:265px; left:0; right:0; border:1px solid #d4c1e5; border-radius:15px; background:#fff; box-shadow:0 5px 0 #a082bd16,0 24px 45px #7752981b; overflow:hidden; }
.scene-window-bar { display:flex; gap:12px; align-items:center; min-height:40px; padding:10px 14px; border-bottom:1px solid #e4d9ee; background:#fcfaff; }
.window-dots { font-size:6px; letter-spacing:2px; color:#c4afd6; white-space:nowrap; }
.scene-location-group { line-height:1.2; flex:1; min-width:0; display:flex; align-items:center; justify-content:center; gap:8px; }
.scene-location-group small { font-size:7px; color:#7d648b; }
#scene-location { font-size:10px; color:#705780; text-align:center; }
.scene-demo-label { font-size:6px; font-weight:700; letter-spacing:1px; color:#9271a7; border:1px solid #e3d4ee; border-radius:4px; padding:3px 5px; }
.scene-window [role=tabpanel] { min-height:230px; }
.scene-nova { padding:15px 21px 20px; background:#f9f7fc; }
.scene-nova-nav { display:flex; align-items:center; justify-content:space-between; color:#51415e; font-size:6px; }
.scene-nova-nav strong { font-size:9px; letter-spacing:1.5px; }
.scene-nova-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:20px; }
.scene-nova-grid>div:first-child { padding:0 0 3px; line-height:1.2; }
.scene-nova-grid>div:first-child>small { display:block; }
.scene-nova-grid small { font-size:6px; letter-spacing:1px; color:#8d7898; }
.scene-nova h2 { font-size:37px; line-height:.98; letter-spacing:-1.5px; margin:11px 0 15px; color:#3f3051; }
.scene-nova h2 em { font-style:normal; color:#9470b8; }
.scene-nova-cta { display:inline-block; font-size:7px; line-height:1.3; background:#755399; color:#fff; padding:6px 9px; border-radius:4px; }
.scene-nova-art { position:relative; display:grid; place-items:center; min-height:170px; background:linear-gradient(135deg,#e5d5f7,#c5ace5); overflow:hidden; border-radius:5px; }
.scene-ring { width:96px; height:115px; border:22px solid #7d54ab; border-radius:50%; box-shadow:12px 10px 0 #f5e9ff; transform:rotate(-28deg) skewY(10deg); }
.scene-nova-art small { position:absolute; bottom:12px; left:12px; font-size:5px; letter-spacing:.8px; color:#614678; }
.scene-tabs { position:absolute; top:558px; left:0; right:0; display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.scene-tabs button { background:#fff; border:1px solid #e3d6ed; border-radius:9px; padding:10px 5px; color:#7b6887; font-size:10px; line-height:1.3; }
.scene-tabs button span { display:inline-grid; place-items:center; width:17px; height:17px; background:#f3ecfa; border-radius:50%; font-size:8px; margin-right:5px; }
.scene-tabs button[aria-selected=true] { color:#774a9a; border-color:#c2a3db; background:linear-gradient(120deg,#f1e6fb,#f9f4ff); }
.scene-tabs button[aria-selected=true] span { background:#895db0; color:#fff; }
.scene-caption { position:absolute; top:600px; width:100%; text-align:center; font-size:8px; color:#8a7795; margin:7px 0; }
.scene-source { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding:30px 23px 10px; }
.source-folder { display:flex; flex-direction:column; align-items:center; text-align:center; padding:20px 10px; background:linear-gradient(130deg,#f7f1fe,#ece0fa); border-radius:10px; }
.source-folder>span { font-size:30px; color:#9370b2; line-height:1; }
.source-folder strong { font-size:12px; margin:8px 0 4px; color:#614875; }
.source-folder small { font-size:8px; color:#8b6b9e; }
.source-files { display:flex; flex-direction:column; justify-content:center; gap:9px; }
.source-files span { border-bottom:1px solid #e9def1; padding:9px 0; font-size:10px; color:#80628e; }
.scene-panel-note { font-size:9px; line-height:1.6; margin:6px 23px 20px; color:#8b7499; }
.scene-checkout { display:grid; grid-template-columns:1fr 1fr; padding:23px; gap:20px; align-items:center; min-height:230px; background:linear-gradient(145deg,#fff,#fbf7ff); }
.scene-stripe { font-size:24px; color:#7952b6; font-weight:800; letter-spacing:-1px; }
.scene-checkout h2 { font-size:22px; line-height:1.15; letter-spacing:-.6px; margin:13px 0; }
.scene-checkout p { font-size:8px; color:#8c729c; }
.scene-receipt { display:flex; flex-direction:column; padding:18px 15px; border:1px solid #e7d8ef; border-radius:12px; background:#fff; box-shadow:0 12px 23px #79569e13; text-align:center; }
.receipt-check { display:grid; place-items:center; margin:0 auto 9px; width:30px; height:30px; background:#e9f4ef; color:#427b64; border-radius:50%; }
.scene-receipt strong { font-size:13px; color:#6c4a84; }
.scene-receipt small { font-size:7px; color:#8c7499; margin:5px 0; }
.scene-receipt>span:not(.receipt-check) { display:flex; justify-content:space-between; gap:8px; font-size:9px; color:#7f688d; margin:10px 0; padding-top:12px; border-top:1px solid #eee4f4; }
.project-import-section { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; padding-top:58px; padding-bottom:65px; border-block:1px solid #e9dff1; }
.import-explanation h2 { font-size:35px; letter-spacing:-1.1px; line-height:1.2; }
.import-explanation>p:not(.eyebrow) { font-size:13px; color:#7c6989; line-height:1.8; }
.import-format-list { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:23px 0; }
.import-format-list span { font-size:10px; line-height:1.6; color:#857090; border-left:2px solid #dac4ed; padding-left:11px; }
.import-format-list b { display:block; font-size:12px; color:#67447e; margin-bottom:6px; }
.compatibility-note { border:0; padding:10px 0; }
.compatibility-note summary { font-size:11px; color:#76538d; }
.compatibility-note p { font-size:11px; color:#7f6c8b; line-height:1.8; }
.import-explanation>.import-preview-label { font-size:10px!important; color:#877591!important; max-width:420px; }
.project-import-section .import-card { padding:24px; }
.project-import-section .import-panel { min-height:208px; }
.project-import-section .file-zone { padding:15px; }
.project-import-section .tabs { margin-top:20px; }
.project-import-section .import-foot { margin-top:15px; }
.result-section { padding-top:76px; padding-bottom:65px; }
.launch-value-body h3 { font-size:25px; min-height:60px; }
.launch-value-detail small { max-width:260px; }
#demo { border-top:1px solid #ede5f3; padding-top:65px; }
.marketing-plan-note { max-width:650px; margin:-12px auto 25px; text-align:center; font-size:10px; color:#81678f; line-height:1.8; }
.launch-offer-note { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:70px; padding-top:70px; padding-bottom:65px; border-bottom:1px solid #e7dbee; }
.launch-offer-note h2 { font-size:36px; }
.launch-offer-note p:not(.eyebrow) { font-size:13px; color:#7e688a; line-height:1.8; max-width:460px; }
.launch-offer-note .button { font-size:12px; margin-top:14px; }
.offer-capacities { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.offer-capacities>div { background:linear-gradient(145deg,#fff,#f5edfc); border:1px solid #e4d3ef; border-radius:18px; padding:27px 12px; text-align:center; box-shadow:0 12px 30px #7149910e; }
.offer-capacities strong { display:block; font-size:49px; font-weight:650; line-height:1.2; color:#9c78bd; }
.offer-capacities span { display:block; font-size:13px; font-weight:600; color:#705183; margin:15px 0 7px; }
.offer-capacities small { display:block; font-size:9px; color:#8a709b; }
.cta-support { display:block; font-size:11px; color:#7d5895; margin-top:17px; }
.hero-format-note,.scene-caption,.scene-panel-note { color:#7b6687; }
@media(max-width:900px) { .scene-location-group { gap:2px; flex-direction:column; }.scene-location-group small { font-size:6px; } }
@media(max-width:1100px) { .launch-hero { gap:25px; }.launch-hero h1 { font-size:47px; }.scene-mascot { width:305px; height:305px; top:0; right:-15px; }.scene-speech { left:0; font-size:10px; padding:10px; }.scene-speech strong { font-size:11px; }.scene-file { top:155px; padding:10px; gap:9px; }.scene-file strong { font-size:11px; }.scene-nova h2 { font-size:32px; }.scene-nova-grid { gap:12px; }.scene-ring { width:80px; height:100px; border-width:18px; }.scene-nova { padding:15px; }.project-import-section { gap:35px; }.launch-offer-note { gap:30px; }.offer-capacities { gap:9px; }.launch-value-body h3 { font-size:23px; } }
@media(min-width:701px) and (max-width:900px) { .launch-hero { grid-template-columns:1fr 1fr; gap:15px; }.launch-hero h1 { font-size:40px; letter-spacing:-1.7px; }.launch-hero .lead { font-size:14px; }.launch-scene { height:595px; }.scene-mascot { width:270px; height:270px; right:-13px; top:13px; }.scene-speech { top:0; }.scene-file { top:176px; left:0; }.scene-window { top:267px; }.scene-nova h2 { font-size:28px; }.scene-nova-grid { grid-template-columns:1.1fr 1fr; }.scene-nova-art { min-height:159px; }.scene-ring { width:63px; height:86px; border-width:15px; box-shadow:8px 7px 0 #f5e9ff; }.scene-tabs { top:549px; gap:4px; }.scene-tabs button { font-size:8px; }.scene-tabs button span { margin-right:2px; }.scene-caption { top:587px; font-size:7px; }.scene-source { padding:26px 12px 10px; gap:10px; }.source-folder strong { font-size:10px; }.source-files span { font-size:8px; }.scene-checkout { padding:20px 12px; gap:11px; }.scene-checkout h2 { font-size:19px; }.scene-receipt { padding:14px 9px; }.scene-receipt strong { font-size:11px; }.scene-receipt>span:not(.receipt-check) { font-size:8px; }.import-explanation h2 { font-size:29px; }.import-format-list { gap:7px; }.import-format-list span { font-size:9px; padding-left:7px; }.project-import-section { gap:25px; }.project-import-section .card-title strong { font-size:15px; }.project-import-section .card-title small { font-size:9px; }.project-import-section .orb { flex-shrink:0; }.project-import-section .import-card { padding:19px; } }
@media(max-width:700px) {
 .launch-hero { grid-template-columns:1fr; padding-top:29px; padding-bottom:42px; gap:25px; }
 .launch-hero .eyebrow { font-size:8px; letter-spacing:1.1px; }
 .creator-tools { margin:15px 0 20px; gap:6px; }.creator-tools span { font-size:10px; padding:4px 10px; }
 .launch-hero h1 { font-size:44px; letter-spacing:-2px; margin:19px 0; }.launch-hero .lead { font-size:15px; line-height:1.75; }
 .hero-actions { gap:16px; margin:23px 0 16px; }.hero-actions .button { font-size:12px; padding:13px 16px; }.hero-secondary { font-size:11px; }
 .hero-format-note { font-size:9px; margin-top:16px; }.launch-scene { height:592px; max-width:460px; width:100%; margin:auto; }
 .scene-mascot { top:12px; width:290px; height:290px; right:-10px; }.scene-speech { top:13px; z-index:1; font-size:10px; padding:9px 11px; }.scene-speech strong { font-size:11px; }
 .scene-file { top:150px; left:0; padding:10px 12px; }.scene-file strong { font-size:10px; }.scene-file small { font-size:8px; }.file-type { width:31px; height:37px; font-size:9px; }
 .scene-window { top:258px; }.scene-window-bar { gap:8px; padding:9px 10px; min-height:36px; }.scene-window [role=tabpanel] { min-height:230px; }
 .scene-nova { padding:15px; }.scene-nova h2 { font-size:30px; }.scene-nova-grid { gap:13px; }.scene-nova-art { min-height:170px; }.scene-ring { width:70px; height:100px; border-width:17px; box-shadow:8px 8px 0 #f5e9ff; }.scene-nova-grid small { font-size:5px; }.scene-nova-art small { font-size:4px; left:8px; }
 .scene-tabs { top:543px; gap:5px; }.scene-tabs button { font-size:9px; padding:10px 3px; }.scene-tabs button span { width:15px; height:15px; font-size:7px; margin-right:3px; }.scene-caption { top:585px; font-size:8px; }
 .scene-source { padding:28px 15px 9px; gap:13px; }.source-folder strong { font-size:10px; }.source-files span { font-size:9px; }.scene-panel-note { font-size:8px; margin:9px 15px 15px; }
 .scene-checkout { padding:23px 14px; gap:13px; }.scene-checkout h2 { font-size:19px; }.scene-receipt { padding:15px 10px; }.scene-receipt strong { font-size:11px; }.scene-receipt>span:not(.receipt-check) { font-size:8px; }
 .project-import-section { grid-template-columns:1fr; gap:23px; padding-top:38px; padding-bottom:42px; }.import-explanation h2 { font-size:30px; }.import-explanation>p:not(.eyebrow) { font-size:12px; }.import-format-list { gap:9px; }.import-format-list span { font-size:9px; }.import-format-list b { font-size:11px; }.compatibility-note summary { font-size:10px; }.project-import-section .import-card { padding:19px; }.project-import-section .card-title small { font-size:9px; }
 .result-section { padding-top:45px; padding-bottom:45px; }.launch-value-body h3 { font-size:27px; min-height:0; }.launch-value-detail small { font-size:9px; }.launch-value-cta { font-size:11px; } #demo { padding-top:45px; }
 .marketing-plan-note { font-size:9px; margin-top:-15px; }.launch-offer-note { grid-template-columns:1fr; gap:28px; padding-top:42px; padding-bottom:42px; }.launch-offer-note h2 { font-size:31px; }.launch-offer-note p:not(.eyebrow) { font-size:12px; }.offer-capacities { gap:9px; }.offer-capacities>div { padding:21px 7px; border-radius:12px; }.offer-capacities strong { font-size:39px; }.offer-capacities span { font-size:11px; margin-top:12px; }.offer-capacities small { font-size:8px; }.cta-support { font-size:10px; }
}

/* The founder's full letter has its own page. */
.story-teaser{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:60px;padding-bottom:60px}.story-teaser h2{font-size:30px;line-height:1.3;letter-spacing:-.8px;margin:15px 0}.story-teaser p:not(.eyebrow){font-size:13px;line-height:1.8;color:#7b6687;max-width:600px}.story-teaser-link{display:flex;align-items:center;gap:20px;flex-shrink:0;padding:13px 17px;border:1px solid #dcc9ea;border-radius:10px;background:linear-gradient(120deg,#fbf8ff,#f1e8fa);color:#785195;font-size:12px;font-weight:600}.story-teaser-link:hover{background:#f0e5fb}.story-teaser+.faq{padding-top:30px}
@media(max-width:700px){.story-teaser{flex-direction:column;align-items:flex-start;gap:18px;padding-top:40px;padding-bottom:40px}.story-teaser h2{font-size:27px}.story-teaser p:not(.eyebrow){font-size:12px}.story-teaser-link{font-size:12px}.story-teaser+.faq{padding-top:25px}}

/* Compact, overlapping previews. The full interactive workspace opens on demand. */
.dashboard-showcase .section-head{margin-bottom:15px;max-width:740px}.dashboard-showcase-stage{position:relative;min-width:0;height:715px;max-width:1120px;margin:15px auto 0}.dashboard-showcase-glow{position:absolute;inset:20px -10px 0;border-radius:50%;background:radial-gradient(ellipse,#e7d8fa9c,transparent 70%);pointer-events:none}.dashboard-shot{position:absolute;display:block;text-align:left;padding:0;overflow:hidden;background:#fff;border:1px solid #dfcdeb;border-radius:17px;box-shadow:0 5px 0 #9775b318,0 25px 50px #71538c23;transition:transform .2s,border-color .2s;cursor:pointer}.dashboard-shot-home{width:68%;left:0;top:40px;transform:rotate(-3deg)}.dashboard-shot-analytics{width:60%;right:0;top:170px;transform:rotate(3deg);z-index:1}.dashboard-shot:hover{transform:translateY(-5px) rotate(0);border-color:#a982c6}.dashboard-shot:focus-visible{outline:3px solid #8b5daf;outline-offset:5px;z-index:2}.dashboard-shot-bar{display:flex;align-items:center;gap:14px;padding:13px 17px;background:linear-gradient(110deg,#fff,#f6f0fc);border-bottom:1px solid #e5d8ee;color:#6b4c81;font-size:12px}.dashboard-shot-bar>span:first-child{display:flex;gap:9px;align-items:center;white-space:nowrap;font-weight:650}.dashboard-shot-bar b{display:grid;place-items:center;font-size:8px;font-weight:600;width:20px;height:20px;border:1px solid #ddc8ee;border-radius:6px;background:#f1e8fa;color:#9470af}.dashboard-shot-bar small{font-size:9px;color:#846993;flex:1}.dashboard-shot-bar>span:last-child{margin-left:auto;color:#9874b1}.dashboard-shot-image{display:block;overflow:hidden;background:#faf7fe}.dashboard-shot img{display:block;width:100%;height:auto}.dashboard-shot-home .dashboard-shot-image{aspect-ratio:1.56}.dashboard-shot-home img{margin-top:-1px}.dashboard-showcase-label{display:flex;gap:12px;align-items:center;position:absolute;left:26px;bottom:39px;padding:14px 20px;border:1px solid #e5d5ef;border-radius:15px;background:#ffffffde;box-shadow:0 10px 25px #82569910;font-size:11px;line-height:1.7;color:#846590;transform:rotate(-3deg)}.dashboard-showcase-label strong{font-size:14px;color:#6c4685}.dashboard-showcase-actions{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:10px}.dashboard-showcase-actions .button{gap:23px}.dashboard-showcase-actions a{font-size:12px;color:#7d5598}.dashboard-showcase-note{text-align:center;font-size:10px;color:#836b90;margin:17px 0 0}.miaou-light .dashboard-preview-dialog{width:calc(100% - 36px);max-width:1280px;max-height:calc(100dvh - 36px);padding:22px;border-radius:22px;background:#fcfaff;overflow:auto}.dashboard-preview-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 5px 20px}.dashboard-preview-top .eyebrow{font-size:8px;margin:0 0 6px}.dashboard-preview-top h2{font-size:25px;margin:0;letter-spacing:-.6px}.dashboard-preview-top>button{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #dac5ea;color:#79568e;border-radius:9px;padding:8px 12px;font-size:11px}.dashboard-preview-top>button span{font-size:21px;line-height:1}.dashboard-preview-dialog .dashboard{box-shadow:none}.dashboard-preview-dialog .floating-miaou{z-index:5}.dashboard-showcase{padding-bottom:60px}
@media(min-width:701px) and (max-width:1000px){.dashboard-showcase-stage{height:570px;max-width:740px}.dashboard-shot-home{width:74%;top:35px}.dashboard-shot-analytics{width:72%;top:167px}.dashboard-showcase-label{left:12px;bottom:17px;padding:11px 15px}.dashboard-shot-bar{gap:9px;padding:10px 12px;font-size:11px}.dashboard-shot-bar small{font-size:8px}.dashboard-showcase-label strong{font-size:12px}.dashboard-showcase-label{font-size:10px}}
@media(max-width:700px){.dashboard-showcase .section-head{margin-bottom:10px}.dashboard-showcase-stage{height:485px;max-width:420px;width:100%;margin-top:4px}.dashboard-shot{border-radius:11px}.dashboard-shot-home{width:95%;top:25px;left:0;transform:rotate(-3deg)}.dashboard-shot-analytics{width:95%;top:184px;right:0;transform:rotate(3deg)}.dashboard-shot-bar{font-size:10px;padding:9px;gap:6px}.dashboard-shot-bar small{font-size:6px}.dashboard-shot-bar b{width:16px;height:16px;font-size:6px;border-radius:4px}.dashboard-shot-bar>span:first-child{gap:6px}.dashboard-showcase-label{display:none}.dashboard-showcase-actions{flex-direction:column;gap:17px;margin-top:0}.dashboard-showcase-actions .button{font-size:12px;gap:15px}.dashboard-showcase-actions a{font-size:11px}.dashboard-showcase-note{font-size:9px;max-width:290px;margin:18px auto 0}.miaou-light .dashboard-preview-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:10px;border-radius:15px}.dashboard-preview-top{margin:6px 3px 18px;gap:10px}.dashboard-preview-top h2{font-size:19px}.dashboard-preview-top .eyebrow{font-size:7px}.dashboard-preview-top>button{gap:7px;padding:8px;font-size:9px}.dashboard-preview-dialog .floating-miaou{right:15px;bottom:15px}.dashboard-preview-dialog .dashboard{border-radius:13px}}
@media(prefers-reduced-motion:reduce){.dashboard-shot{transition:none}}

/* Three distinct mascot roles: build, advise, and listen. */
.scene-mascot{width:350px;height:350px;top:-47px;right:-8px;mix-blend-mode:normal}.scene-window{top:293px}.scene-tabs{top:582px}.scene-caption{top:622px}.launch-scene{height:650px}.scene-file{top:163px;z-index:1}.scene-speech{z-index:1}
.cta.cta-curious{grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center;padding:32px 58px 32px 32px;overflow:hidden}.cta.cta-curious>img{width:100%;max-width:400px;height:auto;object-fit:contain;margin:auto;align-self:center;border-radius:0;filter:drop-shadow(0 15px 23px #9570b51a)}.cta-curious h2{font-size:43px;line-height:1.15}.cta-curious p:not(.eyebrow){max-width:450px}
@media(min-width:701px) and (max-width:1100px){.scene-mascot{width:305px;height:305px;top:-25px}.scene-window{top:280px}.scene-tabs{top:560px}.scene-caption{top:602px}.launch-scene{height:627px}.scene-file{top:164px}.cta.cta-curious{gap:25px;padding:25px}.cta-curious h2{font-size:34px}}
@media(min-width:701px) and (max-width:900px){.scene-mascot{width:270px;height:270px;top:14px;right:-13px}.scene-window{top:279px}.scene-tabs{top:561px}.scene-caption{top:603px}.launch-scene{height:626px}.scene-file{top:184px}.cta-curious h2{font-size:30px}}
@media(max-width:700px){.scene-mascot{width:290px;height:290px;top:5px;right:-10px}.scene-window{top:285px}.scene-tabs{top:570px}.scene-caption{top:612px}.launch-scene{height:638px}.scene-file{top:166px}.cta.cta-curious{grid-template-columns:1fr;gap:8px;padding:22px 24px 32px;text-align:center}.cta.cta-curious>img{max-width:275px}.cta-curious h2{font-size:33px}.cta-curious p:not(.eyebrow){font-size:13px}.cta-curious .button{font-size:12px}}

/* The landing displays the full plan cards from the dedicated pricing page. */
.launch-hero .hero-format-note{font-size:12px;color:#75637f}
.cta-curious p.cta-reassurance{font-size:11px;color:#75637f;line-height:1.7;margin:12px 0 0}
@media(max-width:700px){.launch-hero .hero-format-note{font-size:11px}}
.landing-pricing{border-top:1px solid #e7dbee;padding-top:66px;padding-bottom:45px}.landing-pricing .section-head{max-width:700px}.landing-pricing .pricing-grid{margin:40px 0 24px}.landing-pricing .pricing-card{box-shadow:0 6px 0 #a982c50b,0 18px 35px #78539412;padding:31px;background:linear-gradient(160deg,#fff,#fbf8fe);border-color:#e2d3ed}.landing-pricing .pricing-card.featured{background:linear-gradient(160deg,#f5ebff,#fff);border-color:#ad84cc;box-shadow:0 6px 0 #a982c514,0 20px 45px #7853941a}.landing-pricing .pricing-card h3{font-size:29px;letter-spacing:-.6px;line-height:1.2;margin:24px 0 18px;color:#45334f}.landing-pricing .pricing-card>strong{font-size:42px;font-weight:600;color:#8960ac}.landing-pricing .pricing-card .button{background:#f2e9fb;border:1px solid #d8c1e9;color:#784e99;font-size:12px;box-shadow:none}.landing-pricing .pricing-card.featured .button{color:#fff;background:linear-gradient(110deg,#9063b7,#7352b0);border-color:transparent;box-shadow:0 8px 15px #79539422}.landing-pricing .pricing-card ul{padding-left:18px;color:#796580;line-height:1.9}.landing-pricing .pricing-card li+li{margin-top:8px}.landing-pricing-details{display:flex;justify-content:space-between;gap:35px;align-items:center;border:1px solid #e8def0;border-radius:12px;background:#fcfaff;padding:17px 22px}.landing-pricing-details p{font-size:10px;line-height:1.8;color:#7d658c;max-width:640px;margin:0}.landing-pricing-details a{color:#7d529e;font-size:11px;line-height:1.6;font-weight:600;max-width:230px}.landing-pricing-details a span{margin-left:7px}.landing-pricing+.faq{padding-top:35px}
@media(min-width:701px) and (max-width:1000px){.landing-pricing .pricing-card{padding:23px 19px}.landing-pricing .pricing-card h3{font-size:25px}.landing-pricing .pricing-card>strong{font-size:34px}.landing-pricing .pricing-card>p,.landing-pricing .pricing-card ul{font-size:11px}.landing-pricing .pricing-card .button{font-size:10px;padding:12px}.landing-pricing .plan-kicker{font-size:7px;letter-spacing:1px}.landing-pricing-details{gap:25px}}
@media(max-width:700px){.landing-pricing{padding-top:45px;padding-bottom:25px}.landing-pricing .pricing-grid{margin-top:28px;gap:19px}.landing-pricing .pricing-card{padding:28px}.landing-pricing .pricing-card h3{font-size:29px}.landing-pricing-details{flex-direction:column;align-items:flex-start;gap:14px;padding:18px}.landing-pricing-details p{font-size:10px}.landing-pricing-details a{max-width:none}.landing-pricing+.faq{padding-top:25px}}

/* Two replaceable video-preview slots: MCP from GPT and direct project upload. */
.ai-handoff-showcase{padding-top:68px;padding-bottom:72px;border-top:1px solid #eadff1}
.ai-handoff-showcase>.section-head{max-width:760px;margin:0 auto 35px;text-align:center}
.ai-handoff-showcase>.section-head h2{letter-spacing:-1.7px}
.ai-handoff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;max-width:1120px;margin:0 auto}
.ai-handoff-card{min-width:0;overflow:hidden;border:1px solid #e5d8ed;border-radius:21px;background:linear-gradient(160deg,#fff 40%,#fcf9ff);box-shadow:0 5px 0 #a982c50c,0 22px 48px #60437712;transition:transform .22s ease,box-shadow .22s ease}
.ai-handoff-card:hover{transform:translateY(-4px);box-shadow:0 7px 0 #a982c510,0 28px 55px #6043771b}
.handoff-video-preview{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;aspect-ratio:16/9;min-height:250px;padding:28px;background:radial-gradient(ellipse at 50% 105%,#d9c1fb 0,transparent 50%),linear-gradient(135deg,#faf7ff,#f0e8fb 58%,#eaf3ff);isolation:isolate}
.handoff-video-preview:before,.handoff-video-preview:after{position:absolute;z-index:-1;content:"";border:1px solid #fff9;border-radius:50%;pointer-events:none}
.handoff-video-preview:before{width:82%;aspect-ratio:1;left:9%;top:15%;box-shadow:0 0 0 24px #fff3,0 0 0 48px #fff2}
.handoff-video-preview:after{width:55%;aspect-ratio:1;right:-18%;top:-38%;background:#ffffff35;filter:blur(2px)}
.handoff-window{position:relative;width:min(78%,500px);border:1px solid #e9e0f0;border-radius:15px;background:#fff;box-shadow:0 17px 42px #4e376622,0 3px 0 #fff;transform:rotate(-1.4deg);z-index:1}
.handoff-window-top{height:39px;display:flex;align-items:center;gap:11px;padding:0 13px;border-bottom:1px solid #eee8f2;border-radius:15px 15px 0 0;background:#fff;color:#82758d;font-size:10px}
.handoff-window-dots{display:flex;gap:4px}.handoff-window-dots i{width:6px;height:6px;border-radius:50%;background:#d7cde1}.handoff-window-dots i:first-child{background:#dfafc6}.handoff-window-dots i:nth-child(2){background:#e7ce94}.handoff-window-dots i:nth-child(3){background:#9bcbb5}
.handoff-app-mark,.handoff-zip-mark{margin-left:auto;display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#17151c;color:#fff;font-size:8px;font-weight:750}
.handoff-chat-line{width:max-content;max-width:82%;margin:21px 13px 13px auto;padding:11px 13px;border:1px solid #ece6f1;border-radius:12px 12px 3px 12px;background:#f8f5fb;color:#44394c;font-size:11px}
.handoff-mcp-chip{display:flex;align-items:center;gap:10px;margin:0 13px 20px;padding:10px 12px;border:1px solid #e9def2;border-radius:11px;background:linear-gradient(110deg,#fff,#faf6ff);color:#8055a0}
.handoff-mcp-chip>span:first-child{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#eee3f8;font-size:16px}
.handoff-mcp-chip strong,.handoff-mcp-chip small{display:block}.handoff-mcp-chip strong{font-size:10px;color:#483754}.handoff-mcp-chip small{margin-top:2px;font-size:8px;color:#8b7b95}.handoff-mcp-chip>b{margin-left:auto;font-size:14px}
.handoff-flow{position:absolute;z-index:2;display:grid;justify-items:center;gap:5px;color:#7a5b91;font-size:9px;font-weight:650;text-align:center}
.handoff-flow b{display:grid;place-items:center;width:25px;height:25px;border:1px solid #e4d4ef;border-radius:50%;background:#fff;color:#9069ab;font-size:15px;box-shadow:0 5px 12px #73528c20}
.handoff-flow-mcp{left:50%;top:61%;transform:translateX(-50%)}
.handoff-destination{position:absolute;z-index:3;bottom:35px;left:50%;display:flex;align-items:center;gap:9px;min-width:210px;padding:10px 13px;border:1px solid #e4d7ee;border-radius:13px;background:#fff;box-shadow:0 9px 25px #59406a20;transform:translateX(-50%)}
.handoff-destination img{width:28px;height:22px;object-fit:contain}.handoff-destination span small,.handoff-destination span strong{display:block}.handoff-destination span small{font-size:8px;color:#9685a0}.handoff-destination span strong{font-size:10px;color:#463752}.handoff-destination>b{display:grid;place-items:center;width:20px;height:20px;margin-left:auto;border-radius:50%;background:#e5f7ef;color:#319c70;font-size:11px}
.handoff-preview-label{position:absolute;top:13px;right:14px;padding:5px 8px;border:1px solid #ffffffa6;border-radius:99px;background:#ffffffb8;color:#7e698e;font-size:7px;font-weight:750;letter-spacing:1px;backdrop-filter:blur(9px)}
.handoff-files-window{width:min(82%,520px);transform:rotate(1.2deg)}.handoff-zip-mark{background:#f1e8fa;color:#8158a1}
.handoff-file-row{display:flex;align-items:center;gap:10px;margin:8px 12px;padding:7px 9px;border:1px solid #f0ebf3;border-radius:9px;background:#fff}.handoff-file-row:last-child{margin-bottom:16px}.handoff-file-row>span:nth-child(2){min-width:0}.handoff-file-row strong,.handoff-file-row small{display:block}.handoff-file-row strong{font-size:9px;color:#463b50}.handoff-file-row small{margin-top:2px;font-size:7px;color:#96899d}.handoff-file-row>b{margin-left:auto;color:#38aa7b;font-size:11px}
.handoff-file-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;font-size:8px;font-weight:750}.handoff-file-icon.code{background:#efe7fb;color:#8c5ab0}.handoff-file-icon.config{background:#e9f2ff;color:#567cba}.handoff-file-icon.doc{background:#fff2df;color:#b2854b}
.handoff-flow-upload{left:50%;top:59%;transform:translateX(-50%)}
.ai-handoff-copy{display:grid;grid-template-columns:38px 1fr;gap:13px;align-items:start;padding:21px 24px 24px}.handoff-number{display:grid;place-items:center;width:35px;height:35px;border:1px solid #e4d5ee;border-radius:11px;background:#f8f2fd;color:#9066ae;font-size:11px;font-weight:750}.ai-handoff-copy .eyebrow{margin:0 0 5px;color:#9a76b2;font-size:8px;letter-spacing:1.2px}.ai-handoff-copy h3{margin:0;color:#392e42;font-size:18px;letter-spacing:-.4px}.ai-handoff-copy p:last-child{max-width:430px;margin:7px 0 0;color:#786b81;font-size:11px;line-height:1.65}
.ai-handoff-note{display:flex;justify-content:center;align-items:center;gap:9px;margin:25px 0 0;color:#76588a;font-size:12px;text-align:center}.ai-handoff-note span{color:#a06bc2}
@media(max-width:800px){.ai-handoff-grid{gap:16px}.handoff-video-preview{min-height:210px;padding:18px}.handoff-window{width:86%}.handoff-destination{bottom:24px;min-width:190px}.ai-handoff-copy{padding:18px}.ai-handoff-copy h3{font-size:16px}}
@media(max-width:620px){.ai-handoff-showcase{padding-top:44px;padding-bottom:49px}.ai-handoff-showcase>.section-head{margin-bottom:24px}.ai-handoff-showcase>.section-head h2{letter-spacing:-1px}.ai-handoff-grid{grid-template-columns:1fr;gap:16px}.ai-handoff-card{border-radius:16px}.handoff-video-preview{min-height:0;padding:20px}.handoff-window{width:min(83%,420px)}.handoff-destination{bottom:25px}.handoff-chat-line{margin-top:17px}.handoff-flow-mcp{top:60%}.handoff-flow-upload{top:58%}.ai-handoff-copy{grid-template-columns:34px 1fr;padding:17px 18px 20px}.handoff-number{width:32px;height:32px}.ai-handoff-copy h3{font-size:17px}.ai-handoff-note{max-width:300px;margin:20px auto 0;font-size:10px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.ai-handoff-card{transition:none}}