@import url('./feature-base.css');
:root{--feature-bg:#07121d;--feature-accent:#91efd1;--feature-muted:#9daebc}
body{background:#07121d}
.method-hero{position:relative;overflow:hidden;padding-top:76px;background:radial-gradient(circle at 75% 36%,rgba(39,188,167,.23),transparent 38%),radial-gradient(circle at 17% 15%,rgba(45,120,218,.17),transparent 37%),#07121d}
.method-hero::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(144,239,209,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(144,239,209,.045) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,transparent 10%,#000 55%,transparent)}
.method-hero__grid{min-height:690px;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding-top:70px;padding-bottom:80px}
.method-hero__copy{position:relative;z-index:2}.method-hero__title{font:800 clamp(3.2rem,6vw,6.2rem)/1.03 var(--feature-head);letter-spacing:-.075em;margin:32px 0 29px}.method-hero__title span:not(.method-hero__period){color:var(--feature-accent)}.method-hero__period{color:#f2c98c}.method-hero__lead{max-width:570px;color:#c4d1dd;font-size:clamp(1rem,1.55vw,1.25rem);line-height:1.65}.method-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.method-hero__facts{display:flex;gap:28px;margin-top:55px}.method-hero__facts div{min-width:95px;padding-left:16px;border-left:1px solid rgba(145,239,209,.55)}.method-hero__facts strong{display:block;font:700 1.3rem var(--feature-head)}.method-hero__facts span{display:block;font-size:.75rem;color:var(--feature-muted);margin-top:5px}
.method-hero__visual{min-height:560px;position:relative;display:grid;place-items:center}.method-orbit{position:absolute;border:1px solid rgba(145,239,209,.2);border-radius:50%;aspect-ratio:1}.method-orbit--one{width:min(100%,540px)}.method-orbit--two{width:min(74%,400px);border-style:dashed;transform:rotate(-20deg)}.method-preview{position:relative;z-index:1;width:min(90%,440px);transform:rotate(-6deg);border:1px solid rgba(177,245,224,.6);border-radius:16px;overflow:hidden;background:#132a38;box-shadow:22px 28px 0 rgba(4,26,36,.7),0 30px 110px rgba(22,221,184,.15)}.method-preview__top{height:48px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.16);font-size:.63rem;font-weight:800;letter-spacing:.08em;color:#bad1d6}.method-preview__dots{display:flex;gap:5px}.method-preview__dots i{width:6px;height:6px;border-radius:50%;background:#b5f9e0}.method-preview__dots i:nth-child(2){background:#f1c589}.method-preview__dots i:nth-child(3){background:#7fa7ec}.method-preview__body{padding:35px 32px 29px}.method-preview__overline{font-size:.62rem;letter-spacing:.15em;color:var(--feature-accent);font-weight:800}.method-preview__heading{font:700 clamp(1.6rem,3vw,2.5rem)/1.45 var(--feature-head);margin-top:25px}.method-preview__heading em{font-style:normal;color:var(--feature-accent)}.method-preview__bar{display:flex;gap:6px;margin:34px 0 22px}.method-preview__bar span{height:7px;border-radius:9px;background:#5ee6c4}.method-preview__bar span:first-child{width:50%}.method-preview__bar span:nth-child(2){width:30%;background:#6fa9de}.method-preview__bar span:nth-child(3){width:20%;background:#f2c789}.method-preview__caption{font-size:.77rem;color:var(--feature-muted)}.method-visual-label{position:absolute;z-index:2;border:1px solid rgba(145,239,209,.45);border-radius:30px;background:#0b1b25;padding:10px 17px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--feature-accent)}.method-visual-label--top{top:10%;right:0;transform:rotate(9deg)}.method-visual-label--bottom{bottom:14%;left:0;transform:rotate(-9deg)}
.method-hero__rail{position:relative;border-top:1px solid rgba(255,255,255,.11);background:rgba(4,13,21,.6)}.method-hero__rail .container{display:flex;justify-content:space-between;gap:20px;padding-top:18px;padding-bottom:18px;color:#a8c2c3;font-size:.68rem;font-weight:800;letter-spacing:.13em}
.method-section{padding:115px 0}.method-section__head{max-width:730px;margin-bottom:52px}.method-section__head h2,.method-final h2{font:700 clamp(2.2rem,4.4vw,4.7rem)/1.15 var(--feature-head);letter-spacing:-.055em;margin:19px 0}.method-section__head h2 em,.method-final h2 em{font-style:normal;color:var(--feature-accent)}.method-section__head p,.method-final p{max-width:630px;color:var(--feature-muted);font-size:1.1rem;line-height:1.7}
.method-process{background:#0b1b28}.method-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.method-step{position:relative;min-height:310px;display:flex;flex-direction:column;border:1px solid rgba(145,239,209,.18);border-radius:18px;padding:26px;background:linear-gradient(150deg,rgba(41,89,101,.26),rgba(12,34,47,.8));overflow:hidden}.method-step::after{content:'';position:absolute;right:-54px;bottom:-71px;width:160px;height:160px;border-radius:50%;border:1px solid rgba(145,239,209,.15)}.method-step__no{font:700 .78rem var(--feature-head);color:var(--feature-accent)}.method-step__icon{margin:23px 0 24px;font-size:2rem;color:var(--feature-accent)}.method-step h3{font:700 1.25rem/1.25 var(--feature-head);margin-bottom:12px}.method-step p{color:#b2c6cc;line-height:1.55}.method-step__date{margin-top:auto;padding-top:25px;font-size:.68rem;letter-spacing:.1em;color:#c9eddf;font-weight:800}
.method-directions{background:radial-gradient(circle at 0 50%,rgba(74,170,190,.14),transparent 35%),#07121d}.method-directions__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:start}.method-directions__list{border-top:1px solid rgba(255,255,255,.16)}.method-direction{display:grid;grid-template-columns:45px 1fr 30px;gap:15px 15px;padding:27px 0;border-bottom:1px solid rgba(255,255,255,.16)}.method-direction>span{grid-row:span 2;color:var(--feature-accent);font:700 .75rem var(--feature-head)}.method-direction h3{font:700 1.2rem var(--feature-head)}.method-direction p{grid-column:2;color:var(--feature-muted);line-height:1.6}.method-direction b{grid-column:3;grid-row:1;font-size:1.5rem;color:var(--feature-accent);font-weight:400}
.method-criteria{background:#0b1b28}.method-criteria__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(145,239,209,.16);border:1px solid rgba(145,239,209,.16)}.method-criterion{min-height:250px;padding:28px 24px;background:#102330}.method-criterion span{color:var(--feature-accent);font:700 .75rem var(--feature-head)}.method-criterion h3{font:700 1.1rem var(--feature-head);margin:49px 0 12px}.method-criterion p{color:var(--feature-muted);line-height:1.6}
.method-final{background:radial-gradient(circle at 85% 60%,rgba(145,239,209,.12),transparent 32%),#07121d}.method-final__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.method-final__card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:42px;border:1px solid rgba(145,239,209,.42);border-radius:22px;background:#102b35;box-shadow:12px 12px 0 rgba(145,239,209,.08)}.method-final__stamp{font-size:.75rem;font-weight:800;letter-spacing:.15em;color:var(--feature-accent)}.method-final__card strong{font:700 clamp(1.5rem,3vw,2.4rem) var(--feature-head);margin-top:19px}.method-final__card>span:nth-of-type(2){color:var(--feature-muted)}.method-final__card .feature-button{margin:25px 0 12px;width:100%}.method-final__card .reg-doc-link{margin-top:5px}
@media(max-width:950px){.method-hero__grid{grid-template-columns:1fr;gap:5px;padding-bottom:50px}.method-hero__visual{min-height:480px}.method-directions__grid,.method-final__grid{grid-template-columns:1fr}.method-criteria__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.method-hero__grid{padding-top:50px}.method-hero__title{font-size:clamp(2.6rem,10vw,4rem)}.method-hero__facts{gap:10px}.method-hero__facts div{min-width:0;flex:1;padding-left:10px}.method-hero__facts strong{font-size:1rem}.method-hero__visual{min-height:375px}.method-preview{width:84%}.method-preview__heading{font-size:1.45rem}.method-visual-label{display:none}.method-hero__rail .container{font-size:.53rem}.method-section{padding:75px 0}.method-steps{grid-template-columns:1fr}.method-step{min-height:255px}.method-criteria__grid{grid-template-columns:1fr}.method-criterion{min-height:190px}.method-criterion h3{margin-top:28px}.method-final__card{padding:26px}}