@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(assets/manrope-cyrillic.woff2) format("woff2");unicode-range:U+400-45F,U+490-491,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(assets/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2191,U+2193,U+2212}
:root{--navy:#061329;--ink:#081638;--cyan:#02d7e8;--blue:#087bff;--pink:#e743dd;--muted:#a9bdd3;--light:#f8fbff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--ink)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #e743dd;outline-offset:6px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.svg-defs{display:none}.container{max-width:1200px;margin:auto;width:calc(100% - 96px)}.dark{background:var(--navy);color:white}.light{background:var(--light)}.cyan{color:var(--cyan)}.blue{color:#087bff}.gradient{background:linear-gradient(110deg,#00e3eb,#2498ff);background-clip:text;-webkit-background-clip:text;color:transparent}.opening{background:radial-gradient(ellipse at 80% 46%,#072d4c 0%,transparent 45%),var(--navy);overflow:hidden}.header{display:flex;align-items:center;justify-content:space-between;padding:27px 0;gap:25px}.brand{display:flex;align-items:center;gap:10px}.brand img{object-fit:contain}.brand small{display:block;color:#bbd4e8;margin-top:7px}.header nav{display:flex;gap:32px;align-items:center;color:#c7d6e4}.header nav a:hover{color:var(--cyan)}.login{border:1px solid #40526a;border-radius:8px;padding:10px 17px;color:white}.login span{color:var(--cyan);margin-left:16px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:24px;min-height:600px;padding:55px 0 60px}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 24px}.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #02d7e880}.pink{background:var(--pink);box-shadow:none}h1{margin:0 0 26px}h2{margin:0}.lead{color:#b9ccde;margin:0 0 30px}.button{display:inline-flex;justify-content:center;align-items:center;gap:35px;padding:16px 25px;border-radius:9px;transition:transform .2s,box-shadow .2s}.primary{background:var(--cyan);color:#04182a;box-shadow:0 6px 25px #00d6e514}.primary:hover{transform:translateY(-3px);box-shadow:0 9px 25px #00d6e533}.hero-note{display:flex;gap:13px;align-items:center;margin-top:24px;color:#9db4ca}.hero-note i{width:3px;height:3px;background:#7891aa;border-radius:100%}.hero-art{position:relative;height:490px;display:flex;justify-content:center;align-items:center}.mascot{width:270px;height:335px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 0 24px #00d3ff25);transform:rotate(-4deg)}.orbit{position:absolute;border:1px solid #1d5b7550;border-radius:50%;width:360px;height:360px}.orbit-two{width:440px;height:440px;border-style:dashed;border-color:#1e4b633e}.orbit:after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan);top:50px;left:45px;box-shadow:0 0 14px var(--cyan)}.orbit-two:after{background:var(--pink);top:340px;left:375px;box-shadow:0 0 14px var(--pink)}.hero-tag{position:absolute;top:10px;right:0;transform:rotate(-8deg);color:#b6eaff;z-index:3}.hero-tag em{color:var(--cyan);border-bottom:3px solid var(--pink);padding-bottom:6px}.art-label{position:absolute;color:#6596b6}.art-label-one{top:110px;left:0;transform:rotate(-10deg)}.art-label-two{bottom:108px;right:0;color:#80d5ef;transform:rotate(-8deg)}.rhythm{position:absolute;bottom:12px;left:22px;right:0;background:#0b233b;border:1px solid #24536d;border-radius:14px;display:flex;align-items:center;gap:15px;padding:19px;z-index:4;box-shadow:0 20px 40px #0003}.rhythm-icon{background:#083649;color:var(--cyan);padding:10px;border-radius:9px;display:flex}.rhythm small{color:#80a4bd}.rhythm strong{display:block;margin-top:3px}.rhythm-check{margin-left:auto;color:var(--cyan);border:1px solid #237085;border-radius:50%;width:27px;text-align:center}.hero-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #24374a;padding:24px 0;color:#8ca6be}.hero-bottom a{color:var(--cyan)}.section{padding:90px 0}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:42px}.section-intro{color:#526780;max-width:365px;margin:0}.dark .section-intro{color:#b0c5d8}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;background:white;border:1px solid #dfe8f3;border-radius:15px;overflow:hidden}.step{padding:25px 22px 24px;border-right:1px solid #e5ebf3;position:relative}.step:last-child{border-right:0}.step-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;color:var(--step)}.step-top span{color:#8ea0b4}.step-top svg{width:34px;height:34px;stroke-width:1.5}.step h3{margin:0 0 12px}.step p{color:#607189;margin:0}.path-note{color:#61758d;margin:24px 0 0}.path-note span{color:#087bff;margin-right:10px}.support{background:radial-gradient(ellipse at 90% 20%,#162245,transparent 60%),#061329}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.support .section-intro{margin-top:24px}.quiet-label{display:flex;align-items:center;gap:10px;color:#bccce0;margin-top:29px}.example{padding:26px 28px;background:#0c203a;border:1px solid #294863;border-radius:16px;box-shadow:0 15px 70px #01081840}.example-head{display:flex;justify-content:space-between;align-items:center;color:var(--cyan)}.example-chip{color:#a2b4ca;border:1px solid #3a4c64;padding:3px 10px;border-radius:20px}.example-question{margin:22px 0}.answer{display:flex;gap:13px;background:#122d46;border-radius:9px;padding:18px}.answer-avatar{background:#143e54;color:var(--cyan);height:28px;min-width:28px;text-align:center;border-radius:7px;padding-top:4px}.answer p{color:#a9c2d8;margin:7px 0 0}.numberline{margin:22px 15px 17px}.jump{color:var(--cyan);text-align:center;border-bottom:2px solid #02d7e860;padding:0 0 7px;margin:0 10px 7px}.numbers{display:flex;justify-content:space-between;color:#9fbbd1}.numbers span{position:relative}.start,.finish{color:var(--cyan)!important}.example-foot{color:#7c9bb5;display:block;text-align:center;padding-top:11px;border-top:1px solid #203c55}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:40px}.benefits article{border-top:2px solid #dce7f3;padding:22px 0 0}.benefit-num{color:#087bff}.benefits h3{margin:17px 0 11px}.benefits p{color:#607189;margin:0;max-width:305px}.content-note{display:flex;align-items:center;gap:14px;border-top:1px solid #dce6f1;padding-top:24px;margin-top:45px;color:#526a85}.content-note svg{color:#087bff;width:21px}.note-end{margin-left:auto;color:#8093a7}.final-cta{background:radial-gradient(ellipse at 20% 70%,#062e44,transparent 60%),#061329}.cta-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:center}.final-cta p:not(.eyebrow){color:#adc6d9;margin:24px 0 0}.cta-action{display:flex;flex-direction:column;align-items:flex-start}.access-label{color:var(--cyan);margin-bottom:14px}.cta-action small{color:#9cb3c9;margin-top:13px}.text-link{color:#c1d2e2;margin-top:21px}.text-link:hover{color:var(--cyan)}footer{border-top:1px solid #20364b}.footer{display:flex;align-items:center;gap:25px;padding:27px 0;color:#91a9c0}.footer-brand{gap:0;color:white}.footer small{margin-left:auto}.footer a:hover{color:var(--cyan)}.back-top{border:1px solid #324f64;padding:4px 12px;border-radius:7px}@media(min-width:1450px){.hero{min-height:650px}}@media(max-width:1050px){.container{width:calc(100% - 56px)}.hero{grid-template-columns:1.12fr 1fr}.hero-art{height:430px}.mascot{width:230px}.orbit{width:290px;height:290px}.orbit-two{width:350px;height:350px}.orbit-two:after{left:290px;top:290px}.hero-tag{right:4px}.art-label-one{top:120px}.art-label-two{bottom:98px}.rhythm{padding:14px;left:0}.support-grid{gap:45px}.step{padding:23px 14px}.section{padding:75px 0}.benefits{gap:25px}}@media(max-width:720px){.container{width:calc(100% - 40px)}.header{padding:20px 0}.brand img{width:33px;height:42px}.header nav>a:not(.login){display:none}.login{padding:8px 12px}.login span{margin-left:7px}.hero{grid-template-columns:1fr;padding:36px 0 25px;gap:18px}.hero-copy{max-width:500px}.eyebrow{margin-bottom:20px}.lead{margin-bottom:24px}.hero-note{gap:10px}.hero-art{height:360px;width:100%;max-width:470px;margin:0 auto}.mascot{height:255px;width:225px}.hero-tag{right:14px;top:15px}.orbit{width:255px;height:255px}.orbit-two{width:320px;height:320px}.orbit-two:after{top:260px;left:255px}.art-label-one{top:95px;left:6px}.art-label-two{right:6px;bottom:85px}.rhythm{left:10px;right:10px;bottom:4px;padding:14px 17px}.hero-bottom{padding:20px 0}.section{padding:58px 0}.section-heading{display:block;margin-bottom:28px}.section-intro{max-width:420px}.section-heading .section-intro{margin-top:20px}.steps{grid-template-columns:1fr;background:transparent;border:0;border-radius:0;gap:10px}.step{display:grid;grid-template-columns:50px 105px 1fr;align-items:center;border:1px solid #dfe8f3!important;border-radius:10px;background:white;padding:18px 15px;gap:12px}.step-top{margin:0;position:relative;justify-content:center}.step-top span{position:absolute;top:-10px;left:-3px;color:var(--step)}.step-top svg{width:27px;height:27px}.step h3{margin:0}.support-grid{grid-template-columns:1fr;gap:32px}.support .section-intro{margin-top:20px}.example{padding:22px}.benefits{grid-template-columns:1fr;gap:23px;margin-top:30px}.benefits article{display:grid;grid-template-columns:25px 1fr;gap:0 12px;padding-top:18px}.benefits h3{margin:0 0 7px}.benefits p{grid-column:2;max-width:none}.benefit-num{padding-top:3px}.content-note{align-items:flex-start;margin-top:30px}.content-note svg{flex-shrink:0}.note-end{display:none}.cta-grid{grid-template-columns:1fr;gap:30px}.cta-action .button{width:100%}.cta-action{align-items:center}.footer{flex-wrap:wrap;gap:15px;padding:24px 0}.footer small{order:4;width:100%;margin:0}.back-top{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.primary:hover{transform:none}}

/* Light sections: supplied Mat Hero poster palette and layout. */
.light{background:#fff;color:#080e3c;position:relative;isolation:isolate;overflow:hidden}
.light:before,.light:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none;width:240px;height:240px;opacity:.65}
.light:before{background:linear-gradient(135deg,#c0f6fd,#d7eaff);left:-160px;top:-100px}
.light:after{background:linear-gradient(135deg,#ede2ff,#e8faff);right:-160px;bottom:-120px}
.light h2{color:#080e3c}
.light .section-intro{color:#172455}
.light .section-heading{align-items:center}
.light .steps{background:transparent;border:0;border-radius:0;overflow:visible;gap:24px}
.light .step{padding:0;border:0;text-align:center}
.light .step:not(:last-child):after{content:"→";position:absolute;right:-25px;top:37px;color:#087bff}
.light .step-top{width:112px;height:112px;border-radius:50%;margin:0 auto 18px;justify-content:center;position:relative;background:#e0f1ff;background:color-mix(in srgb,var(--step) 16%,white)}
.light .step-top span{position:absolute;top:10px;left:16px;color:var(--step);opacity:.7}
.light .step-top svg{width:50px;height:50px;stroke-width:1.7;filter:drop-shadow(0 2px 0 #fff9)}

.light .step h3{color:#080e3c;margin:0 0 8px}
.light .step p{color:#172455}
.light .path-note{margin-top:32px;color:#31486e}
.light .benefits{gap:22px}
.light .benefits article{border:0;border-radius:20px;background:linear-gradient(135deg,#e4f5ff,#eef8ff);padding:30px 27px;text-align:center}
.light .benefits article:nth-child(2){background:linear-gradient(135deg,#fff0fb,#f8efff)}
.light .benefits article:nth-child(3){background:linear-gradient(135deg,#dffaf1,#e8fff8)}
.light .benefit-num{display:flex;align-items:center;justify-content:center;color:#0089f7;width:64px;height:64px;margin:0 auto 17px}
.light .benefit-num svg{width:56px;height:56px;stroke-width:1.7}
.light .benefits article:nth-child(2) .benefit-num{color:#ec139a}
.light .benefits article:nth-child(3) .benefit-num{color:#00af8e}
.light .benefits h3{margin:0 0 16px;color:#080e3c}
.light .benefits p{color:#172455;margin:0 auto;max-width:290px}
.light .content-note{border:0;border-radius:16px;background:#fff6d8;padding:20px 24px;color:#111749;margin-top:30px}
.light .content-note svg{color:#ea159c}
@media(max-width:1050px) and (min-width:721px){.light .steps{gap:15px}.light .step-top{width:92px;height:92px}.light .step:not(:last-child):after{right:-19px;top:29px}.light .benefits article{padding:25px 20px}}
@media(max-width:720px){.light .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 16px}.light .step{display:block;border:0!important;padding:0}.light .step:not(:last-child):after{display:none}.light .step-top{width:94px;height:94px;margin-bottom:13px}.light .step-top span{top:10px;left:13px}.light .step-top svg{width:43px;height:43px}.light .step h3{margin-bottom:6px}.light .step:last-child{grid-column:1/-1;max-width:250px;justify-self:center}.light .benefits{grid-template-columns:1fr;gap:16px}.light .benefits article{display:block;padding:28px 25px}.light .benefit-num{padding:0;margin-bottom:14px}.light .benefits h3{margin-bottom:12px}.light .benefits p{max-width:330px}.light .content-note{padding:18px;align-items:center}}

/* Ask Mat: task button and prepared explanation, matching product reference. */
.mat-demo{background:#091e27;border-color:#008c70;padding:25px 27px}
.mini-title{display:flex;align-items:center;gap:13px;color:#58e2b5}
.mini-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#00cda0;color:#062829;border-radius:50%}
.mat-demo .example-question{margin:22px 0 19px;color:#e1eaf4}
.mat-button{display:inline-flex;align-items:center;gap:12px;padding:13px 20px;border-radius:17px;background:#0b2732;border:1px solid #164e60;box-shadow:0 0 24px #5289f455;color:#eef4ff;cursor:pointer;list-style:none;transition:box-shadow .2s}
.mat-button::-webkit-details-marker{display:none}.mat-button:hover{box-shadow:0 0 30px #5289f480}.mat-button img{object-fit:contain}
.mat-explanation{background:#09232d;border:1px solid #084d60;border-radius:16px;padding:17px;margin-top:16px}
.mat-label{display:block;color:#00cce8;margin:0 0 14px}
.mat-answer{padding:15px;background:#122d37;border:1px solid #2a414b;border-radius:13px}
.mat-answer .mat-label{margin-bottom:10px}.mat-answer strong{display:block}
.mat-explanation>p:not(.mat-label){color:#e2edf4;margin:17px 0 0}
.mat-demo .example-foot{margin-top:20px;border-color:#1c3c48;color:#9cb7c4}
@media(max-width:720px){.mat-demo{padding:22px 20px}.mat-explanation{padding:14px}}
@media(prefers-reduced-motion:reduce){.mat-button{transition:none}}

/* Hero title on two lines and supplied character. */
.hero{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.hero-copy{container-type:inline-size}
.hero-title .title-line{display:block;white-space:nowrap}
.hero-art .hero-mascot{width:340px;height:340px;max-width:100%;transform:none;filter:none;object-fit:contain}
@media(max-width:1050px){.hero-art .hero-mascot{width:300px;height:300px}}
@media(max-width:720px){.hero{grid-template-columns:1fr}.hero-copy{max-width:none}.hero-art .hero-mascot{width:290px;height:290px}}

/* Blend the supplied neon animation into the dark hero. */
.hero-art .hero-mascot{mix-blend-mode:screen}

/* Larger hero character; keep its layout footprint unchanged. */
.hero-art .hero-mascot{transform:scale(1.25);transform-origin:center}
@media(max-width:720px){.hero-art .hero-mascot{transform:scale(1.15)}}
@media(max-width:1050px){
 .rhythm{gap:10px;padding:14px 12px}
 .rhythm strong{max-width:225px}
}
@media(max-width:720px){
 .hero-bottom{gap:12px;align-items:center}
 .hero-bottom>span{max-width:43%}
 .hero-bottom>span:last-child{text-align:right}
}

@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(assets/caveat-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(assets/caveat-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2191,U+2193}
.hero-note{flex-wrap:wrap;gap:12px}

/* Annual access offer and request form. */
.cta-action .access-price{display:flex;align-items:center;gap:18px;margin:20px 0;color:#fff}
.access-price span{color:#b8c8dd}
.request-wrap{margin-top:52px;padding-top:40px;border-top:1px solid #ffffff20;scroll-margin-top:24px}
.request-heading{max-width:680px;margin-bottom:26px}.request-heading h3{margin:0 0 12px}.request-heading p{color:#b8c8dd}
.request-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.request-fields label{display:grid;gap:8px}
.request-fields input{width:100%;min-width:0;border:1px solid #66809e;background:#10233f;color:#fff;border-radius:12px;padding:14px 16px}
.request-fields input::placeholder{color:#a9bbd0}.request-fields input:focus{outline:2px solid var(--cyan,#02d7e8);outline-offset:3px}
.request-info{max-width:760px;color:#b8c8dd;margin:20px 0!important}
.request-trap{position:absolute;left:-9999px}.request-wrap button{border:0;cursor:pointer}.request-wrap button:disabled{opacity:.65;cursor:wait}
#request-status{margin-top:16px;color:#02d7e8;max-width:680px}#request-status.error{color:#ffbadb}
@media(max-width:720px){.request-fields{grid-template-columns:1fr}.request-wrap{margin-top:36px;padding-top:30px}}


/* Typography: each text element selects one shared role; sections set layout and color only. */
:root{
 --font-family:'Manrope',Arial,sans-serif;--font-family-handwritten:'Caveat','Segoe Print','Comic Sans MS',cursive;
 --type-display-max:76px;--type-section:52px;--type-card:26px;--type-lead:18px;--type-body:16px;--type-support:14px;--type-label-size:12px;
 --type-audience:18px;--type-handwritten:32px;--type-brand:30px;--type-brand-footer:24px;--type-symbol:19px;
 --weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-heading:800;
 --leading-heading:1.2;--leading-body:1.65;--leading-label:1.4;--tracking-heading:-.035em;--tracking-label:.08em;
}
body,input,button{font-family:var(--font-family)}
.type-display{font-size:clamp(28px,10.5cqi,var(--type-display-max));font-weight:var(--weight-heading);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}
.type-section,.type-price{font-size:var(--type-section);font-weight:var(--weight-heading);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}
.type-card{font-size:var(--type-card);font-weight:var(--weight-heading);line-height:var(--leading-heading);letter-spacing:-.02em}
.type-lead{font-size:var(--type-lead);font-weight:var(--weight-regular);line-height:var(--leading-body);letter-spacing:normal}
.type-body{font-size:var(--type-body);font-weight:var(--weight-regular);line-height:var(--leading-body);letter-spacing:normal}
.type-support{font-size:var(--type-support);font-weight:var(--weight-regular);line-height:var(--leading-body);letter-spacing:normal}
.type-control{font-size:var(--type-support);font-weight:var(--weight-semibold);line-height:var(--leading-label);letter-spacing:normal}
.type-label{font-size:var(--type-label-size);font-weight:var(--weight-bold);line-height:var(--leading-label);letter-spacing:var(--tracking-label)}
.type-audience{font-size:var(--type-audience);font-weight:var(--weight-bold);line-height:1.5;letter-spacing:.045em}
.type-handwritten{font-family:var(--font-family-handwritten);font-size:var(--type-handwritten);font-weight:var(--weight-semibold);line-height:1.1;letter-spacing:normal;font-style:normal}
.type-handwritten em{font-family:inherit;font-weight:inherit;font-style:normal}
.type-brand,.type-brand-footer{font-size:var(--type-brand);font-weight:var(--weight-heading);line-height:1.05;letter-spacing:-1.2px}
.type-brand-footer{font-size:var(--type-brand-footer)}
.type-symbol{font-size:var(--type-symbol);font-weight:var(--weight-semibold);line-height:1.4;letter-spacing:normal}
.type-semibold{font-weight:var(--weight-semibold)}
input::placeholder{font-size:inherit;font-weight:var(--weight-regular)}
@media(max-width:1050px){:root{--type-section:44px;--type-card:24px;--type-audience:16px;--type-handwritten:29px}}
@media(max-width:720px){:root{--type-display-max:54px;--type-section:38px;--type-card:24px;--type-audience:16px;--type-handwritten:28px;--type-brand:25px;--type-brand-footer:22px}}

/* Legal navigation and document layout use the shared type roles. */
.request-info a,.legal-document a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
.legal-links{display:flex;gap:18px;flex-wrap:wrap}.legal-document{max-width:850px;padding:56px 0 76px}.legal-document h1{margin:24px 0}.legal-document h2{margin:34px 0 14px}.legal-document p{margin:14px 0}.legal-document li{margin:10px 0}.legal-draft{padding:18px 22px;border:1px solid #94663f;border-radius:12px;background:#31251c;color:#ffe0bb}.legal-meta{color:var(--muted)}
@media(max-width:720px){.legal-document{padding-top:32px}.legal-links{width:100%}}

/* Hero actions share the button dimensions and typography. */
.hero-actions{display:flex;align-items:stretch;gap:14px;flex-wrap:wrap}
.hero-actions .button{gap:18px}
.secondary{color:var(--cyan);background:transparent;box-shadow:inset 0 0 0 1px var(--cyan)}
.secondary:hover{background:#02d7e810;transform:translateY(-3px)}
@media(max-width:720px){.hero-actions{flex-direction:column}.hero-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.secondary:hover{transform:none}}

/* Supplied roadmap artwork: preserve original PNGs and normalize their visible bounds. */
.light .step-top svg.step-icon{width:76px;height:76px;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;background:none;border-radius:0;padding:0;box-shadow:none;filter:none}
@media(max-width:1050px){.light .step-top svg.step-icon{width:64px;height:64px}}

.light .step:last-child .step-icon{color:#006b65}

/* Light-section alignment and matching outline icon frames — 1.1.2. */
.light .section-heading{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:22px}
.light .section-heading>div{width:100%}
.light .section-heading .section-intro{max-width:520px;margin:0 auto}
.light h2,.light h3{text-align:center}
.light .eyebrow{justify-content:center;text-align:center}
.light .step-top{width:112px;height:112px;display:flex;align-items:center;justify-content:center;background:#fff;border:1.25px solid var(--step);border-radius:22px;color:var(--step)}
.light .step-top svg.step-icon{width:64px;height:64px;fill:none;stroke:currentColor;stroke-width:1;filter:none}
.light .step-top svg.step-icon *{fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
.light .step:last-child .step-icon{color:inherit}
.light .benefit-num{width:80px;height:80px;background:#fff;border:1.25px solid currentColor;border-radius:18px}
.light .benefit-num svg{width:48px;height:48px;fill:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1050px){.light .step-top{width:94px;height:94px;border-radius:20px}.light .step-top svg.step-icon{width:56px;height:56px}}
@media(max-width:720px){.light .section-heading{display:flex;gap:20px}.light .section-heading .section-intro{margin:0 auto}.light .step-top{margin-bottom:13px}.light .benefit-num{margin-bottom:14px}}

.header nav.type-control{font-size:var(--type-body)}
.product-layout,.parent-layout,.about-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.media-placeholder{min-height:350px;border:1px dashed #b5cbe5;border-radius:22px;background:#f5f9ff;padding:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:18px}
.media-placeholder>svg{width:56px;height:56px;color:var(--blue);stroke-width:1}
.media-placeholder p{max-width:360px;margin:0;color:#536684}.product-aside h3{margin:0 0 16px}.product-aside p{margin:12px 0;color:#172455}
.video-placeholder{display:flex;gap:18px;align-items:center;border-top:1px solid #dfe8f3;padding:24px 0;margin:22px 0 0}.video-placeholder p{margin:4px 0}.play-outline{width:54px;height:54px;display:flex;align-items:center;justify-content:center;border:1px solid var(--blue);color:var(--blue);border-radius:16px;font-size:26px;flex-shrink:0}.text-link{display:inline-block;color:var(--blue);text-decoration:underline;text-underline-offset:5px}
.parent-layout .section-intro{margin:24px 0 0;color:#b8c8dd}.parent-placeholder{background:#0d203b;border-color:#385675}.parent-placeholder>svg{color:var(--cyan)}.parent-placeholder p{color:#b8c8dd}.about-layout{align-items:start;gap:64px}.about-layout h3{margin:0 0 20px}.about-layout p{margin:16px 0}.company-panel{border-left:1px solid #dfe8f3;padding-left:40px}.company-panel .type-support{color:#536684}
@media(max-width:1050px){.header nav{gap:20px}.product-layout,.parent-layout,.about-layout{gap:30px}.media-placeholder{padding:28px}}
@media(max-width:720px){.product-layout,.parent-layout,.about-layout{grid-template-columns:1fr}.media-placeholder{min-height:260px;padding:24px}.company-panel{border-left:0;border-top:1px solid #dfe8f3;padding:28px 0 0}.header{flex-wrap:wrap}.header nav{flex-wrap:wrap;gap:18px}.parent-layout h2{overflow-wrap:anywhere}.hero-title.type-display{font-size:clamp(26px,9.5cqi,54px)}}

/* Original eLevelUp logo, compact and proportional. */
.elevelup-logo{display:inline-block;width:140px;max-width:100%;height:auto;vertical-align:middle;object-fit:contain}
.brand-heading{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.elevelup-footer-link{display:inline-flex;vertical-align:middle;padding:0;background:transparent;margin-left:8px}
.elevelup-footer-link .elevelup-logo{width:110px}

/* One rotating layer with separate front and back; stable hit area. */
.light .icon-flip{position:relative;padding:0;cursor:pointer;perspective:600px;--flip-color:#087bff;background:transparent;border:0;overflow:visible}
.light .step:nth-child(1) .icon-flip{--flip-color:#00afc4}.light .step:nth-child(2) .icon-flip{--flip-color:#087bff}.light .step:nth-child(3) .icon-flip{--flip-color:#e52eab}.light .step:nth-child(4) .icon-flip{--flip-color:#9451db}.light .step:nth-child(5) .icon-flip{--flip-color:#087bff}
.light .benefits article:nth-child(1) .icon-flip{--flip-color:#9451db}.light .benefits article:nth-child(2) .icon-flip{--flip-color:#e52eab}.light .benefits article:nth-child(3) .icon-flip{--flip-color:#00afc4}
.light .icon-flip .icon-flip-inner{position:absolute;inset:0;width:100%;height:100%;display:block;color:inherit;border-radius:inherit;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,0,.2,1)}
.light .icon-flip .icon-face{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:inherit;border:1.25px solid currentColor;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.light .icon-flip .icon-front{background:#fff;color:inherit;transform:rotateY(0deg)}
.light .icon-flip .icon-back{background:var(--flip-color);border-color:var(--flip-color);color:#fff;transform:rotateY(180deg)}
.light .icon-flip .icon-face svg,.light .icon-flip .icon-face svg *{fill:none;stroke:currentColor;color:inherit;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
.light .icon-flip.is-flipped .icon-flip-inner,.light .icon-flip:focus-visible .icon-flip-inner{transform:rotateY(180deg)}
.icon-flip:focus-visible{outline:3px solid #087bff;outline-offset:5px}
@media(hover:hover){.light .icon-flip:hover .icon-flip-inner{transform:rotateY(180deg)}}
@media(prefers-reduced-motion:reduce){.light .icon-flip .icon-flip-inner{transition:none}}

/* Shared text-only Mat Hero wordmark at the surrounding text size. */
.mat-wordmark{font-family:var(--font-family);font-weight:var(--weight-heading);font-style:normal;letter-spacing:-.035em;white-space:nowrap;display:inline}
.mat-wordmark-accent{color:var(--cyan)}.dark .mat-wordmark-accent{color:var(--cyan)}
.brand.type-brand,.brand.type-brand-footer{font-family:var(--font-family);font-weight:var(--weight-heading)}
.price-offer{display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex-shrink:0}
.access-price .offer-handwritten{color:var(--cyan);font-weight:var(--weight-bold);line-height:1.15;padding:0;margin-bottom:6px}
.access-price .standard-price{color:#b8c8dd;white-space:normal;max-width:260px}
@media(max-width:720px){.cta-action .access-price{flex-wrap:wrap;gap:20px}}

.access-price .type-price{font-weight:var(--weight-medium)}

/* Price currency and compact company contact details. */
.access-price .price-currency{font-size:.75em;color:inherit;font-weight:inherit}
.access-price .type-price .price-currency{font-size:.55em}
.company-panel .company-phone{margin-top:6px}
@media(max-width:720px){main h1,main h2,main h3{text-align:center}.legal-document h1,.legal-document h2,.legal-document h3{text-align:center}}

/* Mobile section labels follow the centered headings. */
@media(max-width:720px){main .eyebrow{justify-content:center;text-align:center}}

/* Sticky site navigation with mobile disclosure. */
html{scroll-padding-top:var(--header-offset,100px)}
.site-header{position:sticky;top:0;z-index:100;background:#061329f5;border-bottom:1px solid #24374a;backdrop-filter:blur(12px)}
.site-header .header{position:relative;padding:18px 0;flex-wrap:nowrap}
.site-header .header nav{gap:18px;font-size:var(--type-body)}
.site-header .header nav a{white-space:nowrap}
.menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:44px;height:44px;background:transparent;color:var(--cyan);border:1px solid #40526a;border-radius:9px;cursor:pointer;flex-shrink:0}
.menu-toggle span{display:block;width:20px;height:1.5px;background:currentColor;transition:transform .2s,opacity .2s}
.menu-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
@media(max-width:1100px){
 .site-header .menu-toggle{display:flex}
 .site-header .header nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:12px 16px;background:#0b2039;border:1px solid #294863;border-radius:0 0 14px 14px;max-height:calc(100dvh - 100px);overflow:auto;box-shadow:0 15px 30px #0003}
 .site-header .header nav a{display:block;padding:13px 12px;white-space:normal}
 .site-header .header nav a:hover{background:#02d7e80a;border-radius:8px}
 .site-header.is-menu-open .header nav{display:flex}
 .site-header.is-menu-open .menu-toggle span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
 .site-header.is-menu-open .menu-toggle span:nth-child(2){opacity:0}
 .site-header.is-menu-open .menu-toggle span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
}
@media(prefers-reduced-motion:reduce){.menu-toggle span{transition:none}}

body.admin-bar .site-header{top:32px}@media(max-width:782px){body.admin-bar .site-header{top:46px}}

@media(max-width:720px){.cta-action .access-price{justify-content:center;text-align:center;width:100%}.price-offer{align-items:center;text-align:center}}

@media(max-width:720px){.hero-copy .lead{text-align:center}.hero-copy .hero-note{justify-content:center;text-align:center}}

@media(max-width:720px){.hero-bottom{display:none}}