:root{--navy:#082d59;--blue:#0e78d5;--teal:#12b8b1;--ink:#153650;--muted:#647a91;--line:#d9e9f6;--soft:#f5f9fc;--soft2:#eaf6ff;--white:#fff;--shadow:0 20px 50px rgba(8,45,89,.09);--max:1180px;--radius:22px}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}img,svg{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.topbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(217,233,246,.85)}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo img{width:178px}.navlinks{display:flex;gap:26px;align-items:center;font-size:15px;font-weight:750;color:#214b70}.navlinks a{padding:10px 0;border-bottom:2px solid transparent}.navlinks a.active,.navlinks a:hover{color:var(--blue);border-bottom-color:var(--blue)}.menu-btn{display:none;border:0;background:#eff7ff;color:var(--navy);border-radius:12px;padding:10px 14px;font-weight:800}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f7fbff 0%,#fff 58%,#eaf6ff 100%);padding:82px 0 78px}.hero::before{content:"";position:absolute;right:-240px;top:-230px;width:620px;height:620px;border-radius:50%;background:#dff2ff;opacity:.72}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center}.kicker{text-transform:uppercase;color:var(--blue);font-size:13px;font-weight:850;letter-spacing:.12em;margin-bottom:16px}.kicker:before{content:"";display:inline-block;width:34px;height:2px;background:var(--teal);vertical-align:middle;margin-right:10px;border-radius:20px}h1,h2,h3{margin:0;color:var(--navy);line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(36px,4.2vw,56px);max-width:820px}h2{font-size:clamp(27px,2.8vw,40px)}h3{font-size:20px}.lead{font-size:clamp(16.5px,1.45vw,20px);color:#31536f;max-width:760px;margin:22px 0 0}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:0 20px;border-radius:999px;font-weight:800;border:1px solid var(--line);background:#fff;color:var(--navy)}.btn.primary{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 16px 26px rgba(8,45,89,.16)}.section{padding:76px 0}.section.soft{background:var(--soft)}.section-head{max-width:760px;margin-bottom:36px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section-head p{margin:16px 0 0;color:var(--muted);font-size:18px}.split{display:grid;grid-template-columns:.92fr 1.08fr;gap:52px;align-items:center}.editorial{font-size:18px;color:#31536f}.editorial p{margin:0 0 17px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 12px 32px rgba(8,45,89,.05)}.card h3{font-size:21px;margin-bottom:10px}.card p{color:var(--muted);margin:0}.icon{width:42px;height:42px;border-radius:14px;background:#eaf6ff;color:var(--blue);display:grid;place-items:center;font-weight:900;margin-bottom:16px}.package-row{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.package-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px 18px;min-height:238px}.package-card.featured{border-color:#8ccafa;background:linear-gradient(180deg,#f2faff,#fff)}.label{display:block;color:var(--blue);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.package-card h3{font-size:21px;margin-bottom:10px}.package-card p{font-size:14.5px;color:var(--muted)}.pill-list{display:flex;gap:12px;flex-wrap:wrap}.pill{padding:11px 15px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:750;color:#174a78}.band{border-radius:30px;background:linear-gradient(135deg,var(--navy),#0f4b88);color:white;padding:38px 42px;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;box-shadow:var(--shadow)}.band h2{color:#fff}.band p{color:#dceeff;margin:12px 0 0}.band .btn{background:#fff;color:var(--navy)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(8,45,89,.05)}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:16px 18px;border-bottom:1px solid var(--line);font-size:15px}th{background:#f3f9fe;color:var(--navy);font-size:12px;text-transform:uppercase;letter-spacing:.07em}tr:last-child td{border-bottom:0}.tick{color:var(--blue);font-weight:850}.page-hero{padding:64px 0 54px;background:linear-gradient(135deg,#f7fbff 0%,#fff 62%,#eaf6ff 100%);border-bottom:1px solid var(--line)}.page-hero .lead{max-width:820px}.breadcrumb{color:var(--blue);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:13px;margin-bottom:14px}.capability-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.check{display:flex;gap:12px;align-items:flex-start;padding:18px;border-radius:18px;border:1px solid var(--line);background:#fff}.check:before{content:"✓";width:28px;height:28px;border-radius:50%;background:#e8f7ff;color:var(--blue);display:grid;place-items:center;font-weight:900;flex:0 0 28px}.check strong{display:block;color:var(--navy)}.check span{display:block;color:var(--muted);font-size:14px}.form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form .full{grid-column:1/-1}label{display:block;font-weight:800;color:var(--navy);font-size:14px;margin-bottom:8px}input,select,textarea{width:100%;border:1px solid #cfe3f3;border-radius:14px;padding:14px;font:inherit}textarea{min-height:130px}.footer{background:#061f3d;color:#c7d9ea;padding:22px 0}.footer-simple{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}.footer a{color:#d9edff;margin-left:18px}.small-note{font-size:13px;color:var(--muted);margin-top:18px}.visual{filter:drop-shadow(0 22px 42px rgba(8,45,89,.13))}.media-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:18px;box-shadow:var(--shadow)}.comparison-note{font-size:13px;color:var(--muted);margin-top:14px}.pricing-note{max-width:880px;color:#31536f;font-size:18px}.content-page p{color:#536f88}.content-page h2{font-size:32px;margin-top:36px}.content-page ul{color:#536f88}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mini{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.mini strong{display:block;color:var(--navy);margin-bottom:5px}.mini span{color:var(--muted);font-size:14px}@media(max-width:980px){.hero-grid,.split,.band{grid-template-columns:1fr}.grid-3,.grid-2,.capability-list{grid-template-columns:1fr}.package-row{grid-template-columns:repeat(2,1fr)}.menu-btn{display:block}.navlinks{position:absolute;left:24px;right:24px;top:74px;background:white;border:1px solid var(--line);border-radius:18px;padding:16px;display:none;flex-direction:column;align-items:flex-start;box-shadow:var(--shadow)}.navlinks.open{display:flex}.mini-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.container{width:min(100% - 32px,var(--max))}.hero{padding:70px 0}.section{padding:64px 0}h1{font-size:38px}.lead{font-size:17px}.package-row,.form,.footer-simple{grid-template-columns:1fr;display:grid}.footer a{margin-left:0;margin-right:14px}.mini-grid{grid-template-columns:1fr}.logo img{width:160px}}

.subline{margin:16px 0 0;color:var(--blue);font-weight:800;font-size:18px}.align-right{justify-content:flex-end;margin-top:0}.content-page{max-width:920px}.content-page a{color:var(--blue);font-weight:800}
@media(max-width:620px){.subline{font-size:16px}.align-right{justify-content:flex-start}}


/* v13 image integration */
.media-card img[src$=".jpg"], .media-card img[src$=".png"]{border-radius:24px; width:100%; height:auto;}
.platform-visual-note{font-size:14px;color:var(--muted);margin-top:12px}

/* v14 privacy and terms polish */
.legal-hero{padding:64px 0 50px}
.legal-container{max-width:980px}
.legal-section{padding-top:56px;background:linear-gradient(180deg,#fff 0%,#f7fbff 100%)}
.legal-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px 28px;box-shadow:0 12px 32px rgba(8,45,89,.055)}
.legal-card h2{font-size:24px;margin:0 0 12px;letter-spacing:-.025em}
.legal-card p{font-size:16px;line-height:1.7;color:#41617c;margin:0}
.legal-card a{color:var(--blue);font-weight:800}
.lead-card{margin-bottom:22px;border-left:4px solid var(--blue)}
.legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}
.contact-card{margin-top:22px;background:#f8fcff}
@media(max-width:760px){.legal-grid{grid-template-columns:1fr}.legal-card{padding:22px}.legal-card h2{font-size:21px}}


/* v15 mobile and tablet polish */
html,body{max-width:100%;overflow-x:hidden}
.media-card{overflow:hidden}
.media-card .visual,.media-card img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain}
.form input,.form select,.form textarea,.btn,.menu-btn{touch-action:manipulation}
.topbar{box-shadow:0 1px 0 rgba(217,233,246,.7)}

@media(max-width:1100px){
  .container{width:min(var(--max),calc(100% - 40px))}
  .hero-grid{gap:42px}
  .package-row{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:900px){
  .nav{height:68px}
  .logo img{width:154px}
  .menu-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px}
  .navlinks{position:absolute;left:20px;right:20px;top:68px;background:white;border:1px solid var(--line);border-radius:18px;padding:12px;display:none;flex-direction:column;align-items:stretch;box-shadow:0 18px 46px rgba(8,45,89,.13)}
  .navlinks.open{display:flex}
  .navlinks a{padding:12px 14px;border-bottom:0;border-radius:12px}
  .navlinks a.active,.navlinks a:hover{background:#f1f8ff;border-bottom-color:transparent}
  .hero{padding:58px 0 60px}
  .hero-grid,.split,.band{grid-template-columns:1fr;gap:34px}
  .hero-grid .media-card{max-width:680px;margin:0 auto}
  .grid-3,.grid-2,.capability-list{grid-template-columns:1fr}
  .package-row{grid-template-columns:repeat(2,1fr)}
  .mini-grid{grid-template-columns:repeat(2,1fr)}
  .section{padding:62px 0}
  .page-hero{padding:54px 0 46px}
  .footer-simple{align-items:flex-start}
}

@media(max-width:720px){
  h1{font-size:clamp(32px,9vw,42px);line-height:1.08}
  h2{font-size:clamp(25px,7vw,32px)}
  h3{font-size:19px}
  .lead{font-size:16.5px;line-height:1.55;margin-top:16px}
  .kicker{font-size:11.5px;margin-bottom:12px}
  .kicker:before{width:26px;margin-right:8px}
  .actions{gap:10px;margin-top:24px}
  .btn{min-height:46px;padding:0 18px;font-size:14.5px}
  .media-card{border-radius:22px;padding:10px}
  .hero-grid .media-card{margin-top:8px}
  .package-row{grid-template-columns:1fr}
  .package-card{min-height:auto;padding:22px}
  .section-head{margin-bottom:26px}
  .section-head p{font-size:16px}
  .editorial{font-size:16.5px}
  .card{padding:22px}
  .band{padding:28px;border-radius:24px}
  .form{grid-template-columns:1fr}
  .form .full{grid-column:auto}
  input,select,textarea{font-size:16px;min-height:48px}
  textarea{min-height:118px}
  .footer-simple{display:grid;grid-template-columns:1fr;gap:12px;text-align:center;justify-items:center}
  .footer a{margin:0 8px}
}

@media(max-width:640px){
  .table-wrap{border:0;background:transparent;box-shadow:none;overflow:visible}
  table.package-comparison{min-width:0;width:100%;display:block;background:transparent}
  table.package-comparison thead{display:none}
  table.package-comparison tbody{display:grid;gap:14px}
  table.package-comparison tr{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 28px rgba(8,45,89,.055);overflow:hidden}
  table.package-comparison td{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);font-size:14px}
  table.package-comparison td:first-child{display:block;background:#f3f9fe;color:var(--navy);font-weight:850;font-size:15px}
  table.package-comparison td:first-child:before{display:none}
  table.package-comparison td:before{content:attr(data-label);font-weight:850;color:var(--navy);font-size:13px;min-width:92px}
  table.package-comparison td:last-child{border-bottom:0}
}

@media(max-width:480px){
  .container{width:min(100% - 28px,var(--max))}
  .topbar{position:sticky}
  .nav{height:64px}
  .logo img{width:142px}
  .navlinks{left:14px;right:14px;top:64px}
  .hero{padding:46px 0 50px}
  .section{padding:48px 0}
  .page-hero{padding:44px 0 38px}
  h1{font-size:32px;letter-spacing:-.035em}
  h2{font-size:26px}
  .subline{font-size:15.5px}
  .lead{font-size:16px}
  .actions{display:grid;grid-template-columns:1fr;width:100%}
  .actions .btn{width:100%}
  .pill-list{gap:8px}
  .pill{font-size:13.5px;padding:9px 12px}
  .mini-grid{grid-template-columns:1fr}
  .content-page h2{font-size:24px}
  .legal-card{padding:20px;border-radius:18px}
  .legal-card p{font-size:15px}
  .media-card img{max-height:320px;object-fit:contain}
}

.hidden-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}