.how-hero{position:relative;min-height:max(740px,100svh);overflow:hidden;background:#080808;padding:23vh 6% 100px;isolation:isolate}.how-hero:before{content:"";position:absolute;right:-8%;top:10%;width:min(70vw,900px);aspect-ratio:1;border:1px solid rgba(250,148,56,.45);border-radius:50%;box-shadow:0 0 0 90px rgba(255,255,255,.018),0 0 0 180px rgba(255,255,255,.012);z-index:-1}.how-hero[data-kind=guide]:before{border-radius:0;transform:rotate(-16deg);width:min(50vw,660px);top:18%}.how-hero[data-kind=system]:before{border-radius:4%;transform:rotate(25deg);width:min(52vw,670px);top:14%}.how-hero h1{font:600 clamp(68px,8.8vw,145px)/.95 Bahnschrift,Arial,sans-serif;letter-spacing:-.07em;margin:65px 0 38px;max-width:980px}html[lang=en] .how-hero h1{font:600 clamp(68px,8.8vw,145px)/.95 Bahnschrift,Arial,sans-serif;letter-spacing:-.07em}.how-hero h1 em{font-style:normal;color:var(--accent)}.how-hero .lead{font:400 clamp(24px,2.8vw,42px)/1.18 Bahnschrift,Arial,sans-serif;letter-spacing:-.04em;max-width:640px;margin:0 0 25px}.how-hero .deck{color:#aeadab;font-size:14px;line-height:1.8;max-width:550px}.how-hero .section-foot{z-index:2}.how-section{padding:54px 6% 105px;border-top:1px solid #303030}.how-section.paper{background:#ece9e2;color:#151515}.how-section.paper .section-top{border-color:#c6c1b6;color:#67635c}.how-section.paper .eyebrow{color:#aa6129}.how-grid{display:grid;grid-template-columns:51% 1fr;gap:8%;padding-top:100px}.how-section h2{font:500 clamp(48px,5.4vw,88px)/1.02 Bahnschrift,Arial,sans-serif;letter-spacing:-.06em;margin:20px 0}.how-section h2 em{font-style:normal;color:var(--accent)}.how-grid>div:last-child{padding-top:40px}.how-grid>div:last-child p{font-size:15px;line-height:1.85;color:#aaa;margin:0 0 25px;max-width:490px}.how-section.paper .how-grid>div:last-child p{color:#56554f}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding-top:90px}.how-steps article{border-top:1px solid #686868;padding:22px 30px 30px 0;min-height:270px}.how-steps article+article{padding-left:30px;border-left:1px solid #686868}.how-steps article>span{color:var(--accent);font-size:11px;letter-spacing:.12em}.how-steps h3{font:500 clamp(30px,3.2vw,50px)/1.1 Bahnschrift,Arial,sans-serif;letter-spacing:-.05em;margin:55px 0 18px}.how-steps p{font-size:13px;line-height:1.75;color:#aaa;max-width:310px}.paper .how-steps article{border-color:#bfb9ad}.paper .how-steps p{color:#5c5951}.how-warning{font-size:12px!important;color:#898680!important;border-top:1px solid #bbb4a9;padding-top:20px;margin-top:40px!important}.how-section .action{border-color:#555}.how-section .action span,.how-section .action.primary{color:var(--accent)}.how-small{display:block;font-size:11px;line-height:1.7;color:#777;margin-top:18px;max-width:480px}.how-metric{font:600 clamp(95px,17vw,290px)/.9 Bahnschrift,Arial,sans-serif;letter-spacing:-.1em;color:var(--accent);margin:35px 0 0}.how-metric small{font-size:.22em;letter-spacing:-.04em}.how-list{padding:20px 0 0}.how-list>div{display:grid;grid-template-columns:46px 1fr;gap:12px;border-top:1px solid #777;padding:22px 0}.how-list>div:last-child{border-bottom:1px solid #777}.how-list span{font-size:11px;color:var(--accent)}.how-list strong{font:500 22px Bahnschrift,Arial,sans-serif}.how-list p{grid-column:2;margin:0!important;font-size:12px!important}.how-tabs{display:flex;gap:10px;padding-top:70px;flex-wrap:wrap}.how-tabs a{font:500 clamp(17px,2vw,28px) Bahnschrift,Arial,sans-serif;padding:20px 25px;border:1px solid #444}.how-tabs a[aria-current=page]{border-color:var(--accent);color:var(--accent)}.how-tabs a:hover{background:var(--accent);color:#090909}
@media(max-width:900px){.how-grid{grid-template-columns:1fr;gap:15px;padding-top:65px}.how-grid>div:last-child{padding-top:0}.how-steps{padding-top:65px}}
@media(max-width:700px){.how-hero{min-height:780px;padding:145px 7% 95px}.how-hero:before{top:42%;right:-70%;width:130%;opacity:.6}.how-hero[data-kind=guide]:before,.how-hero[data-kind=system]:before{top:43%;right:-55%;width:100%}html[lang=en] .how-hero h1{font-size:clamp(57px,14vw,82px);margin:55px 0 26px}.how-hero .lead{font-size:25px}.how-hero .deck{font-size:12px;max-width:320px}.how-hero .section-foot span:nth-child(2){display:none}.how-section{padding:36px 7% 70px}.how-grid{padding-top:45px}.how-section h2{font-size:clamp(44px,10vw,64px)}.how-grid>div:last-child p{font-size:13px}.how-steps{grid-template-columns:1fr;padding-top:48px}.how-steps article,.how-steps article+article{min-height:0;padding:20px 0 30px;border-left:0;border-top:1px solid #777}.how-steps h3{margin:25px 0 12px;font-size:37px}.how-steps p{font-size:12px}.how-tabs{padding-top:40px}.how-tabs a{font-size:19px;padding:15px 18px}.how-list strong{font-size:19px}}
.guide-film{background:#11120f}.guide-film-intro{display:grid;grid-template-columns:1fr minmax(260px,390px);gap:8%;align-items:end;padding:78px 0 48px}.guide-film-intro h2{margin:14px 0 0}.guide-film-intro>p{color:#aaa;line-height:1.8;font-size:15px;margin:0 0 8px}.guide-film-frame{position:relative;max-width:1320px;margin:0 auto;aspect-ratio:16/9;background:#171717;border:1px solid #393934;overflow:hidden}.guide-film-play{display:block;position:relative;width:100%;height:100%;padding:0;border:0;background:#171717;color:#fff;text-align:left;cursor:pointer}.guide-film-play img{display:block;width:100%;height:100%;object-fit:cover}.guide-film-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.06) 55%),linear-gradient(0deg,rgba(0,0,0,.66),transparent 42%)}.guide-film-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:88px;height:88px;border-radius:50%;border:1px solid rgba(255,255,255,.85);background:rgba(0,0,0,.35);font-size:25px;padding-left:4px;transition:background .2s,scale .2s}.guide-film-play:hover .guide-film-icon,.guide-film-play:focus-visible .guide-film-icon{background:var(--accent);color:#111;scale:1.07}.guide-film-caption{position:absolute;left:4%;bottom:6%;display:grid;gap:5px}.guide-film-caption strong{font:500 clamp(25px,3vw,46px)/1.1 Bahnschrift,Arial,sans-serif;letter-spacing:-.04em}.guide-film-caption small{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#ddd}.guide-film-frame iframe{width:100%;height:100%;border:0}.guide-film-note{max-width:900px;margin:22px 0 0!important;color:#92928c;font-size:12px;line-height:1.7}
@media(max-width:700px){.guide-film-intro{grid-template-columns:1fr;gap:22px;padding:48px 0 30px}.guide-film-intro>p{font-size:13px}.guide-film-frame{aspect-ratio:4/3}.guide-film-icon{width:64px;height:64px;font-size:19px}.guide-film-caption{left:6%;bottom:7%}.guide-film-caption strong{font-size:24px}}
.how-hero.guide-hero{display:flex;align-items:center;min-height:max(700px,100svh);padding:145px 6% 100px}
.how-hero.guide-hero:before{display:none}
.guide-hero-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(35px,5vw,100px);width:100%;max-width:1600px;margin:auto}
.guide-hero-copy h1,html[lang=en] .guide-hero-copy h1{font-size:clamp(58px,6.2vw,104px);line-height:.98;margin:36px 0 34px;max-width:780px}
.guide-hero-copy .lead{font-size:clamp(22px,2.2vw,34px);max-width:500px}
.guide-hero-copy .deck{max-width:480px}
.guide-hero-media{min-width:0}
.guide-hero-media .guide-film-frame{width:100%;aspect-ratio:16/9;border:0}
.guide-hero-media .guide-film-note{max-width:670px;margin:16px 0 0!important;color:#a7a8a2}
.guide-hero-media .guide-film-caption strong{font-size:clamp(20px,2vw,32px)}
.guide-hero-media .guide-film-icon{width:72px;height:72px;font-size:22px}
@media(max-width:900px){.guide-hero-layout{grid-template-columns:1fr;gap:38px}.how-hero.guide-hero{padding-top:155px;padding-bottom:110px}.guide-hero-copy h1,html[lang=en] .guide-hero-copy h1{font-size:clamp(58px,9vw,82px);margin:28px 0 25px}.guide-hero-copy .lead{margin-bottom:15px}.guide-hero-copy .down{margin-top:17px}.guide-hero-media{max-width:760px}}
@media(max-width:700px){.how-hero.guide-hero{display:block;min-height:0;padding:145px 7% 95px}.guide-hero-layout{gap:32px}.guide-hero-copy h1,html[lang=en] .guide-hero-copy h1{font-size:clamp(52px,12vw,76px);margin:24px 0}.guide-hero-copy .lead{font-size:24px}.guide-hero-copy .deck{font-size:12px;max-width:440px}.guide-hero-media .guide-film-frame{aspect-ratio:16/10}.guide-hero-media .guide-film-icon{width:58px;height:58px;font-size:18px}.guide-hero-media .guide-film-caption strong{font-size:20px}.guide-hero-media .guide-film-caption small{font-size:8px}.guide-hero-media .guide-film-note{font-size:11px}.guide-hero .section-foot{bottom:20px}}
.guide-hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"intro media" "support media";column-gap:clamp(36px,5vw,88px);row-gap:0;align-items:center;max-width:1440px}
.guide-hero-intro{grid-area:intro;align-self:end;min-width:0}
.guide-hero-support{grid-area:support;align-self:start;min-width:0}
.guide-hero-media{grid-area:media;width:100%;max-width:none}
.guide-hero-intro h1,html[lang=en] .guide-hero-intro h1{font-size:clamp(58px,5.5vw,88px);line-height:.98;margin:30px 0 30px;max-width:700px}
.guide-hero-support .lead{font-size:clamp(23px,2.25vw,33px);max-width:500px;margin:0 0 18px}
.guide-hero-support .deck{max-width:490px}
.guide-hero-support .down{margin-top:28px}
.guide-hero-media .guide-film-frame{box-shadow:0 24px 60px rgba(0,0,0,.4)}
.guide-hero-media .guide-film-shade{background:rgba(0,0,0,.12)}
.guide-hero-media .guide-film-note{margin-top:14px!important;font-size:11px;letter-spacing:.02em;line-height:1.5}
@media(max-width:760px){.how-hero.guide-hero{display:block;min-height:0;padding-top:134px;padding-bottom:88px}.guide-hero-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "media" "support";gap:0}.guide-hero-intro h1,html[lang=en] .guide-hero-intro h1{font-size:clamp(50px,10vw,72px);margin:24px 0 28px}.guide-hero-media .guide-film-frame{aspect-ratio:16/9}.guide-hero-media .guide-film-note{margin:10px 0 0!important}.guide-hero-support{margin-top:29px}.guide-hero-support .lead{font-size:23px}.guide-hero-support .down{margin-top:20px}}
@media(max-width:480px){.guide-hero-intro h1,html[lang=en] .guide-hero-intro h1{font-size:clamp(47px,11vw,59px)}.guide-hero-media .guide-film-icon{width:55px;height:55px}}
