:root{--navy:#071d2b;--navy-deep:#04131d;--navy-mid:#0b3447;--teal:#0b9b91;--teal-dark:#087f79;--teal-light:#63ddd2;--mint:#e9f8f5;--soft:#f4f8f7;--ink:#102a3a;--muted:#667983;--line:#dce9e7;--white:#fff;--red:#c25d4b;--amber:#d69a32;--shadow:0 18px 48px rgba(4,29,43,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{min-width:320px;margin:0;background:var(--soft);color:var(--ink);font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}button,input,select{font:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid rgba(11,155,145,.32);outline-offset:3px}.skip-link{position:fixed;z-index:500;top:8px;left:8px;padding:9px 14px;border-radius:9px;background:var(--navy);color:#fff;transform:translateY(-150%)}.skip-link:focus{transform:none}
.topbar{position:sticky;z-index:100;top:0;display:grid;min-height:72px;align-items:center;padding:0 28px;border-bottom:1px solid rgba(220,233,231,.9);background:rgba(255,255,255,.95);box-shadow:0 6px 24px rgba(7,29,43,.05);backdrop-filter:blur(18px);grid-template-columns:240px 1fr auto}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:800}.brand-mark{position:relative;display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:linear-gradient(145deg,var(--teal-light),var(--teal-dark));box-shadow:0 8px 20px rgba(6,69,72,.2)}.brand-mark:before,.brand-mark:after{position:absolute;border-radius:5px;background:#fff;content:""}.brand-mark:before{width:18px;height:2px}.brand-mark:after{width:2px;height:18px}.brand-mark span{z-index:1;width:6px;height:6px;border:2px solid #fff;border-radius:50%}.product-name{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.76rem}.product-name>span{width:1px;height:22px;margin-right:5px;background:var(--line)}.product-name strong{color:var(--ink)}.product-name em{padding:3px 7px;border-radius:20px;background:var(--mint);color:var(--teal-dark);font-size:.58rem;font-style:normal;font-weight:800}.top-actions{display:flex;gap:8px}.button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:9px 14px;border:1px solid transparent;border-radius:10px;cursor:pointer;font-size:.72rem;font-weight:800}.button.primary{background:var(--teal);color:#fff}.button.primary:hover{background:var(--teal-dark)}.button.secondary{border-color:var(--line);background:#fff;color:var(--ink)}
.app-shell{display:grid;min-height:calc(100vh - 72px);grid-template-columns:240px minmax(0,1fr)}.sidebar{position:sticky;top:72px;display:flex;height:calc(100vh - 72px);flex-direction:column;padding:26px 18px 22px;border-right:1px solid rgba(220,233,231,.85);background:var(--navy-deep);color:#fff}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:grid;align-items:center;padding:11px 12px;border-radius:9px;color:#a9bec7;font-size:.72rem;font-weight:700;grid-template-columns:28px 1fr}.sidebar nav a span{font-size:.56rem;opacity:.65}.sidebar nav a:hover,.sidebar nav a.active{background:#0b3447;color:#fff}.source-card{display:grid;margin-top:auto;padding:13px;border:1px solid #245064;border-radius:11px;background:#092636;gap:4px}.source-card small,.source-card span{color:#91aab4;font-size:.59rem}.source-card strong{font-size:.7rem}.back-site{margin-top:14px;padding:8px;color:#9ab1ba;font-size:.65rem;font-weight:700}.back-site:hover{color:#fff}
main{width:100%;max-width:1480px;margin:0 auto;padding:34px 38px 60px}.intro{display:flex;align-items:flex-start;justify-content:space-between;gap:26px}.eyebrow,.section-kicker{display:block;color:var(--teal-dark);font-size:.61rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.intro h1{margin:5px 0 7px;color:var(--navy-deep);font-size:clamp(2rem,3.5vw,3.15rem);line-height:1;letter-spacing:-.04em}.intro p{max-width:650px;margin:0;color:var(--muted);font-size:.84rem}.mvp-note{display:grid;min-width:265px;padding:12px 14px;border:1px solid #cfe9e5;border-radius:10px;background:var(--mint);gap:3px}.mvp-note strong{color:var(--teal-dark);font-size:.68rem}.mvp-note span{color:var(--muted);font-size:.59rem}
.scenario{margin-top:24px;padding:19px 21px;border:1px solid var(--line);border-radius:14px;background:#fff}.scenario-head,.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.scenario-head h2,.panel-title h2,.method-grid h2{margin:4px 0 0;color:var(--navy-deep);font-size:1.05rem;letter-spacing:-.025em}.scenario-head>span{color:var(--muted);font-size:.58rem}.controls{display:grid;margin-top:18px;grid-template-columns:1.5fr 1.15fr .7fr 1fr;gap:12px}.controls label{display:grid;color:var(--muted);font-size:.57rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;gap:6px}.controls select,.money-input{width:100%;height:42px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:.68rem;font-weight:700;text-transform:none}.controls select{padding:0 10px}.money-input{display:grid;align-items:center;overflow:hidden;grid-template-columns:34px 1fr}.money-input span{display:grid;height:100%;place-items:center;background:#f0f5f4;color:var(--muted);font-size:.59rem}.money-input input{width:100%;height:100%;padding:0 9px;border:0;outline:0;background:transparent;color:var(--ink);font-size:.7rem;font-weight:700}
.summary-grid{display:grid;margin-top:14px;grid-template-columns:1.15fr 1fr 1fr;gap:13px}.summary{display:flex;min-height:163px;flex-direction:column;align-items:flex-start;padding:21px;border:1px solid var(--line);border-radius:14px;background:#fff}.summary.primary{border-color:var(--navy-mid);background:linear-gradient(145deg,var(--navy),var(--navy-mid));color:#fff}.summary.difference{border-top:3px solid var(--red)}.summary>span{color:var(--muted);font-size:.67rem;font-weight:700}.summary.primary>span,.summary.primary>small,.summary.primary>em{color:#b9cbd2}.summary>strong{margin-top:16px;font-size:clamp(1.55rem,2.4vw,2.15rem);letter-spacing:-.04em}.summary>small{margin-top:7px;color:var(--muted);font-size:.56rem}.summary>em{margin-top:5px;font-size:.55rem;font-style:normal}.summary-bar{width:100%;height:4px;margin-top:auto;border-radius:5px;background:#245064;overflow:hidden}.summary-bar i{display:block;width:0;height:100%;border-radius:5px;background:var(--teal-light);transition:width .35s}.tag{margin-top:auto;padding:5px 8px;border-radius:20px;background:var(--mint);color:var(--teal-dark);font-size:.55rem}.tag.neutral{background:#eff3f2;color:#4f656f}.tag.negative{background:#fae9e6;color:#a24e3f}.tag.positive{background:#e4f5ee;color:#167252}
.content-grid{display:grid;margin-top:13px;grid-template-columns:1.65fr 1fr;gap:13px}.panel{padding:21px;border:1px solid var(--line);border-radius:14px;background:#fff}.panel-title>em{padding:5px 8px;border-radius:20px;background:#eff4f3;color:#526871;font-size:.55rem;font-style:normal;font-weight:700}.panel-title>em.verified{background:var(--mint);color:var(--teal-dark)}.journey-list{position:relative;display:grid;margin-top:19px}.journey-list:before{position:absolute;top:20px;bottom:20px;left:15px;width:1px;background:var(--line);content:""}.journey-row{position:relative;display:grid;align-items:center;padding:10px 0;grid-template-columns:31px 1fr auto;gap:12px}.journey-step{z-index:1;display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--muted);font-size:.55rem;font-weight:800}.journey-row.current .journey-step{border-color:var(--teal);background:var(--teal);box-shadow:0 0 0 4px var(--mint);color:#fff}.journey-copy,.journey-value{display:grid;gap:3px}.journey-copy strong,.journey-value strong{font-size:.68rem}.journey-copy span,.journey-value span{color:var(--muted);font-size:.55rem}.journey-value{text-align:right}.composition{display:flex;flex-direction:column}.donut{position:relative;display:grid;width:140px;height:140px;margin:22px auto 18px;place-items:center;border-radius:50%;background:conic-gradient(var(--teal) 0 60%,var(--teal-light) 60% 82%,#c8d4d1 82%)}.donut:after{position:absolute;width:93px;height:93px;border-radius:50%;background:#fff;content:""}.donut div{z-index:1;display:grid;text-align:center}.donut strong{font-size:1.35rem}.donut span{color:var(--muted);font-size:.56rem}.composition ul{display:grid;margin:auto 0 0;padding:0;list-style:none;gap:10px}.composition li{display:grid;align-items:center;color:var(--muted);font-size:.61rem;grid-template-columns:8px 1fr auto;gap:8px}.composition li i{width:8px;height:8px;border-radius:50%;background:var(--teal)}.composition li:nth-child(2) i{background:var(--teal-light)}.composition li:nth-child(3) i{background:#c8d4d1}.composition li strong{color:var(--ink);font-size:.61rem}
.apac-panel{margin-top:13px}.responsive-table{margin-top:17px;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.64rem;text-align:left}th{padding:9px 10px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.53rem;letter-spacing:.06em;text-transform:uppercase}td{padding:12px 10px;border-bottom:1px solid #edf2f0}td:first-child{color:var(--teal-dark);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.59rem}td:nth-child(3){font-weight:800;white-space:nowrap}.use-badge{padding:4px 7px;border-radius:20px;background:#eff4f3;color:#526871;font-size:.52rem}.use-badge.active{background:var(--mint);color:var(--teal-dark)}.callout{display:grid;margin-top:13px;padding:11px 13px;border-radius:9px;background:#f7f8e9;grid-template-columns:120px 1fr;gap:10px}.callout strong{color:#626532;font-size:.59rem}.callout p{margin:0;color:#747650;font-size:.56rem}
.method-grid{display:grid;margin-top:13px;grid-template-columns:1fr 1fr 1fr;gap:13px}.method-grid ul{display:grid;margin:14px 0 0;padding-left:17px;color:var(--muted);font-size:.61rem;gap:7px}.source-links{display:flex;flex-direction:column}.source-links a{margin-top:10px;padding:8px 0;border-bottom:1px solid var(--line);color:var(--teal-dark);font-size:.62rem;font-weight:700}.product-footer{display:flex;justify-content:space-between;gap:22px;margin-top:26px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:.55rem}.product-footer p{margin:0}.product-footer p:first-child{max-width:800px}
@media(max-width:1050px){.topbar{grid-template-columns:210px 1fr auto}.app-shell{grid-template-columns:210px}.controls{grid-template-columns:1fr 1fr}.method-grid{grid-template-columns:1fr 1fr}.source-links{grid-column:1/-1}}
@media(max-width:820px){.topbar{padding:0 18px;grid-template-columns:1fr auto}.product-name{display:none}.app-shell{grid-template-columns:1fr}.sidebar{position:relative;top:auto;display:block;width:100%;height:auto;padding:10px 14px;overflow-x:auto;border-right:0}.sidebar nav{display:flex;width:max-content}.sidebar nav a{grid-template-columns:auto;padding:9px 12px}.sidebar nav a span,.source-card,.back-site{display:none}main{padding:25px 20px 50px}.summary-grid,.content-grid{grid-template-columns:1fr}.method-grid{grid-template-columns:1fr}.source-links{grid-column:auto}.summary{min-height:145px}}
@media(max-width:560px){.topbar{min-height:64px;padding:0 12px}.top-actions .secondary{display:none}.app-shell{min-height:calc(100vh - 64px)}.sidebar{padding-inline:8px}.intro{display:grid}.mvp-note{min-width:0}.controls{grid-template-columns:1fr}.summary-grid{gap:10px}main{padding:22px 12px 44px}.scenario,.panel,.summary{padding:17px}.panel-title>em{display:none}.callout{grid-template-columns:1fr}.product-footer{display:grid}.journey-row{grid-template-columns:30px 1fr}.journey-value{grid-column:2;text-align:left}.responsive-table{margin-inline:-17px;padding-inline:17px}}
@media print{.topbar,.sidebar,.scenario,.button{display:none!important}.app-shell{display:block}.summary-grid,.content-grid,.method-grid{break-inside:avoid}main{max-width:none;padding:0}.panel,.summary{box-shadow:none}.product-footer{margin-top:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}