.hero{padding:64px 0 78px}.hero-grid{grid-template-columns:1fr 1.18fr;gap:54px}.hero h1{font-size:clamp(3.4rem,5.2vw,5.3rem);line-height:1.02}.hero .intro{max-width:390px}.hero-visual{height:580px;position:relative;border-radius:160px 32px 32px 32px;isolation:isolate}.hero-photo{height:100%;width:100%;object-fit:cover;object-position:65% center;border-radius:inherit;box-shadow:0 30px 80px #143b3620}.hero-tag{position:absolute;left:-24px;bottom:38px;display:flex;align-items:center;gap:13px;background:#fffdf5f5;padding:18px 23px;border-radius:18px;box-shadow:0 12px 45px #001b2526;font-size:16px;font-weight:650}.hero-tag small{display:block;font-size:12px;font-weight:400;margin-top:3px}.hero-note{position:absolute;right:-18px;top:66px;background:#103d46;color:#f9fff7;border:1px solid #ffffff44;padding:19px 23px;border-radius:18px;display:flex;align-items:center;gap:16px;font-size:14px;box-shadow:0 16px 40px #001b2538}.hero-note>span{border-radius:50%;background:#b6edcf;color:#103d46;display:grid;place-items:center;width:32px;height:32px}.hero-caption{position:absolute;bottom:14px;right:18px;color:#fff;font-size:10px;text-shadow:0 1px 5px #000}
.build-story{background:#0d3035;color:#f5f6ef;position:relative}.build-pin{padding:60px 0 28px;overflow:hidden}.build-layout{display:grid;grid-template-columns:.9fr 1.3fr;gap:40px;align-items:center;min-height:620px}.build-copy h2{font-size:clamp(2.4rem,3.5vw,3.8rem);line-height:1.06}.build-copy em{color:#9ae2c2}.build-copy>p:not(.eyebrow){color:#c0d7d4;font-size:17px}.build-copy .eyebrow{color:#a2c7bf;font-size:10px}.build-copy .text-link{color:#b5d9cf}.build-canvas{height:560px;position:relative;isolation:isolate}.build-photo{position:absolute;inset:30px 30px 60px;border-radius:140px 140px 28px 28px;overflow:hidden;z-index:-2;opacity:.7}.build-photo img{width:100%;height:100%;object-fit:cover;object-position:65% center}.build-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0d3035bb,transparent 75%)}.build-orbit{position:absolute;width:320px;height:320px;left:50%;top:46%;transform:translate(-50%,-50%);border:1px dashed #c3f6da9c;border-radius:50%;z-index:-1}.build-core{position:absolute;top:175px;left:calc(50% - 95px);width:190px;text-align:center;background:#f4f7ef;box-shadow:0 20px 50px #00191c55;color:#103d46;border:1px solid #ffffff88;border-radius:24px;padding:24px 12px;display:grid;justify-items:center;gap:12px;line-height:1.3}.build-card{position:absolute;display:flex;gap:13px;align-items:center;background:#f9fcf5;color:#153b40;padding:17px 20px;border-radius:17px;box-shadow:0 14px 40px #00141833;max-width:320px}.build-card h3{font-size:15px;line-height:1.3;letter-spacing:-.025em;margin:0 0 5px}.build-card p{font-size:12px;line-height:1.4;margin:0;color:#536e68}.build-card-icon{border-radius:12px;background:#e4f0e6;color:#237761;font-size:12px;min-width:38px;height:38px;display:grid;place-items:center}.build-one{top:30px;left:0}.build-two{top:310px;right:0}.build-three{bottom:35px;left:10px}.build-finish{position:absolute;right:24px;top:218px;font-family:Georgia,serif;font-style:italic;font-size:23px;color:#d1f3de;writing-mode:vertical-rl}.build-disclaimer{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:10px;color:#a2c7bf}.build-progress{height:2px;background:#ffffff22;max-width:1180px;margin:18px auto 0}.build-progress span{display:block;height:100%;background:#9ae2c2;width:100%}
@supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference){
 .build-story{height:340svh;view-timeline-name:--elo-build;view-timeline-axis:block}.build-pin{position:sticky;top:88px;height:calc(100svh - 88px);min-height:590px;display:flex;flex-direction:column;justify-content:center;padding:24px 0}.build-layout{min-height:0;width:min(1180px,calc(100% - 48px))}.build-canvas{height:min(560px,calc(100svh - 150px))}.build-progress{width:calc(100% - 48px);flex-shrink:0}
 .build-photo{animation:build-photo linear both;animation-timeline:--elo-build;animation-range:contain 0% contain 30%}
 .build-core{animation:build-core linear both;animation-timeline:--elo-build;animation-range:contain 5% contain 32%}
 .build-one{animation:build-left linear both;animation-timeline:--elo-build;animation-range:contain 15% contain 40%}
 .build-two{animation:build-right linear both;animation-timeline:--elo-build;animation-range:contain 38% contain 65%}
 .build-three{animation:build-left linear both;animation-timeline:--elo-build;animation-range:contain 60% contain 85%}
 .build-finish{animation:build-core linear both;animation-timeline:--elo-build;animation-range:contain 82% contain 98%}
 .build-progress span{transform-origin:left;animation:build-progress linear both;animation-timeline:--elo-build;animation-range:contain 0% contain 100%}
 @keyframes build-photo{from{clip-path:inset(95% 0 0);transform:scale(.9);opacity:.15}to{clip-path:inset(0);transform:scale(1);opacity:.7}}
 @keyframes build-core{from{opacity:0;scale:.7;translate:0 30px}to{opacity:1;scale:1;translate:0 0}}
 @keyframes build-left{from{opacity:0;translate:-90px 55px;rotate:-8deg}to{opacity:1;translate:0 0;rotate:0deg}}
 @keyframes build-right{from{opacity:0;translate:90px 55px;rotate:8deg}to{opacity:1;translate:0 0;rotate:0deg}}
 @keyframes build-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
}}
@media(max-width:900px){.hero-grid{gap:28px}.hero-visual{height:500px}.hero-tag{left:-10px;padding:14px}.hero-note{right:-8px;padding:14px}.build-layout{grid-template-columns:.8fr 1.2fr;gap:12px}.build-card{max-width:280px;padding:14px}.build-copy h2{font-size:2.5rem}.build-core{left:calc(50% - 80px);width:160px}}
@media(max-width:640px){.hero-grid{grid-template-columns:1fr}.hero{padding-top:42px}.hero h1{font-size:clamp(3rem,14vw,4.3rem)}.hero-visual{height:390px;margin:12px 8px 0}.hero-tag{font-size:14px;bottom:25px;left:-8px}.hero-note{font-size:12px;top:50px;right:-8px}.hero .intro{display:none}.build-layout{grid-template-columns:1fr;gap:8px}.build-copy{text-align:center}.build-copy h2{font-size:clamp(1.9rem,7vw,2.5rem);margin-bottom:12px}.build-copy h2 br:first-of-type{display:none}.build-copy .eyebrow{margin-bottom:12px}.build-copy>p:not(.eyebrow){display:none}.build-copy .text-link{font-size:11px}.build-canvas{height:440px!important}.build-card{padding:12px;max-width:245px}.build-card-icon{display:none}.build-card h3{font-size:13px}.build-card p{font-size:11px}.build-one{top:5px;left:0}.build-two{top:245px;right:0}.build-three{bottom:24px;left:0}.build-core{top:116px;left:calc(50% - 72px);width:144px;padding:16px 8px;font-size:13px}.build-core img{width:45px;height:45px}.build-photo{inset:0 10px 50px}.build-orbit{width:240px;height:240px;top:45%}.build-finish{font-size:17px;right:6px;top:135px}.build-story .build-pin{top:76px;min-height:650px}.build-story .build-layout{width:calc(100% - 36px)}.build-progress{margin-top:8px}}
@media(max-height:760px) and (min-width:641px){.build-story .build-pin{top:0;height:100svh;min-height:560px}.build-canvas{height:510px!important}.build-two{top:280px}.build-three{bottom:20px}}
@media(max-height:780px) and (max-width:640px){.build-story .build-pin{top:0;height:100svh;min-height:590px}.build-canvas{height:390px!important}.build-copy .eyebrow{display:none}.build-two{top:215px}.build-core{top:100px}.build-three{bottom:15px}.build-disclaimer{bottom:-5px}}
@media(prefers-reduced-motion:reduce){.build-story{height:auto!important}.build-pin{position:relative!important;top:auto!important;height:auto!important;padding:48px 0!important}.build-progress{display:none}}
.build-finish{writing-mode:horizontal-tb;top:auto;bottom:-2px;left:0;right:0;text-align:center;font-size:19px;pointer-events:none}.build-disclaimer{bottom:-23px}.build-progress{margin-top:38px}@media(max-width:640px){.build-finish{font-size:16px;bottom:-3px}.build-disclaimer{bottom:-21px}.build-progress{margin-top:29px}}
