
:root{--ink:#f5f5f7;--muted:#8d8d93;--blue:#2997ff;--paper:#000;--line:#343438;background:#000;color:#f5f5f7}
body{background:#000}.section-width{width:min(1200px,calc(100% - 112px))}.muted{color:#8d8d93}
.skip-link{clip-path:inset(50%);width:1px;height:1px;overflow:hidden;transform:none;background:#fff;color:#111}.skip-link:focus{clip-path:none;width:auto;height:auto;padding:12px 18px}
.global-nav{width:100%;height:60px;left:50%;right:auto;transform:translateX(-50%);background:rgba(0,0,0,.75);color:#f5f5f7;border:1px solid transparent;border-bottom-color:#ffffff12;transition:width .4s,background .4s,top .4s,border-radius .4s}
.global-nav.scrolled{width:calc(100% - 64px);max-width:1120px;top:12px;border-radius:18px;background:rgba(25,25,28,.86);border:1px solid #ffffff17}
.nav-inner{width:calc(100% - 64px);max-width:1200px;gap:30px}.brand{font-size:18px;letter-spacing:-.02em}.brand-caption{color:#8d8d93}.brand-divider{background:#444448}.nav-links a{color:#a9a9b0;font-size:13px}.nav-links a:hover{color:#fff}.nav-contact{background:#0071e3}.button-primary{background:#0071e3}.menu-toggle span{background:#eee}
.hero.pro-hero{height:auto;padding:0;overflow:clip;background:#000;color:#f5f5f7;text-align:left}.hero-frame{height:max(850px,100svh);position:relative;isolation:isolate;overflow:hidden;background:#000}
.hero-name{position:absolute;top:17%;left:0;width:100%;z-index:2;text-align:center;will-change:transform,opacity}.hero-name .hero-intro{color:#b3b3ba;font-size:19px;font-weight:550;letter-spacing:.04em;margin:0 0 22px}
.hero-name h1{font-size:clamp(130px,18.3vw,275px);line-height:1.03;letter-spacing:-.065em;font-weight:650;margin:0;background:linear-gradient(180deg,#fafaff 13%,#a5a4ab 58%,#d6c9c5 91%);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-bottom-copy{position:absolute;bottom:95px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:flex-end;gap:30px;z-index:3}.hero-role{font-size:18px;color:#c7c7ce;margin:0 0 12px}.hero-bottom-copy h2{font-size:clamp(44px,4.5vw,65px);line-height:1.16;letter-spacing:-.05em}.hero-bottom-side{display:flex;align-items:center;gap:24px}.hero-bottom-side p{font-size:14px;color:#a2a2aa;line-height:1.6;margin:0}.hero-bottom-side .button{font-size:14px;white-space:nowrap}.hero-scroll{position:absolute;bottom:27px;right:max(56px,calc((100vw - 1200px)/2));display:flex;align-items:center;gap:12px;font-size:12px;color:#72727b;z-index:3}.scroll-mark{border-color:#66666f}.scroll-mark:after{background:#aaa}
.about-section.section-width{width:100%}.about-section{padding:150px max(56px,calc((100vw - 1200px)/2)) 135px;background:#1c1c1e;border:0;display:block;text-align:center}.about-label{display:block;padding:0;margin:0}.about-label .eyebrow{font-size:19px;color:#86868b}.location{display:none}.about-copy h2{font-size:clamp(46px,6.2vw,88px);line-height:1.17;margin-top:25px;letter-spacing:-.05em}.about-copy h2 .muted{color:#f5f5f7}.about-copy>p{max-width:740px;margin:40px auto 0;font-size:23px;font-weight:500;line-height:1.75;color:#96969e}.about-copy .about-note{color:#73737d;font-size:16px;margin-top:25px}
@media(max-width:1000px){.section-width{width:calc(100% - 64px)}.hero-bottom-copy h2{font-size:49px}.hero-bottom-side{display:block}.hero-bottom-side p{margin-bottom:16px}.hero-name h1{font-size:21vw}.hero-frame{height:900px}.nav-inner{gap:23px}.nav-links{gap:20px}}
@media(max-width:700px){.section-width{width:calc(100% - 44px)}.global-nav{height:58px}.global-nav.scrolled{width:calc(100% - 24px);top:8px;border-radius:16px}.nav-inner{width:calc(100% - 36px);gap:18px}.brand-caption,.brand-divider{display:none}.nav-links{top:57px;background:#1b1b1e;border-radius:0 0 16px 16px;border-color:#ffffff15;padding:14px 24px 22px}.nav-links a{color:#f5f5f7;font-size:19px}.hero-frame{height:850px;min-height:100svh;max-height:none}.hero-name{top:19%}.hero-name .hero-intro{font-size:15px;margin-bottom:25px}.hero-name h1{font-size:clamp(108px,29vw,175px);letter-spacing:-.055em}.hero-bottom-copy{bottom:98px;display:block}.hero-role{font-size:14px;margin-bottom:13px}.hero-bottom-copy h2{font-size:43px}.hero-bottom-side{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px}.hero-bottom-side p{font-size:12px;margin:0;line-height:1.65}.hero-bottom-side .button{font-size:12px;padding:11px 17px;min-height:42px}.hero-scroll{right:22px;bottom:27px;font-size:12px}.about-section{padding:90px 25px}.about-label .eyebrow{font-size:16px}.about-copy h2{font-size:42px;margin-top:25px}.about-copy>p{font-size:18px;line-height:1.85;margin-top:28px;text-align:left}.about-copy .about-note{font-size:14px;line-height:1.8;margin-top:22px;text-align:left}}


.chapter-heading{padding:0;margin-bottom:60px}.chapter-heading .eyebrow,.feature-heading .eyebrow{font-size:19px;color:#8f8f96;font-weight:550;margin-bottom:28px}.heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.heading-row h2{font-size:clamp(48px,5.55vw,80px);line-height:1.12;letter-spacing:-.055em}.heading-row>p{font-size:17px;line-height:1.75;color:#a0a0a9;text-align:right;margin:0}.heading-row>p span{font-size:12px;color:#6e6e78}
.workflow-section{padding:140px 0 100px;background:#000}.workflow-story{height:auto!important;min-height:0!important;width:100%;margin:0}.workflow-stage{position:relative;display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:0 max(36px,calc((100vw - 1160px)/2));background:none;border-radius:0;min-height:0;box-shadow:none}.workflow-stage::-webkit-scrollbar{display:none}.workflow-panel{position:relative;flex:0 0 min(1160px,calc(100vw - 120px));min-width:0;min-height:530px;padding:60px 64px;display:grid;grid-template-columns:1.35fr 1fr;gap:65px;align-items:center;background:#1c1c1f;border:1px solid #ffffff07;border-radius:28px;scroll-snap-align:center;overflow:hidden;animation:none;color:#f5f5f7;transition:opacity .45s,transform .45s}.workflow-panel:not(.is-active){opacity:.45}.stage-watermark{position:absolute;right:45px;top:-17px;font-size:210px;line-height:1.2;font-weight:650;letter-spacing:-.06em;color:#ffffff05;pointer-events:none}.stage-copy{position:relative;z-index:1}.stage-kicker{font-size:15px;color:#c4ada3;margin:0 0 24px;font-weight:500}.stage-copy h3{font-size:clamp(32px,3.3vw,46px);line-height:1.26;letter-spacing:-.045em;font-weight:650;margin:0 0 28px}.stage-description{font-size:17px;line-height:1.85;max-width:445px;color:#909099;margin:0}.stage-takeaway{font-size:18px;line-height:1.6;color:#d1d1d6;margin-top:34px}.stage-detail{z-index:1;position:relative;padding-top:40px}.stage-output-label{font-size:12px;color:#7d7d88;margin:0 0 13px}.stage-detail h4{font-size:23px;font-weight:550;letter-spacing:-.02em;margin:0 0 14px;color:#e1dad7}.stage-detail dl{margin:0}.stage-detail dl>div{padding:21px 0;border-top:1px solid #ffffff13}.stage-detail dt{font-size:13px;color:#868690;margin-bottom:8px}.stage-detail dd{font-size:17px;line-height:1.65;color:#bbbcc3;margin:0}.workflow-controls{display:flex;justify-content:center;gap:4px;width:max-content;max-width:calc(100% - 32px);margin:38px auto 0;padding:7px;background:#262629;border:0;border-radius:99px;overflow:hidden}.workflow-controls button{min-height:42px;border-radius:99px;padding:12px 18px;background:none;color:#96969f;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;border:0}.workflow-controls button>span{font-size:12px;color:inherit;margin:0}.workflow-controls button>b{font-size:13px;font-weight:400}.workflow-controls button[aria-selected="true"]{background:#414145;color:#f5f5f7;box-shadow:none}.workflow-controls button[aria-selected="true"]>span{color:#dfc4b5}.workflow-controls button:hover{color:white}.workflow-footer{margin-top:85px;padding:0;display:flex;align-items:center;justify-content:space-between;gap:50px}.workflow-footer>p{font-size:23px;line-height:1.75;letter-spacing:-.025em;color:#86868e;margin:0}.workflow-footer>p strong{font-weight:550;color:#dedee4}.workflow-footer ul{display:flex;gap:55px;list-style:none;margin:0;padding:0}.workflow-footer li{display:flex;flex-direction:column;gap:12px}.workflow-footer li:before{display:none}.workflow-footer li strong{font-size:24px;font-weight:600;color:#d1d1d8;letter-spacing:-.025em}.workflow-footer li span{font-size:12px;color:#81818b;white-space:nowrap}


.feature-chapter{padding:140px 0 105px;overflow:hidden}.model-section{background:#19191c}.feature-heading{max-width:920px;margin:0 auto 70px;text-align:center}.feature-heading h2{font-size:clamp(56px,6.25vw,90px);line-height:1.12;letter-spacing:-.055em;font-weight:650}.feature-heading>p:not(.eyebrow){font-size:24px;line-height:1.6;color:#8c8c95;margin:35px 0 0;font-weight:500;letter-spacing:-.015em}.feature-heading>p strong{color:#c5c5cc;font-weight:500}.model-display{max-width:870px;margin:auto;padding:0 40px}.model-foundation{display:flex;align-items:center;justify-content:center;gap:24px;color:#86868f;font-size:15px}.model-foundation i{height:1px;width:100px;background:#4b4b54}.sft-display{display:flex;align-items:center;justify-content:center;gap:55px;padding:35px 0 40px;border-bottom:1px solid #ffffff20}.sft-display>strong{font-size:clamp(110px,13.2vw,190px);font-weight:650;letter-spacing:-.075em;line-height:1.1;background:linear-gradient(175deg,#fff 15%,#d7ced0 48%,#817978);-webkit-background-clip:text;background-clip:text;color:transparent}.sft-display>span{font-size:28px;font-weight:550;color:#d7d5d8}.diagram-caption{display:block;font-size:15px;font-weight:400;color:#7f7f8a;margin-top:15px}.preference-branches{display:grid;grid-template-columns:1fr 1fr;position:relative;padding-top:43px;text-align:center;gap:30px}.preference-branches:before{content:"";height:26px;width:1px;background:#54515a;position:absolute;left:50%;top:0}.preference-branches strong{font-size:40px;font-weight:550;letter-spacing:-.04em;color:#c9bec0}.preference-branches strong span{color:#7e777c;font-size:28px}.preference-branches p{font-size:15px;color:#888892;margin:15px 0 0;line-height:1.8}.chapter-ending{display:flex;flex-direction:column;align-items:center;gap:26px;margin-top:65px;text-align:center}.chapter-ending>p{color:#898992;font-size:17px;line-height:1.8;margin:0}.detail-button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:8px 9px 8px 23px;border-radius:99px;background:#2c2c30;color:#dedee4;font-size:14px;min-height:48px}.detail-button:hover{background:#37373b;color:white}.detail-button .plus-icon{background:#49494e;width:33px;height:33px}.detail-button .plus-icon:before,.detail-button .plus-icon:after{background:#ddd;left:10px;top:16px}.detail-button:hover .plus-icon{transform:rotate(90deg)}
.agent-section{background:#000}.agent-section .feature-heading .headline-emphasis{color:#b9b2c9}.agent-display{padding:55px 10px 15px;--agent-progress:0}.agent-path{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:35px;position:relative;margin:0;padding:0}.agent-path:before{content:"";position:absolute;left:0;right:0;top:35px;height:1px;background:#2d2d34}.agent-path:after{content:"";position:absolute;left:0;top:35px;height:1px;background:linear-gradient(90deg,#746e80,#ded5ef);width:calc(var(--agent-progress)*100%);max-width:100%;transition:width .08s linear}.agent-path li{position:relative;z-index:1}.agent-step-number{display:block;font-size:12px;color:#7e778b;padding-bottom:35px;line-height:1}.agent-step-number:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#46414e;top:32px;left:0;box-shadow:0 0 0 8px #000}.agent-path li.is-lit .agent-step-number:after{background:#d0c0e6}.agent-path strong{font-size:clamp(43px,4.7vw,68px);font-weight:550;letter-spacing:-.04em;line-height:1.2;color:#424249;transition:color .5s}.agent-path li.is-lit strong{color:#e5dfee}.agent-path p{font-size:15px;color:#7d7d88;line-height:1.8;margin:20px 0 0}
.media-section{background:#171719}.media-display{display:grid;grid-template-columns:1fr 1fr;max-width:1050px;margin:0 auto;position:relative}.media-scope{text-align:center;padding:30px 20px 40px}.media-scope+.media-scope{border-left:1px solid #ffffff16}.media-scope>p{font-size:16px;color:#85858e;margin:0 0 26px}.media-scope>strong{display:block;font-size:clamp(70px,8.3vw,120px);letter-spacing:-.06em;line-height:1.2;font-weight:600;background:linear-gradient(160deg,#f0ece5 20%,#a9917d);background-clip:text;-webkit-background-clip:text;color:transparent}.media-time>strong{background:linear-gradient(160deg,#e1e4f6 20%,#788ba8);background-clip:text;-webkit-background-clip:text}.media-scope ul{display:flex;justify-content:center;gap:22px;list-style:none;margin:30px 0 26px;padding:0;color:#b9b9c3;font-size:15px}.media-scope>span{font-size:13px;color:#70707c;line-height:1.8}.media-section .learning-footnote{text-align:center;color:#696975;font-size:12px;line-height:1.8;margin:50px 0 0}
.life-section{padding:150px 0;grid-template-columns:1fr 1fr;gap:90px;border:0!important;background:#000}.life-copy .eyebrow{font-size:18px;color:#86868f}.life-copy h2{font-size:clamp(43px,4.7vw,68px);line-height:1.18}.life-copy h2 .muted{color:#dbd4ce}.life-copy>p:not(.eyebrow){font-size:22px;line-height:1.8;color:#a3a3ae}.life-copy>p.life-note{font-size:17px;color:#70707b}.life-tags{color:#8c8c97;font-size:14px;gap:25px;margin-top:35px}.life-photo img{border-radius:24px;width:100%;height:auto}.life-photo figcaption{color:#6f6f79;font-size:12px;text-align:right;margin-top:15px}
.contact-section{background:#f5f5f7;color:#1d1d1f;padding:125px 0 135px}.contact-inner .eyebrow{font-size:16px;color:#6e6e73}.contact-inner h2{font-size:clamp(65px,7.6vw,110px);line-height:1.1;letter-spacing:-.05em}.contact-inner>p:not(.eyebrow){font-size:21px;color:#6e6e73;line-height:1.8;margin-top:30px}.contact-button{font-size:20px;background:#1d1d1f;padding:15px 30px;margin-top:15px}.contact-button:hover{background:#373739}.site-footer{background:#000;color:#74747f;font-size:12px;min-height:95px}.footer-caption{color:#61616d}.site-footer a:hover{color:#ddd}
.topic-dialog{--ink:#1d1d1f;--muted:#737378;--blue:#006cdd;color:#1d1d1f}.topic-dialog .muted{color:#737378}

@media(max-width:1050px){.heading-row h2{font-size:55px}.heading-row>p{font-size:14px}.workflow-panel{padding:48px;gap:40px;grid-template-columns:1.2fr 1fr}.stage-copy h3{font-size:34px}.stage-description{font-size:16px}.stage-detail dd{font-size:15px}.stage-detail h4{font-size:19px}.workflow-footer{gap:35px}.workflow-footer>p{font-size:18px}.workflow-footer ul{gap:28px}.workflow-footer li strong{font-size:21px}.life-section{gap:50px}.life-copy h2{font-size:45px}.life-copy>p:not(.eyebrow){font-size:18px}}
@media(max-width:700px){.workflow-section{padding:85px 0 70px}.chapter-heading{margin-bottom:34px}.chapter-heading .eyebrow,.feature-heading .eyebrow{font-size:15px;margin-bottom:20px}.heading-row{display:block}.heading-row h2{font-size:39px;line-height:1.2;letter-spacing:-.045em}.heading-row>p{font-size:14px;text-align:left;margin-top:22px;line-height:1.9}.workflow-stage{padding:0 22px;gap:14px}.workflow-panel{flex-basis:calc(100vw - 58px);min-height:600px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:35px;padding:30px 26px;border-radius:22px}.stage-watermark{font-size:135px;top:0;right:15px}.stage-kicker{font-size:13px;margin:0 0 24px}.stage-copy h3{font-size:30px;margin-bottom:24px}.stage-description{font-size:15px;line-height:1.85;min-height:0}.stage-takeaway{font-size:15px;margin:25px 0 0}.stage-detail{padding:0}.stage-output-label{font-size:12px;margin-bottom:10px}.stage-detail h4{font-size:20px;margin-bottom:15px}.stage-detail dl>div{display:grid;grid-template-columns:62px 1fr;gap:14px;padding:14px 0}.stage-detail dt{font-size:12px;line-height:1.6;margin:0}.stage-detail dd{font-size:13px;line-height:1.6}.workflow-controls{margin-top:28px;gap:3px;padding:6px}.workflow-controls button{padding:10px 12px;min-width:35px;gap:6px;min-height:42px}.workflow-controls button>span{font-size:12px}.workflow-controls button>b{font-size:12px}.workflow-controls button:not([aria-selected="true"]) b{display:none}.workflow-footer{margin-top:60px;display:block;text-align:left}.workflow-footer>p{font-size:19px;line-height:1.75}.workflow-footer ul{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:33px}.workflow-footer li{gap:10px}.workflow-footer li strong{font-size:21px}.workflow-footer li span{font-size:12px;white-space:normal;line-height:1.7}.feature-chapter{padding:88px 0 75px}.feature-heading{margin-bottom:40px}.feature-heading h2{font-size:50px;line-height:1.18}.feature-heading>p:not(.eyebrow){font-size:18px;line-height:1.8;margin-top:26px}.model-display{padding:0}.model-foundation{font-size:12px;gap:15px}.model-foundation i{width:46px}.sft-display{gap:20px;padding:28px 0 30px;flex-direction:column}.sft-display>strong{font-size:115px;line-height:1}.sft-display>span{font-size:22px;text-align:center}.diagram-caption{font-size:13px;margin-top:12px}.preference-branches{gap:16px;padding-top:34px}.preference-branches strong{font-size:25px;white-space:nowrap}.preference-branches strong span{font-size:18px}.preference-branches p{font-size:12px;line-height:1.75;margin-top:12px}.chapter-ending{margin-top:43px;gap:23px}.chapter-ending>p{font-size:15px;line-height:1.8}.detail-button{font-size:13px;padding-left:20px;gap:14px}.agent-display{padding:10px 0}.agent-path{grid-template-columns:1fr 1fr;gap:42px 27px}.agent-path:before,.agent-path:after{display:none}.agent-path strong{font-size:46px;color:#b6aeca}.agent-step-number{padding-bottom:19px;font-size:12px}.agent-step-number:after{display:none}.agent-path p{font-size:13px;margin-top:12px}.agent-path li{border-top:1px solid #38313f;padding-top:16px}.media-display{grid-template-columns:1fr 1fr}.media-scope{padding:15px 5px 20px}.media-scope>p{font-size:13px;margin-bottom:22px}.media-scope>strong{font-size:60px}.media-scope ul{display:grid;grid-template-columns:1fr 1fr;gap:14px 8px;font-size:13px;margin:25px 12px 25px}.media-scope>span{display:block;max-width:120px;margin:auto;font-size:12px;line-height:1.9}.media-section .learning-footnote{margin-top:35px;font-size:12px;text-align:left}.life-section{padding:88px 0 80px;display:block}.life-copy .eyebrow{font-size:15px}.life-copy h2{font-size:43px}.life-copy>p:not(.eyebrow){font-size:18px}.life-copy>p.life-note{font-size:15px}.life-tags{font-size:13px;margin-top:27px}.life-photo{margin-top:40px}.life-photo img{border-radius:20px}.contact-section{padding:85px 0 90px}.contact-inner .eyebrow{font-size:14px}.contact-inner h2{font-size:65px}.contact-inner>p:not(.eyebrow){font-size:17px;line-height:1.8}.contact-button{font-size:18px;padding:14px 28px}.site-footer{min-height:80px;font-size:12px}}
@media(max-width:360px){.hero-name h1{font-size:105px}.hero-bottom-copy h2{font-size:39px}.hero-bottom-side{gap:10px}.hero-bottom-side .button{padding-inline:14px}.heading-row h2{font-size:35px}.workflow-panel{padding:28px 21px}.stage-copy h3{font-size:26px}.stage-detail dl>div{gap:9px;grid-template-columns:57px 1fr}.workflow-controls button{padding-inline:10px;gap:4px}.feature-heading h2{font-size:45px}.media-scope>strong{font-size:52px}.life-copy h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.hero-name,.hero-photograph img{transform:none!important;opacity:1!important}.hero.pro-hero{height:auto!important}.hero-frame{position:relative!important}.agent-path strong{color:#ded5eb}}
.hero-photograph{position:absolute;inset:12% 0 12%;z-index:1;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.hero-photograph:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#000 0%,#000c 18%,#0002 43%,#0001 55%,#000b 76%,#000 100%)}
.hero-photograph img{width:100%;height:100%;object-fit:cover;object-position:50% 56%;filter:brightness(.7);transform-origin:center;will-change:transform}
.hero.pro-hero.cinematic{height:165svh;min-height:1350px;overflow:clip}
.cinematic .hero-frame{height:100svh;min-height:760px;position:sticky;top:0}
.photo-credit{font-size:12px;line-height:1.8;padding:0 0 24px;color:#656570}.photo-credit a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.hero-photograph{inset:18% -15% 20%;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.hero-photograph img{object-position:49% 50%;filter:brightness(.66)}.hero-photograph:after{background:linear-gradient(180deg,#000 0%,#000a 16%,#0001 42%,#0007 65%,#000 100%)}.photo-credit{font-size:12px}.photo-credit>span{display:block}}


h2.centered-headline{width:100%;text-align:center;letter-spacing:0}
.centered-headline .headline-line{display:block;width:fit-content;max-width:100%;margin-inline:auto;letter-spacing:0}
.about-label,.feature-heading,.contact-inner{text-align:center}
.about-label .eyebrow,.feature-heading .eyebrow,.contact-inner .eyebrow{width:fit-content;max-width:100%;margin-inline:auto;text-align:center}
.about-copy>p,.about-copy .about-note{text-align:center;text-wrap:balance}
.feature-heading>p:not(.eyebrow),.contact-inner>p:not(.eyebrow){text-align:center;text-wrap:balance}
.contact-inner{display:flex;flex-direction:column;align-items:center}
.contact-inner .contact-button{align-self:center;letter-spacing:0}

:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
.about-section{background:radial-gradient(ellipse at 50% 0%,#232326 0%,#161618 72%)}
.model-section{background:radial-gradient(ellipse at 50% 54%,#222226 0%,#141416 72%)}
.media-section{background:radial-gradient(ellipse at 50% 60%,#212124 0%,#141416 78%)}
.workflow-panel{background:linear-gradient(145deg,#252529 0%,#1b1b1f 55%,#17171a 100%);border-color:#ffffff14;box-shadow:inset 0 1px 0 #ffffff06}
.workflow-panel.is-active{border-color:#ffffff20}
.model-display,.agent-display{border-radius:28px}
.media-scope{border-radius:24px}
.about-copy .headline-line:first-child,.feature-heading .headline-line{background:linear-gradient(180deg,#fafafd 15%,#babac3 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.agent-section .feature-heading .headline-emphasis{background:linear-gradient(180deg,#e8e6ee 15%,#9990af 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.about-copy h2 .muted{color:#a0a0aa}
.model-foundation i{transform-origin:left;transition:transform 1.1s var(--motion-ease)}
html.js .model-display:not(.in-view) .model-foundation i{transform:scaleX(0)}
html.js .reveal{transform:translateY(30px);transition:opacity .9s var(--motion-ease),transform 1.1s var(--motion-ease)}
html.js .reveal.in-view{transform:none}
html.js .motion-group.reveal{opacity:1;transform:none}
html.js .motion-group .motion-item{opacity:0;transform:translateY(26px);transition:opacity .85s var(--motion-ease),transform 1s var(--motion-ease);transition-delay:var(--motion-delay,0ms)}
html.js .motion-group.in-view .motion-item{opacity:1;transform:none}
html.js .motion-group .headline-line{opacity:0;transform:translateY(18px);transition:opacity .9s var(--motion-ease),transform 1.05s var(--motion-ease);transition-delay:calc(var(--motion-delay,0ms) + var(--line-delay,0ms))}
html.js .motion-group.in-view .headline-line{opacity:1;transform:none}
html.js .model-display .sft-display>strong{transform:scale(.96);transition:transform 1.2s var(--motion-ease)}
html.js .model-display.in-view .sft-display>strong{transform:scale(1)}
html.js .workflow-panel.is-active .stage-copy>*{animation:content-rise .7s var(--motion-ease) both}
html.js .workflow-panel.is-active .stage-copy h3{animation-delay:60ms}
html.js .workflow-panel.is-active .stage-description{animation-delay:120ms}
html.js .workflow-panel.is-active .stage-takeaway{animation-delay:180ms}
html.js .workflow-panel.is-active .stage-detail{animation:content-rise .8s var(--motion-ease) 140ms both}
.agent-path strong{transition:color .55s var(--motion-ease),text-shadow .55s var(--motion-ease)}
.agent-path li.is-lit strong{text-shadow:0 0 35px #a195c214}
.agent-step-number:after{transition:background .5s,box-shadow .5s}
.agent-path li.is-lit .agent-step-number:after{box-shadow:0 0 0 8px #000,0 0 22px #b1a0d645}
.agent-path p{transition:color .5s}
.agent-path li.is-lit p{color:#a0a0aa}
.life-photo img{box-shadow:0 0 0 1px #ffffff12,0 28px 80px #0003}
.contact-section{background:radial-gradient(ellipse at 50% 15%,#fff 0%,#f5f5f7 72%)}
.contact-inner h2{background:linear-gradient(180deg,#1d1d1f 15%,#686870 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.topic-dialog[open]{animation:dialog-in .5s var(--motion-ease)}
.detail-button,.contact-button{transition:background .25s,box-shadow .4s var(--motion-ease),transform .4s var(--motion-ease)}
.detail-button:active,.contact-button:active{transform:scale(.98)}
.light-surface{position:relative;isolation:isolate;--light-opacity:0;--light-x:50%;--light-y:50%;--light-size:330px}
.light-surface:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;opacity:var(--light-opacity);background:radial-gradient(circle var(--light-size) at var(--light-x) var(--light-y),#e3eaff18 0%,#b2bfe70b 35%,#a2b2ed03 60%,transparent 78%);transition:opacity .65s var(--motion-ease)}
.light-surface:after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:1px;pointer-events:none;opacity:var(--light-opacity);background:radial-gradient(circle calc(var(--light-size)*.85) at var(--light-x) var(--light-y),#e7edff70 0%,#bbb9df25 38%,transparent 72%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;transition:opacity .65s var(--motion-ease)}
.light-surface>:not(.stage-watermark){position:relative;z-index:1}
.model-display.light-surface{--light-size:380px}
.detail-button.light-surface,.contact-button.light-surface{--light-size:150px}
@keyframes content-rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){.detail-button:hover,.contact-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0002}.light-surface:focus-visible{--light-opacity:.6}}
@media(max-width:700px){html.js .reveal{transform:translateY(20px)}html.js .reveal.in-view{transform:none}html.js .motion-group.reveal{transform:none}html.js .motion-group .motion-item{transform:translateY(18px)}html.js .motion-group.in-view .motion-item{transform:none}.model-display,.agent-display{border-radius:20px}.media-scope{border-radius:18px}}
@media(hover:none),(pointer:coarse){.light-surface:before,.light-surface:after{display:none}}
@media(prefers-reduced-motion:reduce){html.js .reveal,html.js .motion-group .motion-item,html.js .motion-group .headline-line{opacity:1;transform:none;transition:none}html.js .model-display .sft-display>strong,html.js .model-display .model-foundation i{transform:none}.light-surface:before,.light-surface:after{display:none}.detail-button:hover,.contact-button:hover{transform:none}}
