/* Standalone product chapters. The shared logo, header and typefaces live in landing.css. */
.product-page{--card:#25262c;--card-2:#2c2d34;--edge:#ffffff22;--soft:#b4b5bf;--dim:#8e909a;overflow-x:hidden;background:#191a1d}
.product-page .site-footer{background:#191a1d}
.product-page .nav-links [aria-current="page"]{color:var(--text)}
.product-page h1,.product-page h2,.product-page h3,.product-page p{margin:0}
.product-page h1,.product-page h2{font-family:var(--serif);font-weight:400;letter-spacing:-.052em}
.product-page h2{font-size:clamp(49px,4.8vw,72px);line-height:1.13}
.product-page h2 span,.product-page h1 span{color:#aaaab4}
.product-page h3{font-weight:500;letter-spacing:-.04em}
.product-page .eyebrow{font-size:12px;letter-spacing:.135em;text-transform:uppercase;color:#b1b2bd;font-weight:500;line-height:1.5}
.eyebrow-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b5a7d3;vertical-align:2px;margin-right:8px;box-shadow:0 0 0 4px #b5a7d31a}
.section-pad{padding:118px 0}
.section-heading,.feature-heading{display:grid;grid-template-columns:1fr 390px;gap:85px;align-items:end;margin-bottom:47px}
.section-heading h2,.feature-heading h2{margin-top:16px}
.section-heading>p,.feature-heading>p{font-size:19px;color:var(--soft);line-height:1.55}
.product-page img[src*="/iconoir/"]{width:22px;height:22px;object-fit:contain;filter:invert(1);opacity:.87;flex:none}
.icon-tile{display:grid;place-items:center;width:48px;height:48px;flex:none;border:1px solid #ffffff31;border-radius:14px;background:#ffffff0b}
.icon-tile img{width:23px;height:23px}
.ui-label{font-size:10px;letter-spacing:.14em;color:#aaaab5;font-weight:500}
.pill-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:49px;padding:0 21px;background:#edece9;border-radius:30px;color:#222329;font-size:14px;font-weight:500;white-space:nowrap;transition:background .2s,transform .2s}
.pill-button:hover{background:#fff;transform:translateY(-2px)}
.product-page .pill-button img{width:17px;height:17px;filter:none;opacity:1}
.quiet-link{display:inline-flex;align-items:center;gap:11px;font-size:14px;border-bottom:1px solid #797b85;padding-bottom:6px;color:#e4e4e9}
.quiet-link:hover{border-color:#e4e4e9}
.quiet-link img{width:15px!important;height:15px!important}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:34px}
.page-hero{position:relative;overflow:hidden}
/* Shared hero copy and product-page components. */
.hero-lead{font-size:22px;line-height:1.55;color:#babbc3;max-width:550px;margin-top:30px!important}
.toolkit-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.toolkit-card-top>span:last-child{color:#bbb9c6;font-size:10px;letter-spacing:.13em}
.component-note{font-size:12px!important;line-height:1.5;color:#8e909b;margin-top:24px!important}
.showcase-top,.atlas-product-bar,.ui-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff26;padding-bottom:17px;font-size:10px;letter-spacing:.11em;color:#b9b9c5}
.showcase-top>span:first-child,.atlas-product-bar>span:first-child,.ui-card-heading>span:first-child{display:flex;align-items:center;gap:9px}
.showcase-top img,.atlas-product-bar img,.ui-card-heading img{width:17px!important;height:17px!important}
/* Studio: interface, connected views and clear product status. */
.studio-hero{text-align:center;padding-top:92px;background:radial-gradient(ellipse 58% 42% at 50% 50%,#30303a,#191a1d 78%)}
.studio-hero-heading h1{font-size:clamp(76px,7.1vw,109px);line-height:1.08;margin-top:19px}
.studio-hero-heading .hero-lead{margin:25px auto 0!important;max-width:740px}
.studio-hero-frame{padding-top:74px}
.studio-demo{height:515px;background:#202127;border:1px solid #585964;border-radius:20px 20px 0 0;display:grid;grid-template-columns:155px minmax(0,1fr) 226px;overflow:hidden;box-shadow:0 30px 82px #0007;text-align:left}
.demo-sidebar{position:relative;background:#23242b;border-right:1px solid #ffffff20;padding:20px 12px}
.demo-mark{display:flex;align-items:center;gap:8px;padding:0 10px 38px}
.demo-mark>img{width:26px;height:20px}
.demo-mark>span{font-family:var(--serif);font-size:25px;letter-spacing:-.05em}
.demo-nav-row{display:flex;align-items:center;gap:8px;padding:12px 9px;border-radius:8px;font-size:12px;color:#9d9faa}
.demo-nav-row img{width:16px!important;height:16px!important}
.demo-nav-row.active{background:#3b3c47;color:#fff}
.demo-sidebar-end{position:absolute;bottom:17px;left:18px;right:8px;font-size:9px;letter-spacing:.09em;color:#81838e}
.demo-main{padding:0 22px;min-width:0}
.demo-toolbar{height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff23;font-size:12px;color:#aaaab8}
.demo-toolbar b{color:#e6e6e9;font-weight:500}
.demo-viewport{display:flex;align-items:center;gap:5px;font-size:10px}
.demo-viewport img{width:14px!important;height:14px!important}
.demo-main-title{padding:23px 0 15px}
.demo-main-title>span{font-size:9px;letter-spacing:.1em;color:#9698a4}
.demo-main-title>strong{display:block;font-size:22px;font-weight:500;letter-spacing:-.04em;margin-top:7px}
.demo-main-title>p{font-size:12px!important;color:#9295a0;margin-top:5px!important}
.demo-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.demo-scenes>div{display:flex;flex-direction:column;align-items:center;height:285px;padding:12px 8px;background:#2b2c34;border:1px solid #50525e;border-radius:9px}
.demo-scenes>div.current{border-color:#a8a0bb;background:#33323e}
.demo-scenes>div>span{align-self:flex-start;font-size:9px;letter-spacing:.08em;color:#a9a8b7}
.demo-scenes img{height:228px;width:100%;object-fit:contain}
.demo-inspector{background:#292a31;border-left:1px solid #ffffff25;padding:22px 20px}
.demo-inspector h3{font-size:19px;margin-top:14px}
.demo-inspector p{font-size:15px!important;line-height:1.5;color:#d0ced9;margin:18px 0 23px!important;padding:19px;background:#35343f;border:1px solid #6d667d;border-radius:10px}
.demo-inspector>div{display:flex;gap:9px;align-items:center;border-top:1px solid #ffffff1b;padding:14px 0;font-size:11px;color:#b4b5c0}
.demo-inspector>div img{width:16px!important;height:16px!important}
.demo-inspector small{display:block;font-size:10px;color:#898b96;margin-top:21px}
.hero-frame-caption{font-size:11px!important;color:#8e8f9b;margin:16px 0 69px!important}
.studio-overview{background:#222329}
.space-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.space-cards>a{position:relative;min-height:264px;background:#303139;border:1px solid var(--edge);border-radius:20px;padding:21px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,border-color .2s}
.space-cards>a:hover{transform:translateY(-4px);border-color:#aaa6b8}
.space-cards small{font-size:10px;color:#a5a6b2;letter-spacing:.11em;margin-top:29px}
.space-cards h3{font-size:25px;margin-top:7px}
.space-cards p{font-size:15px!important;line-height:1.45;color:#b6b7c0;margin-top:8px!important;max-width:220px}
.space-cards .space-arrow{position:absolute;right:19px;top:23px;width:18px!important;height:18px!important}
.storyboard-section{background:#191a1d}
.storyboard-showcase{height:501px;background:radial-gradient(ellipse at 50% 50%,#37343f,#25262d 72%);border:1px solid #ffffff2b;border-radius:22px;padding:23px;position:relative;overflow:hidden}
.showcase-scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:78%;margin-top:24px}
.showcase-scenes figure{border:1px solid #62626e;border-radius:11px;background:#25262e;min-width:0;height:368px;padding:10px}
.showcase-scenes figure.selected{border-color:#b5a7cf;background:#33323e}
.showcase-scenes figure>div{height:304px;display:grid;place-items:center;border-radius:7px;background:#2e2e36}
.showcase-scenes figure img{height:275px;width:100%;object-fit:contain}
.showcase-scenes figcaption{font-size:11px;color:#aaabb8;margin-top:12px}
.showcase-scenes figcaption strong{color:#e5e4e9;font-weight:500;margin-left:11px}
.showcase-mobile{position:absolute;right:36px;top:92px;width:170px;height:331px;border:5px solid #6c6a75;border-radius:27px;background:#1a1b20;box-shadow:0 22px 38px #0009;padding:14px;text-align:center}
.showcase-mobile>span{font-size:10px;letter-spacing:.08em;color:#aeb0ba}
.showcase-mobile>img{height:258px;width:100%;object-fit:contain;margin-top:8px}
.showcase-bottom{position:absolute;bottom:14px;left:25px;display:flex;gap:27px}
.showcase-bottom>span{display:flex;align-items:center;gap:7px;font-size:10px;color:#b8b9c5}
.showcase-bottom img{width:14px!important;height:14px!important}
.atlas-section{background:#222329}
.atlas-product{background:#1e1e23;border:1px solid #ffffff2a;border-radius:22px;padding:12px;box-shadow:0 28px 74px #0003}
.atlas-product-bar{padding:12px 14px 18px}
.atlas-screenshot{display:block;width:100%;border-radius:11px;margin-top:10px}
.atlas-support{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:18px}
.atlas-support article,.atlas-support>p{border:1px solid var(--edge);background:#2c2d34;border-radius:17px;padding:22px;min-height:160px}
.atlas-support h3{font-size:20px;margin-top:12px}
.atlas-support article p{font-size:14px!important;line-height:1.4;color:#b6b7c0;margin-top:7px!important}
.atlas-support>p{font-size:14px!important;color:#a8a9b3;line-height:1.5}
.atlas-support .icon-tile{width:36px;height:36px;border-radius:10px}
.atlas-support .icon-tile img{width:18px!important;height:18px!important}
.agents-section{background:#191a1d}
.agents-layout{display:grid;grid-template-columns:1.13fr .87fr;gap:16px}
.agents-model-card,.agents-budget-card{border:1px solid var(--edge);border-radius:22px;background:#292a31;padding:24px;min-height:466px}
.agents-budget-card{background:radial-gradient(circle at 55% 43%,#34303f,#272831 70%)}
.model-card-title{padding:21px 0 17px}
.model-card-title h3{font-size:25px}
.model-card-title p{font-size:14px!important;color:#aaaab6;line-height:1.45;margin-top:5px!important}
.model-row{display:flex;align-items:center;gap:12px;border-top:1px solid #ffffff23;padding:13px 0}
.model-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#3b3c45;border:1px solid #ffffff1d}
.model-icon img{width:18px!important;height:18px!important}
.model-row>div{display:flex;flex-direction:column;gap:2px}
.model-row>div strong{font-size:14px;font-weight:500}
.model-row>div small{font-size:11px;color:#aaaab6}
.model-row>span:last-child{display:flex;align-items:center;gap:3px;margin-left:auto;font-size:11px;color:#c3c3cc}
.model-row>span:last-child img{width:14px!important;height:14px!important}
.budget-glow{text-align:center;padding:51px 15px 44px}
.budget-glow>img{width:29px!important;height:29px!important;margin-bottom:18px}
.budget-glow strong{font-family:var(--serif);font-size:34px;font-weight:400;line-height:1.15;display:block}
.budget-glow p{font-size:14px!important;color:#b9b8c3;max-width:280px;margin:13px auto 0!important}
.budget-flow{display:flex;gap:7px;align-items:center;justify-content:center;border-top:1px solid #ffffff27;padding-top:19px;font-size:9px;letter-spacing:.06em;color:#c5c3d0}
.budget-flow i{height:1px;width:17px;background:#9d9daa}
.agents-budget-card .component-note{margin-top:27px!important}
.toolkits-section{background:#222329}
.toolkit-core{width:250px;height:107px;margin:0 auto 43px;border:1px solid #89838e;border-radius:18px;background:#3a3944;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 16px 40px #0003;position:relative}
.toolkit-core>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#c7c4d1;letter-spacing:.09em}
.toolkit-core>span img{width:16px!important;height:16px!important}
.toolkit-core>strong{font-family:var(--serif);font-size:24px;font-weight:400;margin-top:5px}
.core-nodes{position:absolute;top:100%;left:0;right:0;height:44px;display:flex;align-items:end;justify-content:space-around}
.core-nodes i{width:1px;height:44px;background:#777780}
.toolkit-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.toolkit-cards article{border:1px solid #ffffff30;border-radius:20px;background:#2e2f37;padding:23px;min-height:312px;position:relative}
.toolkit-cards article::before{content:'+';display:grid;place-items:center;position:absolute;top:-19px;left:calc(50% - 19px);width:38px;height:38px;border-radius:50%;background:#41424c;border:1px solid #9896a1;font-size:23px}
.toolkit-cards h3{font-size:25px;margin-top:28px}
.toolkit-cards p{font-size:16px!important;color:#b8b9c4;line-height:1.45;margin-top:10px!important}
.tag-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:23px}
.tag-list span{border:1px solid #777882;background:#3c3d47;color:#dedee5;border-radius:20px;padding:6px 11px;font-size:11px}
.toolkits-section .component-note{margin-top:25px!important}
.studio-end{background:#191a1d}
.studio-end-card{border:1px solid #ffffff30;border-radius:27px;background:radial-gradient(circle at 83% 45%,#393441,#292a30 57%,#25262b);padding:70px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;overflow:hidden}
.studio-end-card h2{margin-top:17px}
.studio-end-card p:not(.eyebrow){font-size:18px!important;color:#b8b8c2;max-width:630px;margin-top:21px!important}
.studio-end-card .pill-button{margin-top:29px}
.studio-end-symbol{display:flex;align-items:center;justify-content:center;gap:13px;opacity:.75}
.studio-end-symbol>img{width:70px;height:53px}
.studio-end-symbol span{font-family:var(--serif);font-size:67px;letter-spacing:-.06em}
@media(max-width:1100px){.section-heading,.feature-heading{grid-template-columns:1fr 315px;gap:46px}.studio-demo{grid-template-columns:135px minmax(0,1fr) 205px}.demo-main{padding:0 15px}.demo-inspector{padding:18px 15px}.showcase-mobile{right:19px;width:143px}.showcase-scenes{width:80%}.budget-flow{font-size:8px}.toolkit-cards article{padding:20px}}
@media(prefers-reduced-motion:reduce){.pill-button,.space-cards>a{transition:none}}

/* The TCG opening is a scroll-controlled retelling of the prototype's pack reveal. */
.pack-story{--story-percent:0%;--card-opacity:0;--card-rise:100px;position:relative;background:radial-gradient(ellipse 55% 62% at 72% 42%,#322738 0%,#222027 54%,#191a1d 85%)}
.pack-story.is-enhanced{height:300vh}
.pack-story-stage{position:relative;min-height:calc(100vh - 64px);overflow:hidden}
.pack-story.is-enhanced .pack-story-stage{position:sticky;top:64px;height:calc(100vh - 64px);min-height:650px}
.pack-story-grid{display:grid;grid-template-columns:.93fr 1.07fr;align-items:center;gap:42px;min-height:calc(100vh - 64px)}
.pack-story-copy{position:relative;z-index:2;padding:65px 0 100px}
.pack-story-thesis h1{font-size:clamp(78px,7.8vw,115px);line-height:1.04;margin-top:26px}
.pack-story-thesis .hero-lead{max-width:540px}
.pack-story-reveal{margin-top:54px;max-width:540px}
.pack-story-reveal h2{font-size:clamp(57px,5.2vw,78px);line-height:1.12;margin-top:20px}
.pack-story-reveal>p:not(.eyebrow){font-size:20px;color:#babbc3;line-height:1.55;margin-top:27px!important}
.pack-story-reveal .quiet-link{margin-top:30px}
.pack-story.is-enhanced .pack-story-copy{height:100%;padding:0}
.pack-story.is-enhanced .pack-story-thesis,.pack-story.is-enhanced .pack-story-reveal{position:absolute;left:0;top:50%;width:100%;margin:0;transform:translateY(-50%)}
.pack-story.is-enhanced .pack-story-thesis{opacity:var(--thesis-opacity,1);pointer-events:var(--thesis-events,auto)}
.pack-story.is-enhanced .pack-story-reveal{opacity:var(--reveal-opacity,0);pointer-events:var(--reveal-events,none)}
.pack-story-art{height:min(73vh,675px);min-height:540px;position:relative;isolation:isolate}
.pack-story-glow{position:absolute;width:70%;aspect-ratio:1;left:15%;top:12%;border-radius:50%;background:#866b9954;filter:blur(100px);opacity:.8}
.pack-story-orbit{position:absolute;width:76%;aspect-ratio:1;left:12%;top:5%;border:1px solid #c9b3d01c;border-radius:50%;box-shadow:0 0 0 76px #c9b3d00a,0 0 0 146px #c9b3d006}
.pack-story-card,.pack-story-fallback,.pack-story-canvas{position:absolute;left:0;top:0;width:100%;height:100%}
.pack-story-card{object-fit:contain;width:300px;height:410px;left:50%;top:50%;transform:translate(-50%,calc(-50% + var(--card-rise))) rotate(var(--card-tilt,-7deg)) scale(var(--card-scale,.84));opacity:var(--card-opacity);filter:drop-shadow(0 28px 24px #0009);z-index:1}
.pack-story-fallback{object-fit:contain;width:min(39.4vh,375px);height:auto;max-height:86%;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 30px 24px #0008);z-index:2;opacity:var(--pack-opacity,1)}
.pack-story-canvas{z-index:3;display:none}
.pack-story.is-webgl .pack-story-fallback{display:none}
.pack-story.is-webgl .pack-story-canvas{display:block}
.pack-story-art-label{position:absolute;left:0;right:0;bottom:18px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.14em;color:#aaa4b1;z-index:4}
.pack-story-bottom{position:absolute;left:0;right:0;bottom:24px;display:flex;align-items:center;gap:22px;font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:#b5afbf;z-index:5}
.pack-story-cue{display:none;align-items:center;gap:7px;white-space:nowrap;opacity:var(--cue-opacity,1)}
.pack-story.is-enhanced .pack-story-cue{display:flex}
.pack-story-cue img{width:16px!important;height:16px!important;transform:rotate(90deg)}
.pack-story-index{margin-left:auto;white-space:nowrap}
.pack-story-progress{height:1px;width:112px;background:#ffffff38;position:relative}
.pack-story-progress span{position:absolute;left:0;top:0;bottom:0;width:var(--story-percent);background:#e7dae9}
.tcg-facts-section{padding:0 0 84px;background:#191a1d}
@media(max-width:1100px){.pack-story-grid{gap:15px;grid-template-columns:1fr 1fr}.pack-story-thesis h1{font-size:76px}.pack-story-art{min-height:500px}.pack-story-reveal h2{font-size:54px}}
@media(prefers-reduced-motion:reduce){.pack-story.is-enhanced{height:190vh}.pack-story-canvas{display:none!important}.pack-story-fallback{display:block!important}.pack-story-card{transform:translate(-50%,-50%)}}

.studio-end-card{grid-template-columns:minmax(0,1.65fr) minmax(160px,.65fr);gap:36px}
.studio-end-card h2>span{white-space:nowrap}
@media(max-width:1100px){.studio-end-card{padding:48px;grid-template-columns:minmax(0,1fr) 160px;gap:24px}.studio-end-symbol>img{width:45px;height:35px}.studio-end-symbol span{font-size:48px}}