@media(min-width:901px){
 :root{--desktop-bg:#0C0E11;--desktop-surface:#14171C;--desktop-surface2:#191D23;--desktop-text:#ECEAE4;--desktop-muted:#A3A5A8;--desktop-border:rgba(236,234,228,.08)}
 .chapter-practice,.chapter-tools,.chapter-ai{background:var(--desktop-surface);border-color:var(--desktop-border)}
 .privacy{background:var(--desktop-bg)}
 .chapter-ai{padding-block:0}
 .motion-box{background:var(--desktop-surface2);border-color:var(--desktop-border);padding:16px 20px;border-radius:16px}
 .motion-box summary{min-height:44px;gap:0}
 .motion-box summary::after{display:none;content:none}
 .motion-box h3{font-size:24px;line-height:1.25;color:var(--desktop-text)}
 .motion-box p{font-size:18px;margin-top:16px;color:var(--desktop-muted)}
 .desktop-accordion{height:calc(100svh + var(--desktop-bands)*50svh);position:relative}
 .desktop-accordion-pin{position:sticky;top:0;min-height:580px;height:100svh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:24px;padding:32px 0}
 .desktop-accordion-pin .chapter-heading{margin:0;gap:48px}
 .desktop-accordion-pin .chapter-heading h2,.desktop-accordion-pin>h2{font-size:clamp(34px,3.4vw,48px);line-height:1.06;margin:0}
 .desktop-accordion-pin .chapter-heading>p,.desktop-accordion-pin .privacy-intro{font-size:16px;line-height:1.6;color:var(--desktop-muted);margin:0;max-width:65ch}
 .desktop-accordion .accordion-stack{margin:0;max-width:none;width:100%;gap:8px}
 .desktop-accordion .accordion-band{flex:none;box-sizing:border-box;transform-origin:left center;border:1px solid var(--desktop-border);border-radius:16px;background:var(--desktop-surface2);padding:12px 20px;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .35s;background-clip:padding-box}
 .desktop-accordion .accordion-band summary{min-height:36px}
 .desktop-accordion .accordion-band summary h3,.desktop-accordion .accordion-band summary strong{font-size:24px;font-weight:500;color:var(--desktop-text)}
 .desktop-accordion .accordion-band summary::after,.desktop-accordion .accordion-band[open] summary::after{content:'↓';transform:none;font-size:22px}
 .desktop-accordion .accordion-band>p,.desktop-accordion .accordion-band>span{font-size:17px;line-height:1.55;color:var(--desktop-muted);max-width:78ch;margin:12px 0 0}
 .desktop-accordion .accordion-band::details-content{transition:none}
 .desktop-accordion .accordion-band[open]>p,.desktop-accordion .accordion-band[open]>span{animation:none}
 .desktop-accordion .desktop-current{transform:scale(1.012);opacity:1;border-color:rgba(230,213,168,.35);padding-block:20px;max-block-size:240px;z-index:1}
 .desktop-accordion .desktop-past{transform:scale(.96);opacity:.65;max-block-size:100px;padding-block:8px}
 .desktop-accordion .desktop-past summary h3,.desktop-accordion .desktop-past summary strong{font-size:20px}
 .desktop-accordion .desktop-past>p,.desktop-accordion .desktop-past>span{font-size:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-height:24px;margin-top:4px}
 .desktop-accordion .desktop-future{visibility:hidden;opacity:0;max-block-size:0;padding-block:0;margin:0;border-width:0;transform:translateY(32px) scale(.96);overflow:clip;pointer-events:none}
 .privacy .privacy-links{padding-block:24px 48px}
 .ai-connection{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:32px;max-width:none;min-height:560px;margin:32px 0 0;padding:48px 0;border-top:1px solid var(--desktop-border)}
 .ai-connection .mcp-copy{position:relative;z-index:1}
 .ai-connection h3{font-family:var(--landing-display);font-size:48px;line-height:1.05;color:#E6D5A8;font-weight:500}
 .ai-connection p{font-size:18px;color:var(--desktop-muted)}
 .mcp-render{margin:0;min-width:0}
 .mcp-render img{display:block;width:100%;height:auto;border-radius:24px;object-fit:contain}
 .desktop-readable{height:auto;padding-block:48px}
 .desktop-readable .desktop-accordion-pin{position:relative;height:auto;min-height:0}
 .desktop-readable .accordion-band{transform:none;opacity:1;max-block-size:none;visibility:visible}
 .desktop-readable .desktop-past>p,.desktop-readable .desktop-past>span{white-space:normal;max-height:none}
}
@media(min-width:901px) and (prefers-reduced-motion:reduce){
 .desktop-accordion{height:auto;padding-block:48px}
 .desktop-accordion-pin{position:relative;height:auto;min-height:0}
 .desktop-accordion .accordion-band{transform:none;opacity:1;max-block-size:none;visibility:visible;transition:opacity .15s}
 .desktop-accordion .desktop-past>p,.desktop-accordion .desktop-past>span{white-space:normal;max-height:none}
}
/* The two aligned renders are revealed spatially by scroll; no canvas encoding or idle frame loop. */
.mcp-render{position:relative}
.mcp-render .mcp-on{position:absolute;inset:0;opacity:0;pointer-events:none}
@media(min-width:901px){
 .mcp-scroll{position:relative;height:220svh}
 .mcp-scroll .ai-connection{position:sticky;top:0;height:100svh;min-height:560px;box-sizing:border-box;margin:0}
 .mcp-render{--power-x:62%;--power-y:45%;--power-radius:1px;--power-opacity:0}
 .mcp-render .mcp-on{opacity:var(--power-opacity);mask-image:radial-gradient(circle var(--power-radius) at var(--power-x) var(--power-y),#000 0%,#000 45%,rgba(0,0,0,.75) 65%,rgba(0,0,0,.25) 85%,transparent 100%);-webkit-mask-image:radial-gradient(circle var(--power-radius) at var(--power-x) var(--power-y),#000 0%,#000 45%,rgba(0,0,0,.75) 65%,rgba(0,0,0,.25) 85%,transparent 100%)}
}
@media(min-width:901px) and (prefers-reduced-motion:reduce){.mcp-scroll{height:auto}.mcp-scroll .ai-connection{position:relative;height:auto}.mcp-render .mcp-on{opacity:1;mask-image:none;-webkit-mask-image:none}}
@media(min-width:901px){
 .mcp-scroll{width:calc(100% + (100vw - 100%));margin-inline:calc((100% - 100vw)/2)}
 .mcp-scroll .ai-connection{display:flex;width:100%;min-height:580px;padding:64px 5vw;overflow:clip;background:var(--desktop-bg);border:0;isolation:isolate}
 .mcp-scroll .mcp-render{position:absolute;inset:0;z-index:-2;width:100%;height:100%;border-radius:0}
 .mcp-scroll .mcp-render img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0}
 .mcp-scroll .ai-connection::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,14,17,.98),rgba(12,14,17,.9) 32%,rgba(12,14,17,.55) 50%,transparent 72%),linear-gradient(0deg,rgba(12,14,17,.55),transparent 25%,transparent 80%,rgba(12,14,17,.35));pointer-events:none}
 .mcp-scroll .mcp-copy{max-width:560px;width:45%;color:var(--desktop-text)}
 .mcp-scroll .mcp-copy h3{font-family:var(--landing-font);font-size:clamp(40px,4.4vw,64px);font-weight:500;line-height:1.06;margin:0 0 28px;color:var(--desktop-text);letter-spacing:-.025em}
 .mcp-scroll .mcp-copy h3 em{font-family:var(--landing-display);font-style:normal;font-weight:500;font-size:1.2em;line-height:1;color:#E6D5A8}
 .mcp-scroll .mcp-lead{font-size:23px;line-height:1.4;color:var(--desktop-text);margin:0 0 20px}
 .mcp-scroll .mcp-description{font-size:17px;line-height:1.65;color:#C3C5C8;max-width:42ch;margin:0 0 24px}
 .mcp-scroll .mcp-consent{font-size:15px;line-height:1.6;color:#E6D5A8;margin:0}
 .mcp-scroll .mcp-scroll-hint{font-size:13px;line-height:1.5;color:var(--desktop-muted);margin:28px 0 0}
 .mcp-scroll-hint span{display:inline-block;margin-left:16px}
}
@media(min-width:901px){
 .workspace-assembly{position:relative;height:240svh;margin:32px 0 0}
 .assembly-pin{position:sticky;top:0;height:100svh;min-height:580px;display:flex;align-items:center;justify-content:center;overflow:clip}
 .assembly-pin .product-screen{position:relative;width:min(1080px,calc((100svh - 120px)*1.7298));max-width:calc(100vw - 120px);margin:0}
 .assembly-canvas{position:relative;aspect-ratio:1370/792;border-radius:20px;background:var(--desktop-bg);outline:1px solid var(--desktop-border)}
 .assembly-canvas .assembly-base{display:block;width:100%;height:100%;border:0;border-radius:20px;opacity:var(--assembled-base,0)}
 .assembly-piece{position:absolute;border-radius:14px;background-repeat:no-repeat;transform-origin:center;pointer-events:none}
 .assembly-frame figcaption{position:absolute;top:100%;left:0;right:0;text-align:center;font-size:13px;line-height:1.5;margin-top:20px;color:var(--desktop-muted)}
}
@media(min-width:901px) and (prefers-reduced-motion:reduce){.workspace-assembly{height:auto}.assembly-pin{position:relative;height:auto;min-height:0;padding:32px 0 64px}.assembly-piece{display:none}.assembly-canvas .assembly-base{opacity:1}}
@media(min-width:901px){
 .plans-section{background:var(--desktop-bg);padding-block:96px}
 .plans-intro{font-size:21px;line-height:1.6;max-width:55ch;color:var(--desktop-muted);margin:28px 0 40px}
 .plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
 .plan-card{padding:28px;border:1px solid var(--desktop-border);border-radius:20px;background:var(--desktop-surface);min-width:0}
 .plan-card h3{font-family:var(--landing-font);font-size:26px;font-weight:500;margin:0 0 24px;color:var(--desktop-text)}
 .plan-card .plan-limit{font-family:var(--landing-display);font-size:clamp(28px,2.8vw,42px);line-height:1.1;color:#E6D5A8;margin:0 0 20px}
 .plan-card>p:not(.plan-limit),.plan-card li{font-size:16px;line-height:1.65;color:#C3C5C8}
 .plan-card ul{list-style:none;padding:20px 0 0;margin:20px 0 0;border-top:1px solid var(--desktop-border)}
 .plan-card li{margin-top:12px}.plan-card li:first-child{margin-top:0}
 .plans-note{font-size:14px;color:var(--desktop-muted);margin:28px 0 0}
 .getting-started .start-invitation{position:sticky;top:80px;align-self:start}
 .faq summary{min-height:44px;display:flex;align-items:center}
 header nav{gap:24px;padding-inline:24px}
}
.intro-light-image{display:none}
@media(min-width:901px){
 .motion-ready .intro.reveal-on-scroll{position:relative;isolation:isolate;min-height:680px;height:100svh;box-sizing:border-box;padding:72px 5vw;opacity:1;transform:none;transition:none;overflow:clip;background:var(--desktop-bg)}
 .intro .intro-light-image{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
 .intro::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,14,17,.7),rgba(12,14,17,.55) 25%,rgba(12,14,17,.55) 75%,rgba(12,14,17,.7));z-index:-1}
 .intro h2{font-size:clamp(44px,5.3vw,76px);line-height:1.08;max-width:1200px;margin:0;text-align:center}
 .intro h2>span,.intro h2>em{display:block;transform-origin:center}
 .intro h2>span{opacity:clamp(0,var(--ring-reveal,1)*2,1);transform:translateY(calc((1 - var(--ring-reveal,1))*32px))}
 .intro h2>em{margin-top:12px;font-size:1.18em;opacity:clamp(0,(var(--ring-reveal,1) - .2)*2,1);transform:translateY(calc((1 - var(--ring-reveal,1))*48px))}
 .intro .text-link{font-size:28px;line-height:1.5;min-height:56px;margin-top:56px;gap:28px;border-bottom:1px solid #E6D5A8;color:#E6D5A8;opacity:clamp(0,(var(--ring-reveal,1) - .35)*2,1);transform:translateY(calc((1 - var(--ring-reveal,1))*24px))}
 .intro .text-link span{font-size:36px;transition:transform .2s}
 .intro .text-link:hover span{transform:translateY(4px)}
}
@media(min-width:901px) and (prefers-reduced-motion:reduce){.intro h2>span,.intro h2>em,.intro .text-link{opacity:1;transform:none}.intro .text-link span{transition:none}}

/* The platform's raised-card treatment: a small lift and a downward black shadow. */
@media(hover:hover) and (pointer:fine){
 html.motion-ready body :is(.plan-card,.motion-box,.accordion-band,.product-screen){
  transition:translate .22s cubic-bezier(.16,1,.3,1),box-shadow .22s ease,border-color .22s ease,transform .55s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms),opacity .55s ease var(--reveal-delay,0ms);
 }
 html.motion-ready body :is(.plan-card,.motion-box,.accordion-band,.product-screen):hover{
  translate:0 -4px;
  box-shadow:0 16px 36px rgba(0,0,0,.42);
  border-color:rgba(236,234,228,.18);
 }
 html.motion-ready body .motion-box.is-revealed:hover{transform:none}
 html.motion-ready body .motion-box.is-revealed[open]:hover{transform:scale(1.035)}
}
@media(prefers-reduced-motion:reduce){
 html.motion-ready body :is(.plan-card,.motion-box,.accordion-band,.product-screen){transition:none}
 html.motion-ready body :is(.plan-card,.motion-box,.accordion-band,.product-screen):hover{translate:none}
}

/* Typeset: one phrase, two font roles and an explicit optical gap. */
#start .start-invitation h2{display:flex;flex-direction:column;align-items:flex-start;gap:0;max-width:100%;font-family:var(--landing-font);font-size:clamp(32px,3.8vw,56px);font-weight:400;line-height:1.08;letter-spacing:-.035em;text-wrap:initial}
#start .start-title-lead{display:block;max-width:100%;text-wrap:balance}
#start .start-invitation h2 em{display:block;max-width:100%;margin:0;font-family:var(--landing-display);font-size:1.55em;font-weight:500;line-height:1.02;letter-spacing:-.02em}