html,body{max-width:100%;overflow-x:hidden}
.page-hero{min-height:760px;padding:180px 0 120px;display:flex;align-items:center;position:relative;isolation:isolate;background:radial-gradient(650px 500px at 82% 45%,var(--orange-soft),transparent 70%),linear-gradient(115deg,var(--bg) 55%,var(--bg-2))}
.page-hero::after{content:"01 — 04";position:absolute;right:max(5vw,24px);bottom:70px;z-index:-1;font:700 clamp(5rem,14vw,13rem)/1 var(--f-d);color:color-mix(in srgb,var(--txt) 4%,transparent);letter-spacing:-.04em}
.page-hero .wrap{width:100%}.page-hero h1{max-width:10ch;font-size:clamp(4rem,7vw,7.2rem)}.page-hero .lede{max-width:68ch;font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.75}.ap-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.process{padding:120px 0!important;background:linear-gradient(180deg,var(--bg),var(--bg-2));position:relative}.process .wrap{position:relative}.process-head{max-width:900px;margin-bottom:80px}.process-head h2{max-width:13ch;font-size:clamp(3rem,6vw,6rem)}
.process .wrap::before{content:"";position:absolute;left:37px;top:245px;bottom:170px;width:1px;background:linear-gradient(var(--orange),var(--panel-brd) 12%,var(--panel-brd) 88%,var(--orange))}
.process .step{width:100%;min-width:0;display:grid;grid-template-columns:76px minmax(0,.9fr) minmax(320px,1.1fr);gap:clamp(24px,4vw,64px);align-items:center;padding:42px 0;position:relative}
.process .step:nth-of-type(odd) .step-copy{order:3}.process .step:nth-of-type(odd) .ph{order:2}
.process .no{position:relative;z-index:2;width:76px;height:76px;display:grid;place-items:center;border-radius:50%;border:1px solid color-mix(in srgb,var(--orange) 55%,transparent);background:var(--bg);font:700 2rem var(--f-d);color:var(--orange);-webkit-text-stroke:0}
.step-copy{min-width:0;padding:22px 0}.process .t{font-size:.66rem;margin-bottom:16px}.process h3{font-size:clamp(2.5rem,4.3vw,4.8rem);max-width:11ch;margin-bottom:18px}.process .step p{max-width:58ch;color:var(--dim);font-size:1rem;line-height:1.75}
.process .ph{width:100%;min-width:0;aspect-ratio:16/10;max-height:420px;border-radius:24px;overflow:hidden;border:1px solid var(--panel-brd);position:relative;box-shadow:0 24px 60px rgba(0,0,0,.22)}.process .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,7,6,.72),transparent 45%)}.process .ph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s}.process .step:hover .ph img{transform:scale(1.025)}.process .ph small{position:absolute;z-index:2;left:20px;bottom:18px;color:#fff;font:400 .62rem var(--f-m);letter-spacing:.12em;text-transform:uppercase}
html[data-color-theme="legacy"] .page-hero,html[data-color-theme="legacy"] .process{color:#171B25}html[data-color-theme="legacy"] .process{background:linear-gradient(180deg,#fff,#F6F3FF)}html[data-color-theme="legacy"] .process .no{background:#fff}
@media(max-width:900px){.page-hero{min-height:650px;padding:150px 0 100px}.process{padding:90px 0!important}.process-head{margin-bottom:45px}.process .wrap::before{left:30px;top:205px;bottom:120px}.process .step,.process .step:nth-of-type(odd){grid-template-columns:60px minmax(0,1fr);gap:18px;padding:38px 0}.process .no{width:60px;height:60px;font-size:1.6rem;align-self:start;margin-top:15px}.process .step .step-copy,.process .step:nth-of-type(odd) .step-copy{grid-column:2;grid-row:1;order:initial}.process .step .ph,.process .step:nth-of-type(odd) .ph{grid-column:2;grid-row:2;order:initial;max-height:360px}}
@media(max-width:620px){.page-hero{min-height:0;padding:125px 0 78px}.page-hero::after{font-size:22vw;bottom:28px}.page-hero h1{font-size:clamp(3.2rem,14.5vw,4.5rem);max-width:9ch}.page-hero .lede{font-size:.97rem}.ap-hero-actions{display:grid}.ap-hero-actions .btn{width:100%;justify-content:center}.process{padding:72px 0 90px!important}.process .wrap{width:min(100% - 32px,var(--max));max-width:100%}.process-head{margin-bottom:30px}.process-head h2{font-size:clamp(2.8rem,13vw,4rem)}.process .wrap::before{left:25px;top:190px;bottom:90px}.process .step,.process .step:nth-of-type(odd){width:100%;grid-template-columns:50px minmax(0,1fr);gap:12px;padding:30px 0}.process .no{width:50px;height:50px;font-size:1.35rem;margin-top:10px}.process h3{font-size:clamp(2.3rem,11vw,3.4rem);overflow-wrap:anywhere}.process .step p{font-size:.94rem;line-height:1.65}.process .step .ph,.process .step:nth-of-type(odd) .ph{grid-column:1/-1;width:100%;max-width:100%;height:auto;max-height:none;aspect-ratio:16/10;border-radius:18px}.process .ph small{left:16px;bottom:14px}.final{overflow:hidden}}