:root {
    --brand:#4eb39a;--brand-dk:#3a9b83;--brand-deep:#0e2d27;
    --accent-lt:#e1f5ee;--text:#1a2e2b;--muted:#5f7a74;
    --border:rgba(78,179,154,0.18);--shadow:0 2px 14px rgba(14,45,39,0.09);
    --radius:10px;--amber:#d97706;--red:#dc2626;--green:#16a34a;
}
*,*::before,*::after{box-sizing:border-box;}
.cp{background:#f5f9f8;padding-bottom:4rem;font-family:'DM Sans',sans-serif;color:var(--text);}

/* HERO */
.cp-hero{background:linear-gradient(145deg,#0e2d27 0%,#1b4d40 55%,#0d3530 100%);padding:1.8rem 1.5rem 1.5rem;position:relative;overflow:hidden;}
.cp-hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 65% 50%,rgba(78,179,154,.1) 0%,transparent 70%);}
.cp-hero-inner{max-width:1240px;margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;position:relative;z-index:1;}
.cp-hero h1{font-size:clamp(1.3rem,3vw,1.8rem);font-weight:700;color:#fff;line-height:1.2;margin-bottom:.4rem;}
.cp-hero h1 em{color:#6fd1b3;font-style:normal;}
.cp-hero p{color:rgba(255,255,255,.7);font-size:.85rem;max-width:520px;line-height:1.5;}
.hero-tags{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.7rem;}
.hero-tag{font-size:.65rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:16px;background:rgba(78,179,154,.15);color:#6fd1b3;border:1px solid rgba(78,179,154,.3);}
.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem;min-width:190px;}
.hstat{background:rgba(255,255,255,.07);border:1px solid rgba(78,179,154,.2);border-radius:7px;padding:.5rem .7rem;text-align:center;}
.hstat .v{font-size:.95rem;font-weight:700;color:#6fd1b3;display:block;}
.hstat .l{font-size:.62rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.03em;}

/* TOP BAR */
.cp-topbar{max-width:1240px;margin:1rem auto 0;padding:0 1.25rem;display:flex;flex-wrap:wrap;gap:.75rem;align-items:stretch;}
.tb-group{display:flex;flex-direction:column;gap:.3rem;flex:1;min-width:180px;}
.tb-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);}
.mode-toggle{display:inline-flex;background:#fff;border:1.5px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:var(--shadow);width:100%;min-height:42px;}
.mode-btn{padding:.55rem 1.1rem;font-size:.82rem;font-weight:600;border:none;background:transparent;cursor:pointer;color:var(--muted);transition:background .18s,color .18s;flex:1;box-sizing:border-box;}
.mode-btn.active{background:var(--brand);color:#fff;}
.tb-sel{padding:.55rem .7rem;border:1.5px solid var(--border);border-radius:8px;font-size:.83rem;color:var(--text);background:#fff;font-family:inherit;cursor:pointer;box-shadow:var(--shadow);width:100%;min-height:42px;box-sizing:border-box;}
.tb-sel:focus{outline:none;border-color:var(--brand);}
.tb-group .inp{padding:.55rem .7rem;min-height:42px;box-sizing:border-box;}
.inp:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(78,179,154,.14);}

/* BANNER */
.mode-banner{max-width:1240px;margin:.6rem auto 0;padding:0 1.25rem;}
.mb-inner{background:var(--accent-lt);border:1px solid rgba(78,179,154,.3);border-radius:8px;padding:.6rem 1rem;font-size:.8rem;color:var(--text);display:flex;align-items:flex-start;gap:.5rem;line-height:1.5;}

/* SCENARIOS */
.scenario-bar{max-width:1240px;margin:.9rem auto 0;padding:0 1.25rem;display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;}
.sc-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-right:.2rem;}
.sc-pill{padding:.35rem .8rem;border-radius:20px;font-size:.77rem;font-weight:600;border:1.5px solid var(--border);background:#fff;color:var(--muted);cursor:pointer;transition:all .18s;}
.sc-pill:hover{border-color:var(--brand);color:var(--brand);background:var(--accent-lt);}
.sc-pill.reset-pill{border-color:rgba(220,38,38,.3);color:var(--red);}
.sc-pill.reset-pill:hover{background:#fff5f5;border-color:var(--red);}

/* MAIN GRID */
.cp-wrap{max-width:1240px;margin:1.25rem auto 0;padding:0 1.25rem;display:grid;grid-template-columns:1fr 360px;gap:1.25rem;}
@media(max-width:960px){.cp-wrap{grid-template-columns:1fr;}}

/* SECTION HEADER */
.sh{font-size:.69rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:.45rem 0 .2rem;border-bottom:1px dashed var(--border);margin-bottom:.7rem;margin-top:.3rem;}

/* CARDS */
.cc{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:.9rem;overflow:hidden;}
.cc:last-child{margin-bottom:0;}
.cc-hd{padding:.8rem 1.05rem;display:flex;align-items:center;gap:.65rem;cursor:pointer;user-select:none;background:linear-gradient(90deg,#f0faf6 0%,#fff 100%);border-bottom:1px solid transparent;transition:border-color .2s;}
.cc-hd.open{border-bottom-color:var(--border);}
.cc-ico{width:28px;height:28px;border-radius:7px;background:var(--accent-lt);display:flex;align-items:center;justify-content:center;font-size:.88rem;flex-shrink:0;}
.cc-ti{font-size:.88rem;font-weight:700;color:var(--text);line-height:1.2;}
.cc-su{font-size:.7rem;color:var(--muted);margin-top:1px;}
.cc-pill{margin-left:auto;font-size:.72rem;font-weight:700;color:var(--brand);background:var(--accent-lt);padding:2px 8px;border-radius:12px;white-space:nowrap;flex-shrink:0;}
.cc-ch{flex-shrink:0;color:var(--muted);transition:transform .25s;}
.cc-hd.open .cc-ch{transform:rotate(180deg);}
.cc-bd{padding:1.05rem;display:none;}
.cc-bd.open{display:block;}

/* FIELDS */
.fg{margin-bottom:.85rem;}
.fg:last-child{margin-bottom:0;}
.fl{display:flex;align-items:center;gap:.35rem;font-size:.79rem;font-weight:600;color:var(--text);margin-bottom:.28rem;}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;}
.frow3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.65rem;}
@media(max-width:540px){.frow,.frow3{grid-template-columns:1fr;}}
.tip{width:14px;height:14px;border-radius:50%;background:var(--accent-lt);color:var(--brand);font-size:.58rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:help;position:relative;flex-shrink:0;}
.tip:hover::after{content:attr(data-tip);position:absolute;left:18px;top:-4px;z-index:999;background:#1a2e2b;color:#fff;font-size:.69rem;font-weight:400;line-height:1.45;padding:7px 11px;border-radius:7px;width:240px;white-space:normal;pointer-events:none;box-shadow:0 4px 16px rgba(0,0,0,.25);}
/* ADDED: info callout for 3P STT/TTS and included-in panel */
.info-callout{background:#fffbeb;border:1px solid #d97706;border-radius:7px;padding:.55rem .9rem;font-size:.76rem;color:#92400e;line-height:1.55;margin-bottom:.75rem;display:flex;gap:.45rem;align-items:flex-start;}
.info-callout .ico{flex-shrink:0;font-size:.9rem;}
/* ADDED: included-in badge */
.included-badge{display:inline-block;font-size:.7rem;font-weight:700;background:#e1f5ee;color:#16a34a;border:1px solid rgba(22,163,74,.25);border-radius:12px;padding:2px 8px;margin-left:.35rem;}
/* ADDED: AI unlimited what's included panel */
.inc-panel{background:var(--accent-lt);border:1px solid rgba(78,179,154,.3);border-radius:8px;margin-bottom:.9rem;overflow:hidden;}
.inc-panel-hd{padding:.6rem .9rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.81rem;font-weight:700;color:var(--brand);user-select:none;}
.inc-panel-bd{padding:0 .9rem .8rem;display:none;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.4rem;}
.inc-panel-bd.open{display:grid;}
.inc-item{font-size:.76rem;color:var(--text);display:flex;align-items:center;gap:.4rem;}
.inc-item::before{content:'✓';color:var(--brand);font-weight:700;flex-shrink:0;}
.inp{width:100%;padding:.55rem .7rem;border:1.5px solid var(--border);border-radius:7px;font-size:.84rem;color:var(--text);background:#fafffe;font-family:inherit;transition:border-color .18s,box-shadow .18s;min-height:42px;height:auto;box-sizing:border-box;}
.inp:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(78,179,154,.14);}
.inp[type=range]{padding:0;height:4px;border:none;background:transparent;box-shadow:none;cursor:pointer;accent-color:var(--brand);min-height:auto;}
.iu{position:relative;}
.iu .unit{position:absolute;right:.55rem;top:50%;transform:translateY(-50%);font-size:.68rem;color:var(--muted);font-weight:700;pointer-events:none;}
.rrow{display:grid;grid-template-columns:1fr 75px;gap:.4rem;align-items:center;margin-bottom:.32rem;}
.rval{text-align:right;font-size:.8rem;font-weight:700;color:var(--brand);font-variant-numeric:tabular-nums;}
.sel{width:100%;padding:.55rem .7rem;border:1.5px solid var(--border);border-radius:7px;font-size:.84rem;color:var(--text);background:#fafffe;font-family:inherit;cursor:pointer;min-height:42px;height:auto;box-sizing:border-box;}
.sel:focus{outline:none;border-color:var(--brand);}

/* TOGGLE PILLS (feature checkboxes) */
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:.45rem;margin-top:.45rem;}
.tpill{display:flex;align-items:center;gap:.45rem;padding:.5rem .7rem;border-radius:8px;border:1.5px solid var(--border);background:#fafffe;cursor:pointer;transition:all .18s;font-size:.76rem;font-weight:600;color:var(--muted);user-select:none;}
.tpill input{display:none;}
.tpill .dot{width:7px;height:7px;border-radius:50%;background:var(--border);flex-shrink:0;transition:background .18s;}
.tpill:has(input:checked){border-color:var(--brand);background:var(--accent-lt);color:var(--text);}
.tpill:has(input:checked) .dot{background:var(--brand);}
.tpill .pp{margin-left:auto;font-size:.66rem;color:var(--muted);font-weight:600;}

/* HINT */
.hint{font-size:.74rem;color:var(--muted);line-height:1.55;margin-bottom:.75rem;padding:.5rem .7rem;background:var(--accent-lt);border-left:3px solid var(--brand);border-radius:0 6px 6px 0;}
.divider{border:none;border-top:1px dashed var(--border);margin:.8rem 0;}

/* COMPARE TABLE */
.cmp-tbl{width:100%;border-collapse:collapse;font-size:.79rem;}
.cmp-tbl th{background:var(--brand-deep);color:#fff;padding:.48rem .7rem;text-align:left;font-weight:700;font-size:.7rem;}
.cmp-tbl th:not(:first-child){text-align:right;}
.cmp-tbl td{padding:.42rem .7rem;border-bottom:1px solid var(--border);}
.cmp-tbl td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums;font-weight:600;}
.cmp-tbl tr:nth-child(even) td{background:#f9fcfb;}
.cmp-tbl .tr-tot td{font-weight:800;background:var(--accent-lt);color:var(--brand);}

/* SUMMARY */
.sum-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);position:sticky;top:80px;}
.sum-hd{background:linear-gradient(135deg,#0e2d27 0%,#1a4a3d 100%);border-radius:var(--radius) var(--radius) 0 0;padding:1.05rem 1.2rem;}
.sum-badge{font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.45);margin-bottom:.15rem;}
.sum-total-row{display:flex;align-items:flex-end;gap:.45rem;}
.sum-total{font-size:1.85rem;font-weight:800;color:#6fd1b3;font-variant-numeric:tabular-nums;line-height:1;}
.sum-total .cur{font-size:1.05rem;vertical-align:super;font-weight:600;}
.sum-ann{font-size:.76rem;color:rgba(255,255,255,.45);margin-top:.2rem;}
.sum-ann strong{color:rgba(255,255,255,.7);}
.sum-body{padding:.85rem 1.05rem;max-height:420px;overflow-y:auto;}
.sum-body::-webkit-scrollbar{width:4px;}
.sum-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px;}
@media print{
    .sum-body{max-height:none!important;overflow-y:visible!important;page-break-inside:avoid;}
    .cc-bd{display:block!important;}
}
.sum-sect{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--brand);margin:.65rem 0 .22rem;padding-top:.45rem;border-top:1px dashed var(--border);}
.sum-sect:first-child{margin-top:0;padding-top:0;border-top:none;}
.sum-line{display:flex;justify-content:space-between;align-items:baseline;font-size:.77rem;padding:.2rem 0;gap:.4rem;}
.sum-line .n{color:var(--muted);flex:1;min-width:0;}
.sum-line .c{font-weight:700;color:var(--text);white-space:nowrap;}
.sum-grand-divider{border:none;border-top:2px solid var(--brand);margin:.75rem 0 .45rem;}
.sum-grand{display:flex;justify-content:space-between;font-weight:800;font-size:.9rem;}
.sum-grand .gc{color:var(--brand);}
.sum-actions{padding:.85rem 1.05rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.45rem;}
.btn-p{display:block;width:100%;text-align:center;padding:.58rem 1rem;border-radius:7px;font-size:.84rem;font-weight:700;cursor:pointer;border:none;background:var(--brand);color:#fff;transition:background .18s,transform .15s;text-decoration:none;}
.btn-p:hover{background:var(--brand-dk);transform:translateY(-1px);}
.btn-s{display:block;width:100%;text-align:center;padding:.52rem 1rem;border-radius:7px;font-size:.84rem;font-weight:700;cursor:pointer;background:transparent;color:var(--brand);border:1.5px solid var(--brand);transition:background .18s;text-decoration:none;}
.btn-s:hover{background:var(--accent-lt);}
.sum-note{font-size:.66rem;color:var(--muted);text-align:center;margin-top:.3rem;line-height:1.4;}

/* COMPARE WRAP */
.cp-cmp{max-width:1240px;margin:1.5rem auto 0;padding:0 1.25rem;}

/* SEO */
.seo-wrap{max-width:1240px;margin:2.5rem auto 0;padding:0 1.25rem;}
.seo-title{font-size:1.12rem;font-weight:700;color:var(--text);margin-bottom:.22rem;}
.seo-sub{font-size:.83rem;color:var(--muted);margin-bottom:.9rem;}
.seo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.85rem;}
.seo-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.05rem;box-shadow:var(--shadow);}
.seo-card h3{font-size:.88rem;font-weight:700;color:var(--text);margin-bottom:.35rem;}
.seo-card p,.seo-card li{font-size:.78rem;color:var(--muted);line-height:1.6;}
.seo-card ul{padding-left:.95rem;margin-top:.22rem;}
.faq-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.05rem;box-shadow:var(--shadow);margin-top:.9rem;}
.faq-it{border-bottom:1px solid var(--border);padding:.75rem 0;}
.faq-it:first-child{padding-top:0;}
.faq-it:last-child{border-bottom:none;padding-bottom:0;}
.faq-q{font-size:.865rem;font-weight:700;color:var(--text);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:.7rem;}
.faq-a{font-size:.78rem;color:var(--muted);line-height:1.65;margin-top:.35rem;display:none;}
.faq-a.open{display:block;}
.notice{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1.05rem;box-shadow:var(--shadow);display:flex;gap:.65rem;align-items:flex-start;margin-top:.9rem;}
.notice p{font-size:.76rem;color:var(--muted);line-height:1.6;}
.notice a{color:var(--brand);}

@media print{.cp-hero,.cp-topbar,.scenario-bar,.sum-actions,.seo-wrap,.cp-cmp{display:none!important;}.cp-wrap{grid-template-columns:1fr;}.sum-card{position:static;}.cc-bd{display:block!important;}.sum-body{max-height:none!important;overflow-y:visible!important;page-break-inside:avoid;}}

/* CHART */
.chart-wrap{margin-top:.9rem;padding:.75rem;background:#f5f9f8;border-radius:8px;border:1px solid var(--border);}
.chart-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:.55rem;}
.chart-bars{display:flex;flex-direction:column;gap:.42rem;}
.chart-row{display:grid;grid-template-columns:130px 1fr 70px;align-items:center;gap:.5rem;font-size:.73rem;}
.chart-label{color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.chart-bar-bg{background:rgba(78,179,154,.12);border-radius:4px;height:12px;overflow:hidden;}
.chart-bar-fill{height:100%;border-radius:4px;background:var(--brand);transition:width .35s ease;}
.chart-val{text-align:right;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;}

/* UTIL WARNING */
.util-warn{display:none;background:#fffbeb;border:1px solid var(--amber);border-radius:8px;padding:.6rem .9rem;font-size:.76rem;color:#92400e;line-height:1.55;margin-top:.6rem;}
.util-warn.show{display:flex;gap:.45rem;align-items:flex-start;}



/* DID SECTION */
.did-section{background:#fff9f0;border:1px solid rgba(217,119,6,.3);border-radius:8px;padding:.9rem 1.05rem;margin-bottom:.8rem;}
.did-section-title{font-size:.78rem;font-weight:700;color:#92400e;margin-bottom:.35rem;display:flex;align-items:center;gap:.4rem;}
.did-section p{font-size:.74rem;color:#78350f;line-height:1.6;margin-bottom:.5rem;}
.did-country-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.45rem;margin:.5rem 0;}
.did-country-item{background:#fff;border:1px solid rgba(217,119,6,.2);border-radius:6px;padding:.45rem .65rem;font-size:.72rem;}
.did-country-item .country-name{font-weight:700;color:var(--text);margin-bottom:.15rem;}
.did-country-item .country-rates{color:var(--muted);line-height:1.5;}
.did-custom-calc{background:#fff;border:1px dashed rgba(217,119,6,.4);border-radius:7px;padding:.75rem;margin-top:.5rem;}
.did-custom-calc .sh{border-color:rgba(217,119,6,.3);color:#92400e;}

/* INFRA SECTION */
.infra-note{background:#f0f4ff;border:1px solid rgba(79,70,229,.2);border-radius:7px;padding:.55rem .85rem;font-size:.74rem;color:#3730a3;line-height:1.55;margin-bottom:.75rem;display:flex;gap:.4rem;}

/* ROI TABLE */
.roi-tbl{width:100%;border-collapse:collapse;font-size:.78rem;margin-top:.5rem;}
.roi-tbl th{background:var(--brand-deep);color:#fff;padding:.45rem .65rem;text-align:left;font-size:.69rem;font-weight:700;}
.roi-tbl th:not(:first-child){text-align:right;}
.roi-tbl td{padding:.4rem .65rem;border-bottom:1px solid var(--border);}
.roi-tbl td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums;font-weight:600;}
.roi-tbl tr:nth-child(even) td{background:#f9fcfb;}
.roi-tbl .tr-save td{background:var(--accent-lt);color:var(--green);font-weight:800;}
.roi-savings-callout{background:var(--accent-lt);border:1px solid rgba(22,163,74,.3);border-radius:8px;padding:.8rem 1rem;margin-top:.7rem;display:flex;align-items:center;gap:.75rem;}
.roi-savings-callout .big-save{font-size:1.5rem;font-weight:800;color:var(--green);font-variant-numeric:tabular-nums;}
.roi-savings-callout .save-label{font-size:.76rem;color:var(--muted);line-height:1.45;}