/* SaaS Software Sales Support — akontec.store brand: navy #0B1229 / yellow #FFC61A */
@font-face{font-family:'Urbanist';src:url('../fonts/urbanist.woff2') format('woff2-variations');font-weight:100 900;font-display:swap;}
@font-face{font-family:'Jakarta';src:url('../fonts/jakarta.woff2') format('woff2-variations');font-weight:200 800;font-display:swap;}
@font-face{font-family:'JBMono';src:url('../fonts/jbmono.woff2') format('woff2-variations');font-weight:100 800;font-display:swap;}

:root{
  --navy:#0B1229; --navy2:#151F40; --navy3:#223063; --line:#2B3560;
  --yellow:#FFC61A; --yellow-d:#E0A800;
  --paper:#FFFFFF; --tint:#F3F5FA; --tint2:#E9EDF6; --rule:#D3D9E8; --muted:#5D6780;
  --disp:'Urbanist',system-ui,sans-serif; --body:'Jakarta',system-ui,sans-serif; --mono:'JBMono',ui-monospace,monospace;
  --max:1200px; --pad:clamp(20px,5vw,56px);
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--paper);color:var(--navy);font-family:var(--body);
  font-size:clamp(15.5px,1vw,17px);line-height:1.6;font-variant-numeric:tabular-nums;}
img,svg{max-width:100%;display:block;}
a{color:inherit;}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--pad);}
h1,h2,h3,h4{font-family:var(--disp);font-weight:800;letter-spacing:-.03em;line-height:1.03;margin:0;}
h1{font-size:clamp(38px,6vw,72px);}
h2{font-size:clamp(27px,3.5vw,44px);}
h3{font-size:clamp(18px,1.6vw,23px);letter-spacing:-.02em;line-height:1.15;}
p{margin:0 0 1em;}
.lead{font-size:clamp(17px,1.6vw,21px);line-height:1.45;color:var(--navy3);font-weight:500;}
.small{font-size:14.5px;line-height:1.55;}
.kicker{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);}
.kicker.y{color:var(--yellow-d);}
.on-dark .kicker,.kicker.pale{color:var(--yellow);}
.mono{font-family:var(--mono);}
.mut{color:var(--muted);}
.yrule{width:56px;height:4px;background:var(--yellow);}
.hr{height:1px;background:var(--rule);border:0;margin:0;}

