:root{
  --navy:#0b1734;
  --navy-2:#101f44;
  --blue:#1477f8;
  --blue-2:#00a6ee;
  --purple:#6f3bc2;
  --ink:#17213a;
  --muted:#65708a;
  --line:#dfe6f1;
  --soft:#f6f9fd;
  --white:#ffffff;
  --shadow:0 18px 50px rgba(11,23,52,.10);
  --radius:18px;
  --radius-sm:12px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.content{max-width:820px}

.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:4px solid var(--purple);border-bottom:1px solid rgba(223,230,241,.9)}
.nav{min-height:82px;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand img{width:238px;height:auto}
.nav-links{display:flex;align-items:center;gap:22px;margin-left:auto}
.nav-links a{font-size:.94rem;font-weight:700;color:var(--navy);white-space:nowrap}
.nav-links a:hover{color:var(--blue)}
.mobile-toggle{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:10px;padding:8px 11px;font-size:1.25rem;line-height:1;cursor:pointer}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 20px;border-radius:10px;font-weight:800;border:1px solid transparent;transition:.18s ease;cursor:pointer}
.btn-primary{color:#fff;background:linear-gradient(135deg,var(--blue),#1164dc);box-shadow:0 10px 24px rgba(20,119,248,.20)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(20,119,248,.28)}
.btn-secondary{color:var(--blue);background:#fff;border-color:#b9d4fb}
.btn-secondary:hover{background:#f2f7ff;border-color:var(--blue)}

.hero{padding:86px 0 76px;background:linear-gradient(120deg,#fff 0%,#f8fbff 56%,#edf5ff 100%);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:64px;align-items:center}
.hero h1,.subhero h1,.page-hero h1,.case-hero h1{font-size:clamp(2.6rem,5vw,4.7rem);line-height:1.02;letter-spacing:-.045em;margin:.25em 0 .34em;color:var(--navy)}
.hero p,.subhero p,.page-hero p,.case-hero p,.lead{font-size:1.14rem;color:var(--muted)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero-panel{position:relative;background:linear-gradient(145deg,var(--navy),#122d5b);color:#fff;padding:34px;border-radius:24px;box-shadow:0 28px 70px rgba(11,23,52,.23)}
.hero-panel:before{content:"";position:absolute;right:-60px;top:-55px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(0,166,238,.36),transparent 68%)}
.hero-panel h3{font-size:1.55rem;margin:0 0 10px;color:#fff}
.hero-panel p{color:#cbd7ed;font-size:1rem}
.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:var(--blue)}
.checklist{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:11px}
.checklist li{position:relative;padding-left:30px;color:#eef4ff;font-weight:650}
.checklist li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:rgba(0,166,238,.22);color:#7bd4ff;display:grid;place-items:center;font-size:.8rem}

.section{padding:76px 0}
.section.soft,.soft{background:var(--soft)}
.section-head{max-width:760px;margin-bottom:34px}
.section-head h2,.split h2,.cta h2,.content h2{font-size:clamp(2rem,3vw,3rem);line-height:1.1;letter-spacing:-.03em;color:var(--navy);margin:.28em 0 .36em}
.section-head p,.split p,.content p{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 8px 26px rgba(11,23,52,.045);transition:.18s ease}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#cad8ec}
.card h3{font-size:1.15rem;color:var(--navy);margin:14px 0 8px}
.card p{color:var(--muted);margin:0 0 14px}
.icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#edf5ff;color:var(--blue);font-weight:900;font-size:1.2rem}
.price{font-size:1.28rem;font-weight:900;color:var(--navy);margin:14px 0 2px}

.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.feature-list{display:grid;gap:16px}
.feature{display:flex;gap:15px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.feature .icon{flex:0 0 auto;width:36px;height:36px}
.feature b{display:block;color:var(--navy);margin-bottom:3px}
.feature span{color:var(--muted);font-size:.96rem}
.cta{background:linear-gradient(135deg,var(--navy),#122d5b);color:#fff;border-radius:24px;padding:44px;box-shadow:var(--shadow)}
.cta h2,.cta h3{color:#fff;margin:.3em 0}
.cta p{color:#cbd7ed;max-width:760px}
.badge,.tag,.demo-label{display:inline-flex;align-items:center;border-radius:999px;padding:6px 11px;background:#eaf3ff;color:#1265c7;font-size:.76rem;font-weight:850;letter-spacing:.02em}
.cta .badge{background:rgba(255,255,255,.12);color:#fff}

.subhero,.page-hero,.case-hero{padding:70px 0;background:linear-gradient(120deg,#f9fbff,#edf5ff)}
.page-hero,.case-hero{border-bottom:1px solid var(--line)}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.work-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 26px rgba(11,23,52,.04)}
.work-visual{min-height:160px;background:linear-gradient(135deg,#0d234c,#1477f8);position:relative;overflow:hidden}
.work-visual.light{background:linear-gradient(135deg,#eff6ff,#d9ebff)}
.work-visual.warm{background:linear-gradient(135deg,#fff0dd,#f2d8bd)}
.work-visual.solar{background:linear-gradient(135deg,#092e3e,#11a6a0)}
.work-body{padding:24px}
.work-meta{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--blue)}
.work-body h3{font-size:1.35rem;color:var(--navy);margin:7px 0 8px}
.work-body p{color:var(--muted)}
.work-links{display:flex;gap:14px;flex-wrap:wrap}
.text-link{font-weight:800;color:var(--blue)}

.case-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:48px;align-items:start}
.case-summary,.dark-panel,.notice,.form-card{border-radius:var(--radius);padding:26px}
.case-summary{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.dark-panel{background:var(--navy);color:#e9f1ff}
.dark-panel h3{color:#fff}
.case-section{margin-bottom:34px}
.case-section h2,.case-section h3{color:var(--navy)}
.tag-row{display:flex;flex-wrap:wrap;gap:8px}
.process-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:24px 0}
.process-step{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;text-align:center;font-weight:800;color:var(--navy)}
.browser-shell{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.browser-top{display:flex;gap:7px;padding:12px 14px;background:#f1f4f8;border-bottom:1px solid var(--line)}
.browser-dot{width:10px;height:10px;border-radius:50%;background:#c4cedc}
.browser-body{padding:26px}

.form-wrap{display:grid;grid-template-columns:1fr .65fr;gap:36px}
.form,.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 12px 32px rgba(11,23,52,.06)}
.form label{display:grid;gap:7px;font-weight:800;color:var(--navy);margin-bottom:18px}
.form input,.form select,.form textarea{width:100%;border:1px solid #cfd9e8;border-radius:10px;padding:12px 13px;background:#fff;color:var(--ink);outline:none}
.form textarea{min-height:150px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(20,119,248,.10)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.note,.small{font-size:.88rem;color:var(--muted)}
.notice{background:#fff8e8;border:1px solid #f2deb1;color:#71551c}
.hidden{display:none!important}

.legal{max-width:860px;margin:auto}
.legal h1,.legal h2,.legal h3{color:var(--navy)}
.legal h2{margin-top:34px}

.footer{background:#08152f;color:#d6dfef;padding:54px 0 30px;margin-top:0}
.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .9fr .8fr;gap:28px}
.footer h4{color:#fff;margin:0 0 12px}
.footer p{color:#9fb0ca;max-width:430px}
.footer a{display:block;color:#cbd6e8;margin:7px 0}
.footer a:hover{color:#fff}
.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding-top:22px;color:#8fa2c0;font-size:.86rem}

@media(max-width:1020px){
  .nav>.btn{display:none}
  .nav-links{position:absolute;left:20px;right:20px;top:76px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;display:none;flex-direction:column;align-items:stretch;gap:3px;box-shadow:var(--shadow)}
  .nav-links.open{display:flex}
  .nav-links a{padding:10px 8px;border-radius:8px}
  .nav-links a:hover{background:var(--soft)}
  .mobile-toggle{display:block}
  .hero-grid,.split,.case-layout,.form-wrap{grid-template-columns:1fr}
  .hero-grid{gap:34px}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process-flow{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .container{width:min(100% - 28px,var(--max))}
  .brand img{width:205px}
  .nav{min-height:74px}
  .nav-links{top:70px;left:14px;right:14px}
  .hero,.section,.subhero,.page-hero,.case-hero{padding:54px 0}
  .hero h1,.subhero h1,.page-hero h1,.case-hero h1{font-size:2.5rem}
  .cards,.portfolio-grid,.grid2,.footer-grid,.process-flow{grid-template-columns:1fr}
  .cta{padding:30px 24px}
  .hero-panel{padding:26px}
  .btn{width:100%}
  .hero-actions{display:grid}
}

/* Free Business Technology Checkup landing page */
.checkup-hero{padding:76px 0;background:linear-gradient(120deg,#fff 0%,#f6faff 48%,#eaf4ff 100%);border-bottom:1px solid var(--line)}
.checkup-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:54px;align-items:center}
.checkup-hero h1,.thankyou-wrap h1{font-size:clamp(2.7rem,5vw,4.65rem);line-height:1.02;letter-spacing:-.045em;color:var(--navy);margin:.22em 0 .3em}
.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;color:var(--navy);font-weight:750;font-size:.92rem}
.checkup-panel{background:linear-gradient(145deg,var(--navy),#122d5b);color:#fff;border-radius:24px;padding:32px;box-shadow:0 28px 70px rgba(11,23,52,.20)}
.checkup-panel h2{color:#fff;font-size:1.7rem;line-height:1.15;margin:6px 0 18px}.checkup-kicker{color:#73d3ff;text-transform:uppercase;letter-spacing:.13em;font-weight:900;font-size:.75rem}
.checkup-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.checkup-list li{position:relative;padding-left:28px;color:#eaf1ff}.checkup-list li:before{content:"✓";position:absolute;left:0;color:#66d2ff;font-weight:900}
.field-optional{font-weight:500;color:var(--muted)}.issue-fieldset{border:0;padding:0;margin:0 0 20px}.issue-fieldset legend{font-weight:800;color:var(--navy);margin-bottom:10px}.issue-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form label.check-option{display:flex;grid-template-columns:none;flex-direction:row;align-items:flex-start;gap:10px;margin:0;border:1px solid var(--line);border-radius:10px;padding:12px;background:#fbfdff;font-weight:650}.form .check-option input{width:auto;margin-top:4px;flex:0 0 auto}.short-textarea{min-height:90px!important}.sticky-card{position:sticky;top:112px}.sticky-card h3{font-size:1.5rem;color:var(--navy);margin:.4em 0}.numbered{display:grid;gap:18px;margin:22px 0}.numbered>div{display:flex;gap:12px}.numbered b{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:50%;background:#eaf3ff;color:var(--blue)}.numbered span{color:var(--muted);line-height:1.45}.numbered strong{color:var(--navy)}.sticky-card hr{border:0;border-top:1px solid var(--line);margin:22px 0}.checkup-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.thankyou-hero{min-height:72vh;display:grid;align-items:center;padding:80px 0;background:linear-gradient(120deg,#fff,#edf5ff)}.thankyou-wrap{max-width:780px;text-align:center}.thankyou-wrap .lead{max-width:680px;margin:0 auto}.success-mark{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;margin:0 auto 22px;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;font-size:2.2rem;font-weight:900;box-shadow:0 16px 34px rgba(20,119,248,.25)}.next-card{margin:34px auto 22px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);text-align:left}.next-card h2{color:var(--navy);margin-top:0}.next-card .hero-actions{justify-content:flex-start}
@media(max-width:1020px){.checkup-hero-grid{grid-template-columns:1fr}.checkup-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sticky-card{position:static}}
@media(max-width:680px){.checkup-hero{padding:54px 0}.checkup-hero h1,.thankyou-wrap h1{font-size:2.5rem}.issue-grid,.checkup-cards{grid-template-columns:1fr}.trust-row{display:grid;gap:8px}.checkup-panel{padding:25px}.next-card .hero-actions{display:grid}}