:root{
  --navy:#0A192F;
  --navy-raised:#10223D;
  --navy-line:#22365A;
  --aqua:#00FFD6;
  --aqua-ink:#00715F;
  --paper:#F4F7FA;
  --white:#FFFFFF;
  --ink:#0A192F;
  --muted:#53627A;
  --muted-on-navy:#A3B3CA;
  --line:#D6DDE7;
  --sans:"Archivo", "Helvetica Neue", Arial, sans-serif;
  --serif:"Source Serif 4", Georgia, "Times New Roman", serif;
  --wrap:1180px;
  --gutter:clamp(20px, 4vw, 40px);
  box-sizing:border-box;
}
*,*::before,*::after{box-sizing:inherit}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--aqua);outline-offset:3px;border-radius:2px}
.on-light :focus-visible{outline-color:var(--aqua-ink)}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.skip{position:absolute;left:-999px;top:8px;background:var(--aqua);color:var(--navy);padding:8px 14px;z-index:100;font-weight:600}
.skip:focus{left:8px}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:var(--navy);border-bottom:1px solid var(--navy-line);padding-top:env(safe-area-inset-top,0px)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:24px}
.brand img{height:40px;width:auto}
.nav{display:flex;align-items:center;gap:28px}
.nav a{color:var(--muted-on-navy);text-decoration:none;font-size:15px;font-weight:500}
.nav a:hover{color:var(--white)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--sans);font-weight:650;font-size:16px;text-decoration:none;border-radius:6px;padding:13px 22px;border:2px solid transparent;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}
.btn-aqua{background:var(--aqua);color:var(--navy)}
.btn-aqua:hover{background:#7DFFE9}
.btn-ghost{border-color:var(--navy-line);color:var(--white)}
.btn-ghost:hover{border-color:var(--aqua)}
.nav .btn{padding:9px 16px;font-size:15px;color:var(--navy)}
.nav .btn:hover{color:var(--navy)}
.menu-toggle{display:none;background:none;border:1px solid var(--navy-line);color:var(--white);border-radius:6px;padding:8px 12px;font:600 15px var(--sans);cursor:pointer}

/* Hero */
.hero{background:var(--navy);color:var(--white);padding:clamp(56px,9vw,112px) 0 0}
.hero h1{font-size:clamp(36px,5.4vw,76px);line-height:1.02;font-weight:800;font-stretch:112%;letter-spacing:-0.025em;margin:0;max-width:22ch;text-wrap:balance}
.hero .lede{font-family:var(--serif);font-size:clamp(18px,1.6vw,21px);line-height:1.6;color:var(--muted-on-navy);max-width:56ch;margin:28px 0 36px}
.hero .actions{display:flex;flex-wrap:wrap;gap:14px}

/* Register of websites */
.register{background:var(--navy);color:var(--white);padding:clamp(64px,8vw,104px) 0 clamp(64px,8vw,96px)}
.register-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;flex-wrap:wrap;margin-bottom:20px}
.register-head h2{font-size:20px;font-weight:650;margin:0}
.register-head p{margin:0;color:var(--muted-on-navy);font-size:15px}
.register ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--navy-line)}
.register li{border-bottom:1px solid var(--navy-line)}
.reg-row{display:grid;grid-template-columns:72px minmax(0,1.15fr) minmax(0,1fr) 28px;gap:24px;align-items:center;padding:22px 4px;text-decoration:none;color:inherit;transition:background-color .15s}
a.reg-row:hover{background:var(--navy-raised)}
a.reg-row:hover .reg-domain{color:#7DFFE9}
.reg-year{font-size:15px;color:var(--muted-on-navy);font-variant-numeric:tabular-nums}
.reg-domain{font-size:clamp(22px,2.9vw,36px);font-weight:700;font-stretch:108%;letter-spacing:-0.015em;color:var(--aqua);line-height:1.15;overflow-wrap:anywhere}
.reg-desc{font-family:var(--serif);color:#D3DCE8;font-size:16px;line-height:1.5}
.reg-desc small{display:block;font-family:var(--sans);font-size:14px;color:var(--muted-on-navy);margin-top:6px}
.reg-desc small a{color:var(--aqua)}
.reg-icon{color:var(--muted-on-navy);align-self:center}
a.reg-row:hover .reg-icon{color:var(--aqua)}

/* Light sections */
.section{padding:clamp(72px,9vw,120px) 0}
.section-white{background:var(--white)}
.section h2.big{font-size:clamp(32px,4.2vw,52px);line-height:1.05;font-weight:800;font-stretch:110%;letter-spacing:-0.02em;margin:0 0 16px}
.section .intro{font-family:var(--serif);font-size:19px;line-height:1.6;color:var(--muted);max-width:58ch;margin:0}

/* Services */
.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;margin-top:56px}
.service{border-top:2px solid var(--ink);padding:22px 0 40px}
.service h3{font-size:20px;font-weight:700;margin:0 0 10px;line-height:1.25}
.service p{font-family:var(--serif);color:var(--muted);margin:0;font-size:16.5px;line-height:1.6}

/* Systems */
.feature{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);padding:48px 0;border-top:1px solid var(--line)}
.feature:first-of-type{margin-top:48px}
.client{font-size:15px;color:var(--aqua-ink);font-weight:600;margin:0 0 8px}
.feature h3{font-size:clamp(24px,2.6vw,32px);font-weight:750;font-stretch:106%;letter-spacing:-0.015em;line-height:1.15;margin:0 0 14px}
.feature .desc{font-family:var(--serif);color:var(--muted);margin:0 0 20px;font-size:17px;line-height:1.6}
.outcome{font-size:clamp(22px,2.5vw,30px);line-height:1.3;font-weight:600;letter-spacing:-0.01em;margin:0 0 20px;padding-left:22px;border-left:4px solid var(--aqua)}
.outcome-note{font-family:var(--serif);color:var(--muted);margin:0;font-size:16.5px;line-height:1.6;padding-left:26px}
.stack{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0;list-style:none}
.stack li{font-size:13.5px;font-weight:550;padding:4px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--paper)}
.visit{font-weight:650;font-size:15.5px;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--aqua);padding-bottom:2px;overflow-wrap:anywhere}
.visit:hover{border-bottom-color:var(--ink)}
.internal{font-size:15px;color:var(--muted)}
.systems-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;border-top:1px solid var(--line)}
.system{padding:40px 0;border-bottom:1px solid var(--line)}
.system:nth-last-child(-n+2){border-bottom:0}
.system h3{font-size:23px;font-weight:720;font-stretch:104%;line-height:1.2;margin:0 0 12px}
.system .desc{font-family:var(--serif);color:var(--muted);margin:0 0 12px;font-size:16.5px;line-height:1.6}
.system .result{margin:0 0 18px;font-size:16px;line-height:1.5;font-weight:500}

