/* One Key Technology v5.5 — light IT theme (public website only; body.okt26). */
body.okt26{
  --night:#f6f8fc; --deep:#ffffff; --panel:#edf2fb; --line:#dbe3ef;
  --blue:#2b6fe8; --orange:#f26b1d; --mist:#4a5875; --white:#0e1b36; --ok:#0f9d6b;
  --soft:#6b7a96; --shadow:0 24px 60px -28px rgba(14,27,54,.28);
  --display:"Sora","Segoe UI",system-ui,sans-serif; --body:"Figtree","Segoe UI",system-ui,sans-serif;
  /* re-point the v5.4 brand tokens so older components follow the new look */
  --okt-ink:#0e1b36; --okt-ink-2:#3d4a66; --okt-muted:#6b7a96; --okt-key:#e9621a; --okt-key-hover:#d5550f; --okt-flame:#f26b1d;
  --okt-signal:#2b6fe8; --okt-mist:#f3f6fc; --okt-rule:#dbe3ef; --okt-ledger:#0f9d6b;
  --okt-display:var(--display); --okt-body:var(--body);
  background:#f6f8fc!important;color:var(--mist);font-family:var(--body)!important;-webkit-font-smoothing:antialiased;overflow-x:clip}
html:has(body.okt26){overflow-x:clip}
body.okt26 h1,body.okt26 h2,body.okt26 h3,body.okt26 h4{font-family:var(--display)!important;color:var(--white);letter-spacing:-.025em;text-wrap:balance}
body.okt26 .wrap{width:min(1200px,100%);margin-inline:auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
body.okt26 :focus-visible{outline:3px solid var(--orange)!important;outline-offset:3px}

/* Buttons everywhere on the public site */
body.okt26 .btn{font-family:var(--body);font-weight:700;border-radius:12px}
body.okt26 .btn-primary,body.okt26 .btn.btn-primary,body.okt26 .btn-key{background:linear-gradient(135deg,#f57a2c,#e0570f)!important;border:0!important;color:#fff!important;box-shadow:0 12px 28px -12px rgba(242,107,29,.75)!important}
body.okt26 .btn-primary:hover,body.okt26 .btn-key:hover{transform:translateY(-2px)}
body.okt26 .btn-secondary,body.okt26 .btn-ghost,body.okt26 .btn-light{background:#fff!important;color:var(--white)!important;border:1px solid var(--line)!important;box-shadow:0 6px 18px -12px rgba(14,27,54,.35)!important}

/* Header */
body.okt26 .site-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(255,255,255,.85)!important;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)!important;box-shadow:none!important}
body.okt26 .site-header .main-nav a,body.okt26 .site-header .nav-dropdown-toggle{color:#33415f!important;font-family:var(--body);font-weight:600}
body.okt26 .site-header .main-nav a:hover,body.okt26 .site-header .nav-dropdown-toggle:hover{color:var(--blue)!important}
body.okt26 .site-header .nav-cta{color:#fff!important;padding:11px 18px}
body.okt26 .nav-dropdown{background:#fff!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:var(--shadow)!important}
body.okt26 .brand strong{font-family:var(--display);color:var(--white);letter-spacing:.02em}
body.okt26 .brand small{color:var(--soft);letter-spacing:.24em}

/* Footer (light) */
body.okt26 .site-footer{background:#fff!important;color:var(--soft)!important;border-top:1px solid var(--line)}
body.okt26 .site-footer h4{color:var(--white)!important}
body.okt26 .site-footer a{color:#4a5875!important}
body.okt26 .site-footer a:hover{color:var(--blue)!important}
body.okt26 .site-footer .brand strong{color:var(--white)}
body.okt26 .footer-bottom{border-top:1px solid var(--line)!important;color:var(--soft)}

/* Inner-page hero: light glow + perspective grid + a small particle key */
body.okt26 .okt54-pagehero{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#fff,#f6f8fc)!important;border-bottom:1px solid var(--line)}
body.okt26 .okt54-pagehero::before{content:"";position:absolute;inset:-30%;z-index:-2;background:radial-gradient(34% 40% at 78% 40%,rgba(43,111,232,.13),transparent 70%),radial-gradient(24% 28% at 90% 75%,rgba(242,107,29,.10),transparent 70%)}
body.okt26 .okt54-pagehero::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-10%;height:55%;z-index:-1;background-image:linear-gradient(rgba(43,111,232,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(43,111,232,.12) 1px,transparent 1px);background-size:52px 52px;transform:perspective(600px) rotateX(62deg);transform-origin:bottom;-webkit-mask:linear-gradient(to top,#000,transparent 85%);mask:linear-gradient(to top,#000,transparent 85%)}
body.okt26 .okt54-kicker{color:var(--orange)!important}
body.okt26 .okt54-pagehero h1{font-weight:800}
body.okt26 .okt54-talk{background:rgba(255,255,255,.9)!important;color:var(--mist)!important;border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(8px)}
body.okt26 .okt54-talk-title{color:var(--white)!important}
body.okt26 .okt54-talk-line{border-top:1px solid var(--line)!important;color:var(--white)!important}
body.okt26 .okt54-talk-line span{color:var(--soft)!important}
body.okt26 .okt54-talk-line:hover{color:var(--blue)!important}
body.okt26 .okt54-talk-note{color:var(--soft)!important}

/* Older shared components in the new style */
body.okt26 .section-soft,body.okt26 .okt54-steps,body.okt26 .okt54-includes,body.okt26 .okt54-close{background:#eef3fb!important}
body.okt26 .card,body.okt26 .okt54-pricebox,body.okt26 .lead-form{border:1px solid var(--line)!important;border-radius:18px!important;box-shadow:var(--shadow)!important;background:#fff!important}
body.okt26 .catalog-card:hover{border-color:#9dbaf0!important;transform:translateY(-3px)!important}
body.okt26 .cta-band,body.okt26 .platform-band,body.okt26 .okt54-web{background:linear-gradient(135deg,#eaf1ff,#fff4ec)!important;color:var(--mist)!important;border:1px solid var(--line)}
body.okt26 .cta-band h2,body.okt26 .platform-band h2,body.okt26 .okt54-web h2,body.okt26 .okt54-web h3,body.okt26 .okt54-web .p{color:var(--white)!important}
body.okt26 .platform-flow span{background:#fff!important;color:var(--white)!important;border:1px solid var(--line)!important}
body.okt26 .eyebrow,body.okt26 .cta-band .eyebrow{color:var(--orange)!important}
body.okt26 .okt54-group h2,body.okt26 .okt54-plan h3{color:var(--white)}
body.okt26 .okt54-plan{background:#fff;border:1px solid var(--line)!important;border-radius:18px;padding:24px!important;margin-bottom:14px;box-shadow:0 14px 34px -26px rgba(14,27,54,.35)}
body.okt26 .okt54-group .okt54-plan:first-of-type{border-top:1px solid var(--line)!important}
body.okt26 .okt54-sites{border-top:0!important}
body.okt26 .okt54-sites>li{background:#fff;border:1px solid var(--line)!important;border-radius:18px;padding:22px!important;margin-bottom:12px;box-shadow:0 14px 34px -26px rgba(14,27,54,.35)}
body.okt26 .okt54-toggle{border-color:var(--line)!important;box-shadow:0 6px 18px -12px rgba(14,27,54,.35)}
body.okt26 .okt54-toggle button[aria-pressed="true"]{background:var(--blue)!important}
body.okt26 .okt54-offer{background:#fff4ec!important}
body.okt26 .okt54-pricebox{border:2px solid var(--blue)!important}
body.okt26 .okt54-price-head{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#f6f8fc)!important}
body.okt26 .okt54-price-head h1{font-weight:800}
body.okt26 .okt54-list{border-top:0!important}
body.okt26 .okt54-modules span{border-radius:999px!important}

/* ---- homepage concept components ---- */
body.okt26 .btn{display:inline-flex;align-items:center;gap:10px;font:700 16px var(--body);padding:15px 24px;border-radius:12px;text-decoration:none;border:0;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}
body.okt26 .btn-key{background:linear-gradient(135deg,#f57a2c,#e0570f);color:#fff;box-shadow:0 12px 28px -12px rgba(242,107,29,.75)}
body.okt26 .btn-key:hover{transform:translateY(-2px);box-shadow:0 18px 34px -12px rgba(242,107,29,.85)}
body.okt26 .btn-ghost{background:#fff;color:var(--white);border:1px solid var(--line);box-shadow:0 6px 18px -12px rgba(14,27,54,.35)}
body.okt26 .btn-ghost:hover{border-color:#b8c6dd}
body.okt26 .hero{position:relative;min-height:min(820px,100svh);display:flex;align-items:center;overflow:hidden;isolation:isolate}
body.okt26 .hero::before{content:"";position:absolute;inset:-20%;background:radial-gradient(38% 42% at 72% 45%,rgba(43,111,232,.14),transparent 70%),radial-gradient(28% 30% at 86% 70%,rgba(242,107,29,.12),transparent 70%),linear-gradient(180deg,#fff,#f6f8fc);z-index:-2}
body.okt26 .grid-floor{position:absolute;left:-10%;right:-10%;bottom:-6%;height:46%;z-index:-1;background-image:linear-gradient(rgba(43,111,232,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(43,111,232,.14) 1px,transparent 1px);background-size:56px 56px;transform:perspective(600px) rotateX(62deg);transform-origin:bottom;mask:linear-gradient(to top,#000 10%,transparent 85%);-webkit-mask:linear-gradient(to top,#000 10%,transparent 85%);animation:floor 6s linear infinite}
@keyframes floor{to{background-position:0 56px}}
body.okt26 #keyCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}
body.okt26 #linkCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
body.okt26 .orbit-chip{position:absolute;z-index:2;transform:translate(-50%,-50%);padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid #cfdcf3;color:var(--white);font:600 13.5px var(--body);white-space:nowrap;backdrop-filter:blur(6px);box-shadow:0 10px 24px -12px rgba(14,27,54,.4);pointer-events:none;transition:opacity .3s}
body.okt26 .orbit-chip i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);margin-right:8px;box-shadow:0 0 0 3px rgba(15,157,107,.18)}
body.okt26 .hero-copy{position:relative;z-index:3;max-width:600px;padding-block:96px}
body.okt26 .tag{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 8px;border-radius:999px;border:1px solid #f6d3bc;background:#fff4ec;font-weight:600;font-size:14px;color:#7a3410}
body.okt26 .tag span{background:var(--orange);color:#fff;font-weight:800;border-radius:999px;padding:2px 9px;font-size:12px}
body.okt26 .hero h1{font-size:clamp(2.6rem,6vw,5rem);line-height:1.02;font-weight:800;margin:22px 0 20px}
body.okt26 .hero h1 .grad{background:linear-gradient(100deg,#2b6fe8 0%,#4f5ff0 35%,#f2862f 75%,#e85d12 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
body.okt26 .hero p.lead{font-size:clamp(1.05rem,1.5vw,1.25rem);max-width:50ch;margin:0 0 30px;color:#3d4a66}
body.okt26 .hero .actions{display:flex;flex-wrap:wrap;gap:12px}
body.okt26 .hero-facts{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:34px;font-size:14.5px;color:var(--soft)}
body.okt26 .hero-facts b{color:var(--white);font-family:var(--display);font-size:1.15rem;display:block}
@media(max-width:900px){body.okt26 .hero{min-height:auto;flex-direction:column-reverse;align-items:stretch}body.okt26 .orbit-chip{font-size:12px;padding:6px 11px}body.okt26 .hero-copy{padding-block:56px 0}body.okt26 .hero-stage{position:relative;height:420px}body.okt26 #keyCanvas,body.okt26 #linkCanvas{position:absolute}}
@media(min-width:901px){body.okt26 .hero-stage{position:absolute;inset:0}}
body.okt26 section.band{padding-block:clamp(72px,10vw,128px);position:relative}
body.okt26 .kicker{font-weight:700;color:var(--orange);font-size:15px;margin:0 0 12px}
body.okt26 .band h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.08;max-width:20ch}
body.okt26 .band .sub{max-width:58ch;margin:16px 0 0;font-size:1.1rem}
body.okt26 .tour{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:56px;align-items:center}
body.okt26 .tour-steps{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:8px}
body.okt26 .tour-steps button{all:unset;cursor:pointer;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:14px 16px;border-radius:14px;border:1px solid transparent;color:var(--soft);width:100%;box-sizing:border-box}
body.okt26 .tour-steps button:hover{background:#fff}
body.okt26 .tour-steps button[aria-current="true"]{background:#fff;border-color:var(--line);color:var(--white);box-shadow:var(--shadow)}
body.okt26 .tour-steps .bar{grid-column:1/-1;height:3px;border-radius:2px;background:var(--line);overflow:hidden;display:none}
body.okt26 .tour-steps button[aria-current="true"] .bar{display:block}
body.okt26 .tour-steps .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--orange))}
body.okt26 .tour-steps .ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--panel);font:700 14px var(--display);color:var(--blue)}
body.okt26 .tour-steps strong{display:block;font-family:var(--display);font-weight:600;font-size:1.02rem}
body.okt26 .tour-steps small{font-size:14px;color:var(--soft)}
body.okt26 .screen-wrap{perspective:1600px}
body.okt26 .screen{position:relative;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 60px 110px -40px rgba(14,27,54,.45),0 0 0 6px rgba(255,255,255,.7);transform:rotateY(-10deg) rotateX(4deg);transform-style:preserve-3d;transition:transform .6s;overflow:hidden}
body.okt26 .screen:hover{transform:rotateY(-4deg) rotateX(2deg)}
body.okt26 .chrome{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line);background:#f3f6fb}
body.okt26 .chrome i{width:10px;height:10px;border-radius:50%;background:#cfd8e6}
body.okt26 .chrome i:nth-child(1){background:#ff5f57}
body.okt26 .chrome i:nth-child(2){background:#febc2e}
body.okt26 .chrome i:nth-child(3){background:#28c840}
body.okt26 .chrome span{margin-left:12px;font-size:12.5px;color:var(--soft)}
body.okt26 .chrome .live{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--soft)}
body.okt26 .playbtn{all:unset;cursor:pointer;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--white);color:#fff;font-size:11px}
body.okt26 .app{display:grid;grid-template-columns:150px 1fr;min-height:390px}
body.okt26 .side{border-right:1px solid var(--line);padding:16px 12px;display:grid;gap:4px;align-content:start;font-size:13px}
body.okt26 .side div{padding:8px 10px;border-radius:8px;color:var(--soft)}
body.okt26 .side div.on{background:var(--panel);color:var(--blue);font-weight:600}
body.okt26 .main{padding:20px;position:relative}
body.okt26 .scene{position:absolute;inset:20px;opacity:0;transform:translateY(10px);transition:opacity .45s,transform .45s;pointer-events:none}
body.okt26 .scene.on{opacity:1;transform:none}
body.okt26 .inv-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
body.okt26 .inv-head b{font-family:var(--display);color:var(--white)}
body.okt26 .inv-head small{color:var(--soft)}
body.okt26 .rows{display:grid;gap:6px;font-size:13.5px}
body.okt26 .row{display:grid;grid-template-columns:1fr 60px 90px;gap:10px;padding:9px 12px;border-radius:9px;background:#f3f6fb;color:#33415f;opacity:0;transform:translateX(-12px);transition:all .35s}
body.okt26 .row.in{opacity:1;transform:none}
body.okt26 .row span:last-child{text-align:right;font-variant-numeric:tabular-nums;color:var(--white);font-weight:600}
body.okt26 .tot{margin-top:12px;display:grid;gap:4px;font-size:13.5px;justify-items:end}
body.okt26 .tot div{display:flex;gap:24px;font-variant-numeric:tabular-nums}
body.okt26 .tot .grand{font:700 22px var(--display);color:var(--white);margin-top:4px}
body.okt26 .toast{position:absolute;right:0;bottom:0;background:#e8f8f1;border:1px solid #9fdcc4;color:#0b6e4a;padding:10px 14px;border-radius:10px;font-size:13px;opacity:0;transform:translateY(8px);transition:all .35s}
body.okt26 .toast.in{opacity:1;transform:none}
body.okt26 .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
body.okt26 .kpi{background:#f3f6fb;border-radius:10px;padding:12px}
body.okt26 .kpi small{color:var(--soft);font-size:12px}
body.okt26 .kpi b{display:block;font:700 20px var(--display);color:var(--white);font-variant-numeric:tabular-nums}
body.okt26 .bars{display:flex;align-items:flex-end;gap:10px;height:170px;padding:10px;border-radius:10px;background:#f3f6fb}
body.okt26 .bars i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#5b93f5,var(--blue));height:4%;transition:height .9s cubic-bezier(.2,.8,.2,1)}
body.okt26 .bars i.low{background:linear-gradient(180deg,#f7954f,var(--orange))}
body.okt26 .alert{margin-top:12px;font-size:13px;color:#8a3a0c;background:#fff4ec;border:1px solid #f6c9a8;padding:9px 12px;border-radius:9px;opacity:0;transition:opacity .4s .9s}
body.okt26 .scene.on .alert{opacity:1}
body.okt26 .chat{max-width:360px;margin-left:auto;background:#efe7dc;border-radius:14px;padding:14px;display:grid;gap:10px}
body.okt26 .bubble{background:#fff;color:#1f2a3d;box-shadow:0 1px 1px rgba(0,0,0,.08);padding:10px 12px;border-radius:12px 12px 12px 4px;font-size:13.5px;opacity:0;transform:scale(.96);transform-origin:left bottom;transition:all .35s}
body.okt26 .bubble.me{background:#d9fdd3;color:#1f2a3d;border-radius:12px 12px 4px 12px;justify-self:end;transform-origin:right bottom}
body.okt26 .bubble.in{opacity:1;transform:none}
body.okt26 .bubble small{display:block;color:#5e8a74;margin-top:4px;font-size:11px}
body.okt26 .approve{display:flex;gap:10px;align-items:center;margin-bottom:14px;font-size:13.5px;color:#33415f}
body.okt26 .approve span{padding:4px 10px;border-radius:999px;background:#e8f8f1;color:#0b6e4a;font-weight:600;font-size:12px}
@media(max-width:900px){body.okt26 .tour{grid-template-columns:1fr}body.okt26 .screen{transform:none}body.okt26 .app{grid-template-columns:1fr}body.okt26 .side{display:none}}
body.okt26 .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px;perspective:1200px}
body.okt26 .card3d{position:relative;border-radius:20px;padding:28px 24px;background:linear-gradient(165deg,#ffffff,#f3f7ff 70%);border:1px solid var(--line);box-shadow:var(--shadow);transform-style:preserve-3d;transition:transform .15s ease-out,border-color .3s;min-height:300px;display:flex;flex-direction:column;overflow:hidden}
body.okt26 .card3d::after{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--mx,50%) var(--my,0%),rgba(43,111,232,.10),transparent 40%);pointer-events:none}
body.okt26 .card3d:hover{border-color:#9dbaf0}
body.okt26 .card3d .icon{width:54px;height:54px;transform:translateZ(40px);margin-bottom:22px}
body.okt26 .card3d h3{font-size:1.3rem;transform:translateZ(30px)}
body.okt26 .card3d p{margin:10px 0 18px;font-size:15.5px;transform:translateZ(20px)}
body.okt26 .card3d .from{margin-top:auto;font-size:14px;color:var(--soft);transform:translateZ(25px)}
body.okt26 .card3d .from b{font:700 1.35rem var(--display);color:var(--white)}
body.okt26 .card3d a{position:absolute;inset:0;z-index:2}
@media(max-width:1000px){body.okt26 .cards{grid-template-columns:1fr 1fr}}
@media(max-width:560px){body.okt26 .cards{grid-template-columns:1fr}}
body.okt26 .facts{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}
body.okt26 .facts div{padding:30px 22px;border-left:1px solid var(--line)}
body.okt26 .facts div:first-child{border-left:0}
body.okt26 .facts b{display:block;font:800 clamp(1.8rem,3.2vw,2.6rem) var(--display);color:var(--white);line-height:1.1}
body.okt26 .facts span{font-size:15px;color:var(--soft)}
@media(max-width:800px){body.okt26 .facts{grid-template-columns:1fr 1fr}body.okt26 .facts div:nth-child(3){border-left:0}body.okt26 .facts div:nth-child(n+3){border-top:1px solid var(--line)}}
body.okt26 .marquee{overflow:hidden;margin-top:44px;mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
body.okt26 .track{display:flex;gap:14px;width:max-content;animation:slide 38s linear infinite}
body.okt26 .marquee:hover .track{animation-play-state:paused}
@keyframes slide{to{transform:translateX(-50%)}}
body.okt26 .ind{display:flex;align-items:center;gap:12px;padding:16px 22px;border-radius:14px;background:#fff;border:1px solid var(--line);color:var(--white);box-shadow:0 8px 20px -16px rgba(14,27,54,.4);font-weight:600;white-space:nowrap}
body.okt26 .ind em{font-style:normal;font-size:22px}
body.okt26 .timeline{position:relative;margin-top:56px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
body.okt26 .timeline .rail{position:absolute;left:0;right:0;top:23px;height:2px;background:var(--line)}
body.okt26 .timeline .rail i{display:block;height:100%;width:var(--p,0%);background:linear-gradient(90deg,var(--blue),var(--orange));box-shadow:0 0 10px rgba(242,107,29,.4)}
body.okt26 .step{position:relative;padding-top:66px}
body.okt26 .step::before{content:attr(data-n);position:absolute;top:0;left:0;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);font:700 17px var(--display);color:var(--blue)}
body.okt26 .step.lit::before{background:linear-gradient(135deg,var(--blue),#5b5cf0);border-color:transparent;color:#fff;box-shadow:0 10px 24px -8px rgba(43,111,232,.7)}
body.okt26 .step h3{font-size:1.15rem}
body.okt26 .step p{margin:8px 0 0;font-size:15.5px}
body.okt26 .step .when{display:inline-block;margin-top:10px;font-size:13px;font-weight:700;color:var(--ok)}
@media(max-width:900px){body.okt26 .timeline{grid-template-columns:1fr 1fr}body.okt26 .timeline .rail{display:none}}
@media(max-width:520px){body.okt26 .timeline{grid-template-columns:1fr}}
body.okt26 .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}
body.okt26 .plan{border-radius:20px;padding:28px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;box-shadow:var(--shadow)}
body.okt26 .plan.hl{background:linear-gradient(180deg,#eef4ff,#fff 60%);border:2px solid var(--blue);box-shadow:0 34px 80px -40px rgba(43,111,232,.55)}
body.okt26 .plan h3{font-size:1.2rem}
body.okt26 .plan .for{font-size:14.5px;color:var(--soft);margin:4px 0 18px}
body.okt26 .plan .amt{font:800 2.6rem var(--display);color:var(--white);line-height:1}
body.okt26 .plan .amt small{font:500 15px var(--body);color:var(--soft)}
body.okt26 .plan ul{list-style:none;padding:0;margin:20px 0 24px;display:grid;gap:9px;font-size:15px}
body.okt26 .plan li{padding-left:26px;position:relative}
body.okt26 .plan li::before{content:"";position:absolute;left:0;top:.45em;width:14px;height:8px;border-left:2px solid var(--ok);border-bottom:2px solid var(--ok);transform:rotate(-45deg)}
body.okt26 .plan .setup{font-size:14px;color:var(--soft);margin-top:10px}
body.okt26 .plan .setup s{opacity:.7}
body.okt26 .plan .setup b{color:var(--orange)}
body.okt26 .plan .btn{margin-top:auto;justify-content:center}
@media(max-width:900px){body.okt26 .plans{grid-template-columns:1fr}}
body.okt26 .cta{border-radius:28px;padding:clamp(40px,6vw,72px);position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);isolation:isolate;box-shadow:var(--shadow)}
body.okt26 .cta::before{content:"";position:absolute;inset:-40%;z-index:-1;background:conic-gradient(from 0deg,rgba(43,111,232,.22),rgba(106,92,255,.14),rgba(242,107,29,.2),rgba(43,111,232,.22));filter:blur(60px);animation:spin 18s linear infinite}
@keyframes spin{to{transform:rotate(1turn)}}
body.okt26 .cta h2{max-width:18ch}
body.okt26 .cta .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
body.okt26 .cta .phone{margin-top:18px;font-size:15px;color:var(--mist)}
body.okt26 .cta .phone b{color:var(--white);user-select:all}
@media (prefers-reduced-motion:reduce){body.okt26 *{animation:none!important;transition:none!important}}
body.okt26 a.ind{text-decoration:none}
body.okt26 a.ind:hover{border-color:#9dbaf0}
body.okt26 .band .sub a{color:var(--blue);font-weight:600}
body.okt26 .site-header .main-nav a.nav-cta{color:#fff!important}
body.okt26 .okt54-pricebox .btn,body.okt26 .okt54-plan .btn,body.okt26 .okt54-sites .btn{display:flex;justify-content:center;width:100%}
body.okt26 .okt-net{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
body.okt26 .okt54-pagehero .wrap,body.okt26 .okt54-price-head .wrap{position:relative;z-index:1}
body.okt26 .okt54-price-head{isolation:isolate}
/* v5.7.0 app-style product icons: the SVG carries its own coloured tile */
.okt-icon-tile{background:none!important;box-shadow:none!important;border-radius:0!important;width:72px;height:72px}
.okt-icon-tile img{width:72px!important;height:72px!important;filter:drop-shadow(0 8px 14px rgba(20,40,90,.18));border-radius:18px}