@font-face{font-family:Ploni;src:url("assets/fonts/ploni-regular-aaa.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Ploni;src:url("assets/fonts/ploni-demibold-aaa.woff2") format("woff2");font-weight:700;font-display:swap}
:root{
  --ink:#19142d;--ink-soft:#575168;--paper:#fbf9fe;--surface:#fff;--line:#e7e1ef;--deep:#17112f;--deep-2:#241547;
  --purple:#6f00ff;--purple-2:#9a5bff;--lilac:#e6d7ff;--cyan:#00dfe2;--mint:#bcefe9;--green:#27c96f;--coral:#f27c64;--warning:#f1c86a;
  --shadow:0 24px 70px rgba(35,13,74,.12);--shadow-small:0 10px 28px rgba(35,13,74,.09);--radius-lg:28px;--radius-md:18px;--radius-sm:12px;
  --container:1240px;--gutter:clamp(20px,4vw,48px);--ease:cubic-bezier(.22,.8,.24,1);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Ploni,Arial,sans-serif;font-size:17px;line-height:1.65}a{color:inherit}button,input,select,textarea{font:inherit}.technical{direction:ltr;unicode-bidi:isolate;white-space:nowrap}.container{width:min(var(--container),calc(100% - (var(--gutter)*2)));margin-inline:auto}.skip-link{position:fixed;top:10px;inset-inline-start:10px;z-index:300;background:var(--deep);color:#fff;padding:10px 16px;border-radius:10px;transform:translateY(-140%);transition:transform .2s}.skip-link:focus{transform:translateY(0)}.reading-progress{height:3px;position:fixed;inset:0 0 auto;z-index:210;background:transparent}.reading-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--purple));transition:width .1s linear}
.site-header{height:82px;position:sticky;top:0;z-index:200;background:rgba(251,249,254,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(231,225,239,.9)}.header-inner{height:100%;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;margin-inline-start:0}.brand img{width:140px;height:auto;display:block}.desktop-nav{display:flex;align-items:center;gap:25px;margin-inline:auto;font-size:15px;font-weight:700;color:var(--ink-soft)}.desktop-nav a,.mobile-nav a{text-decoration:none;transition:color .2s}.desktop-nav a:hover,.desktop-nav a:focus-visible{color:var(--purple)}.header-actions{display:flex;align-items:center;gap:10px}.button{min-height:46px;padding:11px 22px;border:1px solid transparent;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-size:16px;font-weight:700;line-height:1.15;cursor:pointer;transition:transform .22s var(--ease),box-shadow .22s var(--ease),background .22s var(--ease),border-color .22s var(--ease)}.button:hover{transform:translateY(-2px)}.button:focus-visible,.menu-toggle:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #4e91ff;outline-offset:3px}.button-primary{background:linear-gradient(115deg,var(--purple),#8c39ff);color:#fff;box-shadow:0 12px 28px rgba(111,0,255,.22)}.button-primary:hover{box-shadow:0 16px 34px rgba(111,0,255,.3)}.button-quiet{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:var(--shadow-small)}.button-outline{background:rgba(255,255,255,.04);color:#fff;border-color:rgba(255,255,255,.35)}.button-outline:hover{background:rgba(255,255,255,.1)}.button-small{min-height:38px;padding:8px 16px;font-size:14px}.button-large{min-height:56px;padding:15px 24px}.full-width{width:100%}.menu-toggle{display:none;border:0;background:transparent;padding:10px;width:44px;height:44px}.menu-toggle span{display:block;height:2px;width:22px;background:var(--ink);margin:5px auto}.mobile-nav{display:none}
.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(117deg,#120d27 0%,#1c123d 65%,#29114e 100%);color:#fff;padding:clamp(76px,10vw,128px) 0 28px}.hero:before{content:"";position:absolute;inset:auto -15% -35% 42%;height:76%;background:radial-gradient(ellipse,rgba(111,0,255,.55),transparent 68%);z-index:-1}.hero:after{content:"";position:absolute;inset:-25% auto auto -10%;width:44%;height:85%;background:radial-gradient(circle,rgba(0,223,226,.15),transparent 70%);z-index:-1}.hero-gridline{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,rgba(0,0,0,.75),transparent 84%)}.hero-inner{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:clamp(42px,7vw,104px);align-items:center;direction:ltr}.hero-copy{direction:rtl;max-width:650px;margin-inline-start:auto}.eyebrow,.section-kicker{margin:0 0 18px;font-size:13px;line-height:1.25;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.eyebrow{color:#d9c7ff;display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(39,201,111,.13)}h1,h2,h3,p{margin-block:0}h1{font-size:clamp(45px,5.45vw,78px);line-height:1.02;letter-spacing:-.04em;max-width:720px;margin-bottom:28px}h1 em,h2 em{font-style:normal;color:#c9a6ff}h1 em{color:#c8a5ff}.hero-lead{max-width:610px;color:#e4dfea;font-size:clamp(18px,1.5vw,22px);line-height:1.8;margin-bottom:28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-boundary{margin-top:18px;color:#bdb2cf;font-size:13px;max-width:560px}.hero-boundary strong{color:#fff}.system-visual{direction:rtl;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));border-radius:var(--radius-lg);padding:18px;box-shadow:0 35px 100px rgba(0,0,0,.28);min-height:492px;position:relative;overflow:hidden}.system-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 52% 40%,rgba(0,223,226,.1),transparent 48%)}.system-visual-top,.system-visual-footer{display:flex;justify-content:space-between;align-items:center;color:#ab9dbd;font-size:11px;letter-spacing:.09em;position:relative}.trace-state{display:flex;align-items:center;gap:8px;color:#a4ebd7}.trace-state i{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px rgba(39,201,111,.12)}.system-map{height:405px;position:relative;margin-top:15px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(8,3,24,.22);overflow:hidden}.system-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:36px 36px;opacity:.5}.map-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);transform-origin:right center;opacity:.55}.line-one{width:31%;right:18%;top:22%;transform:rotate(-16deg)}.line-two{width:36%;right:21%;top:49%;transform:rotate(3deg);background:linear-gradient(90deg,transparent,var(--coral),transparent)}.line-three{width:35%;right:21%;top:71%;transform:rotate(15deg);background:linear-gradient(90deg,transparent,var(--purple-2),transparent)}.system-node{position:absolute;width:158px;min-height:76px;padding:11px 13px;border:1px solid rgba(255,255,255,.2);background:rgba(24,15,50,.88);border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.16);display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;font-size:16px}.system-node b{grid-row:span 2;color:var(--cyan);font-size:11px;letter-spacing:.08em}.system-node span{font-weight:700}.system-node small{color:#a99db7;font-size:11px}.node-user{right:8%;top:12%}.node-checkout{right:42%;top:37%}.node-api{right:9%;top:60%;border-color:rgba(242,124,100,.6)}.node-prod{right:43%;top:78%;border-color:rgba(154,91,255,.65)}.node-alert{position:absolute;inset-inline-start:10px;top:-9px;width:20px;height:20px;border-radius:50%;background:var(--coral);color:#241124;display:grid;place-items:center;font-size:12px;font-weight:700;font-style:normal}.map-note{position:absolute;left:7%;bottom:8%;width:44%;padding:13px 15px;border-inline-start:2px solid var(--cyan);color:#cfc6d8;background:rgba(13,6,31,.75);font-size:13px;line-height:1.55}.map-note strong{color:#fff}.note-icon{color:var(--cyan);font-size:18px;margin-inline-end:4px}.system-visual-footer{padding:15px 9px 0}.hero-proof-row{display:flex;align-items:center;gap:16px;justify-content:center;color:#9b90ae;font-size:12px;letter-spacing:.08em;margin-top:42px}.hero-proof-row i{width:4px;height:4px;background:var(--cyan);border-radius:50%}.trust-band{background:#f4effb;border-bottom:1px solid var(--line)}.trust-inner{min-height:82px;display:flex;align-items:center;gap:24px}.trust-inner p{font-size:20px}.trust-inner span{color:var(--ink-soft);font-size:15px}.text-link{color:var(--purple);font-weight:700;text-decoration:none;margin-inline-start:auto}.text-link:hover{text-decoration:underline}
.section{padding:clamp(90px,11vw,150px) 0}.section-kicker{color:var(--purple);letter-spacing:.1em}.section-heading-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(240px,.8fr);gap:40px;align-items:end;margin-bottom:48px}.section-heading-row>p{max-width:400px;color:var(--ink-soft);font-size:17px}.section-heading-row h2,.section-intro h2,.why-statement h2{font-size:clamp(38px,4.4vw,62px);line-height:1.08;letter-spacing:-.035em}.section-lead{font-size:20px;line-height:1.75;color:var(--ink-soft);max-width:540px;margin-top:23px}.offer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:clamp(40px,8vw,128px);align-items:center;direction:ltr}.offer-grid>*{direction:rtl}.offer-note{display:flex;align-items:flex-start;gap:13px;padding-top:26px;border-top:1px solid var(--line);margin-top:38px;max-width:500px;color:var(--ink-soft)}.offer-note .note-icon{color:var(--purple);font-size:24px}.offer-note p{font-size:15px}.price-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:29px;box-shadow:var(--shadow);position:relative;overflow:hidden}.price-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:5px;background:linear-gradient(90deg,var(--cyan),var(--purple),var(--coral))}.price-card-top{display:flex;justify-content:space-between;color:var(--ink-soft);font-size:13px}.index{font-family:Arial,sans-serif;color:#aea7b9;letter-spacing:.08em}.price{display:flex;align-items:flex-end;gap:12px;margin:13px 0 18px}.price strong{font-family:Arial,sans-serif;font-size:78px;line-height:.9;letter-spacing:-.06em;color:var(--ink)}.price span{font-size:17px;color:var(--ink-soft);margin-bottom:4px}.credit-callout{display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:start;border:1px solid #c9eee9;background:#effcf9;border-radius:16px;padding:15px;margin-bottom:20px}.credit-callout strong{font-family:Arial,sans-serif;font-size:30px;line-height:1;color:#168b91}.credit-callout p{font-size:14px;line-height:1.5;color:#315962}.plain-list{list-style:none;padding:0;margin:0 0 24px}.plain-list li{position:relative;padding:8px 22px 8px 0;color:var(--ink-soft);font-size:14px;border-bottom:1px solid #f0ecf4}.plain-list li:before{content:"";position:absolute;right:0;top:17px;width:8px;height:8px;border-radius:50%;background:var(--purple)}.scenarios-section{background:#f1ecf8}.scenario-list{border-top:1px solid #d8cee6}.scenario-row{display:grid;grid-template-columns:70px minmax(0,1fr) 170px;gap:24px;align-items:center;padding:25px 0;border-bottom:1px solid #d8cee6}.scenario-no,.line-number{color:var(--purple);font:700 14px/1 Arial,sans-serif;letter-spacing:.08em}.scenario-row h3{font-size:24px;line-height:1.25;margin-bottom:5px}.scenario-row p{color:var(--ink-soft);font-size:15px}.scenario-tag{color:#7b6c8b;font:400 11px/1.2 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-align:end}.method-section{position:relative;isolation:isolate;overflow:hidden;background:var(--deep);color:#fff}.method-section:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(111,0,255,.24),transparent 66%);z-index:-1}.method-section:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:72px 72px;opacity:.2;z-index:-1}.method-glow{position:absolute;width:520px;height:520px;background:radial-gradient(circle,rgba(0,223,226,.2),transparent 68%);inset-inline-start:-150px;top:5%;z-index:-1}.section-heading-row.light>p{color:#bcb1cb}.light .section-kicker{color:#94e3e2}.light h2 em{color:#c5a6ff}.method-rail{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.method-line{position:absolute;top:27px;inset-inline:8%;height:1px;background:linear-gradient(90deg,var(--cyan),rgba(255,255,255,.18),var(--purple-2));opacity:.7}.method-step{position:relative;padding-top:68px}.method-step>span{position:absolute;top:0;right:0;width:56px;height:56px;border:1px solid rgba(255,255,255,.32);border-radius:50%;display:grid;place-items:center;color:#9de6e4;font:700 13px/1 Arial,sans-serif;background:var(--deep)}.method-step h3{font-size:22px;margin-bottom:8px}.method-step p{color:#bcb3c8;font-size:15px;line-height:1.65;max-width:220px}.method-step b{display:block;color:#7b6e89;font:400 11px/1 Arial,sans-serif;margin-top:16px;letter-spacing:.12em;text-transform:uppercase}.method-footnote{margin-top:54px;color:#c4b8cc;border-top:1px solid rgba(255,255,255,.13);padding-top:20px;font-size:13px}.method-footnote .status-dot{margin-inline-end:10px}.scope-section{background:var(--paper)}.scope-board{display:grid;grid-template-columns:1fr 1px 1fr;gap:clamp(28px,5vw,74px);align-items:stretch;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;padding:clamp(28px,5vw,56px);box-shadow:var(--shadow-small)}.scope-divider{background:var(--line)}.scope-heading{display:flex;align-items:center;gap:13px;margin-bottom:25px}.scope-heading h3{font-size:24px}.scope-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-weight:700}.included .scope-mark{background:#e8f9f2;color:#1d8c5b}.excluded .scope-mark{background:#fff0ed;color:#d35d45}.scope-column ul{list-style:none;padding:0;margin:0}.scope-column li{padding:12px 25px 12px 0;border-top:1px solid #f0ecf4;position:relative;font-size:16px}.scope-column li:before{content:"";position:absolute;right:0;top:21px;width:7px;height:7px;border-radius:50%;background:#c6bbd6}.included li:before{background:var(--cyan)}.authority-section{background:#f4f7fb}.authority-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);gap:clamp(46px,8vw,120px);align-items:center}.authority-list{margin-top:38px;border-top:1px solid #d8e2ec}.authority-list>div{display:grid;grid-template-columns:42px 110px 1fr;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid #d8e2ec}.authority-list span{color:#168b91;font:700 13px/1 Arial,sans-serif}.authority-list strong{font-size:18px}.authority-list small{color:var(--ink-soft);font-size:14px}.proof-figure{margin:0;background:#fff;border:1px solid #dbe3ed;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}.proof-figure img{display:block;width:100%;aspect-ratio:1.52;object-fit:cover;background:#0e1820}.proof-figure figcaption{padding:20px 23px;display:grid;gap:5px}.proof-figure figcaption span{color:#168b91;font:700 10px/1.2 Arial,sans-serif;letter-spacing:.13em}.proof-figure figcaption strong{font-size:21px}.proof-figure figcaption small{color:var(--ink-soft);font-size:13px}.why-section{background:#fff}.why-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1fr);gap:clamp(50px,10vw,150px);align-items:start}.why-statement>p:last-child{color:var(--ink-soft);font-size:20px;line-height:1.8;max-width:480px;margin-top:24px}.why-lines{border-top:1px solid var(--line)}.why-lines>div{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:21px 0;border-bottom:1px solid var(--line)}.why-lines strong{font-size:19px}.why-lines p{color:var(--ink-soft);font-size:15px;margin-top:4px}.faq-section{background:#f1ecf8}.faq-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:clamp(50px,9vw,130px);align-items:start}.faq-list{border-top:1px solid #d8cee6}.faq-list details{border-bottom:1px solid #d8cee6;padding:0 0}.faq-list summary{list-style:none;cursor:pointer;padding:20px 0;font-size:20px;font-weight:700;display:flex;justify-content:space-between;gap:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font:400 24px/1 Arial;color:var(--purple)}.faq-list details[open] summary:after{content:"−"}.faq-list details p{color:var(--ink-soft);font-size:16px;max-width:650px;padding:0 0 22px}.qualification-section{background:var(--paper)}.qualification-grid{display:grid;grid-template-columns:minmax(0,.74fr) minmax(420px,1fr);gap:clamp(48px,8vw,120px);align-items:start}.qualification-intro>p:not(.section-kicker){color:var(--ink-soft);font-size:18px;line-height:1.75}.qualification-boundary{border-inline-start:3px solid var(--cyan);margin:34px 0;padding:10px 20px;display:grid;gap:5px;background:#effcf9}.qualification-boundary strong{font-size:16px}.qualification-boundary span{color:#46626c;font-size:14px}.commercial-note{font-size:14px}.commercial-note strong{color:var(--purple)}.qualification-form{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(22px,4vw,38px);box-shadow:var(--shadow-small)}.form-intro{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(--line);margin-bottom:19px;font-weight:700}.form-intro small{font-size:12px;color:var(--ink-soft);font-weight:400}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:grid;gap:7px;margin-bottom:15px;font-size:14px;font-weight:700}input,select,textarea{width:100%;border:1px solid #d9d0e2;background:#fcfbfe;border-radius:10px;padding:12px 14px;color:var(--ink);min-height:48px;line-height:1.35;direction:rtl}textarea{resize:vertical;min-height:118px}input::placeholder{color:#a8a0b3}.checkbox-label{display:flex;grid-template-columns:none;align-items:flex-start;gap:10px;font-weight:400;font-size:13px;line-height:1.5;margin:8px 0 20px}.checkbox-label input{width:18px;min-height:18px;margin:2px 0 0;accent-color:var(--purple);flex:0 0 auto}.form-submit{width:100%;border:0}.form-feedback{min-height:25px;padding-top:12px;font-size:14px}.form-feedback.is-error{color:#af3b3b}.form-feedback.is-success{color:#167a50}.form-feedback.is-info{color:var(--purple)}.form-export{margin-top:8px}.text-button{background:none;border:0;padding:0;color:var(--purple);font-weight:700;cursor:pointer}.honeypot{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0)}.final-cta{background:var(--deep);color:#fff;padding:clamp(76px,9vw,120px) 0;position:relative;overflow:hidden}.final-cta:after{content:"";position:absolute;width:560px;height:560px;background:radial-gradient(circle,rgba(111,0,255,.42),transparent 68%);inset-inline-start:55%;top:-160px}.final-cta-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.final-cta .section-kicker{color:#9de6e4}.final-cta h2{font-size:clamp(44px,5.4vw,72px);line-height:1.05;letter-spacing:-.04em}.final-cta h2 em{color:#c9a6ff}.final-cta-inner>div:last-child{max-width:430px}.final-cta-inner p:not(.section-kicker){color:#d0c6d9;font-size:18px;line-height:1.75;margin-bottom:24px}.site-footer{background:#100b22;color:#b7acc5;border-top:1px solid rgba(255,255,255,.1);padding:25px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-brand{display:flex;align-items:center;gap:13px;font-size:13px}.footer-brand img{width:112px;filter:brightness(0) invert(1);opacity:.95}.footer-meta{display:flex;align-items:center;gap:22px;font-size:12px}.footer-meta a{color:#d8c6ff;font-weight:700;text-decoration:none}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.is-visible{opacity:1;transform:none}
/* Performance ownership: the above-the-fold hero copy stays paintable for LCP; typing and system-node motion remain lifecycle-controlled. */
.hero-copy.reveal{opacity:1;transform:none}
@media (max-width:1120px){.desktop-nav{gap:14px}.header-inner{gap:18px}.hero-inner{gap:45px}.system-visual{min-height:450px}.system-map{height:364px}.system-node{width:143px}.node-user{right:5%}.node-checkout,.node-prod{right:39%}.node-api{right:5%}.method-step p{font-size:14px}.qualification-grid{gap:48px}}
@media (max-width:900px){body{font-size:16px}.desktop-nav,.header-actions{display:none}.menu-toggle{display:block;margin-inline-start:auto}.mobile-nav{padding:14px var(--gutter) 22px;border-top:1px solid var(--line);background:rgba(251,249,254,.98);box-shadow:var(--shadow-small)}.mobile-nav.is-open{display:grid;gap:8px}.mobile-nav a:not(.button){padding:11px 0;border-bottom:1px solid var(--line);font-weight:700}.mobile-nav .button{margin-top:8px}.hero{padding-top:75px}.hero-inner{grid-template-columns:1fr;gap:60px}.hero-copy{max-width:760px}.system-visual{max-width:690px;width:100%;margin-inline:auto}.offer-grid,.authority-grid,.qualification-grid{grid-template-columns:1fr;gap:48px}.offer-grid .price-card{max-width:620px}.authority-grid{max-width:740px}.qualification-form{max-width:720px}.method-rail{grid-template-columns:repeat(2,1fr);gap:38px 28px}.method-line{display:none}.method-step{padding-top:63px}.faq-grid,.why-grid{grid-template-columns:1fr;gap:48px}.why-lines{max-width:720px}.section-heading-row{grid-template-columns:1fr;gap:20px;margin-bottom:36px}.section-heading-row>p{max-width:600px}.final-cta-inner{grid-template-columns:1fr;gap:32px}.final-cta-inner>div:last-child{max-width:650px}}
@media (max-width:640px){:root{--gutter:20px}.site-header{height:70px}.brand img{width:124px}.hero{padding:58px 0 24px}.hero-inner{gap:46px}.eyebrow{font-size:11px}.hero h1{font-size:clamp(40px,11vw,58px);margin-bottom:20px}.hero-lead{font-size:18px;line-height:1.7}.hero-actions{display:grid;gap:10px}.hero-actions .button{width:100%}.hero-boundary{font-size:12px}.system-visual{min-height:470px;padding:14px;border-radius:22px}.system-map{height:390px}.system-node{width:136px;min-height:67px;padding:9px 10px;font-size:14px}.node-user{right:5%;top:10%}.node-checkout{right:38%;top:35%}.node-api{right:5%;top:59%}.node-prod{right:38%;top:77%}.map-note{left:5%;bottom:5%;width:50%;font-size:11px;padding:10px}.system-visual-footer{font-size:9px;padding-inline:2px}.hero-proof-row{flex-wrap:wrap;gap:8px 12px;justify-content:flex-start;margin-top:25px;font-size:10px}.hero-proof-row i{width:3px;height:3px}.trust-inner{min-height:106px;display:grid;grid-template-columns:1fr auto;gap:0 15px;padding-block:20px}.trust-inner p{font-size:18px}.trust-inner>span{font-size:13px;grid-column:1}.trust-inner .text-link{grid-column:2;grid-row:1/3;align-self:center;font-size:13px}.section{padding:82px 0}.section-heading-row h2,.section-intro h2,.why-statement h2{font-size:42px}.section-lead{font-size:18px}.price-card{padding:22px}.price strong{font-size:66px}.scenario-row{grid-template-columns:38px 1fr;gap:14px;padding:20px 0}.scenario-row h3{font-size:20px}.scenario-row p{font-size:14px}.scenario-tag{grid-column:2;text-align:start}.method-rail{grid-template-columns:1fr;gap:28px}.method-step{padding-top:60px}.method-step h3{font-size:20px}.method-footnote{margin-top:36px;font-size:12px}.scope-board{grid-template-columns:1fr;gap:28px;padding:24px}.scope-divider{height:1px;width:100%}.scope-heading h3{font-size:21px}.scope-column li{font-size:15px}.authority-list>div{grid-template-columns:35px 86px 1fr;gap:10px}.authority-list small{font-size:12px}.proof-figure figcaption{padding:16px}.proof-figure figcaption strong{font-size:18px}.why-statement>p:last-child{font-size:18px}.faq-list summary{font-size:18px;padding:17px 0}.faq-list details p{font-size:15px}.form-row{grid-template-columns:1fr;gap:0}.qualification-form{padding:20px}.form-intro{gap:10px}.form-intro small{font-size:11px}.final-cta{padding:76px 0}.final-cta h2{font-size:48px}.final-cta-inner p:not(.section-kicker){font-size:17px}.footer-inner,.footer-meta{align-items:flex-start;flex-direction:column}.footer-meta{gap:8px}.footer-brand{flex-wrap:wrap}.footer-brand img{width:100px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal.is-visible{opacity:1;transform:none;transition:none}.button{transition:none}.reading-progress span{transition:none}}

/* R4 visual correction: keep the method note clear of the Production node. */
.system-map .map-note{left:4%;bottom:6%;width:30%;background:rgba(13,6,31,.88)}
@media (max-width:640px){.system-map .map-note{left:5%;bottom:5%;width:43%}}
.site-header .brand{background:linear-gradient(135deg,#5e00e8,#8b35ff);padding:9px 17px;border-radius:14px;box-shadow:0 9px 22px rgba(111,0,255,.18)}
.site-header .brand img{width:110px}

/* R1 visual lock pass: concrete SiteGuru patterns from PPC/Magento/sign. */
.site-header{
  background:rgba(18,13,36,.92);
  border-bottom-color:rgba(255,255,255,.1);
  box-shadow:0 16px 44px rgba(0,0,0,.2);
}
.site-header:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:2px;
  background:linear-gradient(90deg,var(--purple),var(--cyan));
  pointer-events:none;
}
.site-header .brand{
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 28px rgba(0,0,0,.22);
}
.desktop-nav{color:rgba(255,255,255,.82)}
.desktop-nav a:hover,.desktop-nav a:focus-visible{color:var(--cyan)}
.button-primary{
  background:linear-gradient(135deg,var(--purple) 0%,#ff77b7 56%,#ffb347 100%);
  box-shadow:0 12px 28px rgba(111,0,255,.2),0 0 0 1px rgba(255,255,255,.04) inset;
}
.button-primary:hover{box-shadow:0 16px 34px rgba(111,0,255,.28),0 0 18px rgba(255,179,71,.18)}
.header-actions .button-quiet{
  background:#25d366;
  color:#fff;
  border-color:transparent;
  box-shadow:0 8px 24px rgba(37,211,102,.25);
}
.header-actions .button-quiet:hover{background:#20bd5a;box-shadow:0 12px 32px rgba(37,211,102,.35)}
.menu-toggle span{background:#fff}
.mobile-nav{background:rgba(18,13,36,.98);border-top-color:rgba(255,255,255,.12)}
.mobile-nav a:not(.button){color:rgba(255,255,255,.84);border-bottom-color:rgba(255,255,255,.12)}
.trust-band{background:#fff}
.trust-inner{min-height:92px}
.trust-inner p{font-weight:700}
.trust-inner>span{color:#687180}
.trust-inner .text-link{color:var(--purple)}
.proof-figure{box-shadow:0 18px 44px rgba(35,13,74,.1)}
.qualification-form{box-shadow:0 18px 44px rgba(35,13,74,.1)}
@media (max-width:900px){
  .trust-inner{min-height:106px}
}

/* FINAL CANDIDATE R1: SiteGuru rescue trace, native SVG system, and motion-safe interaction layer. */
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.button-icon{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-system{min-height:532px;padding:18px;border-color:rgba(255,255,255,.2);background:linear-gradient(145deg,rgba(45,27,83,.9),rgba(13,8,31,.78));}
.hero-system:before{background:radial-gradient(circle at 48% 45%,rgba(0,223,226,.14),transparent 47%),linear-gradient(120deg,transparent 30%,rgba(154,91,255,.1),transparent 74%);pointer-events:none}
.hero-system:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:42px 42px;opacity:.38;mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 90%);pointer-events:none}
.system-visual-top,.system-visual-footer{z-index:2}
.system-visual-top{font-family:Arial,sans-serif;font-size:10px;color:#bdb0cf}
.trace-state{font-family:Ploni,Arial,sans-serif;font-size:12px;letter-spacing:0;color:#a9ebd7}
.technical-stage{position:relative;z-index:1;direction:ltr;min-height:430px;margin-top:15px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(7,3,23,.46);overflow:hidden;isolation:isolate}
.technical-stage:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.05);border-radius:14px;pointer-events:none}
.trace-connectors{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.connectors-mobile{display:none}
.connector{fill:none;stroke:rgba(0,223,226,.72);stroke-width:1.5;stroke-dasharray:.035 .018;animation:trace-line 5.8s linear infinite}
.connector:nth-of-type(2){stroke:#b18aff;animation-delay:.55s}
.connector:nth-of-type(3){stroke:rgba(242,124,100,.8);animation-delay:1.1s}
.connector:nth-of-type(4){stroke:#a7eecc;animation-delay:1.6s}
.connector-recovery{fill:none;stroke:var(--coral);stroke-width:2;stroke-dasharray:.07 .035;opacity:.9;animation:recovery-line 5.8s ease-in-out infinite}
.event-pulse{fill:#fff;stroke:var(--cyan);stroke-width:2;filter:drop-shadow(0 0 7px rgba(0,223,226,.9))}
.trace-node{position:absolute;z-index:2;width:174px;min-height:78px;padding:11px 12px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:linear-gradient(145deg,rgba(35,22,65,.97),rgba(15,9,33,.95));box-shadow:0 12px 28px rgba(0,0,0,.26);display:grid;grid-template-columns:25px 22px minmax(0,1fr);grid-template-rows:auto auto;column-gap:7px;align-items:center;color:#fff;direction:ltr;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}
.trace-node:hover,.trace-node:focus-within{transform:translateY(-4px);border-color:rgba(0,223,226,.8);box-shadow:0 18px 34px rgba(0,0,0,.34),0 0 0 1px rgba(0,223,226,.18)}
.trace-node .node-index{grid-row:1 / span 2;align-self:start;color:#8b7b9e;font:700 10px/1 Arial,sans-serif;letter-spacing:.08em;padding-top:2px}
.trace-node .node-icon{grid-row:1 / span 2;width:21px;height:21px;fill:none;stroke:var(--cyan);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.trace-node .node-name{min-width:0;font:700 17px/1.1 Arial,sans-serif;color:#fff}
.trace-node small{grid-column:3;color:#b3a7c2;font:400 11px/1.25 Arial,sans-serif;white-space:nowrap}
.node-checkout{inset-inline-end:4%;top:7%}.node-payment{inset-inline-start:40%;top:27%}.node-webhook{inset-inline-start:4%;top:49%}.node-api{inset-inline-start:40%;top:69%;border-color:rgba(0,223,226,.5)}.node-production{inset-inline-end:4%;top:79%;border-color:rgba(39,201,111,.62)}
.node-webhook.is-flagged{border-color:rgba(242,124,100,.86);box-shadow:0 12px 30px rgba(242,124,100,.12)}
.node-webhook.is-flagged .node-icon,.node-alert{color:var(--coral)}
.node-production.is-recovered .node-icon{stroke:var(--green)}
.node-alert,.node-ok{position:absolute;top:-9px;inset-inline-end:10px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;font:700 12px/1 Arial,sans-serif;font-style:normal}
.node-alert{background:var(--coral);color:#261329}.node-ok{background:var(--green);color:#082719}
.system-event{position:absolute;z-index:3;inset-inline-start:5%;bottom:15px;width:min(330px,46%);padding:10px 13px;border:1px solid rgba(0,223,226,.34);border-inline-start:3px solid var(--cyan);border-radius:10px;background:rgba(10,5,27,.9);display:grid;grid-template-columns:18px 1fr;column-gap:8px;row-gap:2px;color:#cabfd3;box-shadow:0 10px 25px rgba(0,0,0,.24)}
.system-event svg{grid-row:1 / span 2;width:17px;height:17px;fill:none;stroke:var(--cyan);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.system-event .event-id{font:700 9px/1.1 Arial,sans-serif;letter-spacing:.08em;color:#8ae4e2}.system-event strong{font:700 13px/1.25 Arial,sans-serif;color:#fff}
.system-visual-footer{padding-top:14px;font-family:Arial,sans-serif;font-size:9px;color:#9e91ad}
.hero-system + .hero-proof-row{position:relative;z-index:1}
.button-small{min-height:44px}
.price-card,.proof-figure,.scenario-row,.method-step{transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.price-card:hover,.proof-figure:hover,.scenario-row:hover{transform:translateY(-3px)}
.method-step:hover{transform:translateY(-2px)}
.faq-list details[open] p{animation:faq-open .18s var(--ease) both}
.review-mode .reveal,.review-mode .reveal.is-visible{opacity:1;transform:none;transition:none}
@keyframes trace-line{0%{stroke-dashoffset:1}100%{stroke-dashoffset:0}}
@keyframes recovery-line{0%,100%{opacity:.28;stroke-dashoffset:1}45%,65%{opacity:1;stroke-dashoffset:0}}
@keyframes faq-open{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (max-width:1120px){.trace-node{width:156px}.node-payment,.node-api{inset-inline-start:38%}.system-event{width:min(300px,48%)}}
@media (max-width:900px){.hero-copy{width:100%;max-width:none;margin-inline:0}}
@media (max-width:900px){.method-glow{width:min(520px,100%);max-width:100%;inset-inline-start:0}}
@media (max-width:700px){.hero-system{min-height:700px;padding:14px}.technical-stage{min-height:650px;margin-top:12px}.connectors-desktop{display:none}.connectors-mobile{display:block}.trace-node{width:150px;min-height:72px;padding:10px 9px;grid-template-columns:22px 21px minmax(0,1fr);column-gap:6px}.trace-node .node-name{font-size:15px}.trace-node small{font-size:10px}.node-checkout{inset-inline-end:5%;top:5%}.node-payment{inset-inline-end:5%;inset-inline-start:auto;top:23%}.node-webhook{inset-inline-start:5%;top:41%}.node-api{inset-inline-end:5%;inset-inline-start:auto;top:59%}.node-production{inset-inline-end:29%;top:76%}.system-event{inset-inline:5%;bottom:14px;width:auto}.system-visual-footer{padding-top:11px}}
@media (max-width:390px){.hero-system{padding:12px}.technical-stage{min-height:650px}.trace-node{width:143px}.node-production{inset-inline-end:26%}.system-event{padding-inline:9px}.system-event strong{font-size:12px}}
@media (prefers-reduced-motion:reduce){.connector,.connector-recovery,.event-pulse{animation:none}.event-pulse{display:none}.trace-node:hover,.trace-node:focus-within,.price-card:hover,.proof-figure:hover,.scenario-row:hover,.method-step:hover{transform:none}.faq-list details[open] p{animation:none}}

/* Keep the method glow inside its owning section at every viewport; no body overflow mask is required. */
.method-glow{inset-inline-start:0;max-width:100%}

/* Final product UX refinement: owned interaction layers, AA focus states, and mobile-first controls. */
section[id]{scroll-margin-top:100px}
.desktop-nav a:focus-visible,.mobile-nav a:focus-visible,.button:focus-visible,.text-button:focus-visible,.dock-action:focus-visible,.menu-toggle:focus-visible,.modal-close:focus-visible,.cookie-actions button:focus-visible{outline:3px solid #00a9aa;outline-offset:4px}
.desktop-nav a.is-active,.mobile-nav a.is-active{color:var(--purple);text-decoration:underline;text-underline-offset:6px}
.mobile-nav a.is-active{color:#c9a6ff}
body.menu-open,body.dialog-open{overflow:hidden}

.action-dock{position:fixed;inset-inline-end:clamp(12px,2vw,28px);bottom:calc(16px + env(safe-area-inset-bottom));z-index:180;display:flex;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.18);background:rgba(18,13,36,.94);backdrop-filter:blur(16px);border-radius:18px;box-shadow:0 18px 48px rgba(16,11,34,.28);opacity:0;transform:translateY(14px);transition:opacity .22s ease,transform .22s ease}
.action-dock:not([hidden]){opacity:1;transform:none}
.dock-action{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.06);color:#fff;text-decoration:none;font:700 12px/1 Arial,sans-serif;cursor:pointer}
.dock-action svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;flex:0 0 auto}
.dock-action:hover,.dock-action:focus-visible{background:rgba(0,223,226,.16);border-color:rgba(0,223,226,.68);color:#9de6e4}
@media (pointer:fine) and (min-width:901px){.dock-action span{position:absolute;inset-inline:50%;bottom:calc(100% + 10px);width:max-content;max-width:160px;padding:7px 9px;border-radius:8px;background:#100b22;color:#fff;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .16s ease,transform .16s ease}.dock-action:hover span,.dock-action:focus-visible span{opacity:1;transform:translate(-50%,0)}}
@media (max-width:700px){.action-dock{inset-inline:12px;bottom:calc(10px + env(safe-area-inset-bottom));justify-content:space-around;gap:4px;padding:6px;border-radius:16px}.dock-action{flex:1;min-width:0;padding-inline:5px}.dock-action span{font-size:10px}}
body.cookie-open .action-dock{bottom:calc(106px + env(safe-area-inset-bottom))}

.form-progress{margin:0 0 25px;overflow:auto}.form-progress ol{display:grid;grid-template-columns:repeat(5,minmax(56px,1fr));gap:7px;list-style:none;padding:0;margin:0;min-width:300px}.form-progress li{display:grid;gap:5px;padding:8px 6px;border-top:2px solid #ddd4e6;color:#91879d;font:700 10px/1 Arial,sans-serif;letter-spacing:.04em}.form-progress li[aria-current="step"]{border-color:var(--purple);color:var(--purple)}.form-progress li span:first-child{font-size:11px}.form-step[hidden]{display:none}.form-step.is-active{animation:form-step-in .22s ease both}.form-step-heading{margin-bottom:22px}.form-step-heading .section-kicker{margin-bottom:7px}.form-step-heading h3{font-size:clamp(24px,3vw,32px);line-height:1.15;margin-bottom:8px}.form-step-heading p:not(.section-kicker){color:var(--ink-soft);font-size:14px;line-height:1.6}.step-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.step-actions .button{margin-inline-start:auto}.form-safety-note{margin:10px 0 0;padding:12px 14px;border-inline-start:3px solid var(--cyan);background:#effcf9;color:#46626c;font-size:13px;line-height:1.55}.form-review{display:grid;gap:0;border:1px solid var(--line);border-radius:12px;margin:16px 0 8px;overflow:hidden}.form-review p{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;margin:0;padding:12px 14px;border-bottom:1px solid #f0ecf4;font-size:13px}.form-review p:last-child{border-bottom:0}.form-review span{color:var(--ink-soft)}.form-review strong,.form-review small{overflow-wrap:anywhere}.form-review small{grid-column:2;color:var(--ink-soft)}

.conversion-modal,.cookie-modal{position:fixed;inset:0;z-index:260;display:grid;place-items:center;padding:20px}.conversion-modal[hidden],.cookie-modal[hidden],.cookie-banner[hidden]{display:none}.modal-backdrop{position:absolute;inset:0;background:rgba(16,11,34,.68);backdrop-filter:blur(6px)}.modal-panel{position:relative;z-index:1;width:min(100%,560px);max-height:min(90vh,700px);overflow:auto;padding:clamp(25px,5vw,44px);border:1px solid rgba(255,255,255,.2);border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 28px 90px rgba(16,11,34,.36)}.modal-panel h2{font-size:clamp(32px,5vw,52px);line-height:1.05;margin:12px 0 15px}.modal-panel>p:not(.section-kicker){color:var(--ink-soft);font-size:17px;line-height:1.7}.modal-close{position:absolute;inset-inline-end:16px;top:16px;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);cursor:pointer}.modal-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.modal-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}.button-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid var(--purple);border-radius:10px;color:var(--purple);font-weight:700;text-decoration:none}.button-ghost:hover,.button-ghost:focus-visible{background:#f2ecff}
.cookie-banner{position:fixed;inset-inline:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:250;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 16px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:#100b22;color:#fff;box-shadow:0 18px 48px rgba(16,11,34,.28)}.cookie-copy{display:flex;align-items:flex-start;gap:11px}.cookie-copy svg{width:21px;height:21px;fill:none;stroke:#9de6e4;stroke-width:1.7;flex:0 0 auto}.cookie-copy strong{display:block;font-size:14px}.cookie-copy p{margin:3px 0 0;color:#c9c0d1;font-size:12px;line-height:1.45}.cookie-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cookie-actions .text-button{color:#d8c6ff;white-space:nowrap}.cookie-actions .button{white-space:nowrap}.consent-option{display:flex;grid-template-columns:none;align-items:flex-start;gap:10px;padding:14px 0;border-top:1px solid var(--line);margin:0;font-weight:400}.consent-option input{width:20px;min-height:20px;margin:2px 0 0;accent-color:var(--purple);flex:0 0 auto}.consent-option span{display:grid;gap:3px}.consent-option strong{font-size:15px}.consent-option small{color:var(--ink-soft);font-size:13px;line-height:1.5}
.legal-placeholder{padding:36px 0;background:#0d091b;color:#d6cde0;border-top:1px solid rgba(255,255,255,.08)}.legal-placeholder-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:22px;align-items:end}.legal-placeholder h2{font-size:14px;color:#fff}.legal-placeholder p{margin-top:4px;color:#a99db5;font-size:12px;line-height:1.5}.legal-placeholder .text-button{color:#c9a6ff}.footer-meta{flex-wrap:wrap}.footer-meta a{white-space:nowrap}
@keyframes form-step-in{from{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:900px){.qualification-grid{grid-template-columns:1fr}.qualification-form{min-width:0}.legal-placeholder-grid{grid-template-columns:1fr 1fr}.legal-placeholder-grid>.text-button{grid-column:1/-1;justify-self:start}}
@media (max-width:700px){section[id]{scroll-margin-top:84px}.cookie-banner{inset-inline:10px;bottom:calc(10px + env(safe-area-inset-bottom));display:grid;gap:12px}.cookie-actions{justify-content:flex-end}.cookie-actions .button{flex:1}.modal-panel{padding:24px 20px}.modal-actions{display:grid}.modal-actions .button,.modal-actions a{width:100%}.legal-placeholder-grid{grid-template-columns:1fr}.legal-placeholder-grid>.text-button{grid-column:auto}.footer-meta{align-items:flex-start;flex-direction:column;gap:9px}.form-row{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.action-dock,.form-step.is-active{transition:none;animation:none}.modal-panel{scroll-behavior:auto}}

/* R2 developer remarks: these low-specificity ownership rules tune the approved system without selector escalation. Section dividers and hero replay are class-driven so they never add layout height. */
:root{--anchor-offset:100px;--blue-surface:#eef5fb;--neutral-surface:#f4f7fb;--mint-surface:#edf8f7;--divider-a:#00bfc2;--divider-b:#7a42d8}
html{scroll-padding-top:var(--anchor-offset)}
section.section{position:relative;padding-block:clamp(64px,7vw,104px);scroll-margin-top:0}
section[id]{scroll-margin-top:0}
section.section:not(.method-section):not(.final-cta)::before{content:"";position:absolute;top:0;inset-inline:clamp(20px,7vw,120px);height:1px;background:linear-gradient(90deg,transparent,var(--divider-a),var(--divider-b),transparent);opacity:.28;transform:scaleX(.3);transform-origin:center;transition:opacity .7s var(--ease),transform .9s var(--ease)}
section.section.is-in-view:not(.method-section):not(.final-cta)::before{opacity:.72;transform:scaleX(1)}
.scenarios-section{background:var(--blue-surface)}
.faq-section{background:var(--neutral-surface)}
.qualification-section{background:var(--mint-surface)}
.section-heading-row{gap:28px;margin-bottom:34px}
.offer-grid{gap:clamp(32px,6vw,88px)}
.offer-note{margin-top:28px;padding-top:20px}
.method-footnote{margin-top:38px}
.qualification-grid{gap:clamp(36px,6vw,88px)}
.final-cta{padding-block:clamp(60px,7vw,88px)}

/* Hero lifecycle: the stage owns a slow, sequential entrance and restarts only after meaningful viewport exit/re-entry. */
.technical-stage .trace-node{opacity:0;transform:translateY(10px);transition:none}
.technical-stage .trace-node:hover,.technical-stage .trace-node:focus-within{transform:translateY(-4px)}
.technical-stage .connector,.technical-stage .connector-recovery,.technical-stage .event-pulse{animation-play-state:paused}
.technical-stage.is-sequence-live .trace-node{animation:hero-node-in .72s var(--ease) both}
.technical-stage.is-sequence-live .node-checkout{animation-delay:.15s}.technical-stage.is-sequence-live .node-payment{animation-delay:1.15s}.technical-stage.is-sequence-live .node-webhook{animation-delay:2.15s}.technical-stage.is-sequence-live .node-api{animation-delay:3.15s}.technical-stage.is-sequence-live .node-production{animation-delay:4.15s}
.technical-stage.is-sequence-live .connector{animation-duration:9.6s;animation-play-state:running}
.technical-stage.is-sequence-live .connector-one{animation-delay:1.05s}.technical-stage.is-sequence-live .connector-two{animation-delay:2.05s}.technical-stage.is-sequence-live .connector-three{animation-delay:3.05s}.technical-stage.is-sequence-live .connector-four{animation-delay:4.05s}
.technical-stage.is-sequence-live .connector-recovery{animation-duration:9.6s;animation-play-state:running;animation-delay:5.1s}
.technical-stage.is-sequence-live .pulse-one{animation-delay:1.3s}.technical-stage.is-sequence-live .pulse-two{animation-delay:2.4s}.technical-stage.is-sequence-live .pulse-three{animation-delay:3.5s}
@keyframes hero-node-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}

/* RTL navigation: active/hover states are intentionally light on the dark header, and anchors clear the sticky chrome. */
.desktop-nav a{padding-inline:8px}
.desktop-nav a+a{border-inline-start:1px solid rgba(255,255,255,.16);padding-inline-start:16px}
.desktop-nav a.is-active{color:#b9ffff;background:rgba(0,223,226,.12);border-radius:8px;text-decoration:none}
.desktop-nav a:hover,.desktop-nav a:focus-visible{color:#d4ffff}
.mobile-nav a.is-active{color:#b9ffff;background:rgba(0,223,226,.1);border-radius:8px;padding-inline:10px}
.footer-nav{display:flex;align-items:center;gap:14px;font-size:12px}
.footer-nav a{color:#d4ffff;text-decoration:none}
.footer-nav a:hover,.footer-nav a:focus-visible{text-decoration:underline;text-underline-offset:4px}

/* FAQ lifecycle: the first answer is open by default; the wrapper allows opacity/height-style motion while aria stays synchronized in app.js. */
.faq-list details>.faq-answer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .34s var(--ease),opacity .24s ease}
.faq-list details>.faq-answer>p{min-height:0;overflow:hidden;padding-bottom:0;transition:padding-bottom .34s var(--ease)}
.faq-list details[open]>.faq-answer{grid-template-rows:1fr;opacity:1}
.faq-list details[open]>.faq-answer>p{padding-bottom:22px}

/* Form ownership: errors are inserted next to each control, while names/IDs and the existing handler remain unchanged. */
.qualification-form{border-top:4px solid var(--cyan);background:rgba(255,255,255,.96)}
.form-progress li{transition:border-color .2s ease,color .2s ease,background .2s ease}
.form-progress li[data-complete]{border-color:#27a56a;color:#167a50;background:#f1fbf6}
.form-progress li[aria-current="step"]{background:#f3edff}
.field-error{display:block;color:#a72f39;font-size:12px;line-height:1.4;font-weight:700}
input[aria-invalid="true"],select[aria-invalid="true"],textarea[aria-invalid="true"]{border-color:#b83646;background:#fff7f7;box-shadow:0 0 0 3px rgba(184,54,70,.12)}
.form-feedback{border-inline-start:3px solid transparent;padding-inline-start:10px}
.form-feedback.is-error{border-inline-start-color:#b83646;background:#fff7f7}.form-feedback.is-success{border-inline-start-color:#167a50;background:#f1fbf6}.form-feedback.is-info{border-inline-start-color:var(--cyan);background:#effcf9}

/* Dock ownership: SVG actions use restrained status colors and a small entry pulse that works for touch and keyboard. */
.dock-action{--dock-color:#9de6e4}
.dock-action:nth-child(1){--dock-color:#53e58b}.dock-action:nth-child(2){--dock-color:#a9c7ff}.dock-action:nth-child(3){--dock-color:#d0a8ff}.dock-action:nth-child(4){--dock-color:#ffc477}
.dock-action svg{stroke:var(--dock-color)}
.dock-action:hover,.dock-action:focus-visible{color:var(--dock-color);border-color:var(--dock-color);background:color-mix(in srgb,var(--dock-color) 15%,transparent)}
.dock-action:active{transform:scale(.96)}
.action-dock:not([hidden]) .dock-action{animation:dock-pop .42s var(--ease) both}.action-dock:not([hidden]) .dock-action:nth-child(2){animation-delay:.05s}.action-dock:not([hidden]) .dock-action:nth-child(3){animation-delay:.1s}.action-dock:not([hidden]) .dock-action:nth-child(4){animation-delay:.15s}
@keyframes dock-pop{from{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:none}}

@media (max-width:900px){
  :root{--anchor-offset:84px}
  .mobile-nav{position:absolute;top:100%;inset-inline:0;max-height:calc(100vh - 84px);overflow:auto;display:grid;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .2s ease,transform .2s var(--ease),visibility .2s ease}
  .mobile-nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .footer-nav{order:3;width:100%;padding-top:8px;border-top:1px solid rgba(255,255,255,.12)}
}
@media (max-width:700px){
  section.section{padding-block:58px}
  .section-heading-row{margin-bottom:28px}
  .technical-stage.is-sequence-live .connector,.technical-stage.is-sequence-live .connector-recovery{animation-duration:10.8s}
  .action-dock:not([hidden]) .dock-action{animation-duration:.34s}
  .footer-nav{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){
  .technical-stage .trace-node,.technical-stage.is-sequence-live .trace-node{opacity:1;transform:none;animation:none}
  .technical-stage .connector,.technical-stage .connector-recovery,.technical-stage .event-pulse{animation:none}
  .faq-list details>.faq-answer,.faq-list details>.faq-answer>p{transition:none}
  .action-dock:not([hidden]) .dock-action{animation:none}
}

/* R1 final motion remarks: these states are lifecycle-owned by app.js and preserve the approved DOM for SEO and no-JS users. */
.js-enabled .typing-line{display:inline-block;opacity:0;clip-path:inset(0 0 0 100%);will-change:clip-path,opacity}
.js-enabled #hero.is-typing .typing-line{animation:typing-reveal .92s steps(26,end) .42s both}
@keyframes typing-reveal{from{opacity:.08;clip-path:inset(0 0 0 100%)}to{opacity:1;clip-path:inset(0 0 0 0)}}

/* R4 timing refinement: readable checkpoint/progress pacing without changing replay ownership or reduced-motion behavior. */
.method-rail.checkpoint-motion-ready .method-step>span{opacity:0;transform:scale(.86);will-change:opacity,transform}
.method-rail.is-checkpoint-live .method-step>span{animation:checkpoint-in .6s var(--ease) both}
.method-rail.is-checkpoint-live .method-step:nth-of-type(2)>span{animation-delay:.42s}
.method-rail.is-checkpoint-live .method-step:nth-of-type(3)>span{animation-delay:.84s}
.method-rail.is-checkpoint-live .method-step:nth-of-type(4)>span{animation-delay:1.26s}
.method-rail.is-checkpoint-live .method-line{animation:checkpoint-line 1.55s var(--ease) .22s both;transform-origin:var(--line-origin, right)}
@keyframes checkpoint-in{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}
@keyframes checkpoint-line{from{opacity:.18;transform:scaleX(.25)}to{opacity:.7;transform:scaleX(1)}}

/* The connector is the progress state, not decoration: app.js maps currentStep to --form-progress on every Next/Back. */
.form-progress{position:relative;overflow:visible;padding-top:2px}
.form-progress ol{position:relative;z-index:1}
.form-progress-line{position:absolute;z-index:0;top:31px;inset-inline:7%;height:2px;background:#ddd4e6;pointer-events:none}
.form-progress-line i{display:block;width:var(--form-progress,0%);height:100%;background:linear-gradient(90deg,#2477d8,#00aeb6);transition:width .58s var(--ease);transform-origin:right center}
.form-progress.is-ready li{opacity:0;transform:translateY(6px)}
.form-progress.is-ready.is-live li{animation:progress-label-in .58s var(--ease) both}
.form-progress.is-ready.is-live li:nth-child(2){animation-delay:.38s}
.form-progress.is-ready.is-live li:nth-child(3){animation-delay:.76s}
.form-progress.is-ready.is-live li:nth-child(4){animation-delay:1.14s}
.form-progress.is-ready.is-live li:nth-child(5){animation-delay:1.52s}
@keyframes progress-label-in{to{opacity:1;transform:none}}
.form-progress li[aria-current="step"]{border-color:#1f67bd;color:#1359a8;background:#eaf3ff}
.qualification-section .section-kicker,.qualification-section .form-progress li[aria-current="step"]{color:#1359a8}
.qualification-section .button-primary{background:linear-gradient(135deg,#0e5dcc,#1686d8);box-shadow:0 12px 24px rgba(14,93,204,.2)}
.qualification-section .button-primary:hover,.qualification-section .button-primary:focus-visible{background:linear-gradient(135deg,#0a4fb3,#0c75bd)}
.qualification-section .checkbox-label input{accent-color:#1359a8}

/* Canonical SVG assets stay untouched; the restrained transform animates the rendered mark without creating a white-box layer. */
.logo-mark{transform-origin:center;will-change:transform}
.js-enabled .logo-mark-header{animation:logo-breathe 6s ease-in-out 1.2s infinite}
.js-enabled .logo-mark-footer{animation:logo-breathe 6s ease-in-out 2s infinite}
@keyframes logo-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.012)}}

/* Idle dock motion is limited to visible SVGs; hidden dock controls remain paused for battery discipline. */
.action-dock:not([hidden]) .dock-action svg{animation:dock-idle 5.8s ease-in-out 1.2s infinite}
.action-dock:not([hidden]) .dock-action:nth-child(2) svg{animation-delay:1.45s}
.action-dock:not([hidden]) .dock-action:nth-child(3) svg{animation-delay:1.7s}
.action-dock:not([hidden]) .dock-action:nth-child(4) svg{animation-delay:1.95s}
@keyframes dock-idle{0%,72%,100%{transform:translateY(0) rotate(0)}78%{transform:translateY(-1px) rotate(-3deg)}84%{transform:translateY(0) rotate(2deg)}}

@media (max-width:700px){
  .form-progress-line{top:30px;inset-inline:8%}
  .form-progress ol{gap:4px}
  .form-progress li{padding-inline:3px;font-size:9px}
}
@media (prefers-reduced-motion:reduce){
  .js-enabled .typing-line{opacity:1;clip-path:none;animation:none}
  .method-rail.checkpoint-motion-ready .method-step>span{opacity:1;transform:none;animation:none}
  .method-rail.is-checkpoint-live .method-line{animation:none}
  .form-progress.is-ready.is-live li{opacity:1;transform:none;animation:none}
  .form-progress-line i{transition:none}
  .js-enabled .logo-mark-header,.js-enabled .logo-mark-footer,.action-dock:not([hidden]) .dock-action svg{animation:none}
}
/* Rescue-only dock ownership: desktop uses a compact side rail; footer visibility suppresses it to protect footer actions. */
@media (min-width:901px){
  .action-dock{inset-inline-start:clamp(12px,2vw,28px);inset-inline-end:auto;top:50%;bottom:auto;display:grid;grid-template-columns:1fr;gap:7px;transform:translateY(calc(-50% + 14px))}
  .action-dock:not([hidden]){transform:translateY(-50%)}
  .dock-action{width:48px;min-width:48px;padding:7px}
  .action-dock.is-footer-near{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(-50% + 14px))}
}
@media (max-width:900px){
  .action-dock.is-footer-near{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px)}
}

/* R6 form ownership: the real label remains in the DOM while the visual label floats inside the control. */
.field{position:relative;display:block;margin-bottom:18px}
.field-label{position:absolute;z-index:1;inset-inline-start:14px;top:15px;color:#766b86;font-size:14px;font-weight:700;line-height:1;pointer-events:none;transform-origin:right center;transition:color .18s var(--ease),transform .18s var(--ease),top .18s var(--ease)}
.field-control{padding:24px 14px 10px}
.field-control::placeholder{color:#8d849b;opacity:.9;direction:rtl;text-align:right;unicode-bidi:plaintext}
.field:has(.field-control:focus) .field-label,.field:has(.field-control:not(:placeholder-shown)) .field-label,.field-select .field-label{top:7px;color:#1359a8;font-size:11px;transform:scale(.86)}
.field:has(.field-control:focus) .field-control{border-color:#168b91;box-shadow:0 0 0 3px rgba(22,139,145,.14);background:#fff}
.field:has(.field-control[aria-invalid="true"]) .field-label{color:#a72f39}
.field-help{display:block;margin-top:5px;color:#766b86;font-size:11px;font-weight:400;line-height:1.35}
.field:has(.field-control[aria-invalid="true"]) .field-help{display:none}
.field-select .field-control{padding-top:24px}
.diagnostic-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#0d173b 0%,#10295a 52%,#28145f 100%);color:#f8fbff}
.diagnostic-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 20%,rgba(0,223,226,.16),transparent 34%),radial-gradient(circle at 84% 76%,rgba(111,0,255,.3),transparent 38%);z-index:-1}
.diagnostic-section .section-intro h2{color:#fff}
.diagnostic-section .section-intro h2 em{color:#98e9e8}
.diagnostic-section .section-kicker{color:#8fe4e3}
.diagnostic-section .section-lead,.diagnostic-section .offer-note{color:#d4e3f2}
.diagnostic-section .offer-note{border-top-color:rgba(255,255,255,.18)}
.diagnostic-section .offer-note .note-icon{color:#f27c64}
.diagnostic-section .price-card{background:rgba(255,255,255,.97);border-color:rgba(157,230,228,.56)}
.diagnostic-section .diagnostic-figure{grid-column:1/-1;position:relative;margin:0;padding:clamp(18px,3vw,30px);border:1px solid rgba(157,230,228,.28);border-radius:22px;background:rgba(7,15,41,.48);box-shadow:0 22px 60px rgba(4,10,35,.24);overflow:hidden}
.diagnostic-section .diagnostic-figure:after{content:"LIVE DIAGNOSTIC TRACE";position:absolute;inset-inline-start:22px;top:16px;color:#8fe4e3;font:700 10px/1 Arial,sans-serif;letter-spacing:.14em}
.diagnostic-svg{display:block;width:100%;height:auto;min-height:160px;overflow:visible;direction:ltr}
.diagnostic-svg text{fill:#d7e7f2;font:600 12px/1 Arial,sans-serif;letter-spacing:.04em}
.diagnostic-track,.diagnostic-recovery{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:.08 .025;stroke-dashoffset:1;opacity:.25;animation-play-state:paused}
.diagnostic-track{stroke:#5ce1e0}
.diagnostic-recovery{stroke:#f27c64;stroke-dasharray:.06 .035}
.diagnostic-node{fill:#10295a;stroke:#8fe4e3;stroke-width:2;opacity:.25;transform-box:fill-box;transform-origin:center;transform:scale(.7);animation-play-state:paused}
.diagnostic-node-final{stroke:#f1c86a}
.diagnostic-pulse{fill:#f27c64;opacity:0;animation-play-state:paused}
.diagnostic-section.is-diagnostic-live .diagnostic-track,.diagnostic-section.is-diagnostic-live .diagnostic-recovery{animation:diagnostic-draw 2.2s var(--ease) forwards}
.diagnostic-section.is-diagnostic-live .diagnostic-recovery{animation-delay:.8s}
.diagnostic-section.is-diagnostic-live .diagnostic-node{animation:diagnostic-node-in .45s var(--ease) forwards}
.diagnostic-section.is-diagnostic-live .diagnostic-node-2{animation-delay:.28s}.diagnostic-section.is-diagnostic-live .diagnostic-node-3{animation-delay:.56s}.diagnostic-section.is-diagnostic-live .diagnostic-node-4{animation-delay:.84s}.diagnostic-section.is-diagnostic-live .diagnostic-node-5{animation-delay:1.12s}.diagnostic-section.is-diagnostic-live .diagnostic-node-6{animation-delay:1.4s}
.diagnostic-section.is-diagnostic-live .diagnostic-pulse{animation:diagnostic-pulse 2.8s ease-in-out 1.2s infinite}
@keyframes diagnostic-draw{to{stroke-dashoffset:0;opacity:.9}}
@keyframes diagnostic-node-in{to{opacity:1;transform:scale(1)}}
@keyframes diagnostic-pulse{0%,100%{opacity:.25;transform:scale(1)}50%{opacity:1;transform:scale(1.8)}}
.button-icon{transform:scaleX(-1)}
.diagnostic-cta .forward-arrow{position:relative;display:inline-grid;place-items:center;min-width:1.25em;isolation:isolate}
.diagnostic-cta .forward-arrow:after{content:"";position:absolute;z-index:-1;width:1.6em;height:.82em;border:1px solid rgba(242,124,100,.9);border-inline-start-color:transparent;border-radius:50%;transform:rotate(-18deg);animation:arrow-orbit 3.8s ease-in-out infinite}
@keyframes arrow-orbit{0%,100%{transform:rotate(-18deg) scale(.9);opacity:.55}50%{transform:rotate(18deg) scale(1.08);opacity:1}}
@media (prefers-reduced-motion:reduce){
  .diagnostic-section.is-diagnostic-live .diagnostic-track,.diagnostic-section.is-diagnostic-live .diagnostic-recovery,.diagnostic-section.is-diagnostic-live .diagnostic-node,.diagnostic-section.is-diagnostic-live .diagnostic-pulse,.diagnostic-cta .forward-arrow:after{animation:none}
  .diagnostic-track,.diagnostic-recovery{stroke-dashoffset:0;opacity:.9}.diagnostic-node{opacity:1;transform:none}.diagnostic-pulse{opacity:.7}
}

/* R7 qualification ownership: the network is decorative and lifecycle-paused; form direction stays explicit per value type. */
.qualification-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#edf7fb 0%,#eef3ff 48%,#f1edfb 100%)}
.qualification-section>.container{position:relative;z-index:1}
.qualification-network{position:absolute;z-index:0;inset:0;pointer-events:none;overflow:hidden;opacity:.72}
.qualification-network-svg{display:block;width:100%;height:100%;min-height:620px;overflow:visible}
.qualification-network-grid{fill:none;stroke:#8aa8c8;stroke-width:1;stroke-dasharray:.004 .018;opacity:.2}
.qualification-network-path{fill:none;stroke-linecap:round;stroke-width:2;stroke-dasharray:.06 .024;stroke-dashoffset:1;opacity:.22;animation-play-state:paused}
.qualification-network-path-a{stroke:#168b91}.qualification-network-path-b{stroke:#6e45c8;stroke-dasharray:.04 .032}
.qualification-network-node{fill:#eef7fb;stroke:#168b91;stroke-width:2;opacity:.3;transform-box:fill-box;transform-origin:center;transform:scale(.7);animation-play-state:paused}
.qualification-network-node-2,.qualification-network-node-4{stroke:#6e45c8}
.qualification-network-node-5{stroke:#e56f55}
.qualification-network-scan{fill:#00aeb6;opacity:0;animation-play-state:paused}
.qualification-section.is-qualification-live .qualification-network-path{animation:qualification-network-draw 3.4s var(--ease) forwards}
.qualification-section.is-qualification-live .qualification-network-path-b{animation-delay:.48s}
.qualification-section.is-qualification-live .qualification-network-node{animation:qualification-node-in .52s var(--ease) forwards}
.qualification-section.is-qualification-live .qualification-network-node-2{animation-delay:.25s}.qualification-section.is-qualification-live .qualification-network-node-3{animation-delay:.5s}.qualification-section.is-qualification-live .qualification-network-node-4{animation-delay:.75s}.qualification-section.is-qualification-live .qualification-network-node-5{animation-delay:1s}
.qualification-section.is-qualification-live .qualification-network-scan{animation:qualification-scan 5.5s linear 1.2s infinite}
.qualification-intro h2{color:#122c61}.qualification-intro h2 em{color:#145fc8}.qualification-boundary{background:rgba(239,252,249,.86);box-shadow:0 12px 28px rgba(14,80,120,.08)}
.qualification-form{border:1px solid rgba(36,93,163,.2);border-top:4px solid #0e63bb;background:rgba(255,255,255,.96);box-shadow:0 26px 64px rgba(24,47,104,.16);backdrop-filter:blur(10px)}
.form-intro{align-items:center}.form-intro-title{display:inline-flex;align-items:center;gap:9px;color:#122c61}.form-intro-icon{width:27px;height:27px;fill:none;stroke:#0e78cf;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform-origin:center;animation-play-state:paused}.form-intro-icon circle{fill:#eff9fb;stroke:#e56f55}
.field{direction:rtl;text-align:right}.field-label{direction:rtl;text-align:right}.field-help,.field-error{direction:rtl;text-align:right}.field-control{direction:rtl;text-align:right;unicode-bidi:plaintext}.field-control::placeholder{direction:rtl;text-align:right;unicode-bidi:plaintext}
.field-url .field-control,.field-email .field-control,.field-phone .field-control{direction:ltr;text-align:left;unicode-bidi:plaintext}.field-url .field-label,.field-email .field-label,.field-phone .field-label{top:7px;color:#1359a8;font-size:11px;transform:scale(.86)}
.field-url .field-control::placeholder,.field-email .field-control::placeholder,.field-phone .field-control::placeholder{color:#8d849b;opacity:.9;direction:ltr;text-align:left}
.field-url .field-help{padding-inline-start:2px}.field-url .field-help bdi{unicode-bidi:isolate}
.field-select{position:relative}.field-select::after{content:"⌄";position:absolute;z-index:2;inset-inline-start:16px;top:50%;color:#1359a8;font-size:18px;line-height:1;pointer-events:none;transform:translateY(-18%)}.field-select .field-control{padding-inline-start:42px;direction:rtl;text-align:right;unicode-bidi:plaintext;appearance:none;background-image:none}.field-select .field-control option{direction:rtl;text-align:right;unicode-bidi:plaintext}
.qualification-section .form-progress li{border-radius:8px}.qualification-section .form-progress li span:first-child{display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid currentColor;border-radius:50%;transition:background .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}
.qualification-section .form-progress li[aria-current="step"] span:first-child{background:#1359a8;color:#fff;transform:scale(1.06)}.qualification-section .form-progress li[data-complete] span:first-child{background:#167a50;color:#fff;border-color:#167a50}
.qualification-section .button-primary{background:linear-gradient(135deg,#102e79 0%,#0e63bb 48%,#168b91 100%);color:#fff;box-shadow:0 14px 30px rgba(14,76,157,.26)}
.qualification-section .button-primary:hover,.qualification-section .button-primary:focus-visible{background:linear-gradient(135deg,#0b235c 0%,#0b53a0 48%,#08716f 100%);box-shadow:0 18px 36px rgba(14,76,157,.34)}
.qualification-section .form-next span[aria-hidden="true"],.qualification-section .form-submit span[aria-hidden="true"]{display:inline-block;transition:transform .2s var(--ease)}.qualification-section .form-next:hover span[aria-hidden="true"],.qualification-section .form-next:focus-visible span[aria-hidden="true"],.qualification-section .form-submit:hover span[aria-hidden="true"],.qualification-section .form-submit:focus-visible span[aria-hidden="true"]{transform:translateX(-3px)}
.qualification-section.is-qualification-live .form-intro-icon{animation:qualification-icon-in .8s var(--ease) both}.qualification-section.is-qualification-live .form-progress li span:first-child{animation:qualification-step-in .55s var(--ease) both}.qualification-section.is-qualification-live .form-progress li:nth-child(2) span:first-child{animation-delay:.16s}.qualification-section.is-qualification-live .form-progress li:nth-child(3) span:first-child{animation-delay:.32s}.qualification-section.is-qualification-live .form-progress li:nth-child(4) span:first-child{animation-delay:.48s}.qualification-section.is-qualification-live .form-progress li:nth-child(5) span:first-child{animation-delay:.64s}
@keyframes qualification-network-draw{to{stroke-dashoffset:0;opacity:.62}}@keyframes qualification-node-in{to{opacity:.88;transform:scale(1)}}@keyframes qualification-scan{0%{opacity:0;transform:translate(0,0)}12%{opacity:.85}86%{opacity:.85}100%{opacity:0;transform:translate(1180px,760px)}}@keyframes qualification-icon-in{0%{opacity:0;transform:rotate(-14deg) scale(.7)}70%{opacity:1;transform:rotate(3deg) scale(1.05)}100%{opacity:1;transform:none}}@keyframes qualification-step-in{from{opacity:.3;transform:scale(.78)}to{opacity:1;transform:scale(1)}}
@media (max-width:700px){.qualification-network{opacity:.5}.qualification-network-svg{min-height:980px}.qualification-network-grid{opacity:.1}.qualification-network-path-b{display:none}.qualification-network-node-4,.qualification-network-node-5{display:none}.qualification-form{box-shadow:0 18px 42px rgba(24,47,104,.14)}.form-intro{align-items:flex-start}.form-intro-title{gap:7px}.form-intro-icon{width:24px;height:24px}}
@media (prefers-reduced-motion:reduce){.qualification-section.is-qualification-live .qualification-network-path,.qualification-section.is-qualification-live .qualification-network-node,.qualification-section.is-qualification-live .qualification-network-scan,.qualification-section.is-qualification-live .form-intro-icon,.qualification-section.is-qualification-live .form-progress li span:first-child{animation:none}.qualification-network-path{stroke-dashoffset:0;opacity:.62}.qualification-network-node{opacity:.75;transform:none}.qualification-network-scan{opacity:.45}.qualification-section .form-progress li span:first-child{transform:none}}