:root{--blue:#0868D2;--blue-dark:#0651AB;--orange:#FF890E;--ink:#12233B;--muted:#62718A;--page:#F7F9FE;--line:#E2E9F3;--navy:#101D32;--navy-soft:#17273F;--mint:#74E7CE;--card-shadow:0 20px 70px rgba(26,58,105,.08);font-synthesis:none}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--page);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:var(--blue);text-underline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #FFB24A;outline-offset:3px}svg{max-width:100%}.container{width:min(1120px,calc(100% - 40px));margin-inline:auto}.skip-link{position:absolute;left:-999px;top:8px;background:white;padding:10px 16px;z-index:999}.skip-link:focus{left:10px}.site-header{background:rgba(255,255,255,.92);border-bottom:1px solid #E5EBF5;position:relative;z-index:5}.header-inner{display:flex;align-items:center;gap:38px;justify-content:space-between;min-height:84px}.brand{display:inline-flex;align-items:center;flex:none}.brand img{display:block;max-width:100%;height:auto}.nav{display:flex;align-items:center;gap:27px;margin-left:auto}.nav a{font-size:14px;font-weight:700;color:#52637C;text-decoration:none;transition:color .2s}.nav a:hover,.nav .nav-current{color:var(--blue)}.header-cta{padding:10px 17px;border-radius:10px;background:#EAF3FF;color:var(--blue);font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap;transition:background .2s}.header-cta:hover{background:#D6E9FF}
.hero{text-align:center;padding-top:57px;padding-bottom:33px;position:relative}.hero::before{content:"";position:absolute;width:min(700px,92vw);height:340px;left:50%;top:0;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(83,159,255,.115),transparent 68%);pointer-events:none}.hero>*{position:relative}.hero-kicker{display:inline-flex;align-items:center;gap:9px;color:#1262BF;letter-spacing:.14em;font-size:11px;font-weight:850}.kicker-dot{width:8px;height:8px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 5px #FFB65F22}.hero h1{font-size:clamp(41px,6vw,69px);line-height:1.14;letter-spacing:-.055em;font-weight:850;margin:17px 0 15px}.hero h1 span{color:var(--blue)}.hero-subtitle{font-size:clamp(15px,1.65vw,18px);max-width:650px;margin:0 auto;color:#5B6B84;line-height:1.75}.hero-subtitle strong{color:#314F7A;font-weight:750}.trust-items{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:24px}.trust-items span{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:650;color:#5F7087}.trust-items svg{width:17px;height:17px;stroke:#26A77D;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.calculator-section{position:relative}.calculator-shell{display:grid;grid-template-columns:1.04fr .96fr;overflow:hidden;border-radius:24px;box-shadow:0 24px 76px rgba(15,34,68,.18);background:var(--navy)}.calculator-input{padding:38px 42px 33px;background:#11213A;color:#EDF3FF}.panel-eyebrow{font-weight:850;font-size:11px;letter-spacing:.14em;color:var(--mint);display:flex;align-items:center;gap:9px}.small-spark{font-size:15px}.panel-heading-row{display:flex;gap:12px;align-items:center;margin-top:13px}.panel-heading-row h2{font-size:clamp(25px,3vw,33px);letter-spacing:-.04em;line-height:1.2;margin:0;font-weight:850}.arrow-pair{color:var(--mint)}.live-tag{display:inline-flex;align-items:center;gap:7px;margin-left:auto;background:#1D3D3D;border:1px solid #34685B;color:#8AEDD2;padding:4px 9px;border-radius:99px;font-size:10px;font-weight:850;letter-spacing:.08em}.live-tag span{width:6px;height:6px;background:#78F5C6;border-radius:50%}.panel-desc{margin:10px 0 24px;font-size:13px;color:#B2C0D5}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#0C192E;border:1px solid #30415A;padding:5px;border-radius:13px;margin-bottom:25px}.mode-switch button{min-width:0;border:0;border-radius:9px;padding:11px 6px;font-weight:700;font-size:13px;color:#B0C0D6;background:transparent}.mode-switch button span{padding-inline:3px}.mode-switch button.active{background:#2D83DF;color:white;box-shadow:0 2px 12px #05244B}.field-label{display:block;color:#EBF4FF;font-size:13px;font-weight:750;margin-bottom:9px}.value-input-shell{display:flex;align-items:center;border-radius:13px;padding:0 16px;background:#0C192E;border:1px solid #3E587B;transition:border .2s}.value-input-shell:focus-within{border-color:#79B8FF;box-shadow:0 0 0 3px rgba(79,161,255,.13)}.value-input-shell input{border:0;outline:0!important;background:transparent;width:100%;min-width:0;padding:14px 0;color:#FFF;font-size:27px;font-weight:760;font-variant-numeric:tabular-nums;box-shadow:none!important}.input-unit{font-size:20px;font-weight:750;color:#74B6FF;margin-left:10px}.input-hint{font-size:11px;color:#96A9C5;min-height:21px;margin:8px 0 0}.input-hint.error{color:#FFAF9F}.offset-group{margin-top:22px;border-top:1px solid #30425A;padding-top:24px}.offset-topline{display:flex;align-items:center;gap:10px;justify-content:space-between}.offset-topline h3{font-size:15px;font-weight:800;margin:0}.optional-label{margin-left:5px;font-weight:750;font-size:9px;color:#899CB5;letter-spacing:.07em}.reset-link{border:0;background:none;color:#82BDF6;font-size:12px;text-decoration:underline;text-underline-offset:3px;padding:3px}.offset-info{font-size:12px;color:#9EAEC5;margin:7px 0 15px;line-height:1.5}.offset-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.offset-buttons button{border-radius:10px;border:1px solid #3D5373;background:#203350;color:#EDF5FF;padding:10px 5px;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;transition:.15s}.offset-buttons button:hover,.example-buttons button:hover{border-color:#85A8D8;background:#2D456A}.offset-buttons button.active{border-color:#FFAD58;background:#F78D2F;color:#15243A}.offset-status{color:#9CCEBF;min-height:20px;font-size:12px;margin:11px 0 0;line-height:1.6}.quick-examples{margin-top:23px;padding-top:17px;border-top:1px solid #30425A}.quick-examples p{font-size:10px;font-weight:800;letter-spacing:.1em;color:#A5B6CF;margin:0 0 12px}.example-buttons{display:flex;flex-wrap:wrap;gap:8px}.example-buttons button{font-size:12px;font-weight:700;border:1px solid #3C516F;border-radius:30px;background:#1D324F;padding:7px 13px;color:#CCDCEF}
.calculator-output{background:linear-gradient(143deg,#192A44 0%,#14243A 56%,#122036 100%);padding:39px 37px;display:flex;flex-direction:column;gap:17px}.result-card{background:#F6FBFF;color:#152D4F;padding:25px 26px 23px;border-radius:17px;box-shadow:0 10px 35px #0000001A}.result-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#65809D;letter-spacing:.13em;font-weight:850}.result-check{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;color:#16875E;background:#DDF8EE;font-weight:900;font-size:13px}.result-value-line{display:flex;align-items:center;margin-top:17px;overflow-wrap:anywhere;word-break:break-word}.result-value-wrap{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}#result{font-size:clamp(28px,3.3vw,44px);font-weight:830;line-height:1.2;letter-spacing:-.06em;color:#125DC0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:100%}.result-unit{font-size:18px;color:#4F759E;font-weight:700}.copy-button{display:inline-flex;align-items:center;gap:9px;background:white;color:#214F85;border:1px solid #D5E2F2;border-radius:9px;padding:9px 13px;margin-top:20px;font-size:12px;font-weight:750}.copy-button svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linejoin:round}.copy-button:disabled{opacity:.5;cursor:not-allowed}.result-details{border-top:1px solid #D8E5F4;margin-top:18px;padding-top:13px;display:grid;gap:9px;font-size:12px}.result-details[hidden]{display:none}.result-details div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px}.result-details span{color:#667B96}.result-details strong{color:#284F80;font-variant-numeric:tabular-nums}.angle-visual{border:1px solid #364967;background:radial-gradient(ellipse at 50% 60%,#263E5F 0,#18283F 74%);border-radius:15px;padding:15px 22px 6px;flex:1;display:flex;flex-direction:column;justify-content:center}.visual-header{display:flex;align-items:center;justify-content:space-between;letter-spacing:.13em;font-size:10px;font-weight:800;color:#B4C5DF}.visual-header-icon{font-size:18px;color:#9EBCD8}.angle-visual svg{display:block;width:min(100%,340px);align-self:center;max-height:228px}.visual-ring{fill:none;stroke:#4B6386;stroke-width:1.1;stroke-dasharray:4 7}.visual-axis{stroke:#354E70;stroke-width:1.1;stroke-dasharray:4 5}.visual-degree-label{font-size:10px;fill:#A2B7D3;font-weight:700}.visual-angle-label{font-size:13px;fill:#FFFFFF;font-weight:800}.visual-note{font-size:10px;color:#8EA3C0;text-align:center;margin:0 0 7px}.formula-chip{align-self:stretch;border-radius:9px;border:1px solid #36536F;background:#1C3550;color:#B7D6FF;text-align:center;font-size:12px;font-weight:750;padding:11px 15px}.below-calculator-note{text-align:center;color:#8795AA;font-size:11px;margin:14px 0 0}
.sponsor-wrap{margin-top:35px}.sponsor-banner{border-radius:19px;padding:28px 37px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(112deg,#171B31,#26223F 72%,#302955);color:white;position:relative;overflow:hidden}.sponsor-glow{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#836DE530,transparent 70%);left:27%;top:-115px;pointer-events:none}.sponsor-left,.sponsor-right{position:relative}.sponsor-left{flex:1}.sponsor-eyebrow{font-size:10px;letter-spacing:.15em;font-weight:800;color:#AAA5EB;margin:0 0 5px}.sponsor-brand{font-size:clamp(29px,4vw,42px);line-height:1.2;letter-spacing:-.035em;font-weight:900;color:#FFF}.sponsor-brand>span{color:#AE9EFF}.sponsor-brand .sponsor-dot{color:#F6A747}.sponsor-subtitle{font-size:13px;color:#C3BEDD;margin:5px 0 0}.sponsor-right{max-width:300px;text-align:right}.sponsor-right p{font-size:13px;color:#CECBE2;margin:0 0 15px}.sponsor-cta{border-radius:10px;background:#FFF;color:#272350;font-weight:900;font-size:11px;letter-spacing:.05em;display:inline-flex;gap:15px;align-items:center;justify-content:center;padding:12px 17px;text-decoration:none}.sponsor-cta:hover{background:#E5E2FF}
.content-section{margin-top:96px}.section-heading{text-align:center;max-width:660px;margin:0 auto 34px}.section-overline{font-size:11px;letter-spacing:.14em;color:var(--blue);font-weight:850}.section-heading h2,.rotation-banner h2{font-weight:850;font-size:clamp(27px,3.5vw,39px);letter-spacing:-.04em;line-height:1.2;margin:12px 0 12px}.section-heading p{color:var(--muted);font-size:15px;margin:0}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.info-card{background:white;border:1px solid var(--line);border-radius:18px;box-shadow:var(--card-shadow);padding:32px}.info-icon{display:inline-flex;align-items:center;justify-content:center;min-width:59px;height:51px;border-radius:13px;font-size:17px;font-weight:800}.blue-icon{background:#E8F2FF;color:#1972CF}.orange-icon{background:#FFF2E1;color:#DF780F}.info-card h3{font-size:20px;letter-spacing:-.025em;margin:19px 0 7px}.info-card p{font-size:14px;color:var(--muted);margin:0;line-height:1.7}.math-formula{margin:18px 0 11px;background:#F0F5FC;padding:15px;border-radius:10px;text-align:center;font-size:18px;font-weight:800;color:#154C91;overflow-wrap:anywhere}.info-card p.formula-example{font-size:12px;color:#73849B}.examples-section{max-width:1000px}.angle-table-wrap{background:white;border:1px solid var(--line);border-radius:16px;box-shadow:var(--card-shadow);overflow:auto}.angle-table{border-collapse:collapse;width:100%;text-align:left;min-width:410px}.angle-table th{background:#EFF5FD;color:#41607F;font-size:12px;letter-spacing:.045em;font-weight:850}.angle-table th,.angle-table td{padding:14px 22px;border-bottom:1px solid #E6EDF6}.angle-table tr:last-child td{border-bottom:0}.angle-table td{font-size:14px;font-weight:600;color:#364D68;font-variant-numeric:tabular-nums}.angle-table td:first-child{color:var(--blue);font-weight:800}.angle-table tbody tr:nth-child(even){background:#FBFCFE}.tip-card{background:#EAF4FF;border:1px solid #D5E8FE;border-radius:13px;padding:19px 22px;margin-top:19px;display:flex;gap:14px;align-items:flex-start}.tip-card p{font-size:13px;color:#365875;margin:0;line-height:1.7}.tip-card code{color:#1957A7;background:white;padding:2px 5px;border-radius:3px}.rotation-banner{display:flex;align-items:center;justify-content:space-between;gap:60px;border-radius:20px;padding:42px 52px;background:linear-gradient(135deg,#F0F6FF,#E4F0FF);border:1px solid #D7E8FC}.rotation-banner>div:first-child{max-width:620px}.rotation-banner h2{margin:11px 0}.rotation-banner p{font-size:14px;line-height:1.75;color:#4E6480;margin:0 0 15px}.text-link{font-weight:800;font-size:13px;text-decoration:none}.rotation-decoration{white-space:nowrap;display:flex;align-items:center;gap:12px;color:var(--blue)}.rotation-decoration span:first-child{font-size:24px;font-weight:750;opacity:.65}.rotation-decoration .rotation-arrow{color:var(--orange);font-size:52px;line-height:1}.rotation-decoration strong{font-size:36px;color:#0A5FBF}.faq-section{max-width:900px;margin-bottom:105px}.faq-list{display:grid;gap:11px}.faq-list details{background:#FFF;border:1px solid var(--line);border-radius:12px;overflow:hidden}.faq-list summary{cursor:pointer;list-style:none;font-weight:750;font-size:15px;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:26px;color:var(--blue);font-weight:350;line-height:1;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:0;padding:0 22px 21px;color:#5D6F89;font-size:14px;line-height:1.75}.footer{background:#EBF1F9;border-top:1px solid #DDE7F4;padding-top:52px}.footer-inner{display:flex;justify-content:space-between;gap:35px}.footer-main img{display:block;height:auto}.footer-main p{color:#637791;font-size:13px;margin:3px 0 13px}.footer-main span{color:#667E98;font-size:12px}.footer-main a{font-weight:700;text-decoration:none}.heart{color:#F08F35!important}.footer-nav{display:flex;align-items:start;flex-wrap:wrap;gap:19px}.footer-nav a{font-size:13px;font-weight:650;color:#536C8A;text-decoration:none}.footer-bottom{margin-top:35px;border-top:1px solid #D5E1EF;padding-block:18px;display:flex;justify-content:space-between;gap:20px;color:#8B99AC}.footer-bottom small,.footer-bottom a{font-size:11px;color:#8193A8;text-decoration:none}
/* Legal pages */.legal-main{max-width:900px;margin-top:65px;margin-bottom:85px}.legal-breadcrumb{color:#6F829C;font-size:13px}.legal-breadcrumb a{text-decoration:none}.legal-main h1{font-size:clamp(30px,4vw,45px);letter-spacing:-.045em;margin:16px 0 7px}.legal-lead{color:#647891;margin:0 0 28px}.legal-card{background:#FFF;border:1px solid var(--line);box-shadow:var(--card-shadow);border-radius:18px;padding:35px;overflow-wrap:anywhere}.legal-card h2{font-size:21px;margin:26px 0 9px;letter-spacing:-.02em}.legal-card h2:first-child{margin-top:0}.legal-card h3{font-size:16px;margin:22px 0 8px}.legal-card p,.legal-card li{font-size:14px;color:#4F6380;line-height:1.8}.legal-card ul{padding-left:23px}.todo{background:#FFF7DB;border:1px solid #EBCB6A;padding:15px;border-radius:10px;color:#785F18;font-weight:700;font-size:13px}.placeholder{background:#FFF2EB;color:#935122;border-radius:4px;padding:2px 5px;font-weight:750}.legal-contact{line-height:1.9}.legal-card a{font-weight:700}.legal-card .note{background:#EDF5FF;color:#456786;border-radius:9px;padding:12px 15px;font-size:13px}
@media(max-width:1050px){.container{width:min(100% - 38px,980px)}.header-inner{gap:16px}.nav{gap:16px}.calculator-input{padding:34px 30px}.calculator-output{padding:35px 28px}.sponsor-banner{padding:27px}.rotation-banner{gap:24px;padding:35px}}
@media(max-width:760px){.header-inner{min-height:75px}.brand img{width:220px}.nav{display:none}.header-cta{font-size:12px;padding:9px 11px}.hero{padding-top:37px}.hero h1{margin:13px 0 11px}.trust-items{gap:8px 16px}.calculator-shell{grid-template-columns:1fr}.calculator-input{padding:29px 26px}.calculator-output{padding:22px 26px 28px;gap:14px}.angle-visual{max-height:280px}.angle-visual svg{max-height:200px}.sponsor-banner{flex-direction:column;align-items:flex-start;gap:16px}.sponsor-right{text-align:left;max-width:none}.sponsor-right p{margin:0 0 12px}.content-section{margin-top:65px}.info-grid{grid-template-columns:1fr}.rotation-banner{flex-direction:column;align-items:flex-start}.footer-inner{flex-direction:column}.footer-nav{gap:16px 23px}.faq-section{margin-bottom:70px}}
@media(max-width:470px){.container{width:calc(100% - 26px)}.header-inner{min-height:66px}.brand img{width:194px}.header-cta{font-size:10px;padding:8px 9px}.hero{padding-top:31px;padding-bottom:24px}.hero-kicker{font-size:9px;letter-spacing:.1em}.hero h1{font-size:39px}.hero-subtitle{font-size:14px}.trust-items span{font-size:10px}.calculator-shell{border-radius:17px}.calculator-input{padding:26px 20px}.calculator-output{padding:19px 17px 24px}.panel-heading-row h2{font-size:27px}.mode-switch button{font-size:12px}.offset-buttons{gap:6px}.offset-buttons button{font-size:13px;padding:10px 3px}.result-card{padding:22px 19px}.result-value-wrap{gap:6px}#result{font-size:32px}.angle-visual{padding:12px 14px 2px}.sponsor-wrap{margin-top:24px}.sponsor-banner{padding:24px 22px}.sponsor-brand{font-size:35px}.section-heading h2,.rotation-banner h2{font-size:28px}.info-card{padding:25px}.rotation-banner{padding:28px}.faq-list summary{font-size:14px;padding:17px}.faq-list details p{padding:0 17px 18px}.footer{padding-top:32px}.legal-main{margin-top:38px}.legal-card{padding:22px}.legal-main h1{font-size:33px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

@media(max-width:370px){.brand img{width:158px}.header-cta{font-size:10px;padding:7px 8px}.header-inner{gap:9px}.hero h1{font-size:35px}.panel-heading-row h2{font-size:24px}.panel-heading-row{gap:6px}.live-tag{font-size:9px;padding:4px 6px}.value-input-shell input{font-size:24px}}