:root{--navy:#082b3a;--navy-2:#0d3b4b;--ink:#102d36;--muted:#6b8186;--paper:#f4f1ea;--card:#fffdfa;--line:#dce5e1;--teal:#0c887e;--teal-soft:#d9efea;--orange:#e78a4a;--orange-soft:#fff0df;--shadow:0 22px 60px rgba(8,43,58,.10);font-family:'Manrope','Noto Sans SC',sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--paper);background-image:radial-gradient(circle at 78% 0%,rgba(112,213,196,.15),transparent 28rem),linear-gradient(120deg,rgba(8,43,58,.025) 1px,transparent 1px),linear-gradient(30deg,rgba(8,43,58,.02) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px}.page-shell{width:min(1160px,calc(100% - 40px));margin:auto}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(8,43,58,.12)}.brand{display:flex;align-items:center;gap:11px;color:var(--navy);text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--navy);color:#80dfcd;font-weight:800;font-size:20px}.brand strong{display:block;letter-spacing:.01em;font-size:15px}.brand small{display:block;margin-top:1px;color:var(--muted);font-size:10px;letter-spacing:.05em}.topbar-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-family:'DM Mono',monospace;font-size:11px}.live-dot{width:7px;height:7px;background:var(--teal);border-radius:50%;box-shadow:0 0 0 4px rgba(12,136,126,.12)}
.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding:68px 0 48px}.eyebrow,.step-label{margin:0;color:var(--teal);font:500 11px 'DM Mono',monospace;letter-spacing:.16em}.eyebrow span{color:var(--orange);margin:0 5px}.hero h1{margin:15px 0 16px;color:var(--navy);font-size:clamp(34px,5.3vw,64px);line-height:1.08;letter-spacing:-.055em;font-weight:800}.hero h1 em{font-style:normal;color:var(--teal)}.hero-lede{max-width:610px;margin:0;color:var(--muted);font-size:16px;line-height:1.75}.hero-stamp{width:235px;flex:0 0 235px;padding:19px 21px;border:1px solid rgba(12,136,126,.35);border-radius:16px;background:rgba(255,253,250,.7);box-shadow:inset 0 0 0 5px rgba(12,136,126,.045);transform:rotate(2deg)}.stamp-label{display:block;color:var(--muted);font:10px 'DM Mono',monospace;letter-spacing:.13em}.hero-stamp strong{display:block;margin:13px 0 7px;color:var(--navy);font-size:17px;letter-spacing:-.03em}.hero-stamp small{color:var(--teal);font:11px 'DM Mono',monospace}
.skill-panel{display:flex;justify-content:space-between;align-items:center;gap:18px;max-width:610px;margin-top:22px;padding:15px 17px;border:1px solid rgba(12,136,126,.25);border-radius:14px;background:rgba(255,253,250,.72);box-shadow:0 10px 24px rgba(8,43,58,.06)}.skill-panel-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.skill-panel-copy>span{color:var(--orange);font:500 9px 'DM Mono',monospace;letter-spacing:.15em}.skill-panel-copy strong{color:var(--navy);font-size:13px}.skill-panel-copy small{color:var(--muted);font-size:10px;line-height:1.5}.skill-panel-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;flex:none}.skill-panel-actions code{padding:5px 7px;border-radius:6px;background:var(--navy);color:#80dfcd;font:10px 'DM Mono',monospace}.skill-panel-actions button,.skill-panel-actions a{padding:6px 8px;border:1px solid #c9ddd8;border-radius:6px;background:#fff;color:var(--teal);font:600 10px 'Manrope','Noto Sans SC',sans-serif;text-decoration:none;cursor:pointer}.skill-panel-actions button:hover,.skill-panel-actions a:hover{border-color:var(--teal);background:#f0faf8}
.workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:18px;align-items:stretch}.calculator-card,.result-card,.panel{border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:var(--shadow)}.calculator-card{padding:30px 32px}.card-heading,.panel-heading,.result-topline{display:flex;justify-content:space-between;align-items:flex-start}.card-heading{margin-bottom:28px}.card-heading h2,.panel-heading h2{margin:8px 0 0;color:var(--navy);font-size:22px;letter-spacing:-.035em}.required-note{color:var(--muted);font-size:11px}.required-note i,.field-block label span,.duration-block legend span{color:var(--orange);font-style:normal}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-block{margin-bottom:21px}.field-block label,.duration-block legend{display:block;margin-bottom:9px;color:var(--navy);font-size:13px;font-weight:700}.input-wrap{display:flex;align-items:center;border:1px solid #cfdcd8;border-radius:11px;background:#fff;transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:var(--teal);box-shadow:0 0 0 4px rgba(12,136,126,.11)}.input-wrap input,.input-wrap select{width:100%;height:47px;border:0;outline:0;background:transparent;color:var(--navy);font:500 14px 'Manrope','Noto Sans SC',sans-serif}.search-wrap{padding-left:14px}.search-wrap input{padding:0 9px}.field-icon{color:var(--teal);font-size:21px;line-height:1}.kbd{margin-right:11px;padding:3px 6px;border:1px solid #d8e2de;border-radius:5px;color:#91a5a2;font:10px 'DM Mono',monospace;white-space:nowrap}.unit-wrap input{padding-left:14px}.unit{padding:0 14px;color:var(--teal);font:500 11px 'DM Mono',monospace}.select-wrap{padding:0 12px}.select-wrap select{appearance:none;cursor:pointer;background:linear-gradient(45deg,transparent 50%,var(--teal) 50%) calc(100% - 13px) 20px/6px 6px no-repeat,linear-gradient(135deg,var(--teal) 50%,transparent 50%) calc(100% - 9px) 20px/6px 6px no-repeat}.field-hint{display:flex;gap:7px;align-items:baseline;margin:7px 0 0;color:#8a9b9b;font-size:10px;line-height:1.5}.field-hint strong{color:var(--teal);font-weight:700;white-space:nowrap}.status-dot{width:6px;height:6px;flex:none;border-radius:50%;background:var(--teal);transform:translateY(-1px)}.duration-block{border:0;padding:0;margin:3px 0 22px}.duration-block legend{padding:0}.duration-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.duration-option{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:11px 12px;border:1px solid #d3dfdb;border-radius:11px;cursor:pointer;transition:.2s}.duration-option input{position:absolute;opacity:0}.duration-option span{display:flex;flex-direction:column;gap:4px}.duration-option strong{color:var(--navy);font-size:15px}.duration-option small{color:var(--muted);font-size:10px}.duration-option b{align-self:flex-start;padding:2px 5px;border-radius:4px;background:var(--teal-soft);color:var(--teal);font-size:9px;font-weight:700}.duration-option.is-active,.duration-option:has(input:checked){border-color:var(--teal);background:#f0faf8;box-shadow:inset 0 0 0 1px var(--teal)}.form-error{padding:10px 12px;border-radius:8px;background:#fff0ea;color:#b14e38;font-size:12px}.source-note{display:flex;gap:8px;align-items:flex-start;padding-top:18px;border-top:1px solid #edf1ee;color:#8a9b9b;font-size:10px;line-height:1.6}.source-icon{display:grid;place-items:center;width:16px;height:16px;flex:none;border-radius:50%;background:var(--navy);color:#fff;font:10px 'DM Mono',monospace}
.result-card{display:flex;flex-direction:column;padding:27px 27px 24px;background:var(--navy);color:#fff;overflow:hidden;position:relative}.result-card:after{content:'';position:absolute;width:210px;height:210px;right:-90px;top:-85px;border:1px solid rgba(128,223,205,.25);border-radius:50%;box-shadow:0 0 0 22px rgba(128,223,205,.04),0 0 0 46px rgba(128,223,205,.03)}.result-topline{position:relative;z-index:1;color:#a7c1c3;font-size:12px}.result-badge{padding:5px 8px;border-radius:5px;background:rgba(128,223,205,.15);color:#80dfcd;font:10px 'DM Mono',monospace}.amount-line{position:relative;z-index:1;display:flex;align-items:baseline;gap:8px;margin:49px 0 8px}.amount-line strong{font:500 clamp(36px,5vw,50px) 'DM Mono',monospace;letter-spacing:-.075em;color:#fff}.amount-line span{color:#80dfcd;font-size:14px}.result-caption{position:relative;z-index:1;margin:0;color:#a7c1c3;font-size:12px}.result-breakdown{position:relative;z-index:1;display:grid;gap:0;margin-top:32px;border-top:1px solid rgba(203,231,229,.16)}.result-breakdown div{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid rgba(203,231,229,.16)}.result-breakdown span{color:#87a8ac;font-size:11px}.result-breakdown strong{color:#fff;font:500 13px 'DM Mono',monospace}.result-breakdown small{color:#87a8ac;font-size:9px}.result-formula{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:15px 0 0;color:#87a8ac;font-size:10px}.result-formula strong{color:#80dfcd;font:11px 'DM Mono',monospace}.result-disclaimer{position:relative;z-index:1;margin:20px 0 0;color:#739195;font-size:10px;line-height:1.5}
.details-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-top:18px}.panel{padding:28px 29px;box-shadow:0 12px 35px rgba(8,43,58,.055)}.table-unit,.country-count{color:var(--muted);font:10px 'DM Mono',monospace}.rate-table-wrap{overflow:auto;margin-top:24px}.rate-table{width:100%}table{width:100%;border-collapse:collapse;font-size:11px}th{padding:0 10px 11px;text-align:left;color:var(--muted);font-weight:600;line-height:1.35}th:not(:first-child){text-align:center}th small{font:9px 'DM Mono',monospace}.ordinary-col{color:#bd7447}.preferential-col{color:var(--teal)}td{padding:13px 10px;border-top:1px solid #e7eeeb;color:var(--navy)}td:not(:first-child){text-align:center;font:11px 'DM Mono',monospace}td:first-child{font-weight:600;white-space:nowrap}.rate-row.is-selected td{background:#e5f4f0}.rate-row.is-selected td:first-child{border-left:3px solid var(--teal);padding-left:7px}.ordinary-values{color:#b86d40}.preferential-values{color:var(--teal);font-weight:600}.table-note,.country-intro{margin:17px 0 0;color:var(--muted);font-size:10px;line-height:1.6}.country-intro{max-width:390px}.country-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px;max-height:152px;overflow:hidden}.country-chip{padding:5px 8px;border:1px solid #dce7e3;border-radius:6px;color:#557176;background:#fbfdfb;font-size:10px}.country-chip.is-highlight{border-color:#92d8cd;background:var(--teal-soft);color:var(--teal);font-weight:700}.alert-note{display:flex;gap:9px;margin-top:20px;padding:10px 12px;border-left:3px solid var(--orange);background:var(--orange-soft);color:#8c6548;font-size:10px;line-height:1.5}.alert-note>span{display:grid;place-items:center;width:15px;height:15px;flex:none;border-radius:50%;background:var(--orange);color:#fff;font:bold 10px 'DM Mono',monospace}.alert-note p{margin:0}.alert-note strong{color:#a35c34}.alert-note b{font-weight:700;color:#9a5430}.rules-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:18px;padding:0 4px;border-top:1px solid rgba(8,43,58,.12);border-bottom:1px solid rgba(8,43,58,.12)}.rules-strip>div{display:flex;gap:13px;align-items:center;padding:18px 18px 18px 0}.rules-strip>div+div{padding-left:18px;border-left:1px solid rgba(8,43,58,.12)}.rule-number{color:var(--orange);font:500 12px 'DM Mono',monospace}.rules-strip p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.rules-strip strong{display:block;color:var(--navy);font-size:12px}.footer{display:flex;justify-content:space-between;padding:28px 0 44px;color:#8a9b9b;font:10px 'DM Mono',monospace}.footer a{color:var(--teal);text-decoration:none}
@media(max-width:820px){.hero{padding:50px 0 34px;display:block}.hero-stamp{margin-top:28px;width:220px}.workspace,.details-grid{grid-template-columns:1fr}.result-card{min-height:370px}.amount-line{margin-top:38px}.country-chips{max-height:190px}}@media(max-width:560px){.page-shell{width:min(100% - 24px,1160px)}.topbar{height:70px}.topbar-meta{font-size:9px}.hero h1{font-size:39px}.hero-lede{font-size:14px}.skill-panel{display:block}.skill-panel-actions{justify-content:flex-start;margin-top:11px}.calculator-card,.panel{padding:22px 18px}.form-row{grid-template-columns:1fr;gap:0}.duration-options{grid-template-columns:1fr}.duration-option{min-height:56px}.duration-option span{flex-direction:row;align-items:baseline;gap:8px}.duration-option b{position:absolute;right:10px}.footer{display:block;line-height:2}.footer span{display:block}.rules-strip{grid-template-columns:1fr}.rules-strip>div+div{padding-left:0;border-left:0;border-top:1px solid rgba(8,43,58,.12)}.rules-strip>div{padding:15px 0}.amount-line strong{font-size:40px}.kbd{display:none}}

/* Explicit duration columns and a high-contrast result amount. */
.amount-line{padding:12px 0 14px;border-top:1px solid rgba(128,223,205,.25);border-bottom:1px solid rgba(128,223,205,.25)}
.amount-line strong{display:block;white-space:nowrap;font-weight:700;font-size:clamp(40px,5vw,58px);letter-spacing:-.105em;text-shadow:0 0 24px rgba(128,223,205,.24)}
table{min-width:720px}
th{padding-left:8px;padding-right:8px;white-space:nowrap}
td{padding-left:8px;padding-right:8px}
.rate-row.is-selected td:first-child{padding-left:5px}
.is-duration-selected{box-shadow:inset 0 -3px 0 var(--orange)}

/* Amount treatment inspired by a clean quote-display pill. */
.amount-line{gap:10px;margin-top:49px;padding:0;border:0}
.amount-line strong{padding:9px 16px 11px;border-radius:999px;background:#f5f8f7;color:#164b63;font-family:'DM Mono',monospace;font-weight:500;font-size:clamp(36px,4.8vw,54px);letter-spacing:-.085em;text-shadow:none;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.amount-line span{color:#80dfcd;font-weight:700}

/* Financial-display treatment: currency marker + luminous quote plate. */
.amount-line{align-items:center;gap:8px;margin-top:42px;padding:15px 14px 16px;border:1px solid rgba(242,186,94,.52);border-radius:18px;background:linear-gradient(135deg,#f7f1df 0%,#fffdf6 55%,#e2f1ec 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 16px 30px rgba(0,0,0,.16)}
.amount-line strong{padding:0;background:transparent;color:#123f56;font-family:'DM Mono',monospace;font-size:clamp(36px,4.8vw,55px);font-weight:500;letter-spacing:-.09em;box-shadow:none}
.amount-line .currency-symbol{color:#c48732;font:600 clamp(26px,3.2vw,36px) 'Manrope',sans-serif;line-height:1}
.amount-line .currency-unit{margin-left:auto;color:#1b6d68;font-size:12px;letter-spacing:.04em}
.amount-uppercase{position:relative;z-index:1;display:flex;align-items:baseline;gap:9px;margin:11px 0 0;padding:9px 11px;border:1px solid rgba(128,223,205,.16);border-radius:9px;background:rgba(255,255,255,.07);line-height:1.45}.amount-uppercase span{color:#80dfcd;font:500 9px 'DM Mono',monospace;letter-spacing:.05em;white-space:nowrap}.amount-uppercase strong{color:#f5f1df;font:600 13px 'Noto Sans SC',sans-serif;letter-spacing:.08em;word-break:break-all}

.contact-float{position:fixed;right:22px;bottom:20px;z-index:20;display:flex;align-items:center;gap:12px;min-width:250px;padding:13px 16px;border:1px solid rgba(128,223,205,.3);border-radius:15px;background:rgba(8,43,58,.95);box-shadow:0 14px 36px rgba(8,43,58,.25);color:#eaf6f2}
.contact-float div{display:flex;flex-direction:column;gap:2px}.contact-float div+div{padding-left:12px;border-left:1px solid rgba(203,231,229,.2)}
.contact-float small{color:#80dfcd;font-size:9px;letter-spacing:.05em}.contact-float strong{font-size:11px;font-weight:600;white-space:nowrap}
@media(max-width:560px){.contact-float{right:12px;bottom:12px;min-width:0;max-width:calc(100% - 24px);gap:9px;padding:10px 11px}.contact-float div+div{padding-left:9px}.contact-float strong{font-size:10px}.contact-float small{font-size:8px}}

/* Stack the two contact methods vertically for quick scanning. */
.contact-float{display:grid;grid-template-columns:1fr;align-items:center;column-gap:0;row-gap:7px}
.contact-float div+div{padding:7px 0 0;border-left:0;border-top:1px solid rgba(203,231,229,.2)}
@media(max-width:560px){.contact-float{column-gap:9px;row-gap:4px}.contact-float div+div{padding:5px 0 0}}