@font-face{font-family:MiSans;src:url("assets/MiSans-300.woff2") format("woff2");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:MiSans;src:url("assets/MiSans-400.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:MiSans;src:url("assets/MiSans-500.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:MiSans;src:url("assets/MiSans-600.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url("assets/Manrope-400.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url("assets/Manrope-500.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url("assets/Manrope-600.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url("assets/Manrope-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
:root{--green:#1de369;--paper:#e6e6e6;--black:#000;--header:75px;--ease:cubic-bezier(.22,1,.36,1);--page-height:calc(100svh - var(--header));font-family:MiSans,'PingFang SC','Microsoft YaHei',sans-serif;color:var(--black);background:var(--black);font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0}html{scroll-padding-top:var(--header)}body{overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:6px}h1,h2,h3,p{margin:0}button{border:0}img{display:block}.skip-link{position:fixed;top:-60px;left:20px;z-index:100;background:var(--green);padding:12px}.skip-link:focus{top:10px}.site-header{height:var(--header);position:fixed;inset:0 0 auto;z-index:30;background:#000;display:flex;align-items:center;justify-content:space-between;padding:0 5.5556vw;color:white;border-bottom:1px solid #292929}.brand{width:210px;height:34px;display:block}.brand-art{position:relative;display:block;width:210px;height:34px}.brand-symbol{position:absolute;left:0;top:0}.brand-name{position:absolute;left:24.59px;top:7.77px}.brand-rule{position:absolute;left:111px;top:9.14px;width:.63px;height:15.74px;background:white}.brand-group{position:absolute;left:124.83px;top:9.12px}nav{display:flex;gap:34px;font-size:14px}nav a{position:relative;padding:12px 0}nav a::after{content:'';height:1px;position:absolute;left:0;right:100%;bottom:5px;background:var(--green);transition:right .25s}nav a:hover::after,nav a[aria-current]::after{right:0}main{padding-top:var(--header)}.screen{height:var(--page-height);position:relative;overflow:hidden;scroll-margin-top:var(--header)}.hero{background:black;color:var(--paper)}.hero-art{position:absolute;inset:0;overflow:hidden}.hero-art-stage{position:absolute;left:50%;top:0;width:1440px;height:810px;transform:translateX(-50%) scale(var(--hero-scale,1));transform-origin:top center}.hero-layer{position:absolute;top:-304px;width:1250px;height:996px;overflow:hidden}.hero-layer img{position:absolute;left:-.01%;top:-1.46%;height:100%;width:119.51%;max-width:none}.layer-one{left:13px;animation:drift-one 15s ease-in-out infinite}.layer-two{left:1257px;animation:drift-one 18s ease-in-out infinite reverse}.layer-three{left:-1095px;transform:scaleX(-1);animation:drift-mirror 17s ease-in-out infinite}.hero-bottom{position:absolute;left:5.5556vw;right:5.5556vw;bottom:9.87%;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}h1{font-size:clamp(30px,4.1667vw,72px);font-weight:500;line-height:1.1392;letter-spacing:-.025em}.latin{font-family:Manrope,Arial,sans-serif;font-weight:600}.apply-hero{flex:0 0 19.92%;min-width:170px;background:var(--green);color:black;height:60px;display:grid;place-items:center;font-size:22px;margin-bottom:18px;transition:background .25s,transform .25s}.apply-hero:hover{background:#72f2a3;transform:translateY(-3px)}.motion-toggle{position:absolute;right:24px;bottom:20px;color:#aaa;border:1px solid #444;background:#0008;width:32px;height:32px;font-size:14px;opacity:.7}.motion-paused .hero-layer{animation-play-state:paused}@keyframes drift-one{0%,100%{translate:0 0}50%{translate:-35px 10px}}@keyframes drift-mirror{0%,100%{translate:0 0}50%{translate:28px -14px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media(max-width:700px){:root{--header:64px}.site-header{padding:0 20px}.brand{width:160px;height:27px}.brand-art{transform:scale(.76);transform-origin:left top}nav{gap:14px;font-size:12px}nav a:first-child,nav a:last-child{display:none}.hero-bottom{left:24px;right:24px;bottom:70px;align-items:flex-start;flex-direction:column;gap:32px}h1{font-size:clamp(25px,5.55vw,39px);line-height:1.5;letter-spacing:-.035em}.apply-hero{flex:auto;width:180px;height:52px;font-size:18px;margin:0}}
.about{background:var(--paper);--card-width:min(25.5556vw,calc(var(--page-height)*.46));--card-gap:3.8889vw}.about-intro{position:absolute;left:5.5556vw;top:17.4%;width:30.7vw}.about-intro h2{font-size:clamp(27px,3.2639vw,57px);font-weight:600;line-height:1.1064;white-space:nowrap;letter-spacing:-.025em}.about-intro p{margin-top:32px;font-size:16px;font-weight:300;line-height:1.4375;text-align:justify;color:#666}.tech-viewport{position:absolute;left:47.4306%;right:0;top:16.42%;overflow:hidden;outline-offset:-3px}.tech-track{display:flex;gap:var(--card-gap);width:max-content;transform:translate3d(0,0,0);transition:transform .85s var(--ease);will-change:transform;padding:0 5.5556vw 2px 0}.tech-card{width:var(--card-width);flex:none;position:relative}.tech-card+.tech-card::before{content:'';position:absolute;left:calc(var(--card-gap)*-.5);top:0;bottom:0;width:.7px;background:url('assets/ff257.svg') center/100% 100% no-repeat}.tech-number{font-family:Manrope,Arial,sans-serif;font-size:20px;font-weight:600;display:block;line-height:27px;margin:10px 0 7px}.tech-card h3{font-family:Manrope,Arial,sans-serif;font-size:clamp(20px,1.9444vw,32px);font-weight:600;line-height:38px;white-space:nowrap;letter-spacing:-.035em}.tech-image{border:.7px solid #000;width:100%;aspect-ratio:368/354;margin:14px 0 18px;position:relative}.tech-image img{position:absolute;object-fit:cover}.tech-image.memory img{left:3.53%;top:2.82%;width:95.92%;height:95.48%}.tech-image.agents img{left:11.68%;top:7.91%;width:78.8%;height:82.77%}.tech-card p{font-size:16px;line-height:22px}.tech-pagination{position:absolute;left:47.4306%;bottom:8%;display:flex;align-items:center;gap:6px}.tech-pagination button{width:32px;height:28px;padding:12px 0;background:transparent}.tech-pagination button span{height:3px;background:#aaa;display:block;transition:background .3s}.tech-pagination button[aria-pressed=true] span{background:#000}.tech-count{margin-left:14px;font-size:12px;color:#666;font-family:Manrope,Arial,sans-serif;letter-spacing:.12em}
.roles{display:grid;grid-template-columns:32.3611% 1fr;background:#000;color:white}.roles-aside{background:var(--green);color:#000;position:relative;overflow:hidden;padding:5.3% 11.8%}.roles-aside h2{font-size:clamp(32px,3.4722vw,60px);font-weight:600;line-height:1.04;margin-top:3.9%}.roles-aside h2 span{font-family:Manrope,Arial,sans-serif;font-size:.92em;font-weight:600;line-height:1.0217;display:block;margin-top:12px;letter-spacing:-.025em}.roles-aside>p{position:absolute;left:11.8%;bottom:6.5%;font-size:clamp(22px,2.2222vw,40px);font-weight:500;line-height:1.125}.roles-art{position:absolute;left:-42px;top:33.8%;width:332px;height:315.1px;transform:scale(var(--roles-art-scale,1));transform-origin:left top}.roles-list{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#444 black;background-image:url('assets/8fda1.svg');background-size:100% 100%}.role{position:relative}.role+.role::before{content:'';display:block;height:.7px;background:#454545;background-image:url('assets/cc4bb.svg')}.role-trigger{display:flex;align-items:flex-start;position:relative;width:100%;min-height:calc(var(--page-height)/5);padding:clamp(27px,5.8vh,55px) 5.13% 22px;background:#000;color:white;text-align:left;gap:0;transition:background .25s}.role-trigger:hover{background:#0c0c0c}.role-number{width:30px;flex:none;font-size:16px;font-family:Manrope,Arial,sans-serif;font-weight:700;line-height:30px;color:var(--green)}.role-title{display:flex;flex-direction:column;gap:4px;font-size:clamp(24px,2.2222vw,40px);font-weight:500;line-height:1.2;letter-spacing:-.025em}.role-title small{font-family:MiSans,'PingFang SC',Arial,sans-serif;font-size:15px;line-height:30px;font-weight:400;color:#737373;letter-spacing:0}.role-icon{position:absolute;right:5.58%;top:calc(clamp(27px,5.8vh,55px) + 3px);width:30px;height:30px}.role-icon img{position:absolute;left:0;transition:transform .5s var(--ease),opacity .3s}.icon-plus{top:0}.icon-minus{top:14px;opacity:0;transform:rotate(-90deg)}.role.is-open .icon-plus{transform:rotate(90deg) scaleY(.03);opacity:0}.role.is-open .icon-minus{opacity:1;transform:rotate(0)}.role-detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease),opacity .4s;opacity:0}.role.is-open .role-detail{grid-template-rows:1fr;opacity:1}.role-detail-clip{overflow:hidden;min-height:0}.role-detail-content{margin:0 5.58% 0 8.21%;padding:28px 0 50px;display:grid;grid-template-columns:1.35fr .65fr auto;column-gap:clamp(22px,4.5vw,85px);align-items:start;background-image:url('assets/716b5.svg');background-size:100% 1px;background-repeat:no-repeat}.role-detail-content p{font-size:14px;line-height:1.8;font-weight:400}.role-detail-content ul{padding:0;margin:0;list-style:none;color:#c1c1c1;font-size:14px;line-height:1.65;font-weight:400;white-space:nowrap}.role-detail-content li::before{content:'';display:inline-block;width:7px;height:7px;background:var(--green);margin-right:10px;vertical-align:2px}.apply-role{background:var(--green);color:#000;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;padding:8px 11px;font-size:14px;font-weight:500;transition:background .2s}.apply-role:hover{background:#73f4a6}.role-trigger:focus-visible{outline-offset:-5px}
.growth{background:var(--paper);display:flex;justify-content:center;align-items:center}.growth-content{width:69.65%;max-width:1320px}.growth h2{text-align:center;font-weight:600;font-size:clamp(26px,2.5694vw,46px);line-height:1.2;letter-spacing:-.03em}.growth-subtitle{text-align:center;font-size:22px;color:#7f7f7f;line-height:40px;margin-top:9px}.benefits{margin-top:min(8.65vh,70px);display:grid;grid-template-columns:1.47fr 1fr}.benefits article{position:relative;display:flex;gap:19px;padding:clamp(26px,5.5vh,48px) 0 clamp(23px,5.9vh,53px);border-top:.5px solid #c5c5c5}.benefits article:nth-child(odd){padding-right:30px}.benefit-square{width:26px;height:26px;background:var(--green);flex:none;margin-top:3px}.benefits h3{font-size:clamp(23px,2.1972vw,38px);font-weight:600;line-height:1.1;letter-spacing:-.025em;white-space:nowrap}.benefits p{font-size:16px;font-weight:400;color:#222;line-height:1.5;margin-top:13px}.footer{position:relative;background:#000;color:white;min-height:501px;padding:109px 6.8056vw 85px;overflow:hidden;scroll-margin-top:var(--header)}.footer-art{position:absolute;top:0;left:50%;width:1440px;height:501.627px;transform:translateX(-50%) scale(var(--footer-scale,1));transform-origin:top center;pointer-events:none}.footer-top,.footer-bottom{position:relative;z-index:1}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.footer-top>p{font-size:clamp(21px,2.0958vw,36px);font-weight:600;line-height:1.26;letter-spacing:-.02em}.footer-top>p span{color:var(--green)}.join-button{width:216px;height:67px;border:.7px solid #fff;background:#000;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:23px;flex:none;transition:border-color .25s}.join-button:hover{border-color:var(--green)}.footer-bottom{margin-top:110px;padding-top:42px;display:flex;align-items:flex-start;gap:56px;background:url('assets/2eba1.svg') top left/100% .5px no-repeat;color:#8b8b8b}.footer-bottom p{font-size:12px;font-weight:300;line-height:14px}.footer-brand{width:247px;height:37px;position:relative;margin-right:auto;flex:none}.footer-brand img{position:absolute}.footer-symbol{left:0;top:0}.footer-name{left:28.93px;top:6.11px}.footer-brand span{position:absolute;left:130.57px;top:7.72px;height:18.43px;width:.74px;background:white}.footer-group{left:146.86px;top:7.7px}
@media(max-width:1000px){.about-intro h2{font-size:3.2vw}.role-detail-content{column-gap:20px;grid-template-columns:1.2fr .8fr}.apply-role{grid-column:1/-1;justify-self:start;margin-top:20px}.benefits{grid-template-columns:1.2fr 1fr}.benefits article{gap:14px}.benefits p{font-size:14px}.benefit-square{width:20px;height:20px}.growth-content{width:80%}.footer-bottom{gap:25px}.footer-brand{transform:scale(.85);transform-origin:left top;width:210px}}
@media(max-width:700px){.about{--card-width:min(66vw,calc(var(--page-height)*.5));--card-gap:28px}.about-intro{left:24px;right:24px;top:5%;width:auto}.about-intro h2{font-size:27px;line-height:1.2}.about-intro p{font-size:13px;line-height:1.6;margin-top:16px;max-width:440px}.tech-viewport{left:24px;top:38%;overflow:visible}.tech-track{padding-right:24px}.tech-number{font-size:15px;line-height:19px;margin-top:0}.tech-card h3{font-size:20px;line-height:26px}.tech-image{margin:10px 0 12px;max-height:calc(var(--page-height)*.34);aspect-ratio:auto;height:calc(var(--card-width)*.96)}.tech-card p{font-size:13px;line-height:19px}.tech-pagination{left:24px;bottom:3%}.roles{grid-template-columns:1fr;grid-template-rows:150px 1fr}.roles-aside{padding:20px 24px;display:flex;align-items:flex-start;justify-content:space-between}.roles-aside h2{font-size:28px;margin:0}.roles-aside h2 span{font-size:24px;margin-top:8px}.roles-aside>p{position:static;font-size:20px;line-height:1.3;align-self:flex-end;text-align:right;z-index:1}.roles-art{left:32%;top:15px;transform:scale(.4);opacity:.6}.role-trigger{min-height:calc((var(--page-height) - 150px)/5);padding:22px 24px 15px}.role-number{width:25px;font-size:13px;line-height:24px}.role-title{font-size:21px;line-height:1.2;padding-right:25px}.role-title small{font-size:11px;line-height:20px;margin-top:1px}.role-icon{right:24px;top:24px;transform:scale(.7);transform-origin:right top}.role-detail-content{margin:0 24px 0 49px;padding:23px 0 30px;grid-template-columns:1fr}.role-detail-content p{font-size:14px}.role-detail-content ul{margin-top:16px;display:flex;flex-wrap:wrap;gap:4px 16px}.apply-role{margin-top:20px}.growth{align-items:stretch;overflow-y:auto;overscroll-behavior:contain}.growth-content{width:auto;margin:0 24px;padding:35px 0}.growth h2{font-size:25px;line-height:1.4;text-wrap:balance}.growth-subtitle{font-size:15px;line-height:24px;margin-top:9px}.benefits{margin-top:25px;grid-template-columns:1fr 1fr;gap:0 20px}.benefits article{gap:10px;padding:23px 0;flex-direction:column}.benefits article:nth-child(odd){padding-right:0}.benefit-square{width:16px;height:16px;margin:0}.benefits h3{font-size:18px;line-height:1.35;white-space:normal}.benefits p{font-size:13px;line-height:1.6;margin-top:9px}.footer{padding:58px 24px 38px;min-height:460px}.footer-top{flex-direction:column;gap:30px}.footer-top>p{font-size:19px;line-height:1.6}.join-button{height:56px;width:190px;font-size:19px}.footer-bottom{margin-top:54px;padding-top:30px;flex-wrap:wrap;gap:24px}.footer-brand{flex-basis:100%;margin:0}.footer-bottom p{font-size:11px}}
@media(max-height:640px) and (min-width:701px){.about-intro p{font-size:14px;margin-top:22px}.tech-viewport{top:10%}.tech-pagination{bottom:3%}.role-trigger{padding-top:22px}.role-icon{top:25px}.growth-subtitle{font-size:18px;line-height:26px}.benefits{margin-top:25px}.benefits article{padding:20px 0}.benefits p{font-size:13px}.roles-aside h2{font-size:36px}.roles-aside>p{font-size:25px}}

html{overflow-anchor:none}.roles-list{min-height:0;overflow-anchor:none}.role-detail[inert]{visibility:hidden;transition:grid-template-rows .6s var(--ease),opacity .4s,visibility 0s .6s}.role-detail:not([inert]){visibility:visible}
/* Fit the five collapsed headings into laptop-height viewports before details are opened. */
@media(min-width:701px){
 .roles{--role-row-height:calc((var(--page-height) - 3px)/5);--role-row-padding:clamp(12px,calc((var(--role-row-height) - clamp(24px,2.2222vw,40px)*1.2 - 34px)/2),55px)}
 .role-trigger{min-height:var(--role-row-height);padding-top:var(--role-row-padding);padding-bottom:var(--role-row-padding)}
 .role-icon{top:calc(var(--role-row-padding) + 3px)}
}
html{scroll-snap-type:y mandatory}.screen{scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:0}.footer{scroll-snap-align:start;scroll-margin-top:0}

/* One continuous vector spacecraft, with local glyph illumination. */
.starship-svg{width:100%;height:100%;display:block}.ship-highlight{opacity:0;transition:opacity .35s}.pointer-active .ship-highlight{opacity:1}.motion-paused .ship-highlight{opacity:0}.apply-hero{margin-bottom:0}
.about{--card-gap:3.4722vw}.about-intro{transition:transform .85s var(--ease),opacity .6s;will-change:transform}.about.is-browsing .about-intro{transform:translateX(calc(-100% - 7vw));opacity:0;pointer-events:none}.tech-viewport{left:5.5556%;}.tech-card+.tech-card::before{display:none}.tech-pagination{transition:left .85s var(--ease)}.about.is-browsing .tech-pagination{left:5.5556%}.tech-card:focus-visible{outline:1px solid #111;outline-offset:5px}.diagram-stage{position:absolute;left:0;top:0;width:368px;height:354px;transform:scale(var(--diagram-scale,1));transform-origin:top left}.diagram-svg{overflow:visible}.tech-image{overflow:hidden}
.diagram-svg g,.diagram-svg path{transform-box:view-box;transform-origin:center;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
.memory .diagram-svg{transform-origin:center;transition:transform 1.2s var(--ease)}.tech-card:is(:hover,:focus-visible) .memory .diagram-svg{transform:scale(1.08)}
.tech-card:is(:hover,:focus-visible) .memory path:nth-last-child(-n+3){animation:memory-breathe 3s ease-in-out infinite alternate}
.agents .diagram-svg{transition:transform 2s var(--ease)}.tech-card:is(:hover,:focus-visible) .agents .diagram-svg{transform:rotate(35deg)}
.tech-card:is(:hover,:focus-visible) .harness .diagram-svg>g>path{animation:orbit-breathe 3s ease-in-out infinite alternate}
.learner .cube-core{transform-origin:117.5px 136.5px}.tech-card:is(:hover,:focus-visible) .learner .cube-core{animation:cube-expand 3.2s cubic-bezier(.45,0,.25,1) infinite}
.tech-card:is(:hover,:focus-visible) .learner .diagram-svg>g>path:nth-last-child(-n+7){animation:node-pulse 3.2s ease-in-out infinite}
@keyframes memory-breathe{to{transform:translate(0,-7px)}}@keyframes orbit-breathe{to{transform:rotate(16deg)}}@keyframes cube-expand{0%,100%{transform:scale(1)}45%,60%{transform:scale(2.35)}}@keyframes node-pulse{0%,100%{opacity:1}45%,60%{opacity:.4}}
.motion-paused .diagram-svg *{animation-play-state:paused!important}
@media(max-width:700px){.starship-svg{width:150%;max-width:none;position:absolute;left:-25%;height:70%}.about{--card-gap:28px}.tech-viewport{left:24px;transition:top .85s var(--ease)}.about.is-browsing .tech-viewport{top:16%}.about.is-browsing .tech-pagination{left:24px}.tech-image{max-height:none}.about-intro{transition:transform .85s var(--ease),opacity .6s}.tech-card h3{font-size:18px}.hero-bottom{gap:24px}}

.cube-core path{vector-effect:non-scaling-stroke}

/* Keep the extended SVG field flush with all four edges on every screen size. */
.starship-svg{position:absolute;inset:0;width:100%;height:100%;max-width:none}

/* October 10 Figma hero — native vector artwork and exact 1440 px composition. */
.hero-design{position:absolute;left:0;top:0;width:1440px;height:766px;transform-origin:top left}.hero-design .starship-svg{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.hero-blue{position:absolute;right:0;top:0;bottom:0;width:164px;background:#407af6;overflow:hidden}.hero-blue img{width:164px;height:766px}.hero-green{position:absolute;right:0;bottom:0;width:402px;height:218px}.hero-lower-art{position:absolute;bottom:0;left:0;width:711px;height:245px;pointer-events:none}.hero-heading{position:absolute;left:80px;top:42.1671%;width:558.61px;height:192.05px;margin:0;line-height:1}.hero-subtitle{position:absolute;left:80px;top:69.8433%;font-size:46.712px;line-height:54.022px;font-weight:500;color:#c6c6c6;white-space:nowrap}.hero-design .apply-hero{position:absolute;left:80px;top:83.5509%;width:194px;height:46px;min-width:0;margin:0;background:transparent;font-size:24.41px;font-weight:400}.hero-design .apply-hero img{position:absolute;inset:0}.hero-design .apply-hero span{position:relative;line-height:30px}.hero-design .apply-hero:hover{transform:translateY(-2px);filter:brightness(1.08)}.hero-heading img{width:558.61px;height:192.05px}.site-header{border-bottom:0}#code-mutations{pointer-events:none}
@media(max-width:700px){.hero-design{width:1440px}.hero-heading{top:46%}.hero-subtitle{top:calc(46% + 217px)}.hero-design .apply-hero{top:calc(46% + 320px);width:240px;height:57px;font-size:29px}.hero-design .apply-hero img{transform:scale(1.237);transform-origin:top left}.hero-green{bottom:0}.hero-blue{height:100%}}

/* Figma node 1659:45354: one 567 × 356 block, anchored 80 px from the left and bottom. */
.hero-copy{position:absolute;left:80px;bottom:80px;width:567px;height:356px;z-index:2;transform-origin:left bottom}
.hero-copy .hero-heading{left:0;top:0;width:567px;height:206px}
.hero-copy .hero-subtitle{left:0;top:219px;line-height:54.022px}
.hero-copy .apply-hero{left:0;top:310px;width:194px;height:46px;font-size:24.41px}
.hero-copy .apply-hero img{width:100%;height:100%}
@media(max-width:700px){.hero-copy .hero-heading{top:0}.hero-copy .hero-subtitle{top:219px}.hero-copy .apply-hero{top:310px;width:194px;height:46px;font-size:24.41px}.hero-copy .apply-hero img{transform:none}}

/* The Figma-green apply button reveals blue across its full width on hover. */
.hero-design .apply-hero{isolation:isolate;overflow:hidden}
.hero-design .apply-hero img{z-index:0}
.hero-design .apply-hero::after{content:"";position:absolute;inset:0;z-index:1;background:#407af6;transform:scaleX(0);transform-origin:left center;transition:transform .48s cubic-bezier(.22,1,.36,1)}
.hero-design .apply-hero span{z-index:2}
.hero-design .apply-hero:is(:hover,:focus-visible){filter:none}
.hero-design .apply-hero:is(:hover,:focus-visible)::after{transform:scaleX(1)}
.hero-green{overflow:hidden}
.hero-green img{width:402px;height:218px}
.green-overlap-svg{position:absolute;inset:0;width:402px;height:218px;pointer-events:none}
.hero-copy .hero-subtitle{font-size:36px;font-weight:400;letter-spacing:13.6px;color:#d9d9d9}
.hero-subtitle .subtitle-year{font-family:Manrope,Arial,sans-serif}
.blue-year-svg{display:block;width:164px;height:766px;overflow:visible}

/* Scramble only the second line; the resolved letters remain the original Figma paths. */
.hero-copy .hero-title-top{position:absolute;inset:0;width:567px;height:206px}
.hero-title-bottom{position:absolute;inset:0;width:567px;height:206px;overflow:visible}
.hero-title-noise{opacity:0;fill:#fff;font:500 84px MiSans,'PingFang SC',sans-serif;letter-spacing:0}

/* The footer code artwork ends at the separator above the legal details. */
.footer-bottom{background-color:#000}

/* Center each green marker on its title's first line across breakpoints. */
.benefits article{align-items:flex-start}
.benefit-square{margin-top:calc((clamp(23px, 2.1972vw, 38px) * 1.1 - 26px) / 2 - 2px)}
@media(max-width:1000px){.benefit-square{margin-top:calc((clamp(23px, 2.1972vw, 38px) * 1.1 - 20px) / 2 - 2px)}}
@media(max-width:700px){.benefits article{flex-direction:row}.benefit-square{margin-top:calc((18px * 1.35 - 16px) / 2 - 2px)}}

/* Match the 40 px Figma footer lockup and keep its clear space proportional to the viewport. */
.footer{min-height:0;padding-bottom:clamp(32px,6vh,72px)}
.footer-brand{height:40px}
.footer-symbol{transform:scaleY(1.084);transform-origin:left top}
.footer-name{top:9px}
.footer-brand span{top:10.7px}
.footer-group{top:10.7px}

/* Scale the complete three-part lockup as a unit at narrow widths. */
@media (min-width:701px) and (max-width:1000px){
  .hero-copy{transform:scale(1.45)}
}
@media (max-width:700px){
  .hero-copy{transform:scale(2.06)}
}

/* Keep every section reachable from the narrow-screen header. */
.nav-toggle{display:none}
@media (max-width:700px){
  .site-header nav{position:absolute;top:var(--header);left:0;right:0;display:none;flex-direction:column;gap:0;padding:8px 20px 18px;background:#000;border-bottom:1px solid #333;font-size:16px}
  .site-header nav.is-open{display:flex}
  .site-header nav a,.site-header nav a:first-child,.site-header nav a:last-child{display:block;padding:13px 0}
  .nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:10px;background:transparent}
  .nav-toggle span{display:block;width:24px;height:2px;background:#fff;transition:transform .25s,opacity .25s}
  .nav-toggle[aria-expanded=true] span:first-child{transform:translateY(8px) rotate(45deg)}
  .nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
  .nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-8px) rotate(-45deg)}
}
@media (max-width:360px){
  .benefits{grid-template-columns:1fr}
  .benefits article{padding:18px 0}
}

/* Center the complete fourth-screen composition on tall narrow displays; keep natural scroll on shorter screens. */
@media (max-width:700px){
  .growth-content{margin: auto 24px}
  .growth h2{transform:translateY(-20px)}
  .growth-subtitle{transform:translateY(-26px)}
}

/* Keep the growth title below the fixed header when desktop windows are short. */
@media (min-width:701px){
  .growth{align-items:stretch;overflow-y:auto;overscroll-behavior:contain}
  .growth-content{margin:auto 0}
}
@media (min-width:701px) and (max-height:760px){
  .growth-content{padding:40px 0 20px}
  .growth-subtitle{font-size:18px;line-height:28px}
  .benefits{margin-top:clamp(18px,4vh,32px)}
  .benefits article{padding:clamp(16px,3.5vh,26px) 0}
}

/* Give both benefit columns the same copy width. */
@media (min-width:701px){
  .growth-content{width:max(75%, min(90%, 900px))}
  .benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
  .benefits article:nth-child(odd){padding-right:0}
}

/* Match the carousel response to a light Magic Mouse gesture. */
.tech-track,.about-intro{transition-duration:.65s}

/* Reset the technical carousel before returning from the roles screen. */
.about.is-resetting .tech-track,.about.is-resetting .about-intro,.about.is-resetting .tech-viewport{transition:none}

/* The brand lockups now contain only the flying elephant and 飞象星球 wordmark. */
.site-header .brand,.site-header .brand-art{width:100px}
.footer-bottom .footer-brand{width:116px}

/* Render 2027 with the Manrope Medium face specified for the Figma title. */
.hero-copy .hero-title-top{clip-path:inset(0 36% 0 0)}
.hero-title-year{position:absolute;inset:0;width:567px;height:206px;overflow:visible;transform:translateY(-7px)}
.hero-title-year text{font-family:Manrope,Arial,sans-serif;font-size:92px;font-weight:500;letter-spacing:-1.84px;fill:white}

/* Keep the motif narrow while its vertical span reaches the footer divider. */
.footer-art-clip{position:absolute;inset:0 0 auto;height:var(--footer-art-height,0px);overflow:hidden;pointer-events:none}
.footer-art{transform:translateX(-50%) scale(calc(var(--footer-scale,1)*.7),calc(var(--footer-scale,1)*1.08));transform-origin:70% top}
.hero-copy .apply-hero{font-size:21px}
#green-base-dots rect{shape-rendering:crispEdges}

/* Footer layout follows the 1440 × 502 Figma frame. */
.footer{min-height:501.627px;padding:80px clamp(24px,5.5556vw,80px) 86px}
.footer-top{align-items:flex-start}
.footer-top>p{font-size:26px;font-weight:300;line-height:33px;letter-spacing:0}
.footer-top>p .footer-message{display:block;color:#fff}
.footer-top>p .footer-promise{display:block;width:max-content;max-width:100%;margin-top:13px;color:var(--green);font-size:26px;font-weight:500;line-height:38px}
.footer-bottom{display:grid;grid-template-columns:minmax(0,1fr) 168px 189px;column-gap:58px;align-items:start;margin-top:104px;padding-top:41px;border-top:.5px solid #999;background-color:#000;background-image:none}
.footer-bottom .footer-brand{width:114px;height:40px;transform:none}
.footer-bottom p{font-size:12px;line-height:14px;white-space:nowrap}
.footer-bottom .footer-report-email{width:100%;max-width:100%;justify-self:stretch;text-align:right}
.footer-art{transform:translateX(-50%) scale(var(--footer-scale,1));transform-origin:top center}
@media(max-width:1100px){
  .footer-top>p{font-size:clamp(18px,2.35vw,26px);line-height:1.3}
  .footer-top>p .footer-promise{font-size:clamp(18px,2.35vw,26px);line-height:1.45}
  .footer-bottom{grid-template-columns:minmax(0,1fr) 168px 189px;column-gap:clamp(20px,3vw,58px)}
}
@media(max-width:760px){
  .footer{padding:48px 24px 56px;min-height:0}
  .footer-top{flex-direction:column;gap:30px}
  .footer-top>p{font-size:clamp(17px,4.2vw,22px);line-height:1.5}
  .footer-top>p .footer-promise{font-size:clamp(17px,4.2vw,22px);line-height:1.5;margin-top:18px;width:auto}
  .footer-message br{display:none}
  .footer-bottom{margin-top:56px;padding-top:30px;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
  .footer-bottom .footer-brand{grid-column:1/-1;margin-bottom:8px}
  .footer-bottom p{font-size:11px;line-height:1.4;white-space:normal}
  .footer-report-email a{overflow-wrap:anywhere}
  .footer-art{transform:translateX(-50%) scale(.45);transform-origin:top center}
}
@media(max-width:420px){.footer-bottom .footer-brand{margin-bottom:4px}}

/* Scale the heading and both paragraphs as one introduction group. */
.about-intro h2{font-size:clamp(26px,2.8vw,50px)}
.about-intro h2+p{margin-top:clamp(24px,4.7vw,60px)}
.about-intro p+p{margin-top:clamp(12px,1.8vw,23px)}
@media(max-width:700px){
  .about-intro h2{font-size:clamp(21px,6.4vw,27px);line-height:1.15}
  .about-intro p{font-size:clamp(11px,3.2vw,13px);line-height:1.45}
  .about-intro h2+p{margin-top:clamp(20px,6vw,27px)}
  .about-intro p+p{margin-top:clamp(12px,3.6vw,16px)}
  .tech-viewport{top:51%}
}

/* Leave a clear edge beside the blue panel on narrow hero layouts. */
@media(max-width:700px){.hero-copy{transform:scale(1.92)}}

/* Give the longer brand story a usable column before the technical rail. */
@media(min-width:701px) and (max-width:1100px){.about-intro{width:39vw}}
@media(min-width:701px) and (max-height:640px){
  .about-intro{top:8%}
  .about-intro h2{font-size:clamp(21px,3vw,28px)}
  .about-intro p{font-size:clamp(12px,1.75vw,14px);line-height:1.4}
  .about-intro h2+p{margin-top:clamp(22px,3vw,32px)}
  .about-intro p+p{margin-top:clamp(10px,1.6vw,16px)}
}
@media(min-width:450px) and (max-width:700px){
  .about-intro p{max-width:min(400px,calc(100vw - 72px))}
  .about:not(.is-browsing) .tech-viewport{top:43%}
  .about{--card-width:min(60vw,calc(var(--page-height)*.47))}
}
@media(max-width:449px){
  .about:not(.is-browsing) .tech-viewport{top:44%}
  .about{--card-width:min(55vw,calc(var(--page-height)*.45))}
}
.tech-card p .keep-together{white-space:nowrap}

/* Keep the technical card aligned at the top while enlarging its frame and diagram together. */
.tech-number{margin-bottom:2px}
.tech-image{margin-bottom:0}
@media(min-width:701px){.about{--card-width:min(26.5778vw,calc(var(--page-height)*.4784))}}
@media(min-width:450px) and (max-width:700px){.about{--card-width:min(62.4vw,calc(var(--page-height)*.4888))}}
@media(max-width:449px){.about{--card-width:min(57.2vw,calc(var(--page-height)*.468))}}

@media(min-width:1001px){.role[data-role="internship"] .role-detail-content{grid-template-columns:minmax(0,1fr) auto}}

.footer-brand .footer-lockup{left:0;top:0}

/* On narrow screens, align the apply button with the green block. */
@media(max-width:700px){.hero-copy{bottom:218px}}

/* Keep the introduction in view while the narrow technical carousel advances. */
@media(max-width:900px){
  .about.is-browsing .about-intro{transform:none;opacity:1;pointer-events:auto}
}
@media(min-width:701px) and (max-width:900px){
  .about{--card-width:min(55vw,calc(var(--page-height)*.43));--card-gap:28px}
  .about-intro{left:5.5556vw;right:5.5556vw;top:6%;width:auto}
  .about-intro h2{font-size:clamp(27px,3.4vw,34px)}
  .about-intro p{font-size:14px;line-height:1.5;max-width:750px}
  .tech-viewport,.about.is-browsing .tech-viewport{left:5.5556vw;top:47%}
  .about.is-browsing .tech-pagination{left:5.5556vw}
}
@media(max-width:700px){.about.is-browsing .tech-pagination{left:24px}}
@media(min-width:450px) and (max-width:700px){.about.is-browsing .tech-viewport{top:43%}}
@media(max-width:449px){.about.is-browsing .tech-viewport{top:44%}}

.blue-craft-overlap{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden}

/* Diagram controls stay attached to the first frame across viewport sizes. */
.tech-controls{position:absolute;left:calc(47.4306vw + 20px);top:var(--tech-controls-top,83.21%);display:flex;align-items:center;gap:12px;z-index:2;transition:left .65s var(--ease)}
.about.is-browsing .tech-controls{left:5.5556vw}
.tech-controls button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:.5px solid #bbb;background:rgba(255,255,255,.2);cursor:pointer;transition:background .2s,border-color .2s}
.tech-controls button img{display:block;width:14px;height:13px}
.tech-controls button:hover:not(:disabled){background:rgba(255,255,255,.55);border-color:#777}
.tech-controls button:focus-visible{outline:2px solid #111;outline-offset:3px}
.tech-controls button:disabled{opacity:.45;cursor:default}
@media(max-width:900px){.tech-controls,.about.is-browsing .tech-controls{left:5.5556vw}}
@media(max-width:700px){.tech-controls,.about.is-browsing .tech-controls{left:24px}}

/* Keep the introduction and controls fixed while only the technical cards slide. */
.tech-viewport{left:calc(47.4306vw + 20px)}
@media(max-width:900px){.tech-viewport{left:5.5556vw}}
@media(max-width:700px){.tech-viewport{left:24px}}
@media(min-width:701px) and (max-width:900px){.tech-viewport{top:40%}}

/* On wide screens, size both benefit columns to their copy and center the
   shared two-column group beneath each divider. Keep one full-width rule per row. */
.benefit-row{display:contents}
@media(min-width:1001px){
  @supports(grid-template-columns:subgrid){
    .benefits{grid-template-columns:max-content max-content;justify-content:center;column-gap:clamp(32px,3vw,58px)}
    .benefit-row{display:grid;grid-column:1/-1;grid-template-columns:subgrid;column-gap:inherit;border-top:.5px solid #c5c5c5}
    .benefit-row article{border-top:0}
  }
}

/* Reserve the final space for the last role immediately, then reveal its
   content while the job list scrolls to it. */
.role.is-opening .role-detail{transition:opacity .6s var(--ease)}
.role.is-opening .role-detail-clip{animation:role-detail-reveal .6s var(--ease) both}
@keyframes role-detail-reveal{
  from{clip-path:inset(0 0 100% 0);opacity:0}
  to{clip-path:inset(0);opacity:1}
}

/* On tall phone viewports, let the home composition keep its 3:4 shape so
   the next screen peeks into view. The next swipe still lands on full-height About. */
:root{--viewport-height:100vh;--page-height:calc(var(--viewport-height) - var(--header))}
@supports(height:100svh){:root{--viewport-height:100svh}}
.phone-portrait .hero{height:min(var(--page-height),133.333333vw)}
@media (max-width:700px) and (max-aspect-ratio:4/5){
  html:not(.viewport-ready) .hero{height:min(var(--page-height),133.333333vw)}
}