/* Recognition */
.recognition{background:var(--navy);color:var(--white)}
.recognition h2.big{color:var(--white)}
.timeline{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;position:relative}
.timeline::before{content:"";position:absolute;left:0;right:0;top:13px;height:2px;background:var(--navy-line)}
.timeline li{position:relative;padding-top:44px}
.timeline li::before{content:"";position:absolute;top:6px;left:0;width:16px;height:16px;border-radius:50%;background:var(--navy);border:3px solid var(--aqua)}
.t-year{font-size:clamp(36px,4vw,52px);font-weight:800;font-stretch:112%;line-height:1;color:var(--aqua);letter-spacing:-0.02em;font-variant-numeric:tabular-nums}
.t-award{font-size:18px;font-weight:650;margin:14px 0 6px;line-height:1.3}
.t-for{font-family:var(--serif);color:var(--muted-on-navy);margin:0;font-size:16px;line-height:1.55}


.faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;margin-top:48px;border-top:1px solid var(--line)}
.faq-item{padding:28px 0;border-bottom:1px solid var(--line)}
.faq-item h3{font-size:19px;font-weight:700;margin:0 0 8px;line-height:1.3}
.faq-item p{font-family:var(--serif);color:var(--muted);margin:0;font-size:16.5px;line-height:1.6;max-width:60ch}
@media (max-width:760px){.faq{grid-template-columns:1fr}}

