:root{--ink:#1d1d1f;--muted:#6e6e73;--blue:#0071e3;--paper:#f5f5f7;--line:#d2d2d7;--content:1260px;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button,input{font:inherit}
button{cursor:pointer}
button:disabled{cursor:default}
a{color:inherit;text-decoration:none}
p,h1,h2,h3,h4,figure,dl,dd{margin:0}
img{display:block;max-width:100%}
svg{flex-shrink:0;vertical-align:middle}
:focus-visible{outline:3px solid #0071e3;outline-offset:5px}
.skip-link{position:fixed;z-index:100;top:-80px;left:20px;background:#fff;padding:15px 24px;color:var(--ink);border-radius:10px}
.skip-link:focus{top:12px}
.content,.nav-shell,.footer-inner{width:87.5%;max-width:var(--content);margin-inline:auto}
.visual-width{width:calc(100% - 96px);max-width:1440px;margin-inline:auto}
.site-header{height:58px;position:sticky;top:0;z-index:50;background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #d2d2d780}
.nav-shell{height:100%;display:flex;align-items:center;justify-content:space-between}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.3125rem;font-weight:600;letter-spacing:-.035em;min-height:44px}
.brand img{border-radius:7px}
.site-nav{display:flex;align-items:center;gap:32px;font-size:0.8125rem}
.site-nav>a{min-height:44px;display:inline-flex;align-items:center;color:#444448;white-space:nowrap}
.site-nav>a:hover,.site-nav>a[aria-current=page]{color:var(--ink)}
.site-nav .web-entry{min-height:32px;padding:0 15px;gap:5px;border-radius:22px;background:var(--blue);color:#fff;font-size:0.75rem}
.menu-toggle{display:none;border:0;background:transparent;width:44px;height:44px;padding:13px;color:inherit}
.menu-toggle span{display:block;height:1.5px;background:currentColor;margin:5px 0;transition:transform .2s}
[data-page=home] .site-header{background:#050507eb;color:#f5f5f7;border-color:#ffffff18}
[data-page=home] .site-nav>a:not(.web-entry){color:#c2c2c7}
[data-page=home] .site-nav>a:hover{color:#fff}
.button,.text-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;font-size:1.0625rem;font-weight:400;line-height:1.3;border:0}
.button{border-radius:28px;padding:13px 23px}
.primary{background:var(--blue);color:#fff}
.primary:hover{background:#0077ed}
.text-link{color:var(--blue);background:transparent;padding:7px 0}
.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:26px}
.product-name{font-size:1.6875rem;line-height:1.2;font-weight:600;letter-spacing:-.02em}
.hero-headline{font-size:clamp(3rem,6.15vw,5.5rem);line-height:1.09;font-weight:600;letter-spacing:-.035em;margin-top:18px}
.hero-headline>span{display:inline-block}
.hero-description{font-size:1.3125rem;line-height:1.55;color:var(--muted);font-weight:400;margin-top:24px}
.flagship{background:radial-gradient(ellipse at 50% 78%,#07111c 0,transparent 38%),#050507;text-align:center;padding:62px 0 68px;overflow:hidden;color:#f5f5f7}
.hero-copy{width:87.5%;max-width:1280px;margin:auto}
.flagship .hero-description{color:#a1a1a6}
.flagship .light-word{color:#acc9f0}
.flagship .text-link{color:#73b7ff}
.hero-note{font-size:0.875rem;line-height:1.6;color:#9e9ea6;width:87.5%;margin:20px auto 0}
.brand-scene{position:relative;width:min(440px,87.5%);height:290px;margin:26px auto 0}
.brand-canvas{display:block;width:100%;height:100%;opacity:0}
.brand-poster{position:absolute;width:82%;height:94%;top:3%;left:9%;object-fit:contain;pointer-events:none}
.brand-scene[data-ready=true] .brand-canvas{opacity:1}
.brand-scene[data-ready=true] .brand-poster{opacity:0}
.brand-motion-toggle{position:absolute;right:0;bottom:0;width:44px;height:44px;border:1px solid #ffffff22;background:#ffffff0b;color:#bfc3cc;border-radius:50%;display:flex;align-items:center;justify-content:center}
.brand-motion-toggle:hover{background:#ffffff15;color:#fff}
.brand-motion-toggle span{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px}
.brand-motion-toggle i{height:12px;width:9px;border-left:2px solid currentColor;border-right:2px solid currentColor}
.brand-motion-toggle[aria-pressed=true] i{height:0;width:0;border:6px solid transparent;border-right:0;border-left:8px solid currentColor}
.chapter{padding:128px 0}
.chapter-heading .eyebrow,.center-heading .eyebrow{margin-bottom:18px}
.eyebrow{font-size:1.25rem;font-weight:600;line-height:1.35;letter-spacing:-.01em}
h2{font-size:clamp(2.5rem,4.25vw,3.625rem);font-weight:600;line-height:1.12;letter-spacing:-.035em}
.chapter-description{font-size:1.3125rem;font-weight:500;line-height:1.6;color:var(--muted);max-width:650px;margin-top:30px}
.chapter-description strong{font-weight:500;color:var(--ink)}
.chapter-description.secondary{margin-top:22px}
.chapter-heading>.text-link{margin-top:24px}
.workflow-chapter .visual-width{margin-top:66px}
.workflow-chapter{padding-bottom:132px}
.studio-window{overflow:hidden;border:7px solid #242427;border-radius:28px;background:#fff;box-shadow:0 38px 70px -44px #14142870,0 1px 1px #0002}
.studio-titlebar{position:relative;height:48px;display:flex;align-items:center;justify-content:center;background:#f6f6f8;border-bottom:1px solid #e9e9ed;font-size:0.8125rem;color:#56565c;font-weight:500}
.window-dots{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:flex;gap:7px}
.window-dots i{width:9px;height:9px;border-radius:50%;background:#d1d1d6}
.window-dots i:first-child{background:#e9b2a9}.window-dots i:nth-child(2){background:#ebd49c}.window-dots i:nth-child(3){background:#b6d4ad}
.preview-label{position:absolute;right:17px;color:#86868b;font-size:0.75rem;font-weight:400}
.studio-layout{display:grid;grid-template-columns:180px minmax(0,1fr) 224px;min-height:566px}
.studio-sidebar{background:#f5f5f7;padding:30px 16px 24px;position:relative;border-right:1px solid #ececf0}
.studio-brand{font-size:1rem;font-weight:600;display:flex;gap:8px;align-items:center;margin-bottom:28px;padding-left:8px}
.studio-brand img{border-radius:6px}
.new-workspace{display:flex;gap:8px;align-items:center;background:#fff;border-radius:9px;padding:12px 10px;font-size:0.75rem;margin-bottom:27px;color:#55555d}
.sidebar-label{font-size:0.6875rem;color:#86868b;margin:0 10px 8px}
.sidebar-task{display:flex;align-items:center;gap:8px;padding:12px 9px;font-size:0.75rem;white-space:nowrap;color:#62626a;margin:3px 0;border-radius:8px}
.sidebar-task.selected{color:#1662b5;background:#e5eefb;font-weight:500}
.sidebar-foot{position:absolute;left:25px;bottom:28px;font-size:0.6875rem;color:#8e8e94}
.studio-main{min-width:0;padding:30px 36px 26px;display:flex;flex-direction:column}
.studio-crumbs{font-size:0.75rem;color:#8e8e94;display:flex;gap:10px;align-items:center}
.studio-crumbs b{font-weight:400;color:#666670}
.example-goal{margin-top:29px}
.example-goal>p{font-size:0.75rem;color:#8e8e94;margin-bottom:8px}
.example-goal h3{font-size:1.75rem;font-weight:600;letter-spacing:-.025em;line-height:1.3}
.goal-message{font-size:0.9375rem;line-height:1.7;margin-top:16px;padding:16px 18px;border-radius:14px;background:#f4f7fd;color:#535f72;max-width:500px}
.source-chip{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:0.75rem;color:#7a8392}
.plan-sheet{background:#fbfbfc;border:1px solid #e9e9ee;border-radius:16px;padding:22px 23px;margin-top:26px;min-height:211px}
.plan-tag{font-size:0.75rem;color:#778aa3;line-height:1.4;margin-bottom:10px}
.plan-sheet h4{font-size:1.25rem;line-height:1.4;font-weight:600;letter-spacing:-.02em}
.plan-sheet dl{display:grid;gap:12px;margin-top:19px}
.plan-sheet dl>div{display:grid;grid-template-columns:74px minmax(0,1fr);gap:15px;line-height:1.5;font-size:0.875rem}
.plan-sheet dt{color:#86868b}
.plan-sheet dd{color:#4b4b54}
.plan-sheet ul{padding-left:20px;margin:16px 0 0;color:#5a5a63;font-size:0.875rem;line-height:1.8}
.plan-sheet .review-line{font-size:0.875rem;color:#7d6a4b;margin-top:15px;line-height:1.5}
.mock-composer{display:flex;justify-content:space-between;align-items:center;border:1px solid #e3e3e8;border-radius:11px;font-size:0.8125rem;color:#94949b;padding:14px 15px;margin-top:25px}
.studio-team{padding:32px 22px;border-left:1px solid #ededf0}
.team-heading{font-size:0.875rem;font-weight:500;margin-bottom:26px}
.studio-role{display:flex;gap:10px;align-items:center;margin-bottom:22px}
.role-avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:0.8125rem;font-weight:500}
.blue{background:#e9f0ff;color:#4773c7}.mint{background:#e8f5f2;color:#3f8b80}.violet{background:#f0ecff;color:#8570b4}
.studio-role strong{display:block;font-size:0.8125rem;font-weight:500;line-height:1.5}
.studio-role small{font-size:0.6875rem;color:#8e8e94;line-height:1.5}
.studio-role.active strong{color:#245c9c}
.team-note{border-top:1px solid #e9e9ed;padding-top:22px;margin-top:36px}
.team-note>span{font-size:0.6875rem;color:#93939a}.team-note p{font-size:0.8125rem;line-height:1.7;margin-top:8px;color:#656570}
.studio-preview figcaption{font-size:0.8125rem;color:#86868b;line-height:1.6;text-align:center;margin-top:24px}
.demo-tabs{display:flex;gap:4px;max-width:100%;width:fit-content;margin:30px auto 0;background:#f5f5f7;border-radius:30px;padding:5px}
.demo-tabs button{border:0;background:transparent;min-height:46px;padding:10px 19px;color:#6e6e73;font-size:0.9375rem;border-radius:26px;white-space:nowrap}
.demo-tabs button>span{font-size:0.75rem;margin-right:9px;opacity:.65}
.demo-tabs button[aria-selected=true]{background:#1d1d1f;color:#fff}
.stage-description{max-width:650px;width:90%;font-size:1.125rem;line-height:1.55;color:#6e6e73;margin:24px auto 0;text-align:center}
.split-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:90px;align-items:center}
.collaboration-chapter{background:#08080b;color:#f5f5f7}
.collaboration-chapter .chapter-description{color:#929298}.collaboration-chapter .chapter-description strong{color:#f5f5f7}
.collaboration-chapter .text-link{color:#63a8f2}
.role-graph{max-width:620px;margin:auto}
.role-node{border:1px solid #2c2c32;background:linear-gradient(150deg,#17171d,#101013);border-radius:27px;padding:29px 22px;text-align:center}
.role-node.director{max-width:245px;margin:auto}
.role-orb{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 18px;border-radius:16px;background:#192b4b;color:#8dbeff;font-size:1.1875rem}
.role-orb.teal{background:#153d3c;color:#77c8c0}.role-orb.purple{background:#2b2046;color:#b5a0e3}
.role-node strong{display:block;font-size:1.4375rem;font-weight:600;letter-spacing:-.02em}
.role-node p{font-size:0.875rem;line-height:1.5;color:#909097;margin-top:9px}
.role-connectors{display:block;width:100%;height:72px;color:#3e3e48}
.role-branches{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.role-graph figcaption{font-size:0.8125rem;color:#87878e;text-align:center;margin-top:27px}
.results-chapter{background:#fff}
.result-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.result-visual{padding:28px 24px;background:radial-gradient(ellipse at center,#f2f4f8,transparent 68%)}
.document-sheet{background:#fff;border:1px solid #e3e5eb;border-radius:24px;padding:34px 32px;box-shadow:0 35px 70px -46px #1d2f5060}
.document-top{display:flex;align-items:center;gap:9px;color:#6e6e73;font-size:0.8125rem}
.document-top small{font-size:0.6875rem;color:#9b9ba2;margin-left:auto}
.document-sheet h3{font-size:1.8125rem;line-height:1.25;font-weight:600;letter-spacing:-.025em;margin-top:25px}
.document-rule{height:1px;background:#e9e9ee;margin:24px 0}
.document-label{font-size:0.75rem;color:#8e8e94;margin-bottom:21px}
.document-item{display:flex;gap:18px;margin-bottom:22px}
.document-item>span{color:#9b9ba2;font-size:0.75rem;padding-top:2px}
.document-item strong{font-size:1rem;font-weight:500}.document-item p{font-size:0.8125rem;line-height:1.6;color:#86868b;margin-top:6px}
.document-note{display:flex;gap:8px;align-items:center;font-size:0.75rem;line-height:1.6;color:#897458;border-radius:9px;background:#fbf7f0;padding:13px}
.document-note i{width:5px;height:5px;background:#c9a66e;border-radius:50%;flex-shrink:0}
.result-visual figcaption{color:#86868b;font-size:0.8125rem;text-align:center;margin-top:25px;line-height:1.5}
.mobile-chapter{background:var(--paper)}
.mobile-features{margin-top:35px;display:grid;gap:28px;max-width:455px}
.mobile-features h3{font-size:1.3125rem;line-height:1.4;font-weight:600}.mobile-features p{font-size:1.0625rem;line-height:1.65;color:#6e6e73;margin-top:8px}
.small-note{font-size:0.875rem;line-height:1.6;color:#86868b;margin-top:27px}
.phone-visual{max-width:460px;width:100%;margin:auto}
.phone-frame{width:270px;max-width:85%;margin:auto;border:7px solid #26262c;border-radius:44px;overflow:hidden;box-shadow:0 35px 65px -42px #131b354d}
.phone-frame img{width:100%;height:auto}
.phone-visual figcaption{max-width:370px;margin:25px auto 0;font-size:0.8125rem;line-height:1.6;color:#86868b;text-align:center}
.center-heading{text-align:center;max-width:940px;margin:auto}
.center-heading .chapter-description{margin-inline:auto}
.platform-chapter{background:#fff}
.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:66px}
.platform-card{padding:42px 34px;background:var(--paper);border-radius:28px;min-width:0;scroll-margin-top:90px}
.platform-card>svg{color:#2e2e34;margin-bottom:27px}
.platform-card h3{font-size:1.8125rem;font-weight:600;letter-spacing:-.025em;line-height:1.25}
.platform-card>p{font-size:1.0625rem;line-height:1.55;color:#6e6e73;margin-top:16px}
.availability{display:block;font-size:0.8125rem;color:#86868b;margin-top:25px}
.platform-card>.text-link{margin-top:13px;font-size:1rem}
.platform-card>.button{margin-top:20px;font-size:0.9375rem;min-height:44px;padding:12px 19px}
.unavailable{background:#e6e6eb;color:#8e8e94}
.platform-note{max-width:840px;margin:30px auto 0;font-size:0.875rem;line-height:1.6;text-align:center;color:#86868b}
.site-footer{background:var(--paper);padding:42px 0 27px}
.footer-top{display:flex;align-items:center;justify-content:space-between;color:#68686f}
.footer-top>span{font-size:0.875rem}
.footer-links{display:flex;gap:26px;flex-wrap:wrap;margin-top:18px;font-size:0.8125rem;color:#6e6e73}
.footer-links a{display:inline-flex;min-height:44px;align-items:center}.footer-links a:hover{text-decoration:underline}
.footer-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:0.6875rem;line-height:1.5;color:#8e8e94;border-top:1px solid #d2d2d7;margin-top:22px;padding-top:22px}
.page-hero{text-align:center;padding:85px 24px 65px;background:linear-gradient(#fff,#f9f9fb)}
.page-hero .hero-headline{font-size:clamp(3rem,5.3vw,4.75rem)}
.page-hero .hero-headline>span{display:block}
.page-hero .hero-description{max-width:780px;margin-inline:auto}
.status-note{font-size:0.875rem;line-height:1.6;color:#86868b;margin:25px auto 0;max-width:780px}
.workflow-showcase{margin-top:16px}
.detail-chapter{padding-top:132px}
.detail-steps{margin-top:65px}
.detail-steps>article{display:grid;grid-template-columns:50px minmax(0,1fr) minmax(0,.9fr);gap:40px;align-items:center;border-top:1px solid #d2d2d7;padding:58px 0;scroll-margin-top:100px}
.step-number{font-size:1.125rem;color:#8e8e94;align-self:start;padding-top:7px}
.detail-steps h3{font-size:2.125rem;line-height:1.25;font-weight:600;letter-spacing:-.025em;margin-top:14px}
.detail-steps article>div>p:not(.eyebrow){font-size:1.125rem;line-height:1.65;color:#6e6e73;margin-top:20px;max-width:530px}
.detail-steps .eyebrow{font-size:1.0625rem;color:#86868b}
.detail-object{padding:29px 31px;background:#f5f5f7;border-radius:23px}
.detail-object>span{font-size:0.875rem;font-weight:500;color:#68686f}
.detail-object dl{display:grid;gap:14px;margin-top:22px;font-size:1rem}
.detail-object dl>div{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;line-height:1.6}
.detail-object dt{color:#8e8e94}.detail-object dd{color:#515158}
.detail-steps .role-detail p{font-size:1rem!important;margin-top:14px!important}.role-detail b{font-weight:500;display:inline-block;min-width:90px;color:#515158}
.detail-object ul{color:#6e6e73;line-height:1.9;font-size:1rem;margin:16px 0 0;padding-left:20px}
.scenarios-chapter{background:#f5f5f7}
.scenario-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin-top:58px}
.scenario-card{padding:40px;background:#fff;border-radius:28px}
.scenario-card .eyebrow{font-size:1rem;color:#86868b}
.scenario-card h3{font-size:2rem;font-weight:600;line-height:1.25;letter-spacing:-.025em;margin-top:18px}
.scenario-card>p:not(.eyebrow){font-size:1.125rem;line-height:1.65;color:#6e6e73;margin-top:24px}
.scenario-card .text-link{margin-top:24px;font-size:1.0625rem}
.faq-chapter{padding-top:112px;padding-bottom:102px}
.faq-list{margin-top:45px}
.faq-list details{border-bottom:1px solid #d2d2d7}
.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 0;font-size:1.25rem;font-weight:500;cursor:pointer}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary>span{font-size:1.6875rem;font-weight:300;color:#86868b}
.faq-list details[open] summary>span{transform:rotate(45deg)}
.faq-list details>p{max-width:950px;font-size:1.125rem;line-height:1.65;color:#6e6e73;padding:0 35px 28px 0}
.closing-section{text-align:center;padding:15px 0 105px}
.download-hero{padding-bottom:50px}
.download-platforms{padding-bottom:48px}.download-platforms .platform-grid{margin-top:0}
.download-platforms .platform-note{margin-top:35px;font-size:1rem}
.browser-concept{border:7px solid #242427;border-radius:28px;overflow:hidden;background:#08080b;margin-top:5px}
.browser-titlebar{position:relative;height:48px;display:flex;align-items:center;justify-content:center;background:#f5f5f7;color:#62626a;font-size:0.8125rem}
.browser-empty{padding:50px 24px 86px;text-align:center;color:#f5f5f7}
.browser-empty>img{width:220px;height:auto;margin:auto}
.browser-empty h2{font-size:2.375rem;margin-top:20px}.browser-empty p{font-size:1.0625rem;color:#96969e;margin-top:16px}
.roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:60px 0 0;padding:0;gap:35px}
.roadmap li{border-top:2px solid #dedee3;padding-top:28px}.roadmap li[aria-current]{border-color:var(--blue)}
.roadmap li>span{font-size:0.875rem;color:#86868b}.roadmap li h3{font-size:1.4375rem;line-height:1.3;font-weight:600;margin-top:13px}.roadmap li p{font-size:1.0625rem;line-height:1.6;color:#6e6e73;margin-top:15px}
.details-dialog{border:0;border-radius:28px;padding:48px;width:calc(100% - 48px);max-width:740px;max-height:calc(100dvh - 48px);box-shadow:0 40px 100px #0003;color:var(--ink)}
.details-dialog::backdrop{background:#0006;backdrop-filter:blur(5px)}
.dialog-close{position:absolute;right:15px;top:15px;width:44px;height:44px;border:0;border-radius:50%;background:#ededf1;color:#6e6e73;font-size:1.6875rem}
.details-dialog>.eyebrow{font-size:1rem;color:#86868b;margin-bottom:18px}.details-dialog h2{font-size:2.4375rem;line-height:1.2}
#details-body{font-size:1.125rem;line-height:1.65;color:#6e6e73;margin:27px 0}
#details-body ul{padding-left:21px}.dialog-status{padding:16px 18px;background:#f5f5f7;border-radius:13px;font-size:0.875rem;line-height:1.6;margin-top:23px}
.motion-ready .reveal{transition:opacity .65s ease,transform .65s ease}.motion-ready .reveal:not(.is-visible){opacity:0;transform:translateY(18px)}
@media(min-width:1700px){.visual-width{width:87.5%}.chapter{padding-block:144px}}
@media(max-width:1100px){.studio-layout{grid-template-columns:155px minmax(0,1fr) 194px}.studio-main{padding-inline:28px}.studio-team{padding-inline:18px}.split-layout{gap:55px}.platform-card{padding:35px 27px}.hero-headline{font-size:4.25rem}.detail-steps>article{gap:26px}}
@media(max-width:960px){
 .content,.nav-shell,.footer-inner{width:calc(100% - 48px)}.visual-width{width:calc(100% - 48px)}
 .site-header{height:56px}.menu-toggle{display:block}
 .site-nav{display:none;position:absolute;left:0;right:0;top:56px;flex-direction:column;align-items:stretch;gap:0;background:#fff;color:var(--ink);padding:18px 26px 24px;max-height:calc(100vh - 56px);max-height:calc(100dvh - 56px);overflow-y:auto;border-bottom:1px solid #dedee3;overscroll-behavior:contain}
 .site-nav.open{display:flex}.site-nav>a{font-size:1.125rem;min-height:52px;padding:10px 0}
 .site-nav .web-entry{background:transparent;color:var(--blue);padding:10px 0;font-size:1.125rem;min-height:52px;justify-content:space-between}
 [data-page=home] .site-nav{background:#141417;border-color:#2d2d32}[data-page=home] .site-nav>a:not(.web-entry){color:#f5f5f7}
 .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.3px) rotate(-45deg)}
 .flagship{padding-top:54px;padding-bottom:64px}.hero-copy{width:calc(100% - 48px)}.hero-headline{font-size:3.75rem}.product-name{font-size:1.5rem}.hero-description{font-size:1.1875rem}
 .chapter{padding-block:100px}.chapter-description{font-size:1.25rem}.chapter-heading .eyebrow{font-size:1.1875rem}
 .studio-layout{grid-template-columns:148px minmax(0,1fr);min-height:550px}.studio-team{display:none}.studio-main{padding-inline:28px}.studio-titlebar{font-size:0.75rem}.preview-label{font-size:0.6875rem}.example-goal h3{font-size:1.6875rem}
 .split-layout{grid-template-columns:minmax(0,1fr);gap:58px}.split-layout .chapter-heading{max-width:720px}.role-graph{width:min(100%,620px)}
 .result-layout>div:first-child{order:2}.result-visual{max-width:570px;margin:auto}
 .mobile-chapter .split-layout{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:32px}.mobile-chapter h2{font-size:2.5rem}.mobile-chapter .chapter-description{font-size:1.125rem}.mobile-features h3{font-size:1.1875rem}.mobile-features p{font-size:1rem}.phone-frame{width:235px;max-width:100%}
 .platform-grid{gap:16px}.platform-card{padding:30px 22px}.platform-card h3{font-size:1.5625rem}.platform-card>p{font-size:1rem}.platform-card>.text-link{font-size:0.875rem}
 .page-hero{padding-top:70px}.page-hero .hero-headline{font-size:3.875rem}
 .detail-steps>article{grid-template-columns:35px minmax(0,1fr);gap:25px}.detail-object{grid-column:2}.detail-steps h3{font-size:1.9375rem}
 .scenario-card{padding:32px}.scenario-card h3{font-size:1.75rem}.scenario-card>p:not(.eyebrow){font-size:1.0625rem}
 .faq-list summary{font-size:1.1875rem}.faq-list details>p{font-size:1.0625rem}.roadmap{gap:22px}.roadmap li h3{font-size:1.25rem}.roadmap li p{font-size:1rem}
}
@media(max-width:600px){
 .content,.nav-shell,.footer-inner,.visual-width,.hero-copy{width:calc(100% - 40px)}
 .brand{font-size:1.25rem}.brand img{width:25px;height:25px}
 .flagship{padding:44px 0 54px}.product-name{font-size:1.375rem}.hero-headline{font-size:clamp(2.375rem,10.5vw,3.25rem);line-height:1.12;margin-top:18px}.hero-headline>span{display:block}.hero-description{font-size:1.0625rem;line-height:1.6;margin-top:23px}
 .hero-actions{gap:18px;margin-top:25px}.button,.text-link{font-size:1rem;min-height:46px}.button{padding:12px 20px}
 .brand-scene{width:calc(100% - 40px);height:245px;margin-top:20px}.hero-note{font-size:0.8125rem;width:calc(100% - 44px);margin-top:23px}
 .chapter{padding-block:84px}.eyebrow{font-size:1.125rem}.chapter-heading .eyebrow,.center-heading .eyebrow{margin-bottom:16px;font-size:1.125rem}h2{font-size:clamp(2rem,8.7vw,2.625rem);line-height:1.16}
 .chapter-description{font-size:1.125rem;line-height:1.6;margin-top:26px}.chapter-description br{display:none}
 .workflow-chapter .visual-width{margin-top:42px}.studio-window{border-width:5px;border-radius:20px}.studio-titlebar{height:43px;font-size:0.6875rem}.preview-label{font-size:0.625rem;right:11px}.window-dots{left:12px;gap:5px}.window-dots i{width:6px;height:6px}
 .studio-layout{grid-template-columns:minmax(0,1fr);min-height:0}.studio-sidebar,.studio-team{display:none}.studio-main{padding:24px 20px}.studio-crumbs{font-size:0.6875rem;gap:8px}.example-goal{margin-top:26px}.example-goal h3{font-size:1.5rem}.example-goal>p{font-size:0.75rem}.goal-message{font-size:0.9375rem;padding:15px 16px}.source-chip{font-size:0.75rem}
 .plan-sheet{padding:20px 17px;min-height:0;margin-top:23px}.plan-sheet h4{font-size:1.25rem}.plan-sheet dl>div{grid-template-columns:62px minmax(0,1fr);gap:10px;font-size:0.875rem}.mock-composer{font-size:0.75rem;margin-top:22px}
 .studio-preview figcaption{font-size:0.75rem;padding-inline:8px;margin-top:22px}.demo-tabs{gap:0;padding:4px;margin-top:25px}.demo-tabs button{padding:11px 13px;min-height:44px;font-size:0.875rem}.demo-tabs button>span{display:none}.stage-description{font-size:1rem;width:95%;margin-top:21px}
 .split-layout{gap:45px}.role-branches{gap:14px}.role-node{padding:24px 12px;border-radius:22px}.role-node.director{max-width:220px}.role-node strong{font-size:1.25rem}.role-node p{font-size:0.75rem}.role-orb{width:46px;height:46px;font-size:1.0625rem}.role-connectors{height:61px}.role-graph figcaption{font-size:0.75rem}
 .result-visual{padding:6px 0}.document-sheet{padding:27px 22px;border-radius:23px}.document-sheet h3{font-size:1.6875rem}.document-top{font-size:0.75rem}.document-item p{font-size:0.8125rem}.document-note{font-size:0.75rem}.result-visual figcaption{font-size:0.75rem}
 .mobile-chapter .split-layout{grid-template-columns:minmax(0,1fr);gap:48px}.mobile-chapter h2{font-size:clamp(2rem,8.7vw,2.625rem)}.phone-frame{width:255px;border-radius:40px;border-width:6px}.phone-visual figcaption{font-size:0.75rem;max-width:300px}.small-note{font-size:0.8125rem}.mobile-features{gap:24px}
 .platform-grid{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:42px}.platform-card{padding:34px 30px;border-radius:26px}.platform-card>svg{margin-bottom:23px}.platform-card h3{font-size:1.75rem}.platform-card>p{font-size:1.0625rem}.platform-card>.text-link{font-size:1rem}.availability{margin-top:22px}.platform-note{font-size:0.8125rem;line-height:1.6;padding-inline:8px}
 .site-footer{padding-top:32px}.footer-top{align-items:flex-start;gap:16px;flex-direction:column}.footer-top>span{font-size:0.8125rem}.footer-links{gap:12px 22px;margin-top:16px;font-size:0.75rem}.footer-meta{font-size:0.625rem;margin-top:16px;padding-top:20px}
 .page-hero{padding:57px 20px 42px}.page-hero .hero-headline{font-size:clamp(2.375rem,10.5vw,3.25rem)}.page-hero .hero-description{font-size:1.0625rem}.page-hero .hero-description br{display:none}.status-note{font-size:0.8125rem;line-height:1.6;margin-top:22px}
 .workflow-showcase{margin-top:6px}.detail-steps{margin-top:43px}.detail-steps>article{grid-template-columns:25px minmax(0,1fr);gap:18px;padding:36px 0}.step-number{font-size:0.9375rem}.detail-steps h3{font-size:1.625rem}.detail-steps .eyebrow{font-size:0.9375rem}.detail-steps article>div>p:not(.eyebrow){font-size:1.0625rem;margin-top:17px}.detail-object{padding:24px 22px}.detail-object dl{font-size:0.875rem}.detail-object dl>div{grid-template-columns:35px minmax(0,1fr);gap:9px}.detail-object>span{font-size:0.8125rem}.detail-object ul{font-size:0.9375rem}.detail-steps .role-detail p{font-size:0.875rem!important}.role-detail b{min-width:78px}
 .scenario-grid{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:37px}.scenario-card{padding:30px 27px;border-radius:24px}.scenario-card h3{font-size:1.625rem}.scenario-card>p:not(.eyebrow){font-size:1.0625rem;margin-top:19px}.scenario-card .text-link{font-size:1rem;margin-top:20px}
 .faq-chapter{padding-bottom:75px}.faq-list{margin-top:32px}.faq-list summary{font-size:1.0625rem;line-height:1.5;padding:22px 0;gap:16px}.faq-list details>p{font-size:1rem;padding-right:0;line-height:1.65}.faq-list summary>span{font-size:1.5625rem}.closing-section{padding-bottom:80px}
 .download-platforms .platform-grid{margin-top:0}.download-platforms .platform-note{font-size:0.875rem;margin-top:30px}.browser-concept{border-width:5px;border-radius:20px}.browser-titlebar{height:43px;font-size:0.6875rem}.browser-empty{padding:30px 20px 48px}.browser-empty>img{width:165px}.browser-empty h2{font-size:1.75rem;line-height:1.2}.browser-empty p{font-size:1rem}
 .roadmap{grid-template-columns:minmax(0,1fr);gap:30px;margin-top:38px}.roadmap li{padding-top:22px}.roadmap li h3{font-size:1.4375rem}.roadmap li p{font-size:1.0625rem;margin-top:12px}.roadmap li>span{font-size:0.8125rem}
 .details-dialog{width:calc(100% - 30px);padding:46px 26px 31px;border-radius:24px}.details-dialog h2{font-size:1.875rem}#details-body{font-size:1.0625rem;margin-top:23px}.details-dialog>.eyebrow{font-size:0.875rem}.dialog-status{font-size:0.8125rem}.dialog-close{top:10px;right:10px}
}
@media(max-width:360px){.hero-actions{gap:11px}.hero-actions .button{padding-inline:17px}.hero-actions .text-link{font-size:0.875rem}.brand-scene{height:220px}.preview-label{display:none}.studio-titlebar{font-size:0.6875rem}.studio-main{padding-inline:17px}.demo-tabs button{font-size:0.8125rem;padding-inline:11px}.document-sheet{padding-inline:19px}}
@media(min-width:520px) and (max-width:960px) and (max-height:600px) and (orientation:landscape){
 .flagship{display:grid;grid-template-columns:minmax(0,1fr) clamp(180px,30vw,270px);column-gap:20px;align-items:center;padding:35px 24px 42px}.hero-copy{width:100%;text-align:left}.hero-headline{font-size:clamp(1.875rem,4.5vw,2.625rem)}.hero-headline>span{display:block}.hero-description{font-size:1rem;margin-top:17px}.hero-description br{display:none}.hero-actions{justify-content:flex-start;gap:18px;margin-top:19px}.button,.text-link{font-size:0.9375rem}.brand-scene{width:100%;height:245px;grid-column:2;grid-row:1;margin:0}.hero-note{grid-column:1/-1;width:100%;text-align:left;font-size:0.75rem;margin-top:18px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.motion-ready .reveal:not(.is-visible){opacity:1;transform:none}}

/* Essential release and organization information remains readable. */
.status-note,.platform-note,.studio-preview figcaption{color:#737379}
.footer-meta{font-size:0.75rem;color:#737379}
@media(max-width:600px){.footer-meta{font-size:0.6875rem}}
.footer-meta{align-items:center}
.footer-icp{display:inline-flex;align-items:center;max-width:100%;min-height:44px;font-size:0.875rem;line-height:1.5;color:#53535c;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}

/* Function explanations retain the product-page hierarchy and readable UI examples. */
.feature-overview{background:#f5f5f7;padding:38px 0 43px}
.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.overview-grid>a{padding:10px 0;min-width:0}.overview-grid>a:hover h2{color:var(--blue)}
.overview-grid>a>span{font-size:0.8125rem;color:#737379}.overview-grid h2{font-size:1.5625rem;line-height:1.3;margin-top:13px}
.overview-grid p{font-size:1rem;line-height:1.6;color:#6e6e73;margin-top:11px}
.workflow-mode-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding-top:36px}
.workflow-mode-summary span{font-size:1.125rem;font-weight:600}.workflow-mode-summary p{font-size:1.0625rem;line-height:1.6;color:#6e6e73;margin-top:10px}
.digital-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;max-width:570px;width:100%;margin:auto;align-items:center}
.mini-screen{min-width:0}.mini-screen>img{width:100%;height:auto;border:5px solid #26262c;border-radius:31px;box-shadow:0 20px 45px -30px #152c4640}
.mini-screen figcaption{text-align:center;font-size:0.875rem;color:#6e6e73;margin-top:17px;line-height:1.5}
.screen-note{grid-column:1/-1;text-align:center;font-size:0.8125rem;color:#737379;line-height:1.6}
.mobile-chapter .chapter-heading>.text-link{margin-top:28px}
.modes-chapter{padding-top:68px;padding-bottom:85px}
.mode-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;margin-top:49px}
.mode-card{padding:36px;border-radius:25px;background:#f5f5f7}.mode-label{font-size:0.9375rem;color:#6e6e73}
.mode-card h3{font-size:1.75rem;font-weight:600;line-height:1.3;letter-spacing:-.025em;margin-top:17px}
.mode-card>p{font-size:1.125rem;line-height:1.65;color:#6e6e73;margin-top:23px}
.mode-example{margin-top:30px;padding:24px;background:#fff;border-radius:17px}.mode-example>span{display:block;font-size:0.8125rem;color:#737379;margin-bottom:10px}
.mode-example>strong{font-size:1.0625rem;font-weight:500;line-height:1.5}.mode-example p{font-size:0.9375rem;line-height:1.6;color:#6e6e73;margin-top:12px}
.pro-mode{background:#111115;color:#f5f5f7}.pro-mode .mode-label,.pro-mode>p{color:#adadb4}.pro-mode .mode-example{background:#202026}.pro-mode .mode-example>span,.pro-mode .mode-example p{color:#aaaab2}
.context-chapter{background:#f5f5f7}.context-visual{max-width:560px;margin:auto}.context-window{border:1px solid #dedee5;border-radius:25px;background:#fff;padding:32px}
.context-title{font-size:0.9375rem;font-weight:500;color:#6e6e73;margin-bottom:27px}
.context-file{display:flex;align-items:center;gap:18px;border-top:1px solid #ebebef;padding:20px 0}.context-file>span{width:43px;height:48px;display:grid;place-items:center;border-radius:9px;background:#eaf2fe;color:#38669c;font-size:0.6875rem;font-weight:600;flex-shrink:0}
.context-file strong{font-size:1.1875rem;font-weight:600}.context-file p{font-size:0.9375rem;line-height:1.6;color:#6e6e73;margin-top:7px}
.context-history{padding:21px;background:#f5f5f7;border-radius:14px;margin-top:16px}.context-history strong{font-size:1rem;font-weight:500}.context-history p{font-size:0.9375rem;line-height:1.6;color:#6e6e73;margin-top:8px}
.context-visual figcaption{font-size:0.875rem;line-height:1.6;color:#737379;text-align:center;margin-top:24px}
.model-config-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin-top:55px}
.model-config-grid article{border-top:1px solid #d2d2d7;padding-top:26px}.model-config-grid article>span{font-size:0.875rem;color:#737379}
.model-config-grid h3{font-size:1.625rem;line-height:1.3;font-weight:600;margin-top:16px}.model-config-grid p{font-size:1.125rem;line-height:1.65;color:#6e6e73;margin-top:20px}
.usage-chapter{background:#f5f5f7}.usage-preview{max-width:1030px;margin:55px auto 0;background:#fff;border-radius:26px;border:1px solid #e0e0e6;padding:34px}
.usage-preview-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.usage-preview-header strong{font-size:1.5rem;font-weight:600}.usage-preview-header>span{font-size:0.875rem;color:#737379}
.usage-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:27px}.usage-tabs button{background:#f5f5f7;border:0;border-radius:22px;padding:11px 18px;font-size:0.9375rem;min-height:44px;color:#6e6e73}
.usage-tabs button[aria-selected=true]{background:#1d1d1f;color:#fff}.usage-scope-explain{font-size:1.0625rem;line-height:1.6;margin-top:26px;color:#6e6e73}
.usage-field-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:27px}
.usage-field-grid>div{padding:20px;background:#f5f5f7;border-radius:16px;min-width:0}.usage-field-grid span{display:block;font-size:0.875rem;color:#6e6e73}.usage-field-grid strong{display:block;font-size:1.0625rem;font-weight:500;line-height:1.4;margin-top:12px}
.usage-ledger-head,.usage-ledger-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);gap:20px;border-bottom:1px solid #e9e9ee;padding:18px 0;font-size:1rem;line-height:1.5}.usage-ledger-head{font-size:0.875rem;color:#737379;margin-top:22px}
.usage-ledger-row strong{font-weight:500}.usage-ledger-row>span{color:#6e6e73}.usage-preview-caption,.usage-note{font-size:0.875rem;line-height:1.6;color:#737379;margin-top:24px}.usage-note{max-width:920px;text-align:center;margin-inline:auto}
.section-jump{display:flex;justify-content:center;gap:12px 26px;flex-wrap:wrap;padding:15px 0 8px}.section-jump a{font-size:0.9375rem;color:#6e6e73;min-height:44px;display:flex;align-items:center}.section-jump a:hover{color:var(--blue)}
.category-pills,.metric-pills,.model-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:29px}
.category-pills>span,.metric-pills>span,.model-pills>span{padding:10px 13px;border-radius:10px;background:#f5f5f7;font-size:0.875rem;line-height:1.5;color:#62626a}.category-pills .selected{background:#e8f2ff;color:#1461bb}
.feature-reading{display:grid;gap:25px;margin-top:33px}.feature-reading h3{font-size:1.3125rem;line-height:1.35;font-weight:600}.feature-reading p{font-size:1.0625rem;line-height:1.65;color:#6e6e73;margin-top:10px}
.app-screen-figure{width:100%;max-width:460px;margin:auto}.app-screen{width:265px;max-width:95%;margin:auto;border:6px solid #26262c;overflow:hidden;border-radius:39px;box-shadow:0 30px 50px -35px #172d4b45}.app-screen img{width:100%;height:auto}
.app-screen-figure figcaption{font-size:0.875rem;line-height:1.6;text-align:center;color:#737379;max-width:390px;margin:24px auto 0}
.comparison-chapter{background:#f5f5f7}.comparison-guide{background:#fff;border-radius:26px;border:1px solid #e0e0e7;padding:31px;max-width:590px;margin:auto}
.comparison-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.comparison-top strong{font-size:1.4375rem;font-weight:600}.comparison-top>span{font-size:0.8125rem;color:#737379}
.comparison-tabs{display:flex;gap:7px;margin-top:25px}.comparison-tabs button{min-width:0;min-height:44px;border:0;border-radius:22px;background:#f5f5f7;color:#6e6e73;font-size:0.875rem;padding:10px 15px;flex:1;white-space:nowrap}
.comparison-tabs button[aria-selected=true]{background:#1d1d1f;color:#fff}.comparison-number{font-size:0.875rem;color:#86868b;margin-top:28px}
.comparison-guide h3{font-size:1.625rem;line-height:1.3;margin-top:13px;font-weight:600}.comparison-guide [role=tabpanel]{min-height:285px}.comparison-guide [role=tabpanel]>p{font-size:1.0625rem;line-height:1.65;color:#6e6e73;margin-top:17px}
.comparison-footer{font-size:0.875rem;line-height:1.6;color:#737379;padding-top:22px;margin-top:20px;border-top:1px solid #e2e2e7}.source-explanation{margin-top:24px;padding:21px;background:#f5f5f7;border-radius:15px}.source-explanation strong,.source-explanation span{display:block;font-size:1rem;line-height:1.6}.source-explanation span{color:#6e6e73;margin-top:7px}
.comparison-slots{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px;margin-top:24px}.comparison-slots>div{padding:21px;background:#f5f5f7;border-radius:14px}.comparison-slots span{display:block;font-size:0.875rem;color:#6e6e73}.comparison-slots strong{display:block;font-size:1rem;font-weight:500;line-height:1.5;margin-top:12px}
.devices-chapter{background:#08080b;color:#f5f5f7}.devices-chapter .chapter-description,.devices-chapter .feature-reading p{color:#adadb4}.devices-chapter .small-note,.devices-chapter figcaption{color:#a0a0a8}
.supported-models{padding-top:60px}.supported-models h3{font-size:1.5rem;font-weight:600;line-height:1.3}.supported-models>p{font-size:1.0625rem;line-height:1.6;color:#a0a0a8;margin-top:14px}.supported-models .model-pills span{background:#1c1c22;color:#c5c5ce}
.collection-visual{max-width:570px;width:100%;margin:auto}.collection-sheet{background:#f5f5f7;border-radius:27px;padding:35px}.collection-sheet>h3{font-size:1.625rem;font-weight:600;line-height:1.3;margin-bottom:29px}.collection-sheet>div:not(.contributor-flow){position:relative;padding:20px 0 20px 41px;border-top:1px solid #dcdce2}.collection-sheet>div>span{position:absolute;left:0;top:23px;font-size:0.8125rem;color:#86868b}.collection-sheet strong{font-size:1.125rem;font-weight:500}.collection-sheet p{font-size:1rem;line-height:1.6;color:#6e6e73;margin-top:9px}.contributor-flow{border-top:1px solid #dcdce2;padding-top:23px;margin-top:12px}.collection-visual figcaption{font-size:0.875rem;color:#737379;text-align:center;margin-top:24px}
.resource-explain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:50px}.resource-explain-grid article{border-top:1px solid #d2d2d7;padding-top:27px}.resource-explain-grid h3{font-size:1.5625rem;font-weight:600;line-height:1.3}.resource-explain-grid p{font-size:1.0625rem;line-height:1.65;color:#6e6e73;margin-top:18px}.resource-explain-grid .text-link{font-size:1rem;margin-top:17px}
.context-file>span{font-size:0.75rem}.mode-example>span,.usage-preview-caption,.usage-note,.platform-note,.status-note{font-size:0.875rem}
@media(max-width:960px){
 .overview-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:23px 36px}.overview-grid h2{font-size:1.5rem}.workflow-mode-summary{gap:30px}
 .mode-card{padding:31px}.mode-card h3{font-size:1.5625rem}.mode-card>p{font-size:1.0625rem}.mode-example{padding:21px}
 .model-config-grid{gap:28px}.model-config-grid h3{font-size:1.4375rem}.model-config-grid p{font-size:1.0625rem}
 .digital-duo{max-width:490px;gap:19px}.mini-screen>img{border-radius:27px}.mobile-chapter .digital-duo{grid-template-columns:minmax(0,1fr);max-width:260px}.mobile-chapter .digital-duo .mini-screen:nth-child(2){display:none}
 .usage-preview{padding:29px}.usage-field-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .app-screen{width:255px}.comparison-guide{width:100%;max-width:650px}.resource-explain-grid{gap:28px}.resource-explain-grid h3{font-size:1.4375rem}
}
@media(max-width:600px){
 .feature-overview{padding:27px 0 32px}.overview-grid{gap:20px 24px}.overview-grid>a>span{font-size:0.75rem}.overview-grid h2{font-size:1.3125rem}.overview-grid p{font-size:0.9375rem;line-height:1.55;margin-top:10px}
 .workflow-mode-summary{grid-template-columns:minmax(0,1fr);gap:23px;padding-top:29px}.workflow-mode-summary span{font-size:1.0625rem}.workflow-mode-summary p{font-size:1rem}
 .digital-duo,.mobile-chapter .digital-duo{max-width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px}.mobile-chapter .digital-duo .mini-screen:nth-child(2){display:block}.mini-screen>img{border-width:4px;border-radius:22px}.mini-screen figcaption{font-size:0.875rem;margin-top:13px}.screen-note{font-size:0.8125rem;margin-top:3px}
 .demo-tabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px;width:min(100%,360px)}.demo-tabs button{font-size:0.875rem;padding:11px 12px;min-height:44px}
 .modes-chapter{padding-top:44px;padding-bottom:66px}.mode-grid{grid-template-columns:minmax(0,1fr);gap:21px;margin-top:35px}.mode-card{padding:30px 26px}.mode-card h3{font-size:1.5625rem}.mode-card>p{font-size:1.0625rem}.mode-example{padding:21px}.mode-example>strong{font-size:1rem}.mode-example p{font-size:0.9375rem}.mode-label{font-size:0.875rem}
 .context-window{padding:25px 23px}.context-file{gap:14px}.context-file strong{font-size:1.125rem}.context-file p{font-size:1rem}.context-title{font-size:0.875rem}.context-history p{font-size:1rem}.context-visual figcaption{font-size:0.875rem}
 .model-config-grid,.resource-explain-grid{grid-template-columns:minmax(0,1fr);gap:33px;margin-top:35px}.model-config-grid h3,.resource-explain-grid h3{font-size:1.5625rem}.model-config-grid p,.resource-explain-grid p{font-size:1.0625rem}
 .usage-preview{padding:25px 21px;border-radius:23px;margin-top:37px}.usage-preview-header strong{font-size:1.375rem}.usage-preview-header>span{font-size:0.8125rem}.usage-tabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px}.usage-tabs button{font-size:0.875rem;padding:11px 13px}.usage-scope-explain{font-size:1rem}.usage-field-grid{gap:10px}.usage-field-grid>div{padding:17px 14px}.usage-field-grid strong{font-size:1rem}.usage-ledger-head,.usage-ledger-row{gap:15px;font-size:0.9375rem}.usage-ledger-head{font-size:0.875rem}.usage-preview-caption,.usage-note{font-size:0.875rem}
 .section-jump{gap:4px 20px;padding-top:8px;justify-content:flex-start}.section-jump a{font-size:0.875rem}.category-pills,.metric-pills,.model-pills{gap:8px;margin-top:24px}.category-pills>span,.metric-pills>span,.model-pills>span{font-size:0.875rem;padding:9px 12px}
 .feature-reading h3{font-size:1.25rem}.feature-reading p{font-size:1.0625rem}.app-screen{width:250px;max-width:90%;border-width:5px;border-radius:35px}.app-screen-figure figcaption{font-size:0.875rem;line-height:1.6}
 .comparison-guide{padding:26px 22px;border-radius:24px}.comparison-top strong{font-size:1.375rem}.comparison-top>span{font-size:0.75rem}.comparison-tabs{gap:4px}.comparison-tabs button{font-size:0.8125rem;padding:10px 8px}.comparison-guide h3{font-size:1.5rem}.comparison-guide [role=tabpanel]{min-height:300px}.comparison-guide [role=tabpanel]>p{font-size:1rem}.comparison-number{font-size:0.8125rem}.comparison-footer{font-size:0.875rem}.comparison-slots{gap:10px}.comparison-slots>div{padding:18px 14px}.comparison-slots strong{font-size:0.9375rem}
 .supported-models{padding-top:41px}.supported-models h3{font-size:1.4375rem}.supported-models>p{font-size:1rem}.collection-sheet{padding:29px 25px}.collection-sheet>h3{font-size:1.5rem}.collection-sheet strong{font-size:1.125rem}.collection-sheet p{font-size:1rem}.collection-visual figcaption{font-size:0.875rem}
}
@media(max-width:360px){.overview-grid{gap:20px}.overview-grid h2{font-size:1.25rem}.overview-grid p{font-size:0.9375rem}.mini-screen>img{border-radius:17px}.digital-duo{gap:12px}.comparison-tabs button{font-size:0.75rem;padding-inline:5px}.usage-preview{padding-inline:18px}.usage-ledger-row{font-size:0.875rem}}

@media(max-width:600px){.overview-grid p{font-size:1rem}.screen-note,.small-note{font-size:0.875rem}.comparison-tabs button{font-size:0.875rem}.comparison-top>span{font-size:0.8125rem}}
@media(max-width:360px){.comparison-tabs button{font-size:0.875rem;padding-inline:5px}}

/* Explanatory text is available immediately; illustrations retain the gentle reveal. */
.motion-ready .chapter-heading.reveal:not(.is-visible){opacity:1;transform:none}
@media(max-width:600px){.section-jump{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 10px}.section-jump a{justify-content:center;text-align:center}}

/* Large text reflows within instructional controls and sample window titles. */
.comparison-tabs{flex-wrap:wrap}.comparison-tabs button{white-space:normal;line-height:1.4;flex-basis:100px}
@media(max-width:600px){.studio-titlebar{padding-left:47px;padding-right:10px;justify-content:flex-start;min-height:43px;height:auto;padding-block:10px}.preview-label{display:none}.comparison-tabs button{flex-basis:65px;min-width:65px}.usage-tabs button{line-height:1.4}.mode-example>strong{overflow-wrap:anywhere}}
.dialog-close{font-size:27px}

/* Public news is read-only; all article text and images come from published API records. */
.news-chapter{background:var(--paper);padding-block:88px}
.news-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.news-heading>.text-link{flex-shrink:0}
.news-feed{position:relative;margin-top:38px}
.news-feed [hidden]{display:none!important}
.news-state{padding:29px 28px;background:#fff;border:1px solid #e0e0e6;border-radius:22px;font-size:1.0625rem;line-height:1.65;color:#62626a}
.news-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.news-feed-full .news-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.news-card{min-width:0;padding:29px;background:#fff;border:1px solid #e0e0e6;border-radius:25px;scroll-margin-top:90px}
.news-date{display:block;font-size:0.8125rem;line-height:1.6;color:#737379}
.news-card-title{font-size:1.5rem;line-height:1.35;font-weight:600;letter-spacing:-.02em;margin-top:13px;overflow-wrap:anywhere}
.news-text{font-size:1rem;line-height:1.75;color:#62626a;margin-top:19px;white-space:pre-wrap;overflow-wrap:anywhere}
.news-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:23px}
.news-images.news-image-single{grid-template-columns:minmax(0,1fr)}
.news-image-frame{min-width:0;background:#f5f5f7;border-radius:14px;overflow:hidden}
.news-image-link{display:block;min-height:44px}
.news-image-link img{width:100%;height:auto;max-height:420px;object-fit:contain}
.news-image-unavailable{font-size:0.875rem;line-height:1.6;color:#737379;padding:22px 16px}
.news-body-details{margin-top:20px;border-top:1px solid #e5e5eb}
.news-body-details>summary{min-height:44px;padding:13px 0;color:var(--blue);font-size:0.9375rem;line-height:1.5;cursor:pointer}
.news-detail-body{padding-bottom:4px}
.news-detail-state{font-size:0.9375rem;line-height:1.65;color:#737379;margin-top:15px}
.news-actions{display:flex;justify-content:flex-end;gap:24px;flex-wrap:wrap;margin-top:20px}
.news-actions .text-link{font-size:0.9375rem;min-height:44px}
.news-list-title{font-size:2rem}
.news-page{padding-top:57px;background:var(--paper)}
.news-announcement{position:absolute!important;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;padding:0!important;margin:-1px!important;border:0!important}
@media(max-width:960px){.news-chapter{padding-block:72px}.news-list{grid-template-columns:repeat(2,minmax(0,1fr))}.news-card{padding:25px}.news-card-title{font-size:1.375rem}}
@media(max-width:600px){.news-chapter{padding-block:63px}.news-heading{align-items:flex-start;flex-direction:column;gap:18px}.news-feed{margin-top:26px}.news-state{padding:25px 23px;font-size:1rem}.news-list,.news-feed-full .news-list{grid-template-columns:minmax(0,1fr);gap:18px}.news-card{padding:25px 23px;border-radius:23px}.news-card-title{font-size:1.375rem}.news-text{font-size:1rem}.news-date{font-size:0.8125rem}.news-images{gap:10px}.news-page{padding-top:40px}.news-list-title{font-size:1.75rem}.news-actions{gap:18px;justify-content:flex-start}}

.blogger-application-chapter{padding-top:70px;background:var(--paper)}
.blogger-requirements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:42px}
.blogger-requirements>div{padding:27px;background:#fff;border:1px solid #e0e0e6;border-radius:22px;min-width:0}
.blogger-requirements dt{font-size:1.125rem;font-weight:600;line-height:1.4}
.blogger-requirements dd{font-size:1rem;line-height:1.7;color:#62626a;margin-top:13px;overflow-wrap:anywhere}
.blogger-privacy-note{font-size:0.9375rem;line-height:1.7;color:#62626a;margin-top:31px;max-width:960px}
.blogger-admin-note{padding:31px;background:var(--paper);border-radius:25px;min-width:0}
.blogger-admin-note h3{font-size:1.5rem;font-weight:600;line-height:1.35}
.blogger-admin-note>p{font-size:1rem;line-height:1.7;color:#62626a;margin-top:21px}
.blogger-admin-note>.text-link{margin-top:20px;font-size:1rem;min-height:44px}
.blogger-admin-note>.small-note{font-size:0.875rem}
@media(max-width:600px){.blogger-application-chapter{padding-top:46px}.blogger-requirements{grid-template-columns:minmax(0,1fr);gap:17px;margin-top:29px}.blogger-requirements>div{padding:25px 23px}.blogger-admin-note{padding:27px 23px}.blogger-admin-note h3{font-size:1.375rem}.blogger-privacy-note{font-size:0.9375rem}}