:root{color-scheme:light;--navy:#071a2b;--navy-2:#0a2438;--cyan:#37e0d2;--teal:#0da99c;--ink:#102b3b;--muted:#687c88;--line:#dce8ea;--canvas:#f3f8f8;--white:#fff;--low:#27a872;--medium:#ec9b38;--high:#ee5c62;--shadow:0 28px 80px rgba(11,40,55,.12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--canvas);line-height:1.5}button,input{font:inherit}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.hero{position:relative;min-height:760px;overflow:hidden;color:#fff;background:radial-gradient(circle at 72% 35%,rgba(13,169,156,.18),transparent 32%),linear-gradient(135deg,#061625 0%,#08283a 100%)}.hero:after{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(73,205,194,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(73,205,194,.035) 1px,transparent 1px);background-size:56px 56px;content:"";mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.nav{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding-top:26px}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}.brand>span:last-child{display:grid}.brand strong{font-size:1.04rem;letter-spacing:.02em}.brand small{color:#81a7af;font-size:.65rem;letter-spacing:.13em;text-transform:uppercase}.brand__mark{position:relative;display:block;width:38px;height:38px;border:1px solid rgba(55,224,210,.35);border-radius:12px;background:rgba(55,224,210,.09)}.brand__mark span{position:absolute;top:9px;width:10px;height:18px;border:2px solid var(--cyan)}.brand__mark span:first-child{left:8px;border-radius:9px 2px 8px 10px}.brand__mark span:last-child{right:8px;border-radius:2px 9px 10px 8px}.nav__meta{display:flex;gap:9px;align-items:center;padding:8px 13px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#a8c3c9;background:rgba(255,255,255,.04);font-size:.78rem}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(55,224,210,.08)}
.hero__content{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;min-height:680px}.hero__copy{padding:70px 0 100px}.hero__badge,.kicker{display:inline-flex;gap:8px;align-items:center;color:#5df0e1;font-size:.73rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hero__badge{padding:8px 12px;border:1px solid rgba(55,224,210,.18);border-radius:999px;background:rgba(55,224,210,.06)}.hero__badge span{font-size:.55rem}.hero h1{max-width:700px;margin:24px 0 24px;font-size:clamp(3rem,5.7vw,5.2rem);line-height:.98;letter-spacing:-.055em}.hero h1 em{color:var(--cyan);font-style:normal}.hero__copy>p{max-width:620px;margin:0;color:#b2ccd1;font-size:1.07rem;line-height:1.75}.hero__actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:34px}.button{display:inline-flex;gap:11px;align-items:center;justify-content:center;min-height:52px;padding:13px 22px;border:0;border-radius:12px;font-weight:760;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button:focus-visible{outline:3px solid rgba(55,224,210,.45);outline-offset:3px}.button--glow{color:#03252c;background:var(--cyan);box-shadow:0 14px 35px rgba(55,224,210,.2)}.button--glow:hover{box-shadow:0 18px 45px rgba(55,224,210,.3)}.privacy{display:flex;gap:9px;align-items:center;color:#8eafb6;font-size:.79rem}.privacy svg,.steps__note svg{width:21px;fill:none;stroke:var(--cyan);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.hero__metrics{display:flex;gap:36px;margin-top:52px}.hero__metrics div{display:grid;padding-left:16px;border-left:1px solid rgba(255,255,255,.12)}.hero__metrics strong{font-size:1.45rem}.hero__metrics span{color:#789ba4;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.hero__visual{position:relative;height:100%;min-height:590px}.hero__visual img{position:absolute;z-index:1;top:2%;right:-26%;width:145%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:screen;filter:saturate(.9)}.float-card{position:absolute;z-index:3;display:flex;gap:12px;align-items:center;padding:14px 17px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(8,33,48,.68);box-shadow:0 18px 50px rgba(0,0,0,.22);backdrop-filter:blur(14px)}.float-card div{display:grid}.float-card small{color:#7fa4ad;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}.float-card strong{font-size:.83rem}.float-card--top{top:22%;right:2%}.float-card--bottom{right:24%;bottom:18%}.float-icon{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;color:var(--cyan);background:rgba(55,224,210,.11)}.pulse-ring{width:14px;height:14px;border:3px solid var(--cyan);border-radius:50%;box-shadow:0 0 0 6px rgba(55,224,210,.08)}
.assessment{position:relative;z-index:4;margin-top:-50px;padding-bottom:100px}.assessment__intro{display:flex;gap:30px;align-items:end;justify-content:space-between;padding:36px 42px;border:1px solid rgba(255,255,255,.8);border-radius:22px 22px 0 0;background:rgba(255,255,255,.95);box-shadow:0 -20px 70px rgba(0,0,0,.08);backdrop-filter:blur(20px)}.kicker{color:var(--teal)}.assessment h2{margin:8px 0 4px;font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.035em}.assessment__intro p{margin:0;color:var(--muted)}.completion{flex:0 0 230px}.completion span{display:block;margin-bottom:9px;color:var(--muted);font-size:.78rem;text-align:right}.completion__track{height:6px;overflow:hidden;border-radius:99px;background:#e5eeee}.completion__track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--cyan));transition:width .3s}
.workspace{display:grid;grid-template-columns:285px minmax(0,1fr);min-height:740px;border:1px solid var(--line);border-top:0;border-radius:0 0 22px 22px;background:#fff;box-shadow:var(--shadow)}.steps{padding:34px 24px;border-right:1px solid var(--line);background:#f8fbfb}.step{position:relative;display:flex;width:100%;gap:14px;align-items:center;padding:16px 12px;border:0;border-radius:12px;color:var(--muted);text-align:left;background:transparent;cursor:pointer}.step>span{display:grid;flex:0 0 36px;height:36px;place-items:center;border:1px solid var(--line);border-radius:10px;font-size:.69rem;font-weight:800}.step div{display:grid}.step strong{color:var(--ink);font-size:.83rem}.step small{font-size:.72rem}.step i{position:absolute;right:-25px;width:3px;height:0;border-radius:9px;background:var(--teal);transition:height .2s}.step.is-active{background:#eaf8f6}.step.is-active>span{border-color:var(--teal);color:#fff;background:var(--teal)}.step.is-active i{height:34px}.step.is-complete>span{color:var(--teal);border-color:#b8e5df;background:#fff}.steps__note{display:flex;gap:12px;margin:34px 10px 0;padding:16px;border:1px solid #d9eeeb;border-radius:12px;background:#fff}.steps__note svg{flex:0 0 22px}.steps__note p{display:grid;margin:0;color:var(--muted);font-size:.68rem}.steps__note strong{margin-bottom:3px;color:var(--ink);font-size:.76rem}
.questionnaire{padding:42px clamp(28px,5vw,64px)}.form-step__header{padding-bottom:26px;border-bottom:1px solid var(--line)}.form-step__header>span{color:var(--teal);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.form-step__header h3{margin:7px 0 4px;font-size:2rem;letter-spacing:-.035em}.form-step__header p{margin:0;color:var(--muted);font-size:.9rem}.question{margin:0;padding:30px 0;border:0;border-bottom:1px solid var(--line)}.question legend{display:flex;gap:12px;align-items:center;width:100%;margin-bottom:16px;font-weight:800}.question legend>span{display:grid;flex:0 0 30px;height:30px;place-items:center;border-radius:9px;color:var(--teal);background:#e9f8f6;font-size:.67rem}.question__hint{margin:-9px 0 17px 42px;color:var(--muted);font-size:.75rem}.choice-grid{display:grid;gap:10px;margin-left:42px}.choice-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.choice{position:relative;cursor:pointer}.choice input{position:absolute;opacity:0;pointer-events:none}.choice>span{position:relative;display:grid;min-height:68px;align-content:center;padding:13px 40px 13px 16px;border:1px solid var(--line);border-radius:12px;background:#fbfdfd;transition:border .18s,box-shadow .18s,background .18s}.choice>span:after{position:absolute;top:50%;right:15px;width:18px;height:18px;border:1.5px solid #b8c9cd;border-radius:50%;content:"";transform:translateY(-50%)}.choice b{font-size:.84rem}.choice small{color:var(--muted);font-size:.7rem}.choice input:checked+span{border-color:var(--teal);background:#edfaf8;box-shadow:0 0 0 3px rgba(13,169,156,.08)}.choice input:checked+span:after{border:5px solid var(--teal);background:#fff}.choice input:focus-visible+span{outline:3px solid rgba(13,169,156,.25);outline-offset:2px}.question.has-error{margin-inline:-18px;padding-inline:18px;border-radius:14px;background:#fff6f6}.question.has-error legend{color:#b83d45}.form-nav{display:flex;justify-content:flex-end;gap:12px;padding-top:28px}.button--primary{color:#fff;background:var(--navy);box-shadow:0 12px 24px rgba(7,26,43,.14)}.button--primary:hover{background:#0b3148}.button--calculate{background:linear-gradient(135deg,#087f76,#10b9aa)}.button--ghost{margin-right:auto;border:1px solid var(--line);color:var(--ink);background:#fff}
.result{margin-top:34px;overflow:hidden;border-radius:24px;color:#fff;background:radial-gradient(circle at 80% 10%,rgba(55,224,210,.17),transparent 32%),linear-gradient(135deg,#071a2b,#0b3447);box-shadow:0 30px 80px rgba(7,26,43,.22)}.result__top{display:flex;gap:40px;align-items:center;justify-content:space-between;padding:54px 64px}.kicker--light{color:var(--cyan)}.result h2{margin:10px 0 18px;font-size:clamp(2rem,4vw,3.2rem)}.result__name{max-width:620px;margin:0;color:#b9d2d6;font-size:1.15rem}.result__actions{display:flex;gap:10px;margin-top:28px}.button--light{color:var(--navy);background:#fff}.button--outline-light{border:1px solid rgba(255,255,255,.18);color:#fff;background:transparent}.gauge{text-align:center}.gauge__ring{display:grid;width:180px;height:180px;place-items:center;border-radius:50%;background:conic-gradient(var(--gauge-color,var(--cyan)) var(--gauge-progress,0deg),rgba(255,255,255,.09) 0);box-shadow:0 0 50px rgba(55,224,210,.13)}.gauge__ring:before{position:absolute;width:142px;height:142px;border-radius:50%;background:#0a2839;content:""}.gauge__ring>div{position:relative;z-index:1;display:grid}.gauge strong{font-size:3.3rem;line-height:1}.gauge span,.gauge>small{color:#84a9b0;font-size:.75rem}.result__scale{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.08)}.result__scale>div{display:flex;gap:12px;align-items:center;padding:19px 32px;border-right:1px solid rgba(255,255,255,.08);opacity:.46}.result__scale>div.is-current{opacity:1;background:rgba(255,255,255,.05)}.result__scale i{width:9px;height:9px;border-radius:50%}.result__scale [data-level=low] i{background:var(--low)}.result__scale [data-level=medium] i{background:var(--medium)}.result__scale [data-level=high] i{background:var(--high)}.result__scale span{display:flex;gap:8px;align-items:baseline;font-size:.76rem}.result__scale strong{color:#829fa6;font-size:.68rem}
.recommendations{margin-top:30px;padding:48px clamp(28px,5vw,64px);border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}.recommendations__head{padding-bottom:28px;border-bottom:1px solid var(--line)}.recommendations h2{margin:8px 0 4px}.recommendations__head p{margin:0;color:var(--muted)}.recommendations__body h3{margin:34px 0 14px;color:var(--teal)}.recommendations__body ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 30px;padding:0;list-style:none}.recommendations__body li{position:relative;padding:13px 12px 13px 34px;border-bottom:1px solid #edf2f3;font-size:.84rem}.recommendations__body li:before{position:absolute;top:18px;left:7px;width:8px;height:8px;border:2px solid var(--teal);border-radius:50%;content:""}.disclaimer{display:flex;gap:14px;align-items:center;margin-top:30px;padding:18px;border:1px solid #f2dfb9;border-radius:14px;background:#fffaf0}.disclaimer>span{display:grid;flex:0 0 32px;height:32px;place-items:center;border-radius:50%;color:#9b6717;background:#f8e8c7;font-weight:900}.disclaimer p{display:grid;margin:0;color:#775d37;font-size:.77rem}.disclaimer strong{color:#5d461f}.footer{padding:38px 0;color:#8296a0;background:#061521}.footer .shell{display:flex;align-items:center;justify-content:space-between}.brand--footer{color:#fff}.footer p{font-size:.75rem}[hidden]{display:none!important}
@media(max-width:900px){.hero{min-height:auto}.hero__content{grid-template-columns:1fr}.hero__copy{padding-bottom:30px}.hero__visual{min-height:400px}.hero__visual img{right:-16%;width:125%}.workspace{grid-template-columns:1fr}.steps{display:flex;gap:4px;padding:12px;border-right:0;border-bottom:1px solid var(--line)}.step{justify-content:center}.step div,.step i,.steps__note{display:none}.step>span{flex-basis:40px}.questionnaire{padding-top:30px}.recommendations__body ul{grid-template-columns:1fr}}
@media(max-width:620px){.shell{width:min(100% - 20px,1180px)}.nav__meta{display:none}.hero__content{min-height:auto}.hero__copy{padding:56px 4px 14px}.hero h1{font-size:2.65rem}.hero__copy>p{font-size:.94rem}.hero__actions{align-items:flex-start;flex-direction:column}.hero__metrics{gap:18px;justify-content:space-between}.hero__visual{min-height:330px}.hero__visual img{right:-48%;width:180%}.float-card--top{top:14%;right:0}.float-card--bottom{right:auto;bottom:9%;left:0}.assessment{margin-top:0;padding-bottom:50px}.assessment__intro{align-items:flex-start;flex-direction:column;padding:27px 22px;border-radius:0}.completion{width:100%;flex-basis:auto}.completion span{text-align:left}.workspace{border-radius:0 0 16px 16px}.questionnaire{padding:26px 18px}.form-step__header h3{font-size:1.65rem}.question{padding:24px 0}.choice-grid{margin-left:0}.choice-grid--two,.choice-grid--compact{grid-template-columns:1fr}.question__hint{margin-left:0}.form-nav{position:sticky;bottom:0;z-index:4;margin:0 -18px -26px;padding:14px 18px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px)}.form-nav .button{flex:1;padding-inline:13px}.result__top{align-items:flex-start;flex-direction:column;padding:36px 24px}.gauge{align-self:center}.result__scale{grid-template-columns:1fr}.result__scale>div{padding:13px 24px;border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.recommendations{padding:32px 20px}.footer .shell{align-items:flex-start;flex-direction:column;gap:18px}}
@media print{.hero,.assessment__intro,.workspace,.result__actions,.footer{display:none!important}.assessment{margin:0}.result,.recommendations{display:block!important;margin:0 0 20px;color:#000;background:#fff;box-shadow:none}.result__top{padding:20px}.result__scale{color:#000;background:#fff}.gauge{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}