.ww{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,88px);align-items:start}
.clocks{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 20px}
.clock{border:1.5px solid var(--line);background:var(--white);border-radius:8px;padding:14px 18px;min-width:200px}
.clock-place{display:block;font-size:14px;color:var(--muted);margin-bottom:2px}
.clock b{font-size:28px;font-weight:750;font-stretch:108%;font-variant-numeric:tabular-nums;letter-spacing:-0.01em}
.tz-note{font-family:var(--serif);color:var(--muted);font-size:16.5px;line-height:1.6;margin:0;max-width:52ch}
.steps{list-style:none;margin:0;padding:0;counter-reset:step}
.steps li{counter-increment:step;display:grid;grid-template-columns:52px 1fr;column-gap:8px;padding:24px 0;border-top:2px solid var(--ink)}
.steps li:last-child{border-bottom:1px solid var(--line)}
.steps li::before{content:counter(step);grid-row:1 / span 2;font-size:30px;font-weight:800;font-stretch:112%;color:var(--aqua-ink);line-height:1}
.steps h3{font-size:20px;font-weight:700;margin:0 0 6px;line-height:1.25}
.steps p{font-family:var(--serif);color:var(--muted);margin:0;font-size:16.5px;line-height:1.6}
@media (max-width:980px){.ww{grid-template-columns:1fr}}

