/* saynine.ai inner pages (30 Sep 2026): pricing, case studies, SEO audit, about, contact.
   Builds on home.css (the .sn kit: tokens, chips, pill buttons, reviews, result card). */

/* Page frame: the header sits on the navy page like saynine.ai; content lives in rounded sheets */
.sn-sheet{position:relative;z-index:3;background:#fff;border-radius:0 0 var(--r-panel) var(--r-panel);padding:64px 0 88px;overflow:hidden}
.sn-sheet-grid{background-image:linear-gradient(rgba(3,29,61,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(3,29,61,.045) 1px,transparent 1px);background-size:96px 96px;background-position:center top}
.sn-block{position:relative;margin-top:24px;border-radius:var(--r-panel);padding:88px 0}
.sn-block-white{background:#fff}
.sn-block-ice{background:var(--ice)}
.sn-block-navy2{background:var(--navy-2)}
.sn-block+.sn-result,.sn-sheet+.sn-result,.sn-navy+.sn-result{padding-top:64px}
.sn-navy{padding:96px 0}
.sn-navy h2{color:#fff}
.sn-lead{font-size:22px;line-height:1.55;color:var(--text);max-width:760px}
.sn-navy .sn-lead{color:var(--on-navy)}

/* ================= Pricing ================= */
.sp-hero{gap:18px;margin-bottom:48px}
.sp-lead{font-size:21px;line-height:1.55;max-width:720px}
.sp-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1000px;margin:0 auto}
.sp-plan{--head:var(--blue);--body:var(--navy-2);display:flex;flex-direction:column;border-radius:28px;background:var(--head);overflow:hidden;color:#fff;transition:transform .25s,box-shadow .25s}
.sp-plan:hover{transform:translateY(-4px);box-shadow:0 26px 50px -30px rgba(3,29,61,.7)}
.sp-plan.is-featured{--head:var(--navy-2);--body:var(--blue)}
.sp-plan-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 28px 18px}
.sn .sp-plan-head h2{font-size:30px;color:#fff}
.sp-badge{display:inline-block;padding:6px 13px 4px;border-radius:200px;background:#ffd23f;color:var(--ink);font-size:15px;font-weight:700;line-height:1.1}
.sp-plan-body{flex:1;display:flex;flex-direction:column;gap:14px;padding:26px 28px 30px;border-radius:28px 28px 0 0;background:var(--body)}
.sp-for{font-size:16px;color:#dfe6f5}
.sp-price{font-size:60px;font-weight:700;line-height:1;letter-spacing:-.02em;color:#fff}
.sp-price small{font-size:20px;font-weight:600;margin-left:4px;letter-spacing:0}
.sp-price-talk{font-size:56px}
.sp-links{display:grid;gap:3px}
.sp-links b{font-size:19px;color:#fff}
.sp-links span{font-size:16px;color:#dfe6f5}
.sp-custom-txt{font-size:17px;line-height:1.5;color:#dfe6f5;max-width:420px}
.sp-plan-btn{display:flex;justify-content:center;align-items:center;min-height:50px;margin:10px 0 6px;border-radius:200px;background:var(--blue);color:#fff!important;font-size:19px;font-weight:600;padding-top:3px;transition:background .2s,transform .2s}
.sp-plan-btn:hover{background:#0569d6;transform:translateY(-2px)}
.sp-plan.is-featured .sp-plan-btn{background:#fff;color:var(--blue)!important}
.sp-plan.is-featured .sp-plan-btn:hover{background:var(--mist)}
.sp-plan.is-custom .sp-plan-btn{margin-top:auto}
.sp-feats{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sp-feats li{display:flex;gap:10px;align-items:flex-start;font-size:18px;line-height:1.4;color:#e8edf8}
.sp-feats svg{flex:none;margin-top:3px;padding:2px;border:1.5px solid currentColor;border-radius:50%;width:18px;height:18px}
.sp-fine{max-width:1000px;margin:22px auto 0;text-align:center;font-size:14px;line-height:1.55;color:var(--text)}
.sp-never{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 14px;max-width:1000px;margin:36px auto 0;padding:24px 28px;border-radius:28px;background:#fdd0cc}
.sp-never b{font-size:19px;color:var(--ink);margin-right:6px}
.sp-never span{display:inline-flex;align-items:center;gap:8px;padding:9px 14px 7px;border-radius:12px;background:rgba(255,255,255,.7);font-size:16px;color:var(--ink)}
.sp-never svg{color:#d93a2b}
.sp-compare-head{gap:16px;margin:96px 0 36px}
.sp-table-wrap{max-width:1000px;margin:0 auto;border-radius:24px;overflow-x:auto;border:1px solid var(--line)}
.sp-table{width:100%;border-collapse:collapse;font-size:17px;min-width:640px}
.sp-table th,.sp-table td{padding:15px 22px 13px;border-bottom:1px solid #e6ebf3;text-align:center;color:var(--ink)}
.sp-table th[scope=row]{text-align:left;font-weight:500;color:var(--ink)}
.sp-table tbody tr:not(.sp-group){background:var(--soft)}
.sp-table thead th{background:#fff;font-size:20px;font-weight:700;padding-top:22px;vertical-align:bottom}
.sp-table thead th:first-child{text-align:left}
.sp-table thead .sp-badge{display:block;width:max-content;margin:0 auto 8px;font-size:13px}
.sp-table .sp-price-row td b{font-size:22px}
.sp-group th{background:var(--ice);text-align:left!important;font-size:24px;font-weight:700;padding:18px 22px 14px}
.sp-yes,.sp-no{display:inline-grid;place-items:center;width:34px;height:24px;border-radius:9px}
.sp-yes{background:#5ee08f;color:#0b5a2b}
.sp-no{background:#fdc7c7;color:#b42318}
.sp-help{display:flex;align-items:center;gap:20px;max-width:1000px;margin:56px auto 0;padding:14px 14px 14px 18px;border-radius:200px;background:var(--blue)}
.sp-help-ico{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:50%;background:#fff;color:var(--blue)}
.sp-help h3{flex:1;font-size:26px;color:#fff!important;padding-top:4px}

/* ================= Case studies ================= */
.sc-hero{position:relative;z-index:1;padding:72px 0 140px;background:var(--navy);
  background-image:linear-gradient(rgba(99,174,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(99,174,255,.06) 1px,transparent 1px);background-size:120px 120px}
.sc-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.sc-hero-copy{display:grid;gap:26px}
.sn .sc-hero h1{font-size:56px;line-height:1.06;color:#fff;max-width:520px}
.sc-hero-copy>p{font-size:21px;line-height:1.55;color:var(--on-navy);max-width:500px}
.sc-hero-foot{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:18px}
.sc-proof{display:grid;line-height:1.1;color:#fff}
.sc-proof b{font-size:26px}
.sc-proof span{font-size:15px;color:var(--on-navy)}
.sc-chart{margin:0;padding:22px 22px 14px;border-radius:24px;background:#fff;box-shadow:0 0 0 8px rgba(255,255,255,.08),0 30px 60px -30px rgba(0,0,0,.6)}
.sc-chart svg{display:block;width:100%;height:auto}
.sc-chart figcaption{margin-top:6px;font-size:15px;color:var(--text)}
.sc-chart figcaption b{color:var(--ink)}
.sc-list{position:relative;z-index:2;margin-top:-60px;padding:64px 0 88px;background:#fff;border-radius:var(--r-panel)}
.sc-list .sn-wrap{display:grid;gap:22px}
.sc-card{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:36px 40px;border-radius:30px;background:var(--tone);transition:transform .25s}
.sc-card:hover{transform:translateY(-4px)}
.sc-card-copy{display:grid;gap:16px;align-content:start}
.sc-client{font-size:26px;font-weight:700;letter-spacing:-.01em;color:var(--navy)}
.sn .sc-card h3{font-size:26px;line-height:1.2;color:var(--ink);max-width:520px}
.sc-card h3 a::after{content:"";position:absolute;inset:0;border-radius:30px}
.sc-card:has(h3 a:focus-visible){outline:3px solid var(--blue);outline-offset:4px}
.sc-card h3 a:focus-visible{outline:none}
.sc-metrics{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.sc-metrics li{display:flex;align-items:center;gap:7px;font-size:15px;color:var(--ink)}
.sc-metrics svg{color:var(--navy)}
.sc-metrics b{padding:3px 10px 1px;border-radius:8px;background:rgba(255,255,255,.75);font-size:15px;color:var(--ink)}
.sc-more{display:inline-flex;align-items:center;gap:12px;width:max-content;margin-top:6px;padding:6px 6px 6px 20px;border-radius:200px;border:2px solid var(--navy);font-size:18px;font-weight:600;color:var(--navy)}
.sc-more>span{padding-top:3px}
.sc-card-shot{display:block;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 18px 40px -24px rgba(3,29,61,.45)}
.sc-card-shot img{display:block;width:100%;height:auto}
.sn-reviews-solo{margin-top:24px;padding:88px 0;border-radius:var(--r-panel)}
@media (max-width:1100px){.sc-hero-grid{grid-template-columns:1fr}.sn .sc-hero h1{font-size:46px}}
@media (max-width:767px){
  .sc-hero{padding:40px 0 96px;background-size:64px 64px}
  .sn .sc-hero h1{font-size:36px}
  .sc-hero-copy>p{font-size:18px}
  .sc-chart{padding:14px 12px 10px;border-radius:20px}
  .sc-list{margin-top:-40px;padding:32px 0 56px;border-radius:36px}
  .sc-list .sn-wrap{gap:16px}
  .sc-card{grid-template-columns:1fr;gap:20px;padding:24px 20px;border-radius:26px}
  .sc-client{font-size:22px}
  .sn .sc-card h3{font-size:21px}
  .sn-reviews-solo{margin-top:16px;padding:56px 0;border-radius:36px}
}

/* ================= SEO audit ================= */
.sa-head{display:grid;gap:18px;margin-bottom:40px}
.sa-head .sn-lead{max-width:1000px}
.sa-card{display:grid;grid-template-columns:1fr 1fr;border-radius:28px;background:#fff;box-shadow:0 30px 70px -40px rgba(3,29,61,.45),0 0 0 1px rgba(3,29,61,.05);overflow:hidden}
.sa-card-media{display:flex;justify-content:center;align-items:flex-end;padding:30px 30px 0;background:var(--soft);
  background-image:linear-gradient(rgba(99,174,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(99,174,255,.18) 1px,transparent 1px);background-size:58px 58px}
.sa-card-media .sn-clip{width:100%;max-width:300px}
.sa-card-media video{mix-blend-mode:multiply;height:380px;object-fit:cover;object-position:50% 30%}
.sa-form{display:flex;flex-direction:column;gap:18px;padding:40px 40px 34px;min-height:440px}
.sn .sa-form h2{font-size:30px}
.sa-dots{display:flex;justify-content:center;gap:7px}
.sa-dots i{width:8px;height:8px;border-radius:50%;background:var(--line)}
.sa-dots i.is-on{background:var(--blue)}
.sa-step{display:grid;gap:12px}
.sa-step[hidden]{display:none}
.sa-step label{font-size:18px;font-weight:700;color:var(--ink)}
.sa-step input{width:100%;min-height:56px;padding:14px 20px 12px;border-radius:200px;border:0;background:var(--mist);font:500 18px var(--font);color:var(--ink)}
.sa-step input:focus{outline:3px solid var(--blue);outline-offset:0}
.sa-step .sn-btn{justify-self:start;margin-top:4px}
.sa-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:4px}
.sa-back{border:0;background:none;font:600 17px var(--font);color:var(--text);cursor:pointer;padding:8px 0}
.sa-note{margin-top:auto;font-size:15px;color:var(--text);text-align:center}
.sa-note a{color:var(--blue);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.sa-form .field-error{color:#c0362c;font-size:14px}
.sa-form .form-alert{border-radius:16px}
.sa-what-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:center}
.sa-what-copy{display:grid;gap:20px}
.sa-strong{font-size:21px;font-weight:600;color:#fff}
.sa-meter{display:grid;gap:18px;padding:32px;border-radius:28px;background:var(--navy-2)}
.sa-bar{display:grid;gap:9px}
.sa-bar span{font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--on-navy)}
.sa-bar i{display:block;height:8px;border-radius:9px;background:linear-gradient(90deg,var(--blue) var(--w),rgba(255,255,255,.12) var(--w))}
.sa-meter-foot{display:flex;gap:10px;align-items:center;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);font-size:16px;font-weight:600;color:#5ee08f}
.sa-ok{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#1f9d57;color:#fff;flex:none}
.sa-report{padding-top:24px}
.sa-report .sn-center{gap:18px;margin-bottom:44px}
.sa-chip-soft{background:rgba(7,125,253,.18);color:#63aeff}
.sa-chip-glass{background:rgba(255,255,255,.1)}
.sa-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sa-rcard{display:grid;gap:12px;align-content:start;padding:28px;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.sa-rico{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:color-mix(in srgb,var(--c) 22%,transparent);color:color-mix(in srgb,var(--c) 60%,#fff)}
.sn .sa-rcard h3{font-size:23px;color:#fff}
.sa-rcard p{font-size:17px;line-height:1.55;color:var(--on-navy)}
.sa-report .sn-center:last-child{margin:40px 0 0}
.sa-yellow{display:inline-flex;align-items:center;gap:10px;padding:16px 30px 14px;border-radius:200px;border:2px solid #ffd23f;color:#ffd23f!important;font-size:18px;font-weight:600;transition:background .2s}
.sa-yellow:hover{background:rgba(255,210,63,.1)}
.sa-checks-wrap{padding-top:0}
.sa-checks{display:grid;grid-template-columns:1fr 1fr;gap:56px;padding:60px;border-radius:40px;background:var(--navy-2)}
.sa-checks-copy{display:grid;gap:20px;align-content:start}
.sn .sa-inc{font-size:22px;color:#fff;margin-bottom:18px}
.sa-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.sa-list li{display:flex;gap:14px;align-items:flex-start;font-size:18px;line-height:1.45;color:#dfe6f5}
.sa-list li>span{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:8px;background:rgba(7,125,253,.25);color:#63aeff}
.sa-why{padding-top:0}
.sa-why .sn-center{gap:18px;margin-bottom:40px}
.sa-why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.sa-why-grid>div{display:grid;gap:12px;align-content:start;padding:28px;border-radius:22px;background:var(--cyan)}
.sa-wico{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#fff;color:var(--blue)}
.sn .sa-why-grid h3{font-size:24px}
.sa-why-grid p{font-size:17px;line-height:1.5;color:var(--ink)}
.sa-tools{margin-top:0}
.sa-tools-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px}
.sa-tools-head>div:first-child{display:grid;gap:16px}
.sa-tools-track{grid-auto-columns:calc((100% - 48px)/3)}
.sa-tool{display:grid;gap:12px;align-content:start;padding:28px;border-radius:24px;background:var(--soft);border:1px solid rgba(3,29,61,.06);transition:transform .2s,box-shadow .2s;scroll-snap-align:start}
.sa-tool:hover{transform:translateY(-4px);box-shadow:0 18px 38px -22px rgba(3,29,61,.4)}
.sa-tool-ico{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:var(--mist);color:var(--blue)}
.sn .sa-tool h3{font-size:23px}
.sa-tool p{font-size:17px;line-height:1.5}
.sa-tool-go{display:inline-flex;align-items:center;gap:8px;font-size:17px;font-weight:600;color:var(--blue)}
@media (max-width:1100px){.sa-cards,.sa-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-tools-track{grid-auto-columns:calc((100% - 24px)/2)}}
@media (max-width:767px){
  .sa-card{grid-template-columns:1fr;border-radius:24px}
  .sa-card-media{padding:20px 20px 0}
  .sa-card-media video{height:240px}
  .sa-form{padding:26px 20px 24px}
  .sa-what-grid,.sa-checks{grid-template-columns:1fr;gap:32px}
  .sa-checks{padding:32px 22px;border-radius:30px}
  .sa-cards,.sa-why-grid{grid-template-columns:1fr}
  .sa-list li{font-size:16px}
  .sa-tools-head{flex-direction:column;align-items:flex-start}
  .sa-tools-track{grid-auto-columns:86%}
}

/* ================= About ================= */
.sb-head{gap:18px;margin-bottom:44px}
.sb-video{max-width:880px;margin:0 auto;border-radius:40px}
.sb-stats{display:flex;justify-content:center;gap:64px;flex-wrap:wrap;margin-top:34px;text-align:center}
.sb-stats div{display:grid;gap:4px}
.sb-stats b{font-size:44px;line-height:1;color:var(--sky)}
.sb-stats span{font-size:17px;color:var(--text)}
.sb-team-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.sb-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.sb-person{border-radius:20px;overflow:hidden;background:var(--blue-deep)}
.sb-photo{aspect-ratio:4/3;display:grid;place-items:center;background:#0a2a52;
  background-image:linear-gradient(rgba(99,174,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(99,174,255,.08) 1px,transparent 1px);background-size:40px 40px}
.sb-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.sb-photo span{display:grid;place-items:center;width:104px;height:104px;border-radius:50%;background:var(--cyan);color:var(--navy);font-size:38px;font-weight:700;padding-top:4px}
.sb-cap{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 16px}
.sn .sb-cap h3{font-size:20px;color:#fff}
.sb-cap p{font-size:15px;color:#b9d4ff}
.sb-cap a{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7);color:#fff}
.sb-cap a:hover{background:#fff;color:var(--blue-deep)}
.sb-standards .sn-center{gap:18px;margin-bottom:40px}
.sb-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.sb-col{padding:34px;border-radius:28px;background:#fff}
.sn .sb-col h3{font-size:26px;margin-bottom:18px}
.sb-col ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sb-col li{display:flex;align-items:center;gap:12px;font-size:18px;color:var(--ink)}
.sb-why{background:var(--soft);padding:64px 0}
.sb-why-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}
.sb-why-copy{display:grid;gap:18px}
.sb-pile{position:relative;display:flex;flex-wrap:wrap-reverse;justify-content:center;align-content:flex-start;gap:8px 6px;min-height:260px;padding:20px 0 0}
.sb-chip{display:inline-flex;align-items:center;gap:12px;padding:14px 22px 12px 14px;border-radius:14px;font-size:18px;font-weight:600;color:#fff;transform:rotate(var(--r));box-shadow:0 12px 24px -14px rgba(3,29,61,.5)}
.sb-chip i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;color:var(--navy)}
.sb-cyan{background:#2ec5d3}.sb-navy{background:var(--navy-2)}.sb-blue{background:var(--blue)}.sb-teal{background:#0f7c95}.sb-sky{background:var(--sky)}
@media (prefers-reduced-motion:no-preference){
  .sb-pile .sb-chip{opacity:0;transform:translateY(-160px) rotate(0deg);transition:transform .9s cubic-bezier(.34,1.4,.64,1) var(--d),opacity .3s var(--d)}
  .sb-pile.is-in .sb-chip{opacity:1;transform:translateY(0) rotate(var(--r))}
}
.sb-company{padding:40px 0 8px}
.sb-company .sn-wrap{display:flex;justify-content:space-between;align-items:center;gap:16px 32px;flex-wrap:wrap}
.sb-company p{font-size:16px;color:var(--on-navy);max-width:820px}
.sb-company b{color:#fff}
.sb-company a{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--cyan)}
@media (max-width:1100px){.sb-why-grid{grid-template-columns:1fr}}
@media (max-width:767px){
  .sb-video{border-radius:28px}
  .sb-stats{gap:22px 28px}
  .sb-stats b{font-size:32px}
  .sb-team-grid,.sb-cols{grid-template-columns:1fr}
  .sb-col{padding:24px 20px}
  .sb-chip{font-size:16px;padding:11px 16px 9px 11px}
  .sb-pile{min-height:0}
}

/* ================= Contact ================= */
.sn-block-navy{background:var(--navy-2)}
.sk-head{gap:16px;margin-bottom:24px}
.sk-stage{display:grid;grid-template-columns:1fr minmax(260px,380px) 1fr;gap:24px;align-items:center}
.sk-side{display:grid;gap:44px;justify-items:end}
.sk-side-r{justify-items:start}
.sk-side .sk-pill:nth-child(2){transform:translateX(-40px)}
.sk-side-r .sk-pill:nth-child(2){transform:translateX(40px)}
.sk-pill{display:inline-flex;align-items:center;gap:14px;padding:8px 26px 8px 8px;border-radius:200px;background:var(--blue);color:#fff!important;box-shadow:0 18px 36px -18px rgba(7,125,253,.9);transition:background .2s,translate .2s}
.sk-pill:hover{background:#0569d6;translate:0 -3px}
.sk-ava{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:50%;background:#fff;color:var(--navy);font-size:21px;font-weight:700;padding-top:3px}
.sk-pill-txt{display:grid;line-height:1.15}
.sk-pill-txt b{font-size:24px;padding-top:3px}
.sk-pill-txt small{font-size:13px;color:#dfe9ff}
.sk-pill-alt{background:var(--navy-2);box-shadow:0 18px 36px -18px rgba(3,29,61,.8)}
.sk-pill-alt:hover{background:var(--navy)}
.sk-pill-alt .sk-ava{color:var(--blue)}
.sk-owl video{mix-blend-mode:multiply;height:460px;object-fit:cover;object-position:50% 40%;
  -webkit-mask-image:radial-gradient(ellipse 60% 62% at 50% 50%,#000 72%,transparent 100%);mask-image:radial-gradient(ellipse 60% 62% at 50% 50%,#000 72%,transparent 100%)}
.sk-follow{overflow:hidden;background-image:linear-gradient(rgba(99,174,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(99,174,255,.06) 1px,transparent 1px);background-size:100px 100px}
.sk-follow h2{color:#fff}
.sk-follow .sn-center{gap:26px;margin-bottom:48px}
.sk-socials{display:flex;gap:16px}
.sk-socials a{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;border:2px solid rgba(255,255,255,.85);color:#fff;transition:background .2s}
.sk-socials a:hover{background:rgba(255,255,255,.12)}
.sk-socials svg{filter:brightness(0) invert(1)}
.sk-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.sk-card{display:grid;gap:18px;padding:28px;border-radius:24px;background:#fff;color:var(--ink);box-shadow:0 30px 50px -30px rgba(0,0,0,.6);transition:transform .25s}
.sk-card-1{transform:rotate(-4deg)}.sk-card-2{transform:translateY(28px)}.sk-card-3{transform:rotate(4deg)}
.sk-card:hover{transform:rotate(0) translateY(-6px)}
.sk-card-top{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:600;color:var(--text)}
.sk-card b{font-size:23px;line-height:1.25;color:var(--navy)}
.sk-card-2{background:var(--blue)}.sk-card-2 b,.sk-card-2 .sk-card-top,.sk-card-2 .sk-card-go{color:#fff}
.sk-card-go{display:inline-flex;align-items:center;gap:8px;font-size:17px;font-weight:600;color:var(--blue)}
.sk-form-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start}
.sk-form-copy{display:grid;gap:28px}
.sk-form .lead-form{background:none;border:0;box-shadow:none;padding:0}
.sk-form .field label{font:600 16px var(--font);color:var(--text)}
.sk-form .field input,.sk-form .field select,.sk-form .field textarea{border:0;border-radius:16px;background:#fff;min-height:54px;font:500 17px var(--font);color:var(--ink);box-shadow:none}
.sk-form .field textarea{min-height:130px}
.sk-form .form-foot{align-items:center}
.sk-form .form-foot .btn{border-radius:200px;min-height:56px;font-size:20px}
.sk-details{border-radius:28px;background:#fff;overflow:hidden}
.sk-map{position:relative;height:200px;background:#eef3fb;
  background-image:linear-gradient(115deg,transparent 46%,#fff 46.5%,#fff 49%,transparent 49.5%),linear-gradient(20deg,transparent 60%,#fff 60.5%,#fff 62.5%,transparent 63%),linear-gradient(rgba(99,174,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(99,174,255,.2) 1px,transparent 1px);background-size:auto,auto,44px 44px,44px 44px}
.sk-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-60%);display:grid;place-items:center;width:64px;height:64px;border-radius:50% 50% 50% 8px;rotate:-45deg;background:var(--navy);box-shadow:0 14px 26px -10px rgba(3,29,61,.6)}
.sk-pin img{rotate:45deg;border-radius:10px}
.sk-details ul{list-style:none;margin:0;padding:24px 28px 28px;display:grid;gap:18px}
.sk-details li{display:flex;gap:14px;align-items:flex-start}
.sk-details li>svg{flex:none;margin-top:2px;color:var(--blue)}
.sk-details li div{display:grid;gap:2px;font-size:16px;color:var(--text)}
.sk-details b{font-size:17px;color:var(--ink)}
.sk-details a{color:var(--navy);font-weight:600}
.sk-details small{font-size:14px;margin-bottom:4px}
.sk-end{height:40px}
@media (max-width:1100px){
  .sk-stage{grid-template-columns:1fr 1fr}
  .sk-owl{grid-column:1/-1;grid-row:1;justify-self:center;width:100%;max-width:340px}
  .sk-side,.sk-side-r{justify-items:center;gap:16px}
  .sk-side .sk-pill:nth-child(2),.sk-side-r .sk-pill:nth-child(2){transform:none}
  .sk-form-grid{grid-template-columns:1fr}
}
@media (max-width:767px){
  .sk-stage{grid-template-columns:1fr;gap:14px}
  .sk-owl video{height:300px}
  .sk-side,.sk-side-r{justify-items:stretch;gap:12px}
  .sk-pill{padding-right:18px}
  .sk-ava{width:48px;height:48px;font-size:18px}
  .sk-pill-txt b{font-size:20px}
  .sk-follow .sn-center{margin-bottom:32px}
  .sk-cards{grid-template-columns:1fr;gap:14px}
  .sk-card-1,.sk-card-2,.sk-card-3{transform:none}
  .sk-card b{font-size:20px}
  .sk-details ul{padding:20px}
}

/* ================= Free tools hub ================= */
.tt-head{gap:18px;margin-bottom:48px}
.tt-head .sn-h-xxl{max-width:900px}
.tt-quick{display:flex;align-items:center;gap:8px;width:100%;max-width:640px;margin-top:10px;padding:8px 8px 8px 20px;border-radius:200px;background:#fff;box-shadow:0 20px 50px -26px rgba(3,29,61,.45),0 0 0 1px rgba(3,29,61,.07)}
.tt-quick-ico{color:var(--blue);display:grid}
.tt-quick input{flex:1;min-width:0;border:0;background:none;font:500 18px var(--font);color:var(--ink);padding:10px 4px 8px}
.tt-quick input:focus{outline:none}
.tt-quick:focus-within{box-shadow:0 20px 50px -26px rgba(3,29,61,.45),0 0 0 3px var(--blue)}
.tt-quick .sn-btn{min-height:52px;font-size:19px}
.tt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.tt-card{--a1:#077dfd;--a2:#63aeff;position:relative;display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:28px;background:var(--tone);color:var(--ink);
  -webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.tt-card *{-webkit-user-select:none;user-select:none;cursor:pointer}
.tt-card:hover{transform:translateY(-6px);box-shadow:0 28px 50px -30px rgba(3,29,61,.55)}
.tt-card.is-wide{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;column-gap:28px}
.tt-card.is-wide .tt-top,.tt-card.is-wide .tt-copy,.tt-card.is-wide .tt-go{grid-column:1}
.tt-card.is-wide .tt-go{justify-self:start;align-self:end}
.tt-card.is-wide .tt-preview{grid-column:2;grid-row:1/4;align-self:center}
.tt-top{display:flex;align-items:center;gap:10px}
.tt-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#fff;color:var(--blue)}
.tt-badge{padding:5px 11px 3px;border-radius:200px;background:var(--navy);color:#fff;font-size:13px;font-weight:700}
.tt-time{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:5px 11px 3px;border-radius:200px;background:rgba(255,255,255,.7);font-size:14px;font-weight:600;color:var(--navy)}
.tt-copy{display:grid;gap:8px}
.tt-name{font-size:25px;line-height:1.15;font-weight:700;color:var(--ink)}
.tt-card.is-wide .tt-name{font-size:32px}
.tt-short{font-size:17px;line-height:1.5;color:var(--text)}
.tt-preview{display:block;flex:1}
.tt-preview .tp{background:#fff;border:0;box-shadow:0 14px 30px -22px rgba(3,29,61,.4);border-radius:18px}
.tt-go{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;margin-top:auto;padding:6px 6px 6px 20px;border-radius:200px;background:var(--blue);color:#fff;font-size:18px;font-weight:600;transition:background .2s}
.tt-go>span:first-child{padding-top:3px}
.tt-card:hover .tt-go{background:var(--blue-deep)}
.tt-card:hover .sn-btn-ico{transform:translateX(3px)}
.tt-card:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.tt-human-grid{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.tt-human-grid>div{display:grid;gap:18px;max-width:720px}
@media (max-width:1100px){.tt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){
  .tt-quick{flex-wrap:wrap;border-radius:26px;padding:10px}
  .tt-quick-ico{display:none}
  .tt-quick input{width:100%;flex-basis:100%;padding:10px 12px}
  .tt-quick .sn-btn{width:100%;justify-content:space-between}
  .tt-grid{grid-template-columns:1fr;gap:16px}
  .tt-card{padding:22px;border-radius:24px}
  .tt-card.is-wide{grid-column:auto;display:flex}
  .tt-name,.tt-card.is-wide .tt-name{font-size:22px}
}

/* ================= Blog ================= */
.bl-head{gap:18px;margin-bottom:36px}
.bl-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:36px}
.bl-cats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:4px 2px}
.bl-cats::-webkit-scrollbar{display:none}
.bl-cats a{display:inline-flex;align-items:center;gap:7px;flex:none;padding:10px 18px 8px;border-radius:200px;background:var(--mist);color:var(--navy);font-size:17px;font-weight:600;white-space:nowrap;transition:background .2s,color .2s}
.bl-cats a small{display:grid;place-items:center;min-width:24px;height:22px;padding:2px 6px 0;border-radius:200px;background:#fff;font-size:12px;color:var(--blue)}
.bl-cats a:hover{background:var(--ice)}
.bl-cats a[aria-current]{background:var(--navy);color:#fff}
.bl-cats a[aria-current] small{background:var(--blue);color:#fff}
.bl-search{display:flex;align-items:center;flex:none;width:280px;padding:4px 4px 4px 18px;border-radius:200px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.bl-search:focus-within{box-shadow:0 0 0 2px var(--blue)}
.bl-search input{flex:1;min-width:0;border:0;background:none;font:500 16px var(--font);color:var(--ink);padding:8px 0 6px}
.bl-search input:focus{outline:none}
.bl-search button{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:var(--blue);color:#fff;cursor:pointer}
.bl-featured{margin-bottom:28px}
.bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px}
.bl-card{position:relative;display:flex;flex-direction:column;gap:16px}
.bl-cover{display:block;border-radius:22px;overflow:hidden;background:var(--mist);aspect-ratio:16/10}
.bl-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.bl-card:hover .bl-cover img{transform:scale(1.04)}
.bl-body{display:grid;gap:10px;align-content:start}
.bl-cat{justify-self:start;padding:5px 12px 3px;border-radius:200px;background:var(--ice);color:var(--navy);font-size:14px;font-weight:600;position:relative;z-index:1}
.bl-cat:hover{background:var(--navy);color:#fff}
.bl-title{font-size:22px!important;line-height:1.25}
.bl-title a::after{content:"";position:absolute;inset:0}
.bl-card:hover .bl-title a{color:var(--blue)}
.bl-excerpt{font-size:18px;line-height:1.55}
.bl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:14px;color:var(--text)}
.bl-author{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--ink)}
.bl-author img{border-radius:6px}
.bl-meta time::before,.bl-meta span:last-child::before{content:"·";margin-right:14px;color:var(--line)}
.bl-card-big{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:center;padding:22px;border-radius:30px;background:var(--soft);box-shadow:0 0 0 1px rgba(3,29,61,.05)}
.bl-card-big .bl-cover{aspect-ratio:16/10}
.bl-card-big .bl-title{font-size:36px!important;line-height:1.12}
.bl-pages{margin-top:44px}
.bl-pages .pagination{justify-content:center}
.bl-pages .pagination a,.bl-pages .pagination span{border-radius:200px}
.bl-pages .pagination .is-current{background:var(--navy);color:#fff;border-color:var(--navy)}
@media (max-width:1100px){.bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bl-bar{flex-direction:column;align-items:stretch}.bl-search{width:100%}}
@media (max-width:767px){
  .bl-grid{grid-template-columns:1fr;gap:28px}
  .bl-card-big{grid-template-columns:1fr;gap:18px;padding:14px;border-radius:24px}
  .bl-card-big .bl-title{font-size:26px!important}
  .bl-excerpt{font-size:16px}
  .bl-cats{margin:0 -16px;padding:4px 16px}
}

/* ================= Responsive ================= */
@media (max-width:1100px){
  .sp-price{font-size:52px}
}
@media (max-width:767px){
  .sn-sheet{padding:36px 0 56px;border-radius:0 0 36px 36px;background-size:64px 64px}
  .sn-block{border-radius:36px;padding:56px 0;margin-top:16px}
  .sn-navy{padding:64px 0}
  .sn-lead{font-size:18px}
  .sp-lead{font-size:18px}
  .sp-hero{margin-bottom:32px}
  .sp-plans{grid-template-columns:1fr;gap:16px}
  .sp-plan.is-featured{order:-1}
  .sp-plan-head{padding:18px 22px 14px}
  .sn .sp-plan-head h2{font-size:26px}
  .sp-plan-body{padding:22px 22px 26px;border-radius:24px 24px 0 0}
  .sp-price{font-size:46px}
  .sp-feats li{font-size:16px}
  .sp-never{justify-content:flex-start;padding:20px}
  .sp-never b{width:100%}
  .sp-compare-head{margin:64px 0 24px}
  .sp-table{font-size:15px}
  .sp-table th,.sp-table td{padding:12px 12px 10px}
  .sp-table th[scope=row]{position:sticky;left:0;z-index:1;background:inherit;min-width:170px;box-shadow:1px 0 0 #e6ebf3}
  .sp-table tbody tr:not(.sp-group) th[scope=row]{background:var(--soft)}
  .sp-group th{font-size:19px}
  .sp-help{flex-direction:column;align-items:flex-start;border-radius:32px;padding:24px}
  .sp-help h3{font-size:24px}
}
/* Blog bar: pills wrap on wide screens so every category is visible; search sits under them */
@media (min-width:768px){
  .bl-bar{flex-direction:column;align-items:center;gap:18px}
  .bl-cats{flex-wrap:wrap;justify-content:center;overflow:visible}
  .bl-search{width:min(440px,100%)}
}
.bl-author{flex-basis:100%}
.bl-meta time::before{display:none}