/* Alkia v3 — faithful to the current alkia.net look, cleaned up: white pages, the sky-blue of the logo for titles,
   orange buttons, thick black section rules, and the orange / pink / green ribbons of the original home page. */
:root{
  --bg:#FFFFFF; --alt:#F4F7FA; --ink:#1B1F24; --muted:#5B6570; --line:#E2E7ED;
  --blue:#1E9BE0; --blue-deep:#0F75B5; --turq:#00D9A6; --orange:#F7931E; --orange-dark:#DD7C0A; --pink:#E5246B; --green:#8DC63F;
  --display:"Montserrat","Segoe UI",system-ui,sans-serif;
  --body:"Open Sans","Segoe UI",system-ui,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--body)}
a{color:inherit}
img{max-width:100%}
[id]{scroll-margin-top:96px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.wrap{max-width:1140px;margin:0 auto;padding-inline:20px}
h1,h2,h3{font-family:var(--display);margin:0;line-height:1.15;text-wrap:balance}
.hex{font:700 12.5px/1.2 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.hex b{display:none}
.lead{font-size:18px;color:var(--muted);max-width:40em}
.btn{display:inline-flex;white-space:nowrap;align-items:center;gap:8px;font:700 14px/1.2 var(--display);letter-spacing:.06em;text-transform:uppercase;padding:14px 24px;text-decoration:none;border:0;cursor:pointer}
.btn-primary{background:var(--orange);color:#fff}
.btn-primary:hover{background:var(--orange-dark)}
.btn-line{background:#fff;color:var(--ink)}
.btn-line:hover{background:#EEF6FC}
.draft{background:var(--blue-deep);color:#fff;font:600 13px/1.4 var(--body);text-align:center;padding:7px 16px}

header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:#fff;box-shadow:0 2px 0 #1B1F24}
.nav{display:flex;align-items:center;gap:22px;padding-block:10px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{width:42px;height:auto;display:block}
.brand span{display:flex;flex-direction:column;line-height:1.1}
.brand b{font:700 24px/1 var(--display);color:var(--blue)}
.brand small{font:600 12px/1.3 var(--body);color:var(--ink);margin-top:5px}
.menu{display:flex;gap:2px;margin-left:auto;list-style:none;padding:0;margin-block:0}
.menu a{display:block;white-space:nowrap;padding:9px 12px;text-decoration:none;color:#444;font:600 14px/1 var(--body)}
.menu a:hover{color:var(--blue)}
.menu a[aria-current="page"]{background:#EEE9DF;color:var(--ink)}
.burger{display:none;margin-left:auto;background:#fff;border:1px solid var(--line);font:600 14px/1 var(--body);padding:10px 14px;cursor:pointer}
@media (max-width:1120px){
  .burger{display:block}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;background:#fff;border-bottom:2px solid var(--ink);padding:8px 20px 16px}
  .menu.open{display:flex}
  .nav .btn{display:none}
}

.hero{position:relative;overflow:hidden;border-bottom:6px solid var(--ink)}
.hero video,.hero .bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.40) 55%,rgba(0,0,0,.10) 100%)}
.hero .wrap{position:relative;z-index:1;padding-block:110px 90px;color:#fff}
.hero .hex{color:#BFE6FB}
.hero h1{font-size:clamp(36px,5.4vw,66px);font-weight:700;max-width:14em;margin-block:16px 20px}
.hero h1 em{font-style:normal;color:#7FD0FA}
.hero .lead{color:rgba(255,255,255,.9)}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero.small .wrap{padding-block:80px 64px}
.hero.small h1{font-size:clamp(32px,4.6vw,54px)}
@media (prefers-reduced-motion:reduce){.hero video{display:none}}

.chain{background:var(--turq)}
.chain .wrap{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;padding-block:14px}
.chain span{font:600 14px/1 var(--body);color:#03352A}
.chain .lbl{font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.06em}

section{padding-block:88px}
section.band{background:var(--alt);border-block:1px solid var(--line)}
.head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 56px;align-items:end;margin-bottom:40px}
.head > *{min-width:0}
.head h2{font-size:clamp(28px,3.6vw,44px);font-weight:700;margin-top:12px}
.head p{color:var(--muted);margin:0}
@media (max-width:820px){.head{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){section{padding-block:56px}.head{margin-bottom:26px}.hero .wrap{padding-block:72px 60px}}

.panel{background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue);padding:26px;min-width:0;display:flex;flex-direction:column;gap:12px;position:relative}
.g3 > .panel:nth-child(3n+2),.g2 > .panel:nth-child(4n+2),.g4 > .panel:nth-child(4n+2){border-top-color:var(--pink)}
.g3 > .panel:nth-child(3n),.g2 > .panel:nth-child(4n+3),.g4 > .panel:nth-child(4n+3){border-top-color:var(--green)}
.g2 > .panel:nth-child(4n),.g4 > .panel:nth-child(4n){border-top-color:var(--orange)}
.panel h3{font-size:21px;font-weight:700}
.panel p{margin:0;color:var(--muted)}
.panel .num{align-self:flex-start;font:800 13px/1 var(--display);color:#fff;background:var(--orange);padding:7px 12px 7px 10px;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 50%,100% 100%,0 100%)}
.panel .pic{margin:-26px -26px 6px;height:190px;overflow:hidden;background:#fff;border-bottom:1px solid var(--line)}
.panel .pic img{width:100%;height:100%;object-fit:cover;display:block}
.panel .pic.contain img{object-fit:contain;padding:12px}
.panel .tags{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font:600 13px/1.6 var(--body);color:var(--blue-deep)}
.panel a.more{margin-top:auto;font:700 13px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--orange-dark);text-decoration:none}
.panel a.more:hover{text-decoration:underline}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
@media (max-width:980px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.g2,.g3,.g4{grid-template-columns:minmax(0,1fr)}}

.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}
.split.rev > :first-child{order:2}
.split figure{margin:0}
.split figure img{width:100%;height:auto;display:block;box-shadow:0 18px 40px -24px rgba(0,0,0,.45)}
.split h2{font-size:clamp(26px,3.4vw,42px);font-weight:700;margin-block:12px 16px;color:var(--blue-deep)}
.split p{color:var(--muted);margin:0 0 14px}
@media (max-width:880px){.split{grid-template-columns:minmax(0,1fr)}.split.rev > :first-child{order:0}}

ul.ticks{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
ul.ticks li{padding-left:24px;position:relative}
ul.ticks li::before{content:"";position:absolute;left:0;top:.55em;width:12px;height:12px;border-radius:50%;background:var(--turq)}
ul.ticks li span{color:var(--muted)}
ul.ticks.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px}
@media (max-width:700px){ul.ticks.two{grid-template-columns:minmax(0,1fr)}}

/* steps as the original coloured ribbons */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.step{min-width:0;background:#fff;border:1px solid var(--line);padding:0 22px 22px}
.step .k{display:block;margin:0 -22px 16px;padding:10px 22px;font:800 18px/1.2 var(--display);color:#fff;background:var(--orange)}
.step:nth-child(2) .k{background:var(--pink)}
.step:nth-child(3) .k{background:var(--green)}
.step:nth-child(4) .k{background:var(--blue)}
.step h3{font-size:19px;margin-bottom:8px}
.step p{margin:0;color:var(--muted);font-size:15px}
@media (max-width:900px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:540px){.steps{grid-template-columns:minmax(0,1fr)}}

.big-quote{font:700 clamp(24px,3vw,38px)/1.2 var(--display);color:var(--ink);max-width:22em}
.big-quote em{font-style:normal;color:var(--blue)}
section.band .big-quote{color:var(--ink)}
.offer{background:var(--turq);padding:34px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;color:#032A21}
.offer h3{font-size:clamp(22px,2.6vw,30px);color:#fff}
.offer p{margin:8px 0 0;color:#053B2E}
.offer .tag{display:inline-block;font:800 12px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;background:var(--pink);color:#fff;padding:6px 10px;margin-bottom:12px}
@media (max-width:760px){.offer{grid-template-columns:minmax(0,1fr)}}

.logos{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.logos div{background:#fff;border:1px solid var(--line);display:grid;place-items:center;padding:8px;min-width:0}
.logos img{width:100%;height:auto;display:block}
@media (max-width:900px){.logos{grid-template-columns:repeat(4,minmax(0,1fr))}}
.group a,.group div{text-decoration:none}
.group .here{background:var(--alt)}

.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px}
.channel{display:flex;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);min-width:0}
.channel > div{min-width:0}
.channel small{display:block;font:700 12px/1.2 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.channel b,.channel a{font-weight:600;overflow-wrap:anywhere}
form{background:var(--alt);border-top:4px solid var(--blue);padding:28px;display:flex;flex-direction:column;gap:14px;min-width:0}
label{font-size:14px;font-weight:600;display:flex;flex-direction:column;gap:6px;min-width:0}
input,textarea,select{font:16px var(--body);width:100%;min-width:0;padding:12px 14px;border:1px solid #CBD3DC;background:#fff;color:var(--ink)}
textarea{min-height:120px;resize:vertical}
.row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.privacy{font-size:13px;color:var(--muted);margin:0}
.formnote{font-size:14px;color:var(--blue-deep);min-height:1em;margin:0}
@media (max-width:820px){.contact{grid-template-columns:minmax(0,1fr)}.row2{grid-template-columns:minmax(0,1fr)}form{padding:22px}}

.legal{max-width:52em}
.legal h2{font-size:21px;margin:28px 0 10px;color:var(--blue-deep)}
.legal p{color:var(--muted);margin:0 0 10px}

footer.foot{border-top:6px solid var(--ink);background:#C7CDD3;padding-block:42px 28px;color:#2C333B;font-size:15px}
footer.foot .brand b{color:var(--blue-deep)}
footer.foot .brand small{color:#2C333B}
.fgrid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:28px}
.fgrid h4{font:700 13px/1.2 var(--display);letter-spacing:.08em;text-transform:uppercase;color:#111;margin:0 0 12px}
.fgrid ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fgrid li{border-bottom:2px solid #fff;padding-bottom:6px}
.fgrid a{text-decoration:none}
.fgrid a:hover{color:var(--blue-deep)}
.fbottom{margin-top:28px;padding-top:16px;border-top:1px solid rgba(0,0,0,.15);display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;font-size:14px}
@media (max-width:820px){.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v6: header and footer taken from v1 */
header.top.v1{background:rgba(255,255,255,.95);backdrop-filter:blur(8px);box-shadow:none;border-bottom:1px solid var(--line)}
header.top.v1 .brand{gap:10px}
header.top.v1 .brand img{width:34px}
header.top.v1 .brand b{font:700 20px/1 "Open Sans","Segoe UI",system-ui,sans-serif;color:var(--blue);letter-spacing:.01em}
header.top.v1 .menu{gap:20px}
header.top.v1 .menu a{padding:8px 0;font:400 15px/1 var(--body);color:var(--muted);background:none}
header.top.v1 .menu a:hover{color:var(--blue-deep)}
header.top.v1 .menu a[aria-current="page"]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--orange)}
header.top.v1 .btn{border-radius:6px;text-transform:none;letter-spacing:0;font:600 15px/1.2 "Open Sans","Segoe UI",system-ui,sans-serif;color:#1A0E00;background:#FF8A00}
header.top.v1 .btn:hover{background:#E07400}
@media (max-width:1120px){header.top.v1 .menu{gap:0;padding:8px 20px 16px;border-bottom:1px solid var(--line)}header.top.v1 .menu a{padding:10px 0}}
footer.foot.v1{border-top:1px solid var(--line);background:#fff;padding-block:26px;color:var(--muted);font-size:14px}
footer.foot.v1 .wrap{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between}
footer.foot.v1 a{color:inherit}
footer.foot.v1 a:hover{color:var(--blue-deep)}

/* v6: a younger feel — rounder, brighter, gradient accents, a little motion */
:root{--grad:linear-gradient(90deg,#1E9BE0 0%,#00D9A6 55%,#8B5CF6 100%);--radius:18px}
body{background:#FFFFFF}
section.band{background:radial-gradient(1200px 400px at 10% 0%,rgba(0,217,166,.10),transparent 60%),radial-gradient(900px 420px at 95% 100%,rgba(139,92,246,.10),transparent 60%),#F6F8FC;border:0}
.hex{display:inline-block;padding:6px 12px;border-radius:999px;background:rgba(30,155,224,.10);color:var(--blue-deep);letter-spacing:.08em}
.hero .hex{background:rgba(255,255,255,.16);color:#fff}
.hero::after{background:linear-gradient(110deg,rgba(14,22,48,.88) 0%,rgba(30,64,140,.62) 45%,rgba(139,92,246,.30) 100%)}
.hero h1{font-size:clamp(40px,6.6vw,84px);letter-spacing:-.02em}
.hero h1 em,.big-quote em{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .hex,.hero h1,.hero .lead,.hero .cta{animation:rise .7s ease-out both}
.hero h1{animation-delay:.08s}.hero .lead{animation-delay:.16s}.hero .cta{animation-delay:.24s}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.btn{border-radius:999px}
.btn-primary{background:linear-gradient(90deg,#FF8A00,#FF5E62);color:#fff;box-shadow:0 10px 24px -10px rgba(255,94,98,.65)}
.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}
.btn-line{border-radius:999px;background:rgba(255,255,255,.92)}
header.top.v1 .btn{border-radius:999px;background:linear-gradient(90deg,#FF8A00,#FF5E62);color:#fff}
.head h2,.split h2{letter-spacing:-.015em}
.split h2{color:var(--ink)}
.panel{border:0;border-radius:var(--radius);box-shadow:0 1px 0 rgba(16,24,40,.04),0 14px 34px -22px rgba(16,24,40,.35);transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}
.panel::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--grad)}
.g3 > .panel,.g2 > .panel,.g4 > .panel{border-top:0}
.panel:hover{transform:translateY(-4px);box-shadow:0 22px 44px -24px rgba(16,24,40,.45)}
.panel .pic{border-radius:0;border-bottom:0}
.panel .num{border-radius:999px;clip-path:none;padding:6px 12px;background:var(--grad)}
.panel .tags{border-top:0;padding-top:6px;display:flex;flex-wrap:wrap;gap:6px;font-size:12.5px}
.panel a.more{color:#E0461F}
.step{border:0;border-radius:var(--radius);overflow:hidden;box-shadow:0 14px 34px -24px rgba(16,24,40,.35)}
.split figure img{border-radius:var(--radius)}
.offer{border-radius:24px;background:linear-gradient(120deg,#00C9A7 0%,#1E9BE0 55%,#8B5CF6 100%)}
.offer p{color:rgba(255,255,255,.9)}
.offer .tag{border-radius:999px;background:#fff;color:#8B5CF6}
.chain{background:var(--grad)}
.chain span{color:#fff}
.logos div{border-radius:14px;border:0;box-shadow:0 8px 20px -16px rgba(16,24,40,.4)}
form{border-top:0;border-radius:var(--radius);background:#F6F8FC}
input,textarea,select{border-radius:12px}
ul.ticks li::before{background:var(--grad)}
@media (prefers-reduced-motion:reduce){.hero .hex,.hero h1,.hero .lead,.hero .cta{animation:none}.panel,.btn{transition:none}.panel:hover{transform:none}}
section .btn-line{background:transparent;color:var(--blue-deep);box-shadow:inset 0 0 0 1.5px var(--blue)}
section .btn-line:hover{background:rgba(30,155,224,.08)}
.hero{border-bottom:0}