.wp{background:var(--navy);color:var(--white)}
.wp h2.big{color:var(--white);max-width:22ch}
.wp .intro{color:var(--muted-on-navy)}
.wp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:56px}
.wp-group{border-top:2px solid var(--aqua);padding-top:22px}
.wp-group h3{font-size:15px;font-weight:600;color:var(--aqua);margin:0 0 16px}
.wp-list{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.wp-list li{font-size:18px;font-weight:700;font-stretch:104%;padding:9px 14px;border:1.5px solid var(--navy-line);border-radius:6px;background:var(--navy-raised);line-height:1.2}
.wp-group p{font-family:var(--serif);color:var(--muted-on-navy);margin:0;font-size:16.5px;line-height:1.6}
@media (max-width:980px){.wp-grid{grid-template-columns:1fr;gap:32px}}

.co{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,88px);align-items:start}
.co-link{display:inline;line-height:1.9;font-weight:650;font-size:15.5px;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--aqua);padding-bottom:2px}
.co-link:hover{border-bottom-color:var(--ink)}
.co-facts{margin:0;border-top:2px solid var(--ink)}
.co-facts div{display:grid;grid-template-columns:minmax(0,180px) 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.co-facts dt{font-size:15px;color:var(--muted);font-weight:500}
.co-facts dd{margin:0;font-size:16.5px;font-weight:600;line-height:1.45}
@media (max-width:980px){.co{grid-template-columns:1fr}}
@media (max-width:520px){.co-facts div{grid-template-columns:1fr;gap:2px}}

@media (max-width:1010px){
  .menu-toggle{display:inline-block}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--navy);border-bottom:1px solid var(--navy-line);flex-direction:column;align-items:stretch;gap:0;padding:8px var(--gutter) 20px}
  .nav.open{display:flex}
  .nav a{padding:12px 0;font-size:17px;border-bottom:1px solid var(--navy-line)}
  .nav .btn{margin-top:14px;border-bottom:0;padding:12px 16px}
}
/* Contact */
.contact{background:var(--navy);color:var(--white)}
.contact-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,88px);margin-top:48px}
.contact h2.big{color:var(--white)}
.contact .intro{color:var(--muted-on-navy)}
.direct{display:grid;gap:12px;margin:0 0 40px}
.direct a{display:grid;grid-template-columns:24px 1fr;gap:14px;align-items:center;padding:16px 18px;border:1px solid var(--navy-line);border-radius:8px;text-decoration:none;background:var(--navy-raised);transition:border-color .15s}
.direct a:hover{border-color:var(--aqua)}
.direct svg{color:var(--aqua)}
.direct span{display:block;font-size:14px;color:var(--muted-on-navy)}
.direct b{display:block;font-size:17.5px;font-weight:650;overflow-wrap:anywhere}
address{font-style:normal;font-size:16px;line-height:1.65;color:#D3DCE8}
address strong{display:block;color:var(--white);font-weight:650;margin-bottom:4px}
address a{color:var(--aqua);font-size:15px}
form{background:var(--white);color:var(--ink);border-radius:10px;padding:clamp(24px,3.5vw,40px)}
form h3{margin:0 0 6px;font-size:22px;font-weight:720}
form .form-note{margin:0 0 24px;color:var(--muted);font-size:15px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{margin-bottom:18px}
label{display:block;font-size:15px;font-weight:600;margin-bottom:6px}
label .opt{font-weight:400;color:var(--muted)}
input,textarea{width:100%;font:16px/1.5 var(--sans);color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:6px;padding:12px 14px}
input:focus,textarea:focus{outline:none;border-color:var(--aqua-ink);box-shadow:0 0 0 3px rgba(0,113,95,.18);background:var(--white)}
textarea{min-height:150px;resize:vertical}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
form .btn-send{background:var(--navy);color:var(--white);width:100%;margin-top:4px}
form .btn-send:hover{background:#1A3157}
form .btn-send[disabled]{opacity:.6;cursor:progress}
.status{margin:16px 0 0;font-size:15.5px;line-height:1.5;padding:12px 14px;border-radius:6px;display:none}
.status.ok{display:block;background:#E3FBF6;color:#004B3F;border:1px solid #9BEBDD}
.status.err{display:block;background:#FDECEC;color:#7A1C1C;border:1px solid #F3B9B9}
.status a{color:inherit}

/* Footer */
.site-footer{background:#071324;color:var(--muted-on-navy);padding:40px 0 calc(40px + env(safe-area-inset-bottom,0px));font-size:14.5px}
.site-footer .wrap{display:flex;flex-wrap:wrap;gap:16px 40px;align-items:center;line-height:1.7;justify-content:space-between}
.site-footer img{height:34px;width:auto}
.site-footer p{margin:0}

/* One load moment: the register rows */
/* Register rows are visible by default. The script adds .anim only once it is ready to reveal them,
   so if the script is blocked or fails to load, the text still shows. */
@media (prefers-reduced-motion:no-preference){
  .register.anim li{opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}
  .register.anim.in li{opacity:1;transform:none}
  .register.anim.in li:nth-child(2){transition-delay:.06s}
  .register.anim.in li:nth-child(3){transition-delay:.12s}
  .register.anim.in li:nth-child(4){transition-delay:.18s}
  .register.anim.in li:nth-child(5){transition-delay:.24s}
  .register.anim.in li:nth-child(6){transition-delay:.30s}
  .register.anim.in li:nth-child(7){transition-delay:.36s}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Responsive */
@media (max-width:980px){
  .services{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feature,.contact-grid{grid-template-columns:1fr}
  .timeline{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:44px}
  .timeline::before{display:none}
}
@media (max-width:760px){
  .menu-toggle{display:inline-block}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--navy);border-bottom:1px solid var(--navy-line);flex-direction:column;align-items:stretch;gap:0;padding:8px var(--gutter) 20px}
  .nav.open{display:flex}
  .nav a{padding:12px 0;font-size:17px;border-bottom:1px solid var(--navy-line)}
  .nav .btn{margin-top:14px;border-bottom:0;padding:12px 16px}
  .brand img{height:34px}
  .reg-row{grid-template-columns:1fr 24px;gap:6px 16px;padding:20px 2px}
  .reg-year{grid-column:1;grid-row:1}
  .reg-domain{grid-column:1;grid-row:2}
  .reg-desc{grid-column:1;grid-row:3}
  .reg-icon{grid-column:2;grid-row:1 / span 3}
  .services,.systems-grid,.field-row{grid-template-columns:1fr}
  .system:nth-last-child(-n+2){border-bottom:1px solid var(--line)}
  .system:last-child{border-bottom:0}
  .timeline{grid-template-columns:1fr}
}

/* ===== Sub-pages: /pricing/ and /work-with-us/ ===== */
.hero-sub{padding-bottom:clamp(56px,8vw,96px)}
.hero-sub h1{font-size:clamp(34px,4.8vw,62px);max-width:26ch}
.nav a[aria-current="page"]{color:var(--white)}
.crumbs{font-size:14.5px;color:var(--muted-on-navy);margin:0 0 20px}
.crumbs a{color:var(--muted-on-navy)}
.crumbs a:hover{color:var(--white)}

/* Cost toggle */
.cost-toggle{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:40px 0 28px}
.cost-toggle span{font-size:15.5px;font-weight:600}
.seg{display:inline-flex;border:1.5px solid var(--ink);border-radius:8px;padding:3px;background:var(--white)}
.seg button{font:600 15px var(--sans);border:0;background:none;color:var(--ink);padding:9px 16px;border-radius:5px;cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--navy);color:var(--white)}
.seg button:focus-visible{outline:3px solid var(--aqua-ink);outline-offset:2px}

/* Packages */
.packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.pkg{display:flex;flex-direction:column;background:var(--white);border:1.5px solid var(--line);border-radius:10px;padding:30px 28px;position:relative}
.pkg.featured{border:2px solid var(--navy);box-shadow:0 18px 40px -24px rgba(10,25,47,.45)}
.pkg-flag{position:absolute;top:-14px;left:26px;background:var(--aqua);color:var(--navy);font-size:13.5px;font-weight:700;padding:5px 12px;border-radius:999px}
.pkg h3{font-size:26px;font-weight:800;font-stretch:108%;letter-spacing:-0.01em;margin:4px 0 8px}
.pkg .for{font-family:var(--serif);color:var(--muted);font-size:16.5px;line-height:1.55;margin:0 0 22px;min-height:3.1em}
.price{margin:0 0 6px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.price-amount{font-size:clamp(30px,3vw,38px);font-weight:800;font-stretch:106%;letter-spacing:-0.015em;font-variant-numeric:tabular-nums}
.price-period{font-size:15px;color:var(--muted)}
.price-note{font-size:15px;color:var(--muted);margin:0 0 22px;line-height:1.5;min-height:3em}
.pkg ul{list-style:none;margin:0 0 28px;padding:20px 0 0;border-top:1px solid var(--line);flex:1}
.pkg li{position:relative;padding:6px 0 6px 30px;font-size:16px;line-height:1.45}
.pkg li::before{content:"";position:absolute;left:2px;top:11px;width:14px;height:8px;border-left:2.5px solid var(--aqua-ink);border-bottom:2.5px solid var(--aqua-ink);transform:rotate(-45deg)}
.btn-wa{background:var(--navy);color:var(--white);width:100%}
.btn-wa:hover{background:#1A3157}
.pkg.featured .btn-wa{background:var(--aqua);color:var(--navy)}
.pkg.featured .btn-wa:hover{background:#7DFFE9}
.pkg-terms{margin:28px 0 0;font-size:15px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 22px}
.pkg-terms span{position:relative}

/* Comparison table */
.table-wrap{overflow-x:auto;margin-top:40px;border:1px solid var(--line);border-radius:10px;-webkit-overflow-scrolling:touch}
table.compare{width:100%;min-width:720px;border-collapse:collapse;font-size:15.5px;background:var(--white)}
.compare th,.compare td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.compare thead th{background:var(--navy);color:var(--white);font-size:16px;font-weight:700;position:sticky;top:0}
.compare thead th.feat-col{background:#132b4d}
.compare tbody th{font-weight:600;color:var(--ink);width:32%}
.compare td{color:var(--ink)}
.compare td.no{color:var(--muted)}
.compare tbody tr:last-child th,.compare tbody tr:last-child td{border-bottom:0}
.compare tbody tr:nth-child(even){background:#F8FAFC}

/* Add-ons */
.addons{margin:40px 0 0;border-top:2px solid var(--ink)}
.addon{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 32px;padding:18px 0;border-bottom:1px solid var(--line);align-items:baseline}
.addon h3{font-size:18px;font-weight:700;margin:0}
.addon p{grid-column:1;font-family:var(--serif);color:var(--muted);margin:0;font-size:16px;line-height:1.5}
.addon .addon-price{grid-column:2;grid-row:1 / span 2;font-weight:700;font-size:17px;text-align:right;white-space:nowrap}
.addon .addon-price small{display:block;font-weight:500;font-size:14px;color:var(--muted);white-space:normal;max-width:260px}

/* Terms */
.terms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;margin-top:48px}
.term{border-top:2px solid var(--ink);padding:22px 0 8px}
.term h3{font-size:20px;font-weight:700;margin:0 0 10px}
.term p{font-family:var(--serif);color:var(--muted);margin:0;font-size:16.5px;line-height:1.6}

/* International starting prices */
.rates{margin:44px 0 0;border-top:2px solid var(--ink)}
.rate{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr) minmax(0,3fr);gap:8px 32px;padding:24px 0;border-bottom:1px solid var(--line);align-items:baseline}
.rate h3{font-size:20px;font-weight:700;margin:0;line-height:1.3}
.rate p{font-family:var(--serif);color:var(--muted);margin:0;font-size:16.5px;line-height:1.55}
.rate .rate-price{font-size:22px;font-weight:800;font-stretch:104%;text-align:right;white-space:nowrap}
.rate .rate-price.quoted{font-size:18px;font-weight:650;color:var(--aqua-ink)}
.pay-methods{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 0;padding:0;list-style:none}
.pay-methods li{font-weight:650;font-size:15.5px;padding:8px 14px;border:1.5px solid var(--line);border-radius:6px;background:var(--white)}
.cta-band{background:var(--navy);color:var(--white)}
.cta-band h2.big{color:var(--white)}
.cta-band .intro{color:var(--muted-on-navy)}
.cta-band .actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.faq-item a{color:var(--aqua-ink)}

@media (max-width:980px){
  .packages{grid-template-columns:1fr;max-width:560px}
  .pkg .for,.price-note{min-height:0}
  .terms{grid-template-columns:1fr}
  .rate{grid-template-columns:1fr}
  .rate .rate-price{text-align:left}
}
@media (max-width:620px){
  .addon{grid-template-columns:1fr}
  .addon .addon-price{grid-column:1;grid-row:auto;text-align:left}
}

/* Revamp: hero proof points, solution examples, four technology groups */
.proof{list-style:none;margin:clamp(48px,6vw,72px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;border-top:1px solid var(--navy-line)}
.proof li{padding:24px 0 0}
.proof b{display:block;font-size:clamp(22px,2.2vw,28px);font-weight:800;font-stretch:108%;letter-spacing:-0.01em;color:var(--aqua);line-height:1.15;margin-bottom:6px}
.proof span{display:block;font-size:15.5px;color:var(--muted-on-navy);line-height:1.45;max-width:30ch}
.service .in-use{margin-top:14px;font-family:var(--sans);font-size:14.5px;color:var(--ink);line-height:1.5}
.service .in-use span{color:var(--aqua-ink);font-weight:650}
.wp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 56px}
@media (max-width:760px){.proof{grid-template-columns:1fr}.proof li{padding:20px 0 0}}
@media (max-width:980px){.wp-grid{grid-template-columns:1fr;gap:32px}}

/* ===== Language switcher ===== */
.nav a.lang-switch{color:var(--white);border:1.5px solid var(--navy-line);border-radius:6px;padding:6px 12px;font-weight:600}
.nav a.lang-switch:hover{border-color:var(--aqua);color:var(--white)}
.nav a.lang-switch[lang="si"]{font-family:"Noto Sans Sinhala","Iskoola Pota","Nirmala UI","Sinhala Sangam MN",sans-serif}

/* ===== Sinhala page typography ===== */
html[lang="si"]{
  --sans:"Archivo","Noto Sans Sinhala","Iskoola Pota","Nirmala UI","Sinhala Sangam MN",sans-serif;
  --serif:"Archivo","Noto Sans Sinhala","Iskoola Pota","Nirmala UI","Sinhala Sangam MN",sans-serif;
}
html[lang="si"] body{line-height:1.75}
html[lang="si"] h1,html[lang="si"] h2,html[lang="si"] h3,html[lang="si"] .proof b,html[lang="si"] .t-award,html[lang="si"] .outcome{letter-spacing:normal}
html[lang="si"] .hero h1{font-size:clamp(30px,4.3vw,58px);line-height:1.3;max-width:24ch}
html[lang="si"] h2.big{font-size:clamp(28px,3.6vw,46px);line-height:1.3}
html[lang="si"] .feature h3,html[lang="si"] .system h3{line-height:1.4}
html[lang="si"] .outcome{font-size:clamp(20px,2.2vw,26px);line-height:1.55}
html[lang="si"] .proof b{font-size:clamp(19px,1.9vw,24px);line-height:1.35}
html[lang="si"] .intro,html[lang="si"] .lede,html[lang="si"] p{line-height:1.8}
html[lang="si"] .nav a{font-size:14.5px}
@media (max-width:1180px){
  html[lang="si"] .menu-toggle{display:inline-block}
  html[lang="si"] .nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--navy);border-bottom:1px solid var(--navy-line);flex-direction:column;align-items:stretch;gap:0;padding:8px var(--gutter) 20px}
  html[lang="si"] .nav.open{display:flex}
  html[lang="si"] .nav a{padding:12px 0;font-size:17px;border-bottom:1px solid var(--navy-line)}
  html[lang="si"] .nav .btn{margin-top:14px;border-bottom:0;padding:12px 16px}
}
@media (max-width:1010px){.nav a.lang-switch{border:0;border-bottom:1px solid var(--navy-line);border-radius:0;padding:12px 0}}