@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--navy-950:#000b1f;--navy-900:#011534;--navy-850:#051d45;--navy-800:#08275d;--blue-700:#003b99;--blue-600:#0047b8;--blue-500:#126bff;--blue-soft:#eaf2ff;--green-700:#4f8f00;--green-600:#62aa05;--green-500:#75c900;--green-soft:#eff9e6;--white:#fff;--off-white:#f6f8fb;--surface:#fbfcfe;--border:#dce5f0;--border-strong:#c8d5e4;--text-dark:#061a3a;--text-muted:#667085;--text-soft:#8591a3;--shadow:0 18px 48px #0012311a;--shadow-soft:0 8px 24px #00123112;--radius:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--ease:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{min-height:100%;color:var(--text-dark);background:var(--navy-900);margin:0;font-family:Inter,Arial,sans-serif}body{background-color:#0000;background-image:radial-gradient(circle at 18% 12%,#126bff2e,#0000 32%),radial-gradient(circle at 84% 28%,#08275d5c,#0000 36%),linear-gradient(145deg,#000b1f 0%,#011534 36%,#051d45 72%,#08275d 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #126bff40}.hero{min-height:640px;padding:var(--space-16) var(--space-8) 88px;color:#fff;background:0 0;position:relative}.header,.hero-copy,.calculator-card{z-index:1;position:relative}.header{justify-content:center;align-items:center;gap:var(--space-6);flex-direction:column;width:min(1240px,100%);min-height:72px;margin:0 auto;display:flex}.brand{justify-content:center;align-items:center;gap:var(--space-3);display:flex}.brand-logo{object-fit:contain;width:auto;max-width:380px;height:96px;display:block}.brand-mark,.brand-mark .arrow,.pallet-shape,.pallet-shape:after,.arrow-blue,.arrow-green{display:none}.trust-line{align-items:center;gap:var(--space-2);color:#9cff00;white-space:nowrap;background:#9cff0012;border:1px solid #9cff0047;border-radius:999px;width:fit-content;margin:0 auto;padding:10px 14px;font-size:14px;display:flex}.trust-line b{color:#9cff00}.hero-copy{width:min(940px,100%);margin:var(--space-16) auto 0;text-align:center}.hero-copy h1{letter-spacing:0;font-kerning:normal;text-rendering:optimizelegibility;margin:0;font-family:Inter,Arial,sans-serif;font-size:clamp(42px,5.4vw,72px);font-weight:700;line-height:.98}.hero-copy h2 b{color:var(--green-500)}.hero-copy h1 .line-break{color:#fff;display:block}.hero-copy h1 .accent{color:var(--green-500)}.hero-copy h2{max-width:780px;margin:var(--space-8) auto 0;color:#ffffffd1;font-size:18px;font-weight:500;line-height:1.7}.primary-button{border-radius:var(--radius);color:#fff;background:linear-gradient(180deg, var(--green-500) 0%, var(--green-600) 100%);min-height:48px;transition:transform .22s var(--ease), box-shadow .22s var(--ease), opacity .22s var(--ease);border:0;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 10px 24px #62aa0547}.primary-button:hover{transform:translateY(-2px);box-shadow:0 16px 32px #62aa0557}.calculator-grid{width:min(1240px,100% - 64px);margin:calc(var(--space-10) * -1) auto var(--space-20);gap:var(--space-8);grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);align-items:start;display:grid}.calculator-card{width:100%;padding:var(--space-10);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dark);box-shadow:var(--shadow);background:#fffffffa;margin:0}.inputs-panel,.results-card{gap:var(--space-5);display:grid}.results-card{top:var(--space-6);position:sticky}.divider,.results-panel{display:none}.panel-title{align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);color:var(--blue-600);letter-spacing:.04em;text-transform:uppercase;font-size:16px;font-weight:800;display:flex}.panel-title span{width:28px;height:28px;color:var(--text-dark);background:var(--blue-soft);letter-spacing:0;border-radius:999px;place-items:center;display:inline-grid}.field-row{gap:var(--space-4);min-height:84px;padding:var(--space-4) 0;border-bottom:1px solid #edf1f7;grid-template-columns:48px minmax(0,1fr) minmax(190px,220px);align-items:center;display:grid}.field-row:last-of-type{border-bottom:0}.field-icon{border-radius:var(--radius);width:48px;height:48px;color:var(--blue-600);background:var(--blue-soft);place-items:center;display:grid}.field-copy label,.field-stack label{color:var(--text-dark);font-size:14px;font-weight:800;line-height:1.25;display:block}.field-copy span,.field-stack small,.hint{margin-top:var(--space-1);color:var(--text-muted);font-size:13px;line-height:1.45;display:block}.field-grid{gap:var(--space-4);display:grid}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.field-stack{min-width:0}.field-stack>label{margin-bottom:var(--space-2)}.field-section{padding:var(--space-5) 0 var(--space-2);border-top:1px solid #edf1f7}.field-section:first-of-type{border-top:0;padding-top:0}.field-section h3{color:var(--text-dark);letter-spacing:-.01em;margin:0;font-size:17px;font-weight:800}.field-section p{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:13px;line-height:1.45}.number-input{border:1px solid var(--border-strong);border-radius:var(--radius);background:#fff;align-items:stretch;width:100%;min-height:44px;display:flex;overflow:hidden}.number-input button,.number-input .affix{min-width:40px;color:var(--text-muted);background:var(--surface);border:0;place-items:center;font-size:15px;font-weight:800;display:grid}.number-input button{transition:color .16s,background .16s}.number-input button:hover{color:var(--blue-600);background:var(--blue-soft)}.number-input input{text-align:center;width:100%;min-width:64px;color:var(--blue-600);background:#fff;border:0;outline:none;font-size:15px;font-weight:800}.select-input{border:1px solid var(--border-strong);border-radius:var(--radius);width:100%;min-height:44px;padding:0 var(--space-3);color:var(--text-dark);background:#fff;font-size:15px;font-weight:700}.action-row{justify-content:flex-end;align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}.ghost-button{border-radius:var(--radius);min-height:36px;color:var(--text-muted);border:1px solid var(--border);transition:transform .18s var(--ease), border-color .18s ease, color .18s ease;background:#fff;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.ghost-button:hover{color:var(--blue-600);border-color:var(--blue-500);transform:translateY(-1px)}.result-card{border:1px solid var(--border);border-radius:var(--radius);min-height:112px;box-shadow:var(--shadow-soft);background:#fff;grid-template-columns:96px minmax(0,1fr);display:grid;position:relative;overflow:visible}.result-card:hover,.result-card:focus-within{z-index:5}.result-card>div:last-child{min-width:0;padding:var(--space-5) var(--space-5) var(--space-4)}.result-mini-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.result-mini-grid .result-card{grid-template-columns:64px minmax(0,1fr);min-height:118px}.result-icon{border-radius:var(--radius) 0 0 var(--radius);place-items:center;display:grid}.result-card.green .result-icon{color:var(--green-600);background:var(--green-soft)}.result-card.lime .result-icon{color:#3f7d00;background:#e7f8d4}.result-card.blue .result-icon{color:var(--blue-600);background:var(--blue-soft)}.result-card.dark .result-icon{color:var(--text-dark);background:#f3f6fa}.result-card p{margin:0 0 var(--space-2);color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;font-size:12px;font-weight:800;line-height:1.35}.result-label{align-items:center;gap:var(--space-2);display:flex}.info-button{width:18px;height:18px;color:var(--blue-600);background:#fff;border:1px solid #0347b8;border-radius:999px;flex:none;place-items:center;font-size:11px;font-weight:800;line-height:1;display:inline-grid;position:relative}.info-button span{z-index:4;color:#0347b8;letter-spacing:0;text-transform:none;text-align:left;opacity:0;pointer-events:none;background:#fff;border:1px solid #0347b8;border-radius:8px;width:min(240px,70vw);margin:0;padding:10px 12px;font-size:12px;font-weight:600;line-height:1.35;transition:opacity .16s,transform .16s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(4px);box-shadow:0 12px 30px #0012312e}.info-button:hover span,.info-button:focus-visible span{opacity:1;transform:translateY(0)}.result-card strong{color:var(--text-dark);letter-spacing:-.035em;font-family:Inter,Arial,sans-serif;font-size:clamp(24px,2.5vw,34px);line-height:1;display:block}.result-mini-grid .result-card strong{font-size:clamp(21px,2vw,26px)}.result-card.green strong{color:var(--green-700)}.result-card.lime strong{color:#3f7d00}.result-card.blue strong{color:var(--blue-600)}.result-card span{margin-top:var(--space-2);color:var(--text-muted);font-size:13px;line-height:1.4;display:block}.results-card>.result-card.blue{background:linear-gradient(135deg,#00245f 0%,#0047b8 100%);border-color:#002f7a}.results-card>.result-card.green{background:linear-gradient(135deg,#4b8200 0%,#75c901 100%);border-color:#5c9c00}.results-card>.result-card.lime{background:linear-gradient(135deg,#0d7000 0%,#15b800 100%);border-color:#119600}.results-card>.result-card.blue .result-icon,.results-card>.result-card.green .result-icon,.results-card>.result-card.lime .result-icon{color:#fff;background:#ffffff24}.results-card>.result-card.blue p,.results-card>.result-card.green p,.results-card>.result-card.lime p,.results-card>.result-card.blue strong,.results-card>.result-card.green strong,.results-card>.result-card.lime strong{color:#fff}.results-card>.result-card.blue span,.results-card>.result-card.green span,.results-card>.result-card.lime span{color:#ffffffe0}.results-card>.result-card .info-button span{color:#0347b8!important;background:#fff!important}.result-card .info-button .tooltip-text,.summary-box .info-button .tooltip-text{-webkit-text-fill-color:#0347b8;font-weight:700;color:#0347b8!important;background:#fff!important;border-color:#0347b8!important}.summary-box{padding:var(--space-6);border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,#00245f 0%,#003fa3 48%,#126bff 100%);position:relative;box-shadow:0 16px 34px #003fa33d}.summary-box strong{letter-spacing:-.025em;font-family:Inter,Arial,sans-serif;font-size:20px;line-height:1.35;display:block}.summary-box span{margin-top:var(--space-3);color:#ffffffe0;font-size:14px;line-height:1.55;display:block}.summary-info{vertical-align:text-bottom;color:#003fa3;background:#fff;border-color:#fff;margin-left:6px}.summary-box .summary-info span{display:block;color:#0347b8!important;background:#fff!important}.legal{color:var(--text-muted);font-size:10px;line-height:1.55;display:block}.conversion-footer{width:min(1240px,100% - 64px);margin:0 auto var(--space-20);gap:var(--space-8);padding:var(--space-8);border-radius:var(--radius);color:#fff;background:linear-gradient(90deg,#000f26fa 0%,#011534f5 54%,#031e47f5 100%),radial-gradient(circle at 50% 0,#126bff2e,#0000 34%);border:1px solid #7ee0001f;grid-template-columns:minmax(0,1fr) 360px;align-items:center;display:grid;box-shadow:0 20px 60px #00091847}.footer-benefits{gap:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.footer-benefit{gap:var(--space-4);grid-template-columns:64px minmax(0,1fr);align-items:center;min-width:0;display:grid}.footer-icon{border-radius:var(--radius);color:#fff;background:linear-gradient(145deg,#003fa3 0%,#0059d6 55%,#126bff 100%);border:1px solid #126bff6b;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 12px 24px #003fa347}.footer-benefit strong,.footer-action strong{color:#fff;font-size:15px;font-weight:800;line-height:1.25;display:block}.footer-benefit span,.footer-action span{margin-top:var(--space-2);color:#ffffffc7;font-size:13px;line-height:1.55;display:block}.footer-action{min-width:0;padding-left:var(--space-8);border-left:1px solid #ffffff29}.footer-action b{color:var(--green-500)}.footer-button{width:100%;min-height:46px;margin-top:var(--space-4);color:#031528;text-transform:uppercase;transition:transform .2s var(--ease), box-shadow .2s var(--ease);background:linear-gradient(#9cff00 0%,#65c900 100%);border:0;border-radius:6px;justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:0 12px 24px #75c90047}.footer-button:hover{transform:translateY(-2px);box-shadow:0 16px 30px #75c90057}.footer-action small{margin-top:var(--space-3);color:#ffffff9e;justify-content:center;align-items:center;gap:6px;font-size:11px;line-height:1.4;display:flex}@media (max-width:1180px){.calculator-grid{grid-template-columns:1fr;width:min(920px,100% - 40px)}.results-card{position:static}.conversion-footer{gap:var(--space-6);grid-template-columns:1fr;width:min(920px,100% - 40px)}.footer-benefits{gap:var(--space-5);grid-template-columns:1fr}.footer-action{padding-left:0;padding-top:var(--space-6);border-top:1px solid #ffffff29;border-left:0}}@media (max-width:860px){.hero{min-height:auto;padding:var(--space-12) var(--space-5) 72px}.header{min-height:56px}.brand-logo{max-width:280px;height:72px}.hero-copy{margin-top:var(--space-14,56px);text-align:center}.hero-copy h1{font-size:clamp(38px,11vw,54px)}.hero-copy h2{margin-left:auto;margin-right:auto;margin-top:var(--space-6);font-size:16px}.trust-line{white-space:normal;text-align:center;justify-content:center}.calculator-grid{width:calc(100% - 32px);margin-top:calc(var(--space-6) * -1);gap:var(--space-5)}.calculator-card{padding:var(--space-5)}.field-row{gap:var(--space-3);padding:var(--space-4) 0;grid-template-columns:48px 1fr}.field-control{grid-column:1/-1}.field-grid.two,.field-grid.three,.field-grid.four,.result-mini-grid{grid-template-columns:1fr}.action-row{align-items:flex-start;gap:var(--space-3);flex-direction:row}.ghost-button{width:auto}.result-card,.result-mini-grid .result-card{grid-template-columns:64px minmax(0,1fr)}}@media (max-width:420px){.calculator-card{padding:var(--space-4)}.number-input button,.number-input .affix{min-width:36px}.result-card,.result-mini-grid .result-card{grid-template-columns:1fr}.result-icon{min-height:56px}.conversion-footer{width:calc(100% - 32px);padding:var(--space-5)}.footer-benefit{gap:var(--space-3);grid-template-columns:52px minmax(0,1fr)}.footer-icon{width:52px;height:52px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}