:root{font-family:'DM Sans',sans-serif;color:#172743;background:#f6f8fb;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.site-header{height:84px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e5ebf2}.brand{display:flex;align-items:center;gap:13px;font:800 15px Manrope;letter-spacing:.07em}.brand b{color:#208c82}.brand small{display:block;font:700 9px 'DM Sans';letter-spacing:.24em;color:#8995a7;margin-top:3px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;background:#10213e;border-radius:11px;color:#fff;font:800 23px Manrope;letter-spacing:0}.brand-mark span{color:#58d3bc}.site-header nav{display:flex;align-items:center;gap:35px;font-size:13px;font-weight:700;color:#526279}.site-header nav a:hover{color:#078a7c}.nav-link{border:1px solid #d5e2e9;border-radius:9px;padding:11px 15px}.hero{background:radial-gradient(circle at 68% 10%,#214875 0,transparent 38%),linear-gradient(115deg,#0e203f,#122f52 60%,#0b263c);color:#fff;overflow:hidden}.hero-inner{max-width:1450px;margin:auto;padding:82px 40px 76px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:10%}.eyebrow,.overline,.section-index{font:800 11px Manrope;letter-spacing:.18em}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#78dbc9}.pulse,.status-light{width:8px;height:8px;background:#5ddbbf;border-radius:50%;box-shadow:0 0 0 5px #5ddbbf24}.hero h1{font:800 clamp(43px,5vw,76px)/1.1 Manrope;letter-spacing:-.065em;margin:28px 0 23px}.hero h1 em{font-style:normal;color:#73ddcb}.hero p{max-width:580px;color:#c0cede;font-size:16px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:32px}.primary-link,.submit{border:0;border-radius:9px;background:#47cfb5;color:#092a38;font-weight:800;cursor:pointer;transition:.2s}.primary-link{display:inline-flex;gap:36px;padding:16px 22px}.primary-link:hover,.submit:hover{background:#80ead5;transform:translateY(-2px)}.secondary-link{color:#d9e7ee;font-weight:700;font-size:13px}.hero-foot{display:flex;gap:28px;border-top:1px solid #ffffff30;margin-top:58px;padding-top:25px;color:#bdccdc;font-size:12px}.hero-foot span+span{border-left:1px solid #ffffff38;padding-left:28px}.hero-foot b{color:#fff;font:800 19px Manrope;margin-right:5px}.hero-visual{height:445px;max-width:515px;width:100%;justify-self:end;position:relative;overflow:hidden;border:1px solid #ffffff3b;border-radius:22px;padding:30px;background:linear-gradient(145deg,#2c547b88,#0e254698);box-shadow:0 30px 100px #0311277d;backdrop-filter:blur(12px)}.gridline{position:absolute;inset:0;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:35px 35px}.visual-top,.visual-bottom{position:relative;display:flex;justify-content:space-between;color:#b6d0db;font-size:10px;font-weight:800;letter-spacing:.16em}.visual-dot{height:11px;width:11px;border:2px solid #60dfcd;border-radius:50%}.visual-number{position:relative;font:800 87px Manrope;letter-spacing:-.08em;margin-top:32px}.visual-number span{font-size:29px;color:#9ee8da;letter-spacing:0}.visual-caption{position:relative;color:#c9dce7;font-size:14px}.visual-bars{position:relative;height:118px;display:flex;align-items:end;gap:10px;border-bottom:1px solid #ffffff65;margin:30px 0 26px}.visual-bars i{flex:1;background:linear-gradient(#68e1ce77,#5fd7ca08);border-top:2px solid #85f0df}.visual-bottom span{color:#70deca}.workspace-section,.method-section{max-width:1450px;margin:auto;padding:76px 40px}.section-title{margin-bottom:35px}.section-index{color:#15998c}.section-title h2{font:800 clamp(30px,3vw,44px) Manrope;letter-spacing:-.05em;margin:11px 0}.section-title p{color:#75849b;margin:0;line-height:1.6}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);gap:24px;align-items:start}.form-card,.result-card,.side-note{background:#fff;border:1px solid #e4eaf0;border-radius:18px;box-shadow:0 16px 55px #1734520a}.form-card{padding:31px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:26px;border-bottom:1px solid #edf0f4}.overline{font-size:10px;color:#168e86}.card-head h3{font:800 23px Manrope;letter-spacing:-.04em;margin:8px 0 0}.step-badge{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#e6f5f2;color:#168e83;font:800 13px Manrope}.step-badge.accent{background:#eaf0fa;color:#334e82}.form-section{padding:25px 0;border-bottom:1px solid #edf0f4}.form-section h4{font:800 14px Manrope;margin:0 0 20px}.form-section h4 span{color:#139589;margin-right:12px;font-size:11px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.fields label{position:relative;display:block;font-size:12px;font-weight:800;color:#33425e}.fields .unit{font-weight:600;color:#94a1b3}.fields input,.fields select{display:block;width:100%;margin-top:8px;padding:12px 13px;border:1px solid #dce4ec;border-radius:9px;background:#fbfcfe;color:#172743;outline:none;min-height:45px}.fields input:focus,.fields select:focus{border-color:#39b5a8;box-shadow:0 0 0 3px #39b5a820}.fields small{display:block;margin-top:5px;font-size:10px;color:#8895a5;font-weight:500}.form-actions{display:flex;align-items:center;gap:18px;margin-top:26px}.submit{padding:15px 22px;min-width:220px}.submit span{margin-left:28px}.submit:disabled{opacity:.6;cursor:wait;transform:none}.reset{border:0;background:none;color:#718098;font-weight:700;cursor:pointer;font-size:12px}.form-error{color:#a32f28;background:#fff3f1;padding:12px;border-radius:8px;font-size:12px}.result-column{position:sticky;top:24px}.result-card{padding:29px}.empty-state{text-align:center;padding:55px 18px 42px}.empty-state h4{font:800 19px Manrope;margin:20px 0 7px}.empty-state p{color:#8390a3;line-height:1.6;font-size:13px}.empty-graphic{height:100px;display:flex;justify-content:center;align-items:end;gap:12px}.empty-graphic span{width:21px;border-radius:5px;background:#d5f2eb}.empty-graphic span:nth-child(1){height:35%}.empty-graphic span:nth-child(2){height:65%}.empty-graphic span:nth-child(3){height:48%;background:#5bcdb8}.empty-graphic span:nth-child(4){height:85%}.empty-graphic span:nth-child(5){height:55%}.result-label{font:800 10px Manrope;letter-spacing:.15em;color:#66788e;margin-top:32px}.result-value{font:800 66px Manrope;letter-spacing:-.07em;margin:6px 0;color:#14385d}.score-track{height:12px;background:#e9f0f5;border-radius:100px;overflow:hidden}.score-track div{height:100%;width:0;background:linear-gradient(90deg,#47cfb5,#2c94bd);border-radius:100px;transition:width .5s}.score-legend{display:flex;justify-content:space-between;font-size:10px;color:#8492a4;margin-top:8px}.result-explain{font-size:13px;line-height:1.65;color:#5f7187;margin:28px 0}.result-facts{border-top:1px solid #e8edf2}.result-facts div{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #e8edf2;font-size:12px}.result-facts span{color:#7c8ba0}.result-facts b{color:#244262}.side-note{margin-top:18px;padding:20px;display:flex;gap:13px;background:#f0f5f8}.side-note b{font-size:13px}.side-note p{font-size:12px;color:#6a7d91;line-height:1.6;margin:6px 0 0}.note-icon{flex:none;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#d3e6ee;color:#265773;font-weight:800}.model-status{display:flex;align-items:center;gap:10px;font-size:11px;color:#8090a1;margin:18px 4px}.status-light{background:#b7c4d0;box-shadow:none}.status-light.online{background:#2ac7a2;box-shadow:0 0 0 4px #2ac7a221}.method-section{padding-top:25px}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.note-grid article{background:#fff;border:1px solid #e4eaf0;border-radius:15px;padding:27px;min-height:215px}.note-grid article span,.method-banner span{color:#15998c;font:800 10px Manrope;letter-spacing:.16em}.note-grid h3{font:800 18px Manrope;margin:20px 0 9px}.note-grid p{font-size:13px;line-height:1.7;color:#708098;margin:0}.method-banner{background:#102846;color:#fff;border-radius:16px;margin-top:24px;padding:35px;display:flex;justify-content:space-between;align-items:center;gap:20px}.method-banner h3{font:800 23px Manrope;margin:10px 0}.method-banner p{color:#bed0db;font-size:13px}.method-banner a{border:1px solid #ffffff6b;padding:13px 17px;border-radius:9px;font-size:12px;font-weight:800;white-space:nowrap}footer{padding:24px max(5vw,24px);border-top:1px solid #e4eaf0;display:flex;justify-content:space-between;color:#8a98a8;font-size:11px}@media(max-width:1050px){.hero-inner{gap:4%}.workspace-grid{grid-template-columns:1fr}.result-column{position:static;display:grid;grid-template-columns:1fr 1fr;gap:18px}.model-status{grid-column:1/-1}.side-note{margin:0}.result-card{min-height:330px}}@media(max-width:750px){.site-header{height:auto;padding:15px 20px;gap:12px}.site-header nav{gap:12px}.site-header nav a:not(.nav-link){display:none}.nav-link{font-size:11px}.hero-inner{grid-template-columns:1fr;padding:60px 25px}.hero-visual{display:none}.hero-foot{gap:12px}.hero-foot span+span{padding-left:12px}.workspace-section,.method-section{padding:55px 18px}.fields,.result-column,.note-grid{grid-template-columns:1fr}.form-card,.result-card{padding:22px}.method-banner{display:block}.method-banner a{display:inline-block;margin-top:10px}.form-actions{flex-wrap:wrap}footer{display:block;line-height:2}}