:root{ --navy:#071D2D;--navy-2:#0A2436;--navy-3:#102F43;--navy-4:#163C55;--orange:#FF5A36;--amber:#FF9137;--green:#00C96B;--cyan:#12E0D2;--muted:#9AB7C9;--white:#FFFFFF;--rgb-white:255,255,255;--rgb-navy:7,29,45;--rgb-orange:255,90,54;--hairline:rgba(var(--rgb-white),.12);--hairline-2:rgba(var(--rgb-white),.06);--veil:rgba(var(--rgb-navy),.72);--font-text:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;--font-display:'Unbounded',var(--font-text);--font-mono:'IBM Plex Mono',ui-monospace,'SF Mono',Menlo,monospace;--container:144rem;--gutter:clamp(2rem,4vw,6rem);--section-y:clamp(7rem,9vw,14rem);--radius:.4rem;--ease:cubic-bezier(.22,.61,.36,1);--ease-io:cubic-bezier(.65,0,.35,1);--dur:.45s;} @font-face{ font-family:'Unbounded';font-style:normal;font-weight:300 800;font-display:swap;src:url(fonts/unbounded-300-800-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;} @font-face{ font-family:'Unbounded';font-style:normal;font-weight:300 800;font-display:swap;src:url(fonts/unbounded-300-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} @font-face{ font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/manrope-400-800-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;} @font-face{ font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/manrope-400-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} @font-face{ font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-mono-400-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;} @font-face{ font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-mono-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} @font-face{ font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/ibm-plex-mono-500-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;} @font-face{ font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/ibm-plex-mono-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} @font-face{ font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-mono-600-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;} @font-face{ font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-mono-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} *,*::before,*::after{ box-sizing:border-box;} html{ font-size:62.5%;scroll-behavior:smooth;-webkit-text-size-adjust:100%;} @media (prefers-reduced-motion:reduce){ html{ scroll-behavior:auto;} } body{ margin:0;min-height:100svh;background:var(--navy);color:var(--white);font-family:var(--font-text);font-size:1.7rem;line-height:1.55;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;overflow-x:hidden;} body.is-locked{ overflow:hidden;} h1,h2,h3,h4,p,figure,dl,dd{ margin:0;} ul,ol{ margin:0;padding:0;list-style:none;} a{ color:inherit;text-decoration:none;} button{ font:inherit;color:inherit;background:none;border:0;padding:0;} img,svg,video{ display:block;max-width:100%;} table{ border-collapse:collapse;width:100%;} :focus-visible{ outline:2px solid var(--amber);outline-offset:3px;} .h1,.h2,.h3,.h4{ font-family:var(--font-display);font-weight:600;line-height:1.02;letter-spacing:-.03em;text-wrap:balance;} .h1{ font-size:clamp(4.4rem,7.4vw,11rem);line-height:.96;} .h2{ font-size:clamp(3.2rem,4.4vw,6.4rem);} .h3{ font-size:clamp(2.4rem,2.6vw,3.6rem);} .h4{ font-size:clamp(2rem,1.9vw,2.4rem);letter-spacing:-.02em;} .lead{ font-size:clamp(1.7rem,1.5vw,2.1rem);color:var(--muted);line-height:1.5;} .mono{ font-family:var(--font-mono);font-size:1.2rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;} .container{ width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter);} .container_narrow{ max-width:96rem;} .section{ position:relative;padding-block:var(--section-y);} .label{ display:flex;align-items:center;gap:1.6rem;color:var(--amber);} .label__line{ flex:0 0 6rem;height:1px;background:currentColor;opacity:.5;} .label__text{ color:currentColor;} .heading{ display:flex;flex-direction:column;gap:2rem;margin-bottom:clamp(3.6rem,5vw,7rem);} .heading_center{ align-items:center;text-align:center;} .heading__lead{ max-width:68rem;} .heading_wide .heading__lead{ max-width:80rem;} .heading_center .heading__lead{ text-align:center;} .todo{ display:inline-block;font-family:var(--font-mono);font-size:1.2rem;line-height:1.4;color:var(--amber);border:1px dashed rgba(255,145,55,.5);border-radius:var(--radius);padding:.4rem .8rem;text-transform:none;letter-spacing:0;} .todo_block{ display:block;margin-bottom:3rem;} .draft-chip{ display:inline-block;font-family:var(--font-mono);font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);background:var(--amber);border-radius:999px;padding:.3rem 1rem;margin-bottom:2rem;} .preloader{ position:fixed;inset:0;z-index:5000;display:grid;place-items:center;color:var(--amber);pointer-events:none;} .preloader.is-done{ pointer-events:none;} html:has(.preloader:not(.is-done)){ overflow:hidden;} .preloader__slices{ position:absolute;inset:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;} .preloader__slices i{ background:var(--navy);border-right:1px solid var(--hairline-2);transform-origin:bottom;} .preloader__body{ position:relative;display:grid;justify-items:center;gap:2.4rem;width:min(32rem,70vw);} .preloader__target{ width:12rem;aspect-ratio:1;color:var(--amber);} .preloader__target svg{ width:100%;height:100%;overflow:visible;} .preloader__ring{ opacity:.35;transform-origin:50% 50%;} .preloader__ring_2{ opacity:.55;} .preloader__ring_3{ opacity:.8;} .preloader__ticks{ opacity:.4;} .preloader__dot{ opacity:0;} .preloader__status{ display:flex;width:100%;justify-content:space-between;color:var(--muted);} .preloader__percent{ color:var(--white);font-variant-numeric:tabular-nums;} .preloader__bar{ width:100%;height:2px;background:var(--hairline);overflow:hidden;} .preloader__bar span{ display:block;height:100%;width:0;background:var(--orange);} .cursor{ position:fixed;top:0;left:0;z-index:2000;width:3.6rem;aspect-ratio:1;pointer-events:none;opacity:0;transform:translate(-50%,-50%);mix-blend-mode:difference;transition:opacity .25s;} .cursor.is-on{ opacity:1;} .cursor__lines::before,.cursor__lines::after{ content:"";position:absolute;top:50%;left:50%;background:rgba(var(--rgb-white),.28);} .cursor__lines::before{ width:100vw;height:1px;transform:translate(-50%,-50%);} .cursor__lines::after{ width:1px;height:100vh;transform:translate(-50%,-50%);} .cursor__reticle::before,.cursor__reticle::after{ content:"";position:absolute;top:50%;left:50%;background:var(--white);transition:transform .3s var(--ease);} .cursor__reticle::before{ width:1.6rem;height:2px;transform:translate(-50%,-50%);} .cursor__reticle::after{ width:2px;height:1.6rem;transform:translate(-50%,-50%);} .cursor.is-target .cursor__reticle::before{ transform:translate(-50%,-50%) scaleX(2.2);} .cursor.is-target .cursor__reticle::after{ transform:translate(-50%,-50%) scaleY(2.2);} @media (hover:none),(pointer:coarse){ .cursor{ display:none;} } .shots{ position:fixed;inset:0;z-index:1900;pointer-events:none;} .shot{ position:absolute;width:1.4rem;height:1.4rem;margin:-.7rem 0 0 -.7rem;border-radius:50%;background:radial-gradient(circle,var(--orange) 0 38%,rgba(var(--rgb-orange),.25) 40%,transparent 70%);animation:shot-fade 1.6s var(--ease) forwards;} @keyframes shot-fade{ 0%{ transform:scale(.2);opacity:1;} 25%{ transform:scale(1.6);opacity:1;} 100%{ transform:scale(1);opacity:0;} } @media (prefers-reduced-motion:reduce){ .shot{ display:none;} } .header{ position:fixed;inset:0 0 auto;z-index:900;padding-block:1.6rem;transition:transform .5s var(--ease),background-color .3s,border-color .3s;border-bottom:1px solid transparent;} .header.is-stuck{ background:var(--veil);backdrop-filter:blur(14px);border-bottom-color:var(--hairline-2);} .header.is-hidden{ transform:translateY(-101%);} .header__inner{ display:flex;align-items:center;gap:clamp(2rem,4vw,6rem);} .logo{ display:flex;align-items:center;gap:1.2rem;} .logo__mark{ display:block;width:3.2rem;color:var(--amber);} .logo__mark svg,.logo__mark img{ width:100%;height:auto;display:block;} .logo__word{ display:block;width:11rem;color:var(--white);} .logo__word svg{ width:100%;height:auto;display:block;} .header__logo{ --logo-h:calc(1.4rem * 1.55 + 2rem);align-items:stretch;} .header__logo .logo__mark{ width:auto;height:var(--logo-h);} .header__logo .logo__mark img{ width:auto;height:100%;} .header__logo .logo__text{ display:flex;flex-direction:column;justify-content:space-between;height:var(--logo-h);} .header__logo .logo__word{ flex:1 1 auto;min-height:0;width:auto;} .header__logo .logo__word svg{ width:auto;height:100%;aspect-ratio:1131.58 / 100;} .logo__tagline{ display:block;font-size:1rem;line-height:1.25;letter-spacing:.05em;color:var(--muted);white-space:nowrap;} @media (max-width:860px){ .header__logo{ --logo-h:3.4rem;} .header__logo .logo__word{ flex:none;width:min(44vw,18rem);} .header__logo .logo__word svg{ width:100%;height:auto;} .logo__tagline{ font-size:.82rem;white-space:normal;} } .menu{ display:none;margin-right:auto;gap:clamp(1.6rem,2.4vw,3.2rem);} @media (min-width:861px){ .menu{ display:flex;} } .menu__link{ position:relative;padding:.8rem 0;font-size:1.5rem;color:var(--muted);transition:color .25s;} .menu__link::after{ content:"";position:absolute;left:0;bottom:.4rem;width:100%;height:1px;background:var(--orange);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease);} .menu__link:hover{ color:var(--white);} .menu__link:hover::after{ transform:scaleX(1);transform-origin:left;} .header__actions{ display:flex;align-items:center;gap:1.2rem;margin-left:auto;} .burger{ position:relative;width:4.4rem;height:4.4rem;display:grid;place-content:center;gap:.7rem;border:1px solid var(--hairline);border-radius:var(--radius);} @media (min-width:861px){ .burger{ display:none;} } .burger i{ display:block;width:1.8rem;height:2px;background:var(--white);transition:transform .3s var(--ease),opacity .2s;} .burger.is-open i:first-child{ transform:translateY(4.5px) rotate(45deg);} .burger.is-open i:last-child{ transform:translateY(-4.5px) rotate(-45deg);} .mobile-menu[hidden]{ display:none;} @media (min-width:861px){ .mobile-menu{ display:none;} } .mobile-menu{ position:fixed;inset:0;z-index:890;display:flex;flex-direction:column;justify-content:center;gap:4rem;padding:12rem var(--gutter) 4rem;} .mobile-menu__slices{ position:absolute;inset:0;z-index:-1;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;} .mobile-menu__slices i{ background:var(--navy-2);border-right:1px solid var(--hairline-2);transform:scaleY(0);transform-origin:top;} .mobile-menu__nav{ display:grid;gap:1.2rem;} .mobile-menu__link{ display:flex;align-items:baseline;gap:1.6rem;font-family:var(--font-display);font-size:clamp(2.6rem,7.6vw,4.4rem);font-weight:600;letter-spacing:-.03em;} .mobile-menu__num{ color:var(--amber);} .mobile-menu__actions{ display:grid;gap:1.2rem;} .sticky-cta{ position:fixed;right:var(--gutter);bottom:3rem;z-index:880;display:inline-flex;align-items:center;gap:1.2rem;padding:1.4rem 2.2rem;background:var(--orange);color:var(--white);border-radius:999px;font-weight:700;box-shadow:0 1.2rem 3rem rgba(0,0,0,.45);transform:translateY(8rem);opacity:0;transition:transform .5s var(--ease),opacity .4s;} .sticky-cta.is-on{ transform:none;opacity:1;} .sticky-cta__reticle{ width:1.8rem;} .sticky-cta__reticle svg{ width:100%;height:auto;} @media (max-width:860px){ .sticky-cta{ right:1.6rem;bottom:1.6rem;padding:1.2rem 1.8rem;font-size:1.5rem;} } .footer{ border-top:1px solid var(--hairline-2);padding-block:clamp(4rem,6vw,8rem) 3rem;background:var(--navy-2);} .footer__inner{ display:grid;gap:4rem;grid-template-columns:1fr;} @media (min-width:861px){ .footer__inner{ grid-template-columns:1.4fr repeat(3,1fr);gap:3rem;} } .footer__logo{ flex-direction:column;align-items:flex-start;gap:1.6rem;} .footer__tagline{ color:var(--muted);margin-top:1.6rem;} .footer__menu,.footer__contacts{ display:grid;align-content:start;gap:1.2rem;} .footer__menu-title{ color:var(--muted);} .footer__link{ color:rgba(var(--rgb-white),.85);transition:color .2s;} .footer__link:hover{ color:var(--orange);} .footer__link_big{ font-size:2rem;font-weight:700;} .footer__bottom{ display:flex;flex-wrap:wrap;gap:1.6rem 3rem;justify-content:space-between;margin-top:5rem;padding-top:2.4rem;border-top:1px solid var(--hairline-2);color:var(--muted);} .footer__credit{ color:inherit;text-decoration:underline;text-underline-offset:.2em;transition:color .3s;} .footer__credit:hover{ color:var(--orange);} .btn{ position:relative;display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem 2.6rem;font-size:1.6rem;font-weight:700;letter-spacing:-.01em;border-radius:var(--radius);cursor:pointer;transition:background-color .3s var(--ease),color .3s var(--ease),transform .35s var(--ease);will-change:transform;} .btn::before{ content:"";position:absolute;inset:-.7rem;border:1px solid var(--amber);-webkit-mask:linear-gradient(45deg,#000 .9rem,transparent 0) 0 0,linear-gradient(-45deg,#000 .9rem,transparent 0) 100% 0,linear-gradient(135deg,#000 .9rem,transparent 0) 100% 100%,linear-gradient(-135deg,#000 .9rem,transparent 0) 0 100%;mask:linear-gradient(45deg,#000 .9rem,transparent 0) 0 0,linear-gradient(-45deg,#000 .9rem,transparent 0) 100% 0,linear-gradient(135deg,#000 .9rem,transparent 0) 100% 100%,linear-gradient(-135deg,#000 .9rem,transparent 0) 0 100%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:inset .35s var(--ease);pointer-events:none;} .btn:hover::before,.btn:focus-visible::before{ inset:.7rem;} .btn:hover,.btn:focus-visible{ transform:scale(1.05);} .btn:active{ transform:scale(.97);} .btn__icon{ width:1.8rem;flex:0 0 auto;} .btn__icon svg,.btn__icon{ display:block;} .btn__icon_down{ transform:rotate(90deg);} .btn__text{ position:relative;z-index:1;} .btn_accent{ color:var(--white);background-color:var(--orange);background-image:linear-gradient(115deg,transparent 40%,rgba(var(--rgb-white),.28) 50%,transparent 60%);background-size:260% 100%;background-position:130% 0;background-repeat:no-repeat;transition:background-position .7s var(--ease),background-color .3s,transform .25s var(--ease);} .btn_accent:hover{ background-position:-30% 0;} .btn_ghost{ border:1px solid var(--hairline);color:var(--white);} .btn_ghost:hover{ border-color:rgba(var(--rgb-white),.4);background-color:rgba(var(--rgb-white),.04);} .btn_sm{ padding:1rem 1.8rem;font-size:1.4rem;} .btn_lg{ padding:1.9rem 3.2rem;font-size:1.8rem;} .hero{ position:relative;min-height:100svh;display:flex;flex-direction:column;padding-block:0;overflow:hidden;background:linear-gradient(100deg,rgba(var(--rgb-navy),.92) 18%,rgba(var(--rgb-navy),.5) 55%,rgba(var(--rgb-navy),.2)),url('img/hero.jpg') center / cover no-repeat;} .hero__body{ position:relative;z-index:2;flex:1 1 auto;display:grid;align-content:center;gap:2.4rem;justify-items:start;padding-block:8rem;} .hero__title{ max-width:22ch;font-size:clamp(3.6rem,5.9vw,8rem);} .hero__subtitle{ max-width:46ch;} .label_hero{ color:var(--amber);} .hero__cta{ margin-top:1.2rem;} @media (max-width:860px){ .hero{ min-height:92svh;} } .numhead{ display:flex;flex-wrap:wrap;align-items:baseline;gap:2rem 2.4rem;margin-bottom:clamp(3.6rem,5vw,7rem);} .numhead__no{ display:flex;flex:0 0 auto;align-items:center;gap:1.6rem;font-size:1.6rem;color:var(--amber);} .numhead__no::after{ content:"";width:4.4rem;height:1px;background:rgba(var(--rgb-white),.3);} .numhead__aside{ margin-left:auto;max-width:24rem;text-align:right;line-height:1.7;color:var(--muted);} .numhead__lead{ flex:1 0 100%;max-width:72rem;} @media (max-width:860px){ .numhead{ gap:1.8rem 2rem;} .numhead__no{ order:1;flex:1 1 auto;} .numhead__no::after{ flex:1;width:auto;} .numhead__aside{ order:2;margin-left:0;} .numhead__title{ order:3;flex-basis:100%;} .numhead__lead{ order:4;} } .switcher{ --pad-x:max(var(--gutter),calc((100vw - var(--container)) / 2 + var(--gutter)));display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(2.4rem,3.6vw,5.6rem);padding:clamp(3rem,4vw,5rem) var(--pad-x) 0;} .switcher .steps{ grid-column:1;grid-row:1;} .switcher .stage{ grid-column:2;grid-row:1;margin-right:calc(0px - var(--pad-x));} .switcher .feats.is-active{ grid-column:1 / -1;} @media (max-width:860px){ .switcher{ display:flex;flex-direction:column;gap:3.2rem;--pad-x:var(--gutter);} .switcher .stage{ margin-right:0;} } .step{ position:relative;padding:0 0 clamp(2.8rem,3vw,4rem) 6.8rem;} .step::before{ content:"";position:absolute;top:2.2rem;bottom:0;left:5.05rem;width:1px;background:rgba(var(--rgb-white),.2);} .step:last-child::before{ content:none;} .step.is-done::before{ background:var(--orange);} .step.is-active::before{ background:linear-gradient(180deg,var(--orange) 55%,rgba(var(--rgb-orange),.4));} .step.is-active::after{ content:"";position:absolute;inset:-1.4rem -1.8rem calc(clamp(2.8rem,3vw,4rem) - 1.6rem) -1.8rem;pointer-events:none;background:linear-gradient(var(--amber),var(--amber)) left top / 1.6rem 1px,linear-gradient(var(--amber),var(--amber)) left top / 1px 1.6rem,linear-gradient(var(--amber),var(--amber)) right top / 1.6rem 1px,linear-gradient(var(--amber),var(--amber)) right top / 1px 1.6rem,linear-gradient(var(--amber),var(--amber)) left bottom / 1.6rem 1px,linear-gradient(var(--amber),var(--amber)) left bottom / 1px 1.6rem,linear-gradient(var(--amber),var(--amber)) right bottom / 1.6rem 1px,linear-gradient(var(--amber),var(--amber)) right bottom / 1px 1.6rem;background-repeat:no-repeat;} .step__tab{ position:relative;display:block;width:100%;text-align:left;cursor:pointer;} .step__num{ position:absolute;top:.3rem;left:-6.8rem;width:2.8rem;font-size:1.4rem;color:var(--muted);transition:color .3s;} .step__marker{ position:absolute;top:.35rem;left:-2.4rem;width:1.4rem;height:1.4rem;border:1px solid rgba(var(--rgb-white),.35);border-radius:.3rem;background:var(--navy);transition:border-color .3s,background-color .3s,box-shadow .3s;} .step__label{ display:none;} .step__summary{ display:grid;gap:.7rem;} .step__kicker{ color:var(--muted);transition:color .3s;} .step__name{ font-family:var(--font-display);font-size:clamp(1.9rem,2vw,2.5rem);font-weight:600;letter-spacing:-.02em;line-height:1.15;} .step__desc{ max-width:40ch;color:var(--muted);font-size:1.5rem;} .step__tab:hover .step__kicker{ color:var(--amber);} .step__tab:hover .step__marker{ border-color:var(--orange);} .step.is-active .step__num{ color:var(--orange);} .step.is-active .step__kicker{ color:var(--amber);} .step.is-active .step__marker{ background:var(--orange);border-color:var(--orange);box-shadow:0 0 1.4rem rgba(var(--rgb-orange),.7);} .step.is-done .step__marker{ border-color:var(--orange);} .step__cta{ display:none;margin-top:1.8rem;} .step.is-active .step__cta{ display:block;} @media (max-width:860px){ .steps{ display:grid;grid-template-columns:repeat(4,minmax(0,1fr));} .step{ display:contents;} .step::before,.step::after{ content:none;} .step__tab{ display:grid;grid-template-rows:repeat(3,auto);justify-items:center;gap:.8rem;padding:0 .4rem;} .step__tab::before{ content:"";position:absolute;top:.7rem;left:0;right:0;height:1px;background:var(--hairline);} .step:first-child .step__tab::before{ left:50%;} .step:last-child .step__tab::before{ right:50%;} .step.is-done .step__tab::before,.step.is-active .step__tab::before{ background:var(--orange);} .step.is-active + .step .step__tab::before{ background:linear-gradient(90deg,var(--orange) 50%,var(--hairline) 50%);} .step__num{ position:static;order:2;} .step__marker{ position:relative;z-index:1;top:auto;left:auto;order:1;} .step__label{ display:block;order:3;font-size:1.2rem;line-height:1.25;color:var(--muted);text-align:center;} .step.is-active .step__label{ color:var(--white);font-weight:700;} .step__summary{ display:none;} .step__cta,.step.is-active .step__cta{ display:none;} } .stage{ position:relative;min-height:clamp(38rem,36vw,54rem);overflow:hidden;} .stage__img{ position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s var(--ease);} .stage__img.is-active{ opacity:1;} @media (max-width:860px){ .stage{ min-height:0;aspect-ratio:16 / 10;} } .panel{ display:none;} .panel.is-active{ display:grid;gap:1.4rem;justify-items:start;} .panel__kicker{ color:var(--amber);} .panel__text{ color:var(--muted);} .panel .btn{ width:100%;} @media (min-width:861px){ .panel.is-active{ display:none;} } .feats{ display:none;} .feats.is-active{ display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(3.2rem,4vw,5rem);padding-top:clamp(2.4rem,3vw,3.6rem);border-top:1px solid var(--hairline-2);} .feat{ display:flex;align-items:flex-start;gap:1.4rem;padding-inline:2.4rem;} .feat:first-child{ padding-left:0;} .feat:last-child{ padding-right:0;} .feat + .feat{ border-left:1px solid var(--hairline-2);} .feat__icon{ width:2.4rem;height:auto;flex:0 0 auto;margin-top:.2rem;color:var(--orange);} .feat__body{ display:grid;gap:.3rem;} .feat__title{ font-size:1.5rem;font-weight:700;line-height:1.3;} .feat__text{ font-size:1.35rem;line-height:1.4;color:var(--muted);} @media (max-width:860px){ .feats.is-active{ margin-top:0;padding-top:2.4rem;} .feat{ gap:1rem;padding-inline:1.4rem;} .feat__icon{ width:2rem;} .feat__title{ font-size:1.3rem;} .feat__text{ font-size:1.2rem;} } #poprobuy,#sozdavayte{ padding-top:0;} .paths{ display:flex;gap:clamp(1.2rem,1.6vw,2rem);} .paths__item{ position:relative;flex:1 1 0;min-height:clamp(38rem,37vw,52rem);overflow:hidden;border:1px solid var(--hairline-2);border-radius:var(--radius);background:var(--navy-2);transition:flex-grow .55s var(--ease),border-color .3s;} .paths__item:nth-child(1){ flex-grow:45;} .paths__item:nth-child(2){ flex-grow:30;} .paths__item:nth-child(3){ flex-grow:25;} @media (min-width:861px){ .paths:has(.paths__item:nth-child(2):hover) .paths__item:nth-child(1){ flex-grow:30;} .paths:has(.paths__item:nth-child(2):hover) .paths__item:nth-child(2){ flex-grow:45;} .paths:has(.paths__item:nth-child(3):hover) .paths__item:nth-child(1){ flex-grow:25;} .paths:has(.paths__item:nth-child(3):hover) .paths__item:nth-child(2){ flex-grow:30;} .paths:has(.paths__item:nth-child(3):hover) .paths__item:nth-child(3){ flex-grow:45;} .paths__item:hover{ border-color:rgba(var(--rgb-orange),.45);} } .paths__img{ position:absolute;inset:0;width:100%;height:100%;object-fit:cover;} .paths__item::after{ content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--rgb-navy),.92),rgba(var(--rgb-navy),.5) 48%,rgba(var(--rgb-navy),.22) 76%,rgba(var(--rgb-navy),.34));} .paths__body{ position:relative;z-index:1;display:grid;gap:1.2rem;justify-items:start;padding:clamp(2rem,2.4vw,3.2rem);} .paths__num{ color:var(--amber);} .paths__title{ text-transform:uppercase;} .paths__lead{ font-size:1.7rem;font-weight:700;} .paths__text{ color:var(--muted);font-size:1.5rem;} .paths__footer{ display:flex;flex-wrap:wrap;align-items:center;gap:1.8rem 3rem;margin-top:clamp(2.8rem,3.4vw,4.4rem);} .paths__note{ color:var(--muted);font-size:1.5rem;} @media (max-width:860px){ .paths{ flex-direction:column;} .paths__item{ min-height:30rem;} } .creator__tabs{ position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.6rem,2vw,3.2rem);} .creator__tab{ position:relative;display:grid;gap:1.8rem;align-content:start;padding:1.6rem 1.8rem 2rem;text-align:left;cursor:pointer;} .creator__meta{ display:flex;align-items:center;gap:1.4rem;color:var(--muted);transition:color .3s;} .creator__no{ font-weight:500;} .creator__dash{ flex:0 0 3.2rem;height:1px;background:currentColor;opacity:.5;} .creator__tab.is-active .creator__meta{ color:var(--orange);} .creator__row{ display:flex;gap:1.6rem;align-items:flex-start;} .creator__icon{ width:3rem;height:3rem;flex:0 0 auto;color:var(--amber);} .creator__texts{ display:grid;gap:.8rem;} .creator__name{ font-weight:700;font-size:1.8rem;letter-spacing:-.01em;} .creator__desc{ color:var(--muted);font-size:1.5rem;line-height:1.55;} .creator__focus{ --frame:var(--amber);position:absolute;top:0;left:0;z-index:1;width:10rem;height:10rem;pointer-events:none;opacity:0;transition:transform .35s var(--ease),width .35s var(--ease),height .35s var(--ease),opacity .25s;background:linear-gradient(var(--frame),var(--frame)) left top / 1.6rem 1px,linear-gradient(var(--frame),var(--frame)) left top / 1px 1.6rem,linear-gradient(var(--frame),var(--frame)) right top / 1.6rem 1px,linear-gradient(var(--frame),var(--frame)) right top / 1px 1.6rem,linear-gradient(var(--frame),var(--frame)) left bottom / 1.6rem 1px,linear-gradient(var(--frame),var(--frame)) left bottom / 1px 1.6rem,linear-gradient(var(--frame),var(--frame)) right bottom / 1.6rem 1px,linear-gradient(var(--frame),var(--frame)) right bottom / 1px 1.6rem;background-repeat:no-repeat;} .creator__focus.is-on{ opacity:1;} .creator__focus.is-active-tab{ --frame:var(--orange);} .creator__stage{ position:relative;margin-top:clamp(2.4rem,3.4vw,4.4rem);aspect-ratio:16 / 9;} .creator__stage::before{ content:"";position:absolute;inset:-1.2rem;z-index:2;pointer-events:none;background:linear-gradient(var(--amber),var(--amber)) left top / 1.6rem 1px,linear-gradient(var(--amber),var(--amber)) left top / 1px 1.6rem,linear-gradient(var(--amber),var(--amber)) right top / 1.6rem 1px,linear-gradient(var(--amber),var(--amber)) right top / 1px 1.6rem,linear-gradient(var(--amber),var(--amber)) left bottom / 1.6rem 1px,linear-gradient(var(--amber),var(--amber)) left bottom / 1px 1.6rem,linear-gradient(var(--amber),var(--amber)) right bottom / 1.6rem 1px,linear-gradient(var(--amber),var(--amber)) right bottom / 1px 1.6rem;background-repeat:no-repeat;} .creator__img{ position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s var(--ease);} .creator__img.is-active{ opacity:1;} .creator__footer{ display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2rem 3rem;margin-top:clamp(3rem,4vw,5rem);} .creator__note{ color:var(--muted);max-width:26rem;} .creator__note_right{ text-align:right;} @media (max-width:860px){ .creator__tabs{ grid-template-columns:1fr;} .creator__footer{ flex-direction:column;} .creator__note{ max-width:none;text-align:center;} .creator__note_right{ order:3;} } .choose__toggle.tabs__switch{ display:flex;width:max-content;max-width:100%;margin:0 auto clamp(1.6rem,2vw,2.4rem);} .choose__toggle .tabs__button{ padding:1.4rem 3.4rem;font-size:1.6rem;} .choose__variants{ display:grid;} .choose__variant{ grid-area:1 / 1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s var(--ease),visibility 0s .4s;} .choose__variant.is-active{ opacity:1;visibility:visible;pointer-events:auto;transition:opacity .4s var(--ease);} .choose__name{ text-align:center;} .choose__text{ max-width:72rem;margin:1.2rem auto 0;text-align:center;color:var(--muted);} .choose__grid{ position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(2rem,2.6vw,4rem);margin-top:clamp(2.4rem,3vw,3.2rem);padding:clamp(2rem,2.6vw,3.2rem) clamp(2.4rem,3vw,4rem);} .choose__grid::before{ content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(var(--amber),var(--amber)) left top / 1.6rem 1px,linear-gradient(var(--amber),var(--amber)) left top / 1px 1.6rem,linear-gradient(var(--amber),var(--amber)) right top / 1.6rem 1px,linear-gradient(var(--amber),var(--amber)) right top / 1px 1.6rem,linear-gradient(var(--amber),var(--amber)) left bottom / 1.6rem 1px,linear-gradient(var(--amber),var(--amber)) left bottom / 1px 1.6rem,linear-gradient(var(--amber),var(--amber)) right bottom / 1.6rem 1px,linear-gradient(var(--amber),var(--amber)) right bottom / 1px 1.6rem;background-repeat:no-repeat;} .choose__head{ display:flex;align-items:center;gap:1.2rem;color:var(--muted);text-transform:uppercase;} .choose__no{ font-weight:500;color:var(--orange);} .choose__dash{ flex:0 0 2.8rem;height:1px;background:currentColor;opacity:.5;} .choose__opts{ position:relative;display:flex;gap:1.2rem;margin-top:1.6rem;} .choose__opts::before{ content:"";position:absolute;left:.45rem;right:.45rem;bottom:.4rem;height:1px;background:rgba(var(--rgb-white),.18);} .choose__opt{ flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:1.2rem;cursor:pointer;color:var(--muted);font-size:1.4rem;line-height:1.35;transition:color .3s;} .choose__opt:first-child{ align-items:flex-start;text-align:left;} .choose__opt:last-child{ align-items:flex-end;text-align:right;} .choose__opt:hover{ color:var(--white);} .choose__opt.is-active{ color:var(--orange);} .choose__dot{ width:.9rem;height:.9rem;margin-top:auto;border:1px solid rgba(var(--rgb-white),.35);border-radius:50%;background:var(--navy);transition:background-color .3s,border-color .3s,box-shadow .3s;} .choose__opt.is-active .choose__dot{ background:var(--orange);border-color:var(--orange);box-shadow:0 0 .9rem rgba(var(--rgb-orange),.55);} .choose__stage{ position:relative;margin-top:clamp(2.4rem,3.4vw,4.4rem);aspect-ratio:1672 / 388;} .choose__stage::before{ content:"";position:absolute;inset:-1.2rem;z-index:2;pointer-events:none;background:linear-gradient(var(--amber),var(--amber)) left top / 1.6rem 1px,linear-gradient(var(--amber),var(--amber)) left top / 1px 1.6rem,linear-gradient(var(--amber),var(--amber)) right top / 1.6rem 1px,linear-gradient(var(--amber),var(--amber)) right top / 1px 1.6rem,linear-gradient(var(--amber),var(--amber)) left bottom / 1.6rem 1px,linear-gradient(var(--amber),var(--amber)) left bottom / 1px 1.6rem,linear-gradient(var(--amber),var(--amber)) right bottom / 1.6rem 1px,linear-gradient(var(--amber),var(--amber)) right bottom / 1px 1.6rem;background-repeat:no-repeat;} .choose__img{ position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s var(--ease);} .choose__img.is-active{ opacity:1;} .choose__footer{ display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2rem 3rem;margin-top:clamp(2.4rem,3vw,3.6rem);} .choose__captions,.choose__ctas{ display:grid;} .choose__caption,.choose__cta{ grid-area:1 / 1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s var(--ease),visibility 0s .4s;} .choose__caption.is-active,.choose__cta.is-active{ opacity:1;visibility:visible;pointer-events:auto;transition:opacity .4s var(--ease);} .choose__caption{ display:flex;align-items:center;gap:1.4rem;max-width:52rem;color:var(--muted);font-size:1.5rem;} .choose__caption-icon{ width:2.4rem;height:2.4rem;flex:0 0 auto;color:var(--amber);} .choose__cta{ white-space:nowrap;} .choose__slogan{ margin-top:clamp(4rem,6vw,8rem);text-align:center;} @media (max-width:1080px){ .choose__grid{ grid-template-columns:repeat(2,1fr);} } @media (max-width:860px){ .choose__toggle.tabs__switch{ width:100%;} .choose__toggle .tabs__button{ flex:1;padding-inline:1rem;} .choose__grid{ grid-template-columns:1fr;} .choose__stage{ aspect-ratio:16 / 10;} .choose__footer{ flex-direction:column;} .choose__caption{ font-size:1.4rem;} } .tabs__switch{ position:relative;display:inline-flex;gap:.4rem;padding:.5rem;border:1px solid var(--hairline-2);border-radius:999px;background:var(--navy-2);margin-bottom:clamp(3rem,4vw,4.8rem);} .tabs__switch_wide{ display:flex;width:100%;} .tabs__switch_wide .tabs__button{ flex:1;} .tabs__button{ position:relative;z-index:1;padding:1.1rem 2.6rem;border-radius:999px;font-size:1.5rem;font-weight:600;color:var(--muted);cursor:pointer;transition:color .3s;} .tabs__button.is-active{ color:var(--white);} .tabs__thumb{ position:absolute;z-index:0;top:.5rem;left:.5rem;height:calc(100% - 1rem);border-radius:999px;background:var(--orange);transition:transform .45s var(--ease),width .45s var(--ease);} .faq{ display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(3.2rem,4.6vw,6.4rem);align-items:start;} .faq__media{ position:relative;margin-top:clamp(2.8rem,3.6vw,4.4rem);aspect-ratio:4 / 3;} .faq__media::before{ content:"";position:absolute;inset:-1.2rem;z-index:2;pointer-events:none;background:linear-gradient(var(--amber),var(--amber)) left top / 1.6rem 1px,linear-gradient(var(--amber),var(--amber)) left top / 1px 1.6rem,linear-gradient(var(--amber),var(--amber)) right top / 1.6rem 1px,linear-gradient(var(--amber),var(--amber)) right top / 1px 1.6rem,linear-gradient(var(--amber),var(--amber)) left bottom / 1.6rem 1px,linear-gradient(var(--amber),var(--amber)) left bottom / 1px 1.6rem,linear-gradient(var(--amber),var(--amber)) right bottom / 1.6rem 1px,linear-gradient(var(--amber),var(--amber)) right bottom / 1px 1.6rem;background-repeat:no-repeat;} .faq__img{ width:100%;height:100%;object-fit:cover;transition:opacity .4s var(--ease);} .faq__img.is-fading{ opacity:0;} .faq__help{ margin-top:clamp(2.8rem,3.6vw,4.4rem);} .faq__help-text{ margin-top:1rem;color:var(--muted);} .faq__help-cta{ margin-top:2rem;} .faq__item{ border-top:1px solid var(--hairline-2);} .faq__item:last-child{ border-bottom:1px solid var(--hairline-2);} .faq__q{ display:flex;align-items:center;gap:2rem;padding:2rem 0;cursor:pointer;list-style:none;font-size:clamp(1.6rem,1.9vw,2rem);font-weight:600;} .faq__q::-webkit-details-marker{ display:none;} .faq__no{ color:var(--orange);font-weight:500;} .faq__q-text{ flex:1;} .faq__sign{ width:2.2rem;flex:0 0 auto;color:var(--orange);transition:transform .35s var(--ease);} .faq__item[open] .faq__sign{ transform:rotate(45deg);} .faq__a{ padding:0 0 2.4rem;color:var(--muted);font-size:1.6rem;} .faq__a p + p{ margin-top:1.2rem;} .faq__intro{ color:var(--white);font-weight:600;} .faq__points{ margin-top:1.2rem;} .faq__points li{ position:relative;padding-left:1.8rem;} .faq__points li + li{ margin-top:.6rem;} .faq__points li::before{ content:"";position:absolute;left:0;top:.58em;width:.8rem;height:1px;background:var(--orange);} .faq__a .faq__points + p{ margin-top:1.2rem;} @media (max-width:1080px){ .faq{ grid-template-columns:1fr;} .faq__media{ max-width:56rem;} } .not-found__body{ display:grid;gap:2.4rem;justify-items:start;padding-block:12rem;} .modal{ position:fixed;inset:0;width:100%;max-width:none;max-height:none;height:100%;margin:0;padding:0;border:0;background:transparent;color:var(--white);overflow:hidden;} .modal::backdrop{ background:rgba(3,12,20,.74);backdrop-filter:blur(6px);} .modal[open]{ display:flex;align-items:flex-end;justify-content:center;} @media (min-width:861px){ .modal[open]{ align-items:center;} } .modal__sheet{ position:relative;display:flex;flex-direction:column;width:100%;max-height:100svh;background:var(--navy-2);border:1px solid var(--hairline-2);border-radius:1.6rem 1.6rem 0 0;overflow:hidden;transform:translateY(6rem);opacity:0;transition:transform .45s var(--ease),opacity .3s;} .modal.is-open .modal__sheet{ transform:none;opacity:1;} .modal.is-dragging .modal__sheet{ transition:none;} @media (min-width:861px){ .modal__sheet{ max-height:88svh;border-radius:var(--radius);transform:translateY(2rem) scale(.98);} .modal_md .modal__sheet{ max-width:64rem;} .modal_lg .modal__sheet{ max-width:110rem;} .modal_xl .modal__sheet{ max-width:128rem;} .modal.is-open .modal__sheet{ transform:none;} } .modal__grip{ display:grid;place-items:center;padding:1.2rem 0 .4rem;cursor:grab;touch-action:none;} .modal__grip i{ width:5rem;height:4px;border-radius:999px;background:var(--hairline);} @media (min-width:861px){ .modal__grip{ display:none;} } .modal__close{ position:absolute;top:1.6rem;right:1.6rem;z-index:3;width:4.4rem;height:4.4rem;display:grid;place-items:center;border:1px solid var(--hairline);border-radius:var(--radius);background:rgba(var(--rgb-navy),.6);cursor:pointer;transition:border-color .25s,background-color .25s;} .modal__close:hover{ border-color:var(--orange);background:var(--navy-3);} .modal__close svg{ width:1.8rem;} .modal__scroll{ overflow-y:auto;overscroll-behavior:contain;padding:clamp(2.4rem,4vw,5rem);padding-bottom:max(clamp(2.4rem,4vw,5rem),env(safe-area-inset-bottom));} .modal__head{ display:grid;gap:1.4rem;padding-right:6rem;margin-bottom:clamp(2.4rem,3vw,4rem);max-width:72ch;} .modal__kicker{ color:var(--amber);} .modal__actions{ display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:clamp(2.4rem,3vw,4rem);} .plans{ display:grid;gap:clamp(1.6rem,2vw,2.4rem);grid-template-columns:repeat(auto-fit,minmax(27rem,1fr));} .plan{ display:flex;flex-direction:column;gap:1.6rem;padding:clamp(2rem,2.4vw,3rem);border:1px solid var(--hairline-2);border-radius:var(--radius);background:var(--navy);} .plan_accent{ border-color:rgba(var(--rgb-orange),.55);background:linear-gradient(180deg,var(--navy-3),var(--navy));} .plan__price{ display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;} .plan__amount{ font-family:var(--font-display);font-size:clamp(2.8rem,3vw,3.6rem);font-weight:600;letter-spacing:-.03em;} .plan__period{ color:var(--muted);} .plan__list{ display:grid;gap:1rem;} .plan__item{ display:flex;align-items:baseline;gap:1.2rem;font-size:1.5rem;color:rgba(var(--rgb-white),.88);} .plan__check{ width:1.6rem;flex:0 0 auto;color:var(--green);transform:translateY(.3rem);} .plan__cta{ margin-top:auto;} .notice{ display:flex;flex-wrap:wrap;align-items:baseline;gap:1rem 1.6rem;margin-top:2.4rem;padding:1.8rem 2rem;border:1px solid rgba(var(--rgb-orange),.4);border-radius:var(--radius);background:rgba(var(--rgb-orange),.07);font-size:1.5rem;} .notice__sign{ color:var(--orange);} .editions{ margin-bottom:clamp(2.4rem,3vw,4rem);} .edition[hidden]{ display:none;} .edition__price{ display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem 1.6rem;margin-bottom:1.6rem;} .edition__for{ display:flex;flex-wrap:wrap;gap:.8rem;} .edition__case{ padding:.6rem 1.2rem;border:1px solid var(--hairline);border-radius:999px;font-size:1.4rem;color:var(--muted);} .compare{ font-size:1.5rem;} .compare th,.compare td{ text-align:left;padding:1.4rem 1.6rem;border-bottom:1px solid var(--hairline-2);} .compare th{ color:var(--muted);font-weight:500;} .compare th:not(:first-child),.compare__cell{ text-align:center;width:22%;} .compare tbody tr:hover{ background:rgba(var(--rgb-white),.03);} .compare__yes{ width:1.8rem;color:var(--green);margin-inline:auto;} .compare__no{ color:var(--muted);} .pro-extra{ display:grid;gap:clamp(2rem,3vw,3rem);grid-template-columns:repeat(auto-fit,minmax(26rem,1fr));margin-top:clamp(2.4rem,3vw,4rem);} .pro-extra__title{ color:var(--amber);margin-bottom:1.2rem;} .pro-extra__item{ color:var(--muted);font-size:1.5rem;margin-bottom:1rem;} .pro-extra__item b{ color:var(--white);font-weight:700;} .pro-extra__list{ display:grid;gap:.8rem;color:var(--muted);font-size:1.5rem;} .pro-extra__list li::before{ content:"— ";color:var(--orange);} .form{ display:grid;gap:2rem;max-width:68rem;} .form__trap{ position:absolute;left:-9999px;width:1px;height:1px;opacity:0;} .form__field{ border:0;padding:0;margin:0;} .form__legend{ color:var(--muted);padding:0 0 1.2rem;} .form__choices{ display:flex;flex-wrap:wrap;gap:1rem;} .form__grid{ display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(24rem,1fr));} .form__pro{ display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));} .form__pro[hidden]{ display:none;} .form__footer{ display:flex;flex-wrap:wrap;align-items:center;gap:1.6rem 2.4rem;} .form__status{ font-size:1.4rem;color:var(--muted);} .form__status.is-error{ color:var(--orange);} .form__status.is-ok{ color:var(--green);} .choice{ position:relative;display:inline-flex;align-items:center;gap:1rem;padding:1.1rem 1.8rem;border:1px solid var(--hairline);border-radius:var(--radius);cursor:pointer;font-size:1.5rem;transition:border-color .25s,background-color .25s;} .choice:hover{ border-color:rgba(var(--rgb-white),.35);} .choice input{ position:absolute;opacity:0;inset:0;cursor:pointer;} .choice__box{ width:1.4rem;height:1.4rem;border:1px solid var(--muted);border-radius:50%;transition:.25s;} .choice:has(input:checked){ border-color:var(--orange);background:rgba(var(--rgb-orange),.1);} .choice:has(input:checked) .choice__box{ border-color:var(--orange);box-shadow:inset 0 0 0 3px var(--orange);} .choice:has(input:focus-visible){ outline:2px solid var(--amber);outline-offset:2px;} .input{ display:grid;gap:.8rem;} .input__label{ color:var(--muted);} .input__control{ width:100%;padding:1.3rem 1.6rem;font:inherit;font-size:1.6rem;color:var(--white);background:var(--navy);border:1px solid var(--hairline);border-radius:var(--radius);transition:border-color .25s;} .input__control:focus{ outline:none;border-color:var(--orange);} .input__control:user-invalid{ border-color:var(--orange);} textarea.input__control{ resize:vertical;min-height:8rem;} .agree{ position:relative;display:flex;align-items:flex-start;gap:1.2rem;font-size:1.4rem;color:var(--muted);cursor:pointer;} .agree input{ position:absolute;opacity:0;} .agree .choice__box{ border-radius:3px;flex:0 0 auto;transform:translateY(.2rem);} .agree:has(input:checked) .choice__box{ border-color:var(--orange);box-shadow:inset 0 0 0 3px var(--orange);} .hide-mobile{ display:none;} @media (min-width:861px){ .hide-mobile{ display:inline-flex;} }