/* header */
.skip{position:absolute;left:-9999px;}
.skip:focus{left:12px;top:12px;z-index:99;background:var(--yellow);color:var(--navy);padding:10px 14px;font-family:var(--mono);}
header.site{position:sticky;top:0;z-index:50;background:rgba(11,18,41,.97);color:#fff;border-bottom:1px solid var(--line);}
.bar{display:flex;align-items:center;justify-content:space-between;gap:20px;height:70px;}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;}
.brand b{font-family:var(--disp);font-weight:800;font-size:15px;letter-spacing:-.02em;background:var(--yellow);color:var(--navy);padding:4px 8px;}
.brand span{font-family:var(--mono);font-size:11.5px;letter-spacing:.2em;color:#8E99B8;}
nav.main{display:flex;align-items:center;gap:26px;}
nav.main a{font-family:var(--mono);font-size:12px;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;
  color:#C9D0E2;padding:6px 0;border-bottom:2px solid transparent;}
nav.main a:hover{color:#fff;border-color:var(--yellow);}
nav.main a[aria-current="page"]{color:var(--yellow);border-color:var(--yellow);}
.navtoggle{display:none;background:none;border:1px solid var(--line);color:#fff;font-family:var(--mono);
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:9px 13px;cursor:pointer;}
.btn{display:inline-block;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;text-decoration:none;padding:13px 20px;background:var(--yellow);color:var(--navy);
  border:2px solid var(--yellow);transition:.16s;}
.btn:hover{background:transparent;color:var(--yellow);}
.btn.ghost{background:transparent;color:var(--navy);border-color:var(--navy);}
.btn.ghost:hover{background:var(--navy);color:#fff;}
.on-dark .btn.ghost{color:#fff;border-color:#fff;}
.on-dark .btn.ghost:hover{background:#fff;color:var(--navy);}

/* hero */
.hero{background:var(--navy);color:#fff;padding:clamp(46px,6vw,86px) 0 0;}
.hero h1 em{font-style:normal;color:var(--yellow);}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,52px);align-items:center;}
.hero p{color:#C9D0E2;}
.figstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:clamp(34px,5vw,56px);}
.figstrip > div{background:var(--navy2);padding:22px;}
.fig{font-family:var(--disp);font-weight:800;font-size:clamp(22px,2.4vw,30px);line-height:1;letter-spacing:-.03em;}
.fig + span{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;
  color:#8E99B8;margin-top:8px;}

/* sections */
section{padding:clamp(46px,6vw,84px) 0;}
section.tight{padding:clamp(32px,4vw,52px) 0;}
.dark{background:var(--navy);color:#fff;}
.dark h2,.dark h3{color:#fff;}
.dark p{color:#C9D0E2;}
.tinted{background:var(--tint);}
.sechead{display:flex;justify-content:space-between;align-items:flex-end;gap:26px;flex-wrap:wrap;margin-bottom:30px;}
.sechead .small{max-width:46ch;}

/* cards */
.grid{display:grid;gap:20px;}
.g2{grid-template-columns:repeat(2,1fr);}
.g3{grid-template-columns:repeat(3,1fr);}
.g4{grid-template-columns:repeat(4,1fr);}
.card{background:var(--tint);padding:26px;border-top:4px solid var(--yellow);}
.card.plain{background:transparent;border:1px solid var(--rule);border-top:4px solid var(--navy);}
.dark .card{background:var(--navy2);border-top-color:var(--yellow);}
.dark .card.plain{background:transparent;border:1px solid var(--line);border-top:4px solid var(--yellow);}
.card h3{margin-bottom:9px;}
.card p:last-child{margin-bottom:0;}
.tag{display:inline-block;font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.14em;
  background:var(--navy);color:var(--yellow);padding:4px 9px;margin-bottom:12px;}
.card .tag.y{background:var(--yellow);color:var(--navy);}

/* tables */
.tablewrap{overflow-x:auto;}
table{width:100%;border-collapse:collapse;font-size:14px;}
caption{text-align:left;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--muted);padding-bottom:10px;}
th{background:var(--navy);color:#fff;text-align:left;font-family:var(--mono);font-weight:500;font-size:10.5px;
  letter-spacing:.12em;text-transform:uppercase;padding:12px;}
td{padding:12px;border-bottom:1px solid var(--rule);vertical-align:top;line-height:1.45;}
tbody tr:nth-child(even) td{background:var(--tint);}
td.num,th.num{text-align:right;font-family:var(--mono);}
tr.total td{background:var(--yellow)!important;font-weight:700;border-bottom:0;}
.dark td{border-bottom-color:var(--line);color:#C9D0E2;}
.dark tbody tr:nth-child(even) td{background:var(--navy2);}
.dark th{background:var(--navy3);}

/* steps */
ol.steps{list-style:none;margin:0;padding:0;counter-reset:s;}
ol.steps li{counter-increment:s;display:grid;grid-template-columns:56px 1fr;gap:18px;padding:20px 0;
  border-bottom:1px solid var(--rule);}
ol.steps li::before{content:counter(s,decimal-leading-zero);font-family:var(--mono);font-weight:700;font-size:12px;
  background:var(--yellow);color:var(--navy);padding:5px 8px;height:fit-content;}
.dark ol.steps li{border-bottom-color:var(--line);}

/* calculator */
.calc{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,3vw,44px);align-items:start;}
.field{margin-bottom:22px;}
.field label{display:block;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.15em;
  text-transform:uppercase;color:var(--yellow);margin-bottom:10px;}
.field output{font-family:var(--disp);font-weight:800;font-size:22px;}
input[type=range]{width:100%;accent-color:var(--yellow);height:26px;background:transparent;}
.seg{display:flex;flex-wrap:wrap;gap:8px;}
.seg button{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;padding:10px 13px;background:transparent;
  border:1px solid var(--line);color:#C9D0E2;cursor:pointer;}
.seg button:hover{border-color:#8E99B8;}
.seg button[aria-pressed="true"]{background:var(--yellow);border-color:var(--yellow);color:var(--navy);font-weight:700;}
.result{background:var(--navy2);border-top:4px solid var(--yellow);padding:26px;}
.result .big{font-family:var(--disp);font-weight:800;font-size:clamp(30px,4.2vw,50px);line-height:1;letter-spacing:-.03em;color:#fff;}
.result table td{border-bottom-color:var(--line);color:#C9D0E2;background:transparent!important;}
.result table td:last-child{text-align:right;color:#fff;font-family:var(--mono);}

/* form */
form.apply{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
form.apply .full{grid-column:1/-1;}
form.apply label,aside label{display:block;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.15em;
  text-transform:uppercase;color:var(--muted);margin-bottom:7px;}
input[type=text],input[type=email],input[type=tel],input[type=number],select,textarea{
  width:100%;font-family:var(--body);font-size:15px;padding:12px 13px;background:var(--tint);
  border:1px solid var(--rule);color:var(--navy);border-radius:0;}
input:focus,select:focus,textarea:focus{outline:3px solid var(--yellow);outline-offset:0;}
textarea{min-height:120px;resize:vertical;}
.formnote{font-family:var(--mono);font-size:11.5px;color:var(--muted);line-height:1.6;}

/* faq + misc */
details{border-bottom:1px solid var(--rule);padding:16px 0;}
details summary{cursor:pointer;font-family:var(--disp);font-weight:800;font-size:19px;list-style:none;
  display:flex;justify-content:space-between;gap:16px;letter-spacing:-.02em;}
details summary::-webkit-details-marker{display:none;}
details summary::after{content:"+";font-family:var(--mono);color:var(--yellow-d);font-weight:700;}
details[open] summary::after{content:"\2013";}
details p{margin:12px 0 0;max-width:72ch;}
.ybar{border-left:4px solid var(--yellow);padding-left:20px;}
.cta{background:var(--yellow);color:var(--navy);}
.cta h2{color:var(--navy);}
.cta .btn{background:var(--navy);color:#fff;border-color:var(--navy);}
.cta .btn:hover{background:transparent;color:var(--navy);}

footer.site{background:var(--navy);color:#8E99B8;padding:56px 0 28px;font-size:14px;}
footer.site a{color:#C9D0E2;text-decoration:none;}
footer.site a:hover{color:var(--yellow);}
.footgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:28px;}
.footgrid h4{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--yellow);
  margin:0 0 14px;font-weight:700;}
.footgrid ul{list-style:none;margin:0;padding:0;}
.footgrid li{margin-bottom:9px;}
.legal{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:40px;padding-top:18px;
  border-top:1px solid var(--line);font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;}

@media (max-width:1000px){.g4{grid-template-columns:repeat(2,1fr);}.figstrip{grid-template-columns:repeat(2,1fr);}
  .footgrid{grid-template-columns:1fr 1fr;}}
@media (max-width:820px){
  .navtoggle{display:block;}
  nav.main{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:flex-start;gap:0;
    background:var(--navy);border-bottom:1px solid var(--line);padding:6px var(--pad) 18px;display:none;}
  nav.main.open{display:flex;}
  nav.main a{padding:14px 0;width:100%;border-bottom:1px solid var(--line);}
  nav.main .btn{margin-top:12px;}
  .hero-grid,.g2,.g3,.calc,form.apply{grid-template-columns:1fr;}
  ol.steps li{grid-template-columns:44px 1fr;gap:12px;}
}
@media print{header.site,footer.site,.cta{display:none;}body{background:#fff;color:#000;}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*{transition:none!important;}}