:root{color-scheme:dark;--bg:#0b1118;--panel:#111c27;--panel-2:#142230;--text:#f2f5f7;--muted:#bbc7d0;--subtle:#94a4b1;--line:rgba(208,225,239,.17);--red:#f05b63;--blue:#54b9f3;--lime:#54b9f3;--shell:min(1180px,calc(100vw - 56px))}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;max-width:100%}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;z-index:1000;top:12px;left:12px;padding:10px 15px;border-radius:7px;background:var(--lime);color:#111;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:absolute;inset:0 0 auto;z-index:5}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:41px;height:41px;overflow:hidden;border:1px solid rgba(84,185,243,.36);border-radius:12px}.brand-mark img{width:52px;max-width:none;transform:translate(-5px,-5px)}.brand-word{font-size:1.22rem;font-weight:850;letter-spacing:-.05em}.brand-word span{color:var(--red)}.header-link{display:inline-flex;gap:9px;align-items:center;color:var(--text);text-decoration:none;font-size:.9rem;font-weight:750}.header-link span{color:var(--lime);font-size:1.2rem}
.hero{position:relative;overflow:hidden;padding:165px 0 82px;background:radial-gradient(ellipse at 78% 30%,rgba(35,76,102,.32),transparent 38%),linear-gradient(120deg,#0b1118,#0e1721 70%,#0b1118)}.hero::before{position:absolute;content:"";right:-100px;top:-280px;width:600px;height:600px;border:1px solid rgba(84,185,243,.12);border-radius:50%;box-shadow:0 0 0 44px rgba(84,185,243,.025),0 0 0 90px rgba(84,185,243,.018)}.hero-glow{position:absolute;right:19%;top:115px;width:210px;height:210px;border-radius:50%;background:rgba(240,91,99,.08);filter:blur(60px)}.hero-inner{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 20px;color:var(--lime);font-size:.76rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.eyebrow>span{width:24px;height:2px;background:currentColor;box-shadow:0 0 9px currentColor}.hero h1{max-width:1020px;margin:0;font-size:clamp(3.6rem,6.7vw,6.2rem);line-height:.96;letter-spacing:-.07em;font-weight:850}.hero h1 em{color:var(--blue);font-style:normal}.hero-lead{max-width:630px;margin:27px 0 0;color:var(--muted);font-size:1.17rem;line-height:1.7}.hero-link{display:inline-flex;align-items:center;gap:12px;margin-top:32px;color:var(--text);font-weight:800;text-decoration:none}.hero-link span{color:var(--lime);font-size:1.3rem}
.apps-section{padding:73px 0 92px;background:#0c131b}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:37px}.section-intro .eyebrow{margin-bottom:12px}.section-intro h2,.closing h2{margin:0;font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.03;letter-spacing:-.06em}.section-intro>p{max-width:390px;margin:0 0 3px;color:var(--muted);font-size:.98rem;line-height:1.65}
.circuit-board{position:relative;overflow:hidden;border:1px solid rgba(196,215,230,.18);border-radius:28px;padding:54px 42px 25px;background:radial-gradient(ellipse at 50% 15%,rgba(40,77,100,.2),transparent 52%),linear-gradient(145deg,#111b25,#0d151e);box-shadow:0 30px 70px rgba(0,0,0,.2)}.circuit-board::before{position:absolute;inset:0;content:"";pointer-events:none;opacity:.4;background-image:radial-gradient(rgba(186,211,228,.24) .8px,transparent .8px);background-size:25px 25px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.circuit-lines{position:absolute;z-index:0;top:62px;left:0;width:100%;height:220px;overflow:visible}.wire{fill:none;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 5px currentColor)}.wire-red{color:var(--red);stroke:var(--red)}.wire-blue{color:var(--blue);stroke:var(--blue)}.wire-node{fill:var(--bg);stroke-width:4}.node-red{stroke:var(--red)}.node-blue{stroke:var(--blue)}.node-green{stroke:var(--lime)}.app-route{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.app-node{position:relative;display:flex;min-height:340px;flex-direction:column;align-items:flex-start;border:1px solid rgba(218,231,241,.19);border-top:3px solid var(--accent);border-radius:18px;padding:22px 23px 20px;background:linear-gradient(165deg,rgba(22,34,46,.97),rgba(15,23,32,.98));text-decoration:none;transition:transform .2s,border-color .2s,background .2s}.app-node:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 60%,white);background:linear-gradient(165deg,#1a2b39,#111b25)}.node-budget{--accent:var(--red)}.node-connect{--accent:var(--blue);background:linear-gradient(165deg,rgba(22,42,57,.98),rgba(15,25,35,.99));box-shadow:0 0 32px rgba(84,185,243,.09)}.node-media{--accent:var(--lime)}.node-index{display:flex;justify-content:space-between;align-items:center;width:100%;color:var(--accent);font-size:.76rem;font-weight:900;letter-spacing:.08em}.node-index>span{color:#aebbc5;font-size:.61rem;letter-spacing:.12em}.node-icon{width:70px;height:70px;margin:25px 0 14px;border:1px solid rgba(233,241,246,.18);border-radius:16px;object-fit:cover}.connect-icon{width:83px;height:83px;margin-top:18px;margin-bottom:8px;border-radius:19px}.node-title{color:var(--text);font-size:clamp(1.35rem,2vw,1.75rem);font-weight:850;line-height:1.13;letter-spacing:-.045em}.node-description{margin-top:8px;color:#bec9d2;font-size:.91rem}.node-action{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:20px;color:var(--accent);font-size:.85rem;font-weight:850}.node-action b{font-size:1.02rem}.media-mark{display:flex;align-items:center;justify-content:center;gap:8px;width:70px;height:70px;margin:25px 0 14px;border:1px solid rgba(84,185,243,.2);border-radius:16px;background:rgba(84,185,243,.045)}.media-mark i{width:11px;height:11px;border:2px solid var(--lime);border-radius:50%;box-shadow:0 0 10px rgba(84,185,243,.48)}.media-mark i:nth-child(2){width:23px;height:23px;background:rgba(84,185,243,.1)}.standalone-row{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:18px;margin:28px auto 0}.standalone-line{display:block;width:2px;height:29px;background:linear-gradient(var(--blue),rgba(154,171,183,.7))}.standalone-node{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;max-width:630px;width:100%;min-height:80px;border:1px solid rgba(199,214,225,.17);border-radius:15px;padding:12px 18px;background:rgba(8,14,20,.66);text-decoration:none;transition:border-color .2s}.standalone-node:hover{border-color:rgba(196,215,230,.45)}.kal-brand-mark{display:block;width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 0 9px rgba(223,177,91,.16))}.standalone-node strong,.standalone-node small{display:block}.standalone-node strong{font-size:.95rem}.standalone-node small{margin-top:3px;color:var(--muted);font-size:.79rem}.standalone-label{border:1px solid rgba(196,215,230,.23);border-radius:99px;padding:5px 9px;color:#c1cbd3;font-size:.59rem;font-weight:850;letter-spacing:.1em}.standalone-node .node-action{padding:0;white-space:nowrap;color:#d8e0e6}.board-caption{display:flex;align-items:center;justify-content:center;gap:9px;margin:23px 0 0;color:#aebbc4;font-size:.75rem}.board-caption span{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}
.closing{padding:72px 0;background:linear-gradient(110deg,#14212b,#101923 65%,#131c22)}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:38px}.closing .eyebrow{margin-bottom:13px}.closing h2{font-size:clamp(2.3rem,4vw,3.7rem)}.connect-button{display:inline-flex;align-items:center;gap:16px;padding:17px 22px;border:1px solid rgba(84,185,243,.55);border-radius:10px;background:rgba(84,185,243,.12);color:var(--text);font-weight:800;text-decoration:none;transition:background .2s,border-color .2s}.connect-button:hover{border-color:var(--blue);background:rgba(84,185,243,.2)}.connect-button span{color:var(--blue);font-size:1.1rem}
footer{background:#080d12}.footer-inner{min-height:99px;display:flex;align-items:center;gap:28px;color:var(--muted);font-size:.78rem}.footer-inner .brand{margin-right:auto}.footer-inner>small{color:var(--subtle)}.footer-inner>a:not(.brand){color:#d2dce3;text-decoration:none}
@media(max-width:800px){:root{--shell:min(100% - 36px,1180px)}.hero{padding:148px 0 67px}.hero h1{font-size:clamp(3.4rem,12vw,6rem)}.section-intro{display:block}.section-intro>p{margin-top:16px}.circuit-board{padding:35px 23px 22px}.app-route{gap:16px}.app-node{min-height:325px;padding:18px 16px}.circuit-lines{top:48px}.standalone-node{grid-template-columns:auto 1fr auto;gap:12px}.standalone-label{display:none}}
@media(max-width:600px){:root{--shell:min(100% - 30px,1180px)}.header-inner{height:72px}.brand-mark{width:36px;height:36px}.brand-mark img{width:46px;transform:translate(-5px,-5px)}.header-link{font-size:.82rem}.hero{padding:132px 0 59px}.hero h1{font-size:clamp(3.15rem,15vw,4.7rem)}.hero-lead{font-size:1.02rem}.apps-section{padding:56px 0 64px}.section-intro h2{font-size:2.45rem}.circuit-board{padding:24px 16px 19px;border-radius:21px}.circuit-lines{display:none}.app-route{grid-template-columns:1fr;gap:14px}.app-node{min-height:0;display:grid;grid-template-columns:54px 1fr auto;grid-template-rows:auto auto auto;align-items:center;column-gap:13px;padding:16px}.app-node::after{position:absolute;content:"";left:35px;top:100%;height:15px;width:2px;background:var(--accent);opacity:.85}.app-node:last-child::after{display:none}.node-index{grid-column:1/-1;margin-bottom:12px}.node-index>span{margin-left:auto}.node-icon,.connect-icon,.media-mark{grid-column:1;grid-row:2/4;width:52px;height:52px;margin:0;border-radius:12px}.media-mark{gap:4px}.media-mark i{width:8px;height:8px}.media-mark i:nth-child(2){width:16px;height:16px}.node-title{grid-column:2;grid-row:2;font-size:1.2rem}.node-description{grid-column:2;grid-row:3;margin-top:1px;font-size:.82rem;line-height:1.35}.node-action{grid-column:3;grid-row:2/4;align-self:center;margin:0;padding:0;font-size:.72rem;white-space:nowrap}.node-action b{font-size:.9rem}.standalone-row{margin-top:22px}.standalone-line{height:20px}.standalone-node{grid-template-columns:auto 1fr auto;min-height:72px;gap:10px;padding:10px}.kal-brand-mark{width:46px;height:46px}.standalone-node strong{font-size:.82rem}.standalone-node small{font-size:.7rem;line-height:1.3}.standalone-node .node-action{font-size:.7rem}.board-caption{font-size:.69rem;text-align:center}.closing{padding:58px 0}.closing-inner{display:grid;gap:25px}.connect-button{justify-content:center;width:100%}.footer-inner{align-items:flex-start;flex-direction:column;gap:12px;padding:24px 0}.footer-inner .brand{margin:0}.footer-inner>small{margin-top:3px}}
@media(max-width:370px){.app-node{grid-template-columns:45px 1fr auto;column-gap:9px;padding:13px}.node-icon,.connect-icon,.media-mark{width:44px;height:44px}.node-title{font-size:1.05rem}.node-description{font-size:.73rem}.node-action{font-size:.65rem}.standalone-node .node-action{font-size:.62rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Brand film presentation */
.hero{padding-bottom:67px}.hero h1{max-width:980px}.hero h1 em{color:var(--red)}.brand-film{position:relative;overflow:hidden;padding:75px 0 88px;background:radial-gradient(ellipse at 76% 45%,rgba(16,83,121,.21),transparent 45%),linear-gradient(180deg,#0c141d,#0a1118)}.brand-film::before{position:absolute;inset:0;content:"";pointer-events:none;opacity:.2;background-image:linear-gradient(90deg,transparent 0 9%,rgba(84,185,243,.14) 9.1% 9.2%,transparent 9.3% 100%),linear-gradient(0deg,transparent 0 35%,rgba(240,91,99,.12) 35.1% 35.2%,transparent 35.3% 100%);mask-image:linear-gradient(90deg,transparent,#000 30%,#000 90%,transparent)}.film-heading{position:relative;display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:34px}.film-heading .eyebrow{margin-bottom:12px}.film-heading h2{margin:0;font-size:clamp(2.3rem,4.4vw,4rem);line-height:1.01;letter-spacing:-.065em}.film-heading>p{max-width:420px;margin:0 0 4px;color:var(--muted);font-size:.98rem;line-height:1.7}.film-player{position:relative;display:grid;grid-template-columns:minmax(300px,.92fr) minmax(360px,1.08fr);gap:clamp(34px,6vw,88px);align-items:center;overflow:hidden;border:1px solid rgba(205,224,239,.17);border-radius:24px;padding:32px;background:radial-gradient(ellipse at 5% 10%,rgba(240,91,99,.09),transparent 33%),radial-gradient(ellipse at 95% 80%,rgba(84,185,243,.13),transparent 37%),#101923;box-shadow:0 28px 75px rgba(0,0,0,.25)}.film-visual{position:relative;overflow:hidden;max-width:430px;aspect-ratio:4/5;margin-inline:auto;border:1px solid rgba(226,236,244,.19);border-radius:13px;background:#080d12;box-shadow:0 18px 48px rgba(0,0,0,.4)}.film-image{width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .5s ease,transform 5s linear}.film-image.changing{opacity:.12;transform:scale(1.035)}.film-frame{position:absolute;inset:11px;pointer-events:none;border:1px solid rgba(255,255,255,.13);border-radius:7px;box-shadow:inset 0 0 32px rgba(0,0,0,.16)}.film-frame::before,.film-frame::after{position:absolute;content:"";width:35%;height:2px;top:-1px;background:linear-gradient(90deg,var(--red),var(--blue));box-shadow:0 0 12px rgba(84,185,243,.6)}.film-frame::before{left:0}.film-frame::after{right:0;top:auto;bottom:-1px;background:linear-gradient(90deg,var(--lime),var(--blue))}.film-count{position:absolute;right:17px;bottom:17px;display:flex;align-items:baseline;gap:2px;padding:7px 10px;border:1px solid rgba(230,240,247,.22);border-radius:7px;background:rgba(8,13,18,.84);font-size:.73rem;font-weight:850;letter-spacing:.08em}.film-count b{color:var(--lime)}.film-count span{color:#d8e1e7}.film-copy{max-width:530px}.film-kicker{margin:0 0 16px;color:var(--blue);font-size:.71rem;font-weight:900;letter-spacing:.17em}.film-copy h3{min-height:2.2em;margin:0;font-size:clamp(2.35rem,4.1vw,4.15rem);line-height:.98;letter-spacing:-.065em}.film-description{min-height:4.8em;margin:19px 0 28px;color:#c2ced7;font-size:1.02rem;line-height:1.68}.film-progress{position:relative;overflow:hidden;width:100%;height:3px;background:rgba(223,236,245,.16)}.film-progress>span{display:block;width:8.333%;height:100%;background:linear-gradient(90deg,var(--red),var(--blue),var(--lime));box-shadow:0 0 10px rgba(84,185,243,.55);transition:width .35s ease}.film-controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.film-step-controls{display:flex;gap:9px}.film-controls button{min-width:45px;height:42px;border:1px solid rgba(211,226,237,.23);border-radius:8px;background:rgba(255,255,255,.035);color:var(--text);font:inherit;font-size:1.15rem;cursor:pointer;transition:background .18s,border-color .18s}.film-controls button:hover{border-color:var(--blue);background:rgba(84,185,243,.12)}.film-controls .film-play{display:flex;align-items:center;justify-content:center;gap:12px;min-width:148px;padding:0 14px;font-size:.78rem;font-weight:800}.film-play [data-film-toggle-icon]{color:var(--lime);font-weight:950}.film-chapters{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;margin-top:22px}.film-chapters span{display:grid;place-items:center;min-height:28px;border:1px solid rgba(218,230,239,.16);border-radius:5px;color:#9cabb7;font-size:.59rem;font-weight:800;transition:color .18s,border-color .18s,background .18s}.film-chapters span.active{border-color:var(--blue);background:rgba(84,185,243,.13);color:#eaf6fd;box-shadow:0 0 13px rgba(84,185,243,.13)}.film-endnote{display:block;margin-top:18px;color:#93a2ae;font-size:.72rem}
@media(max-width:850px){.film-heading{display:block}.film-heading>p{margin-top:16px}.film-player{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px;padding:23px}.film-copy h3{font-size:clamp(2rem,4.6vw,3.2rem)}.film-description{font-size:.92rem}}
@media(max-width:620px){.hero{padding:130px 0 55px}.hero h1{font-size:clamp(3.2rem,14vw,4.5rem)}.brand-film{padding:52px 0 58px}.film-heading h2{font-size:2.55rem}.film-heading>p{font-size:.9rem}.film-heading{margin-bottom:25px}.film-player{grid-template-columns:1fr;gap:24px;padding:15px;border-radius:18px}.film-visual{width:min(100%,360px);aspect-ratio:4/5}.film-copy{padding:0 5px 6px}.film-copy h3{min-height:0;font-size:2.55rem}.film-description{min-height:0;margin:12px 0 20px;font-size:.94rem}.film-controls{margin-top:16px}.film-chapters{gap:4px;margin-top:17px}.film-chapters span{min-height:25px;font-size:.53rem}.film-endnote{margin-top:13px}}
@media(prefers-reduced-motion:reduce){.film-image,.film-progress>span,.film-chapters span{transition:none!important}}

.film-count small{color:#aebbc5;font-size:.56rem;letter-spacing:.13em;margin-right:5px}.app-node .media-icon{width:86px;height:86px;margin-top:17px;margin-bottom:6px;object-fit:cover}
@media(max-width:600px){.app-node .media-icon{width:52px;height:52px;margin:0}}

/* Compact slideshow controls beneath the image; story copy stays beside it on desktop. */
.film-player{grid-template-columns:minmax(280px,.92fr) minmax(0,1.08fr);gap:clamp(30px,5vw,72px);align-items:center}
.film-media{width:min(100%,430px);justify-self:center}
.film-visual{width:100%;max-width:none}
.film-media-controls{width:100%;margin:14px auto 0}
.film-media-controls .film-progress{height:2px}
.film-controls{justify-content:flex-start;gap:10px;margin-top:10px}
.film-step-controls{gap:7px}
.film-controls button{min-width:34px;height:32px;border-radius:7px;font-size:.9rem;line-height:1}
.film-controls .film-play{min-width:0;height:32px;padding:0 10px;gap:8px;font-size:.7rem}
.film-copy{max-width:550px}
.film-copy h3{min-height:0}
.film-description{min-height:0;margin:17px 0 0}
.film-endnote{margin-top:20px}
@media(max-width:850px){.film-player{gap:24px;padding:22px}.film-media{width:min(100%,370px)}.film-copy h3{font-size:clamp(1.9rem,4vw,3rem)}}
@media(max-width:620px){.film-player{grid-template-columns:1fr;gap:22px;padding:15px}.film-media{width:min(100%,360px)}.film-visual{aspect-ratio:4/5}.film-media-controls{margin-top:11px}.film-controls{justify-content:flex-start}.film-copy{padding:0 5px 6px}.film-copy h3{font-size:2.35rem}.film-description{margin-top:12px}.film-endnote{margin-top:15px}}

/* Mobile readability and touch targets */
@media(max-width:620px){
  .hero h1{font-size:clamp(2.8rem,13.5vw,4.2rem);line-height:1.02}
  .hero-lead{max-width:38ch;font-size:1rem;line-height:1.65}
  .app-node{grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto auto auto;column-gap:13px;row-gap:0;padding:16px}
  .app-node::after{left:41px}
  .node-index{grid-column:1/-1;grid-row:1;margin-bottom:13px}
  .node-icon,.connect-icon,.media-mark{grid-column:1;grid-row:2/4;width:50px;height:50px;align-self:center}
  .node-title{grid-column:2;grid-row:2;align-self:end;font-size:1.18rem;line-height:1.2}
  .node-description{grid-column:2;grid-row:3;align-self:start;margin:4px 0 0;font-size:.88rem;line-height:1.45}
  .node-action{grid-column:2;grid-row:4;justify-self:start;min-height:44px;margin-top:10px;padding:0 13px;border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);border-radius:8px;background:color-mix(in srgb,var(--accent) 10%,transparent);font-size:.78rem}
  .standalone-node{grid-template-columns:48px minmax(0,1fr);gap:9px;padding:12px}
  .kal-brand-mark{width:46px;height:46px}
  .standalone-node strong{font-size:.88rem}
  .standalone-node small{font-size:.76rem;line-height:1.4}
  .standalone-node .node-action{grid-column:1/-1;justify-self:stretch;justify-content:center;min-height:44px;padding:0 12px;border:1px solid rgba(196,215,230,.2);border-radius:8px;background:rgba(255,255,255,.035);font-size:.78rem}
  .film-controls{gap:10px}
  .film-controls button{min-width:44px;height:44px;font-size:1rem}
  .film-controls .film-play{min-width:44px;height:44px;padding-inline:12px;font-size:.76rem}
  .film-step-controls{gap:8px}
  .film-heading h2{font-size:clamp(2.15rem,10vw,2.55rem)}
  .closing h2{font-size:clamp(2.1rem,10vw,2.65rem)}
  .connect-button{min-height:50px;padding:14px 16px;text-align:center}
}
@media(max-width:360px){
  :root{--shell:calc(100% - 24px)}
  .header-link{font-size:.76rem}
  .app-node{column-gap:10px;padding:14px}
  .app-node::after{left:38px}
  .node-title{font-size:1.08rem}
  .node-description{font-size:.82rem}
  .film-copy h3{font-size:2.1rem}
}
@media(hover:none){.app-node:hover,.connect-button:hover{transform:none}}

/* Four app identities used by the InkmatiK hero circuit */
:root{--budget-red:#f23842;--connect-blue:#39b7ff;--media-green:#3fca7a;--kal-gold:#cfaa63;--kal-gold-light:#e4c47e;--lime:#54b9f3}
.hero{padding:144px 0 76px;background:radial-gradient(ellipse at 22% 8%,rgba(84,185,243,.12),transparent 34%),radial-gradient(ellipse at 82% 26%,rgba(240,45,55,.16),transparent 38%),linear-gradient(118deg,#080c12 0%,#10131a 53%,#0a0d13 100%)}
.hero::before{right:-115px;top:-310px;border-color:rgba(240,45,55,.13);box-shadow:0 0 0 44px rgba(84,185,243,.025),0 0 0 90px rgba(240,45,55,.025)}
.hero-glow{right:auto;left:37%;top:155px;background:rgba(84,185,243,.11)}
.hero-inner{text-align:center}
.hero-inner>.eyebrow{justify-content:center;color:var(--blue)}
.hero h1{max-width:960px;margin-inline:auto;font-size:clamp(3.3rem,6.8vw,5.6rem);line-height:.99;letter-spacing:-.067em}
.hero h1 em{color:#f23842}
.hero-lead{max-width:650px;margin:23px auto 0;font-size:1.08rem}
.hero-system{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr);grid-template-rows:1fr 1fr;align-items:center;gap:56px 70px;max-width:1060px;min-height:440px;margin:48px auto 0;padding:12px 0}
.hero-circuit{position:absolute;z-index:-1;inset:0;width:100%;height:100%;overflow:visible}
.hero-wire{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px currentColor)}
.wire-budget{color:var(--budget-red);stroke:var(--budget-red)}.wire-connect{color:var(--connect-blue);stroke:var(--connect-blue)}.wire-media{color:var(--media-green);stroke:var(--media-green)}.wire-kal{color:var(--kal-gold);stroke:var(--kal-gold)}
.hero-wire-dot{fill:#0b1118;stroke-width:4;filter:drop-shadow(0 0 8px currentColor)}
.dot-budget{stroke:var(--budget-red);color:var(--budget-red)}.dot-connect{stroke:var(--connect-blue);color:var(--connect-blue)}.dot-media{stroke:var(--media-green);color:var(--media-green)}.dot-kal{stroke:var(--kal-gold);color:var(--kal-gold)}
.hero-hub{grid-column:2;grid-row:1 / span 2;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:220px;height:220px;justify-self:center;border:1px solid rgba(220,233,243,.25);border-radius:50%;background:radial-gradient(circle at 50% 44%,#1d2733,#0b1118 68%);box-shadow:0 0 0 9px rgba(9,13,19,.85),0 0 38px rgba(57,183,255,.18),0 0 58px rgba(242,56,66,.15)}
.hero-hub::before{position:absolute;content:"";width:238px;height:238px;border:1px solid rgba(57,183,255,.28);border-radius:50%;pointer-events:none}
.hero-hub .hub-mark{display:block;width:70px;height:76px;overflow:hidden;margin-top:7px}
.hero-hub .hub-mark img{width:100%;height:100%;max-width:none;object-fit:contain;transform:scale(1.22);transform-origin:50% 0;filter:hue-rotate(-75deg) saturate(1.25)}
.hub-overline{color:#aebbc8;font-size:.55rem;font-weight:900;letter-spacing:.16em}
.hero-hub strong{font-size:1.65rem;font-weight:900;letter-spacing:-.07em;line-height:1.1}
.hero-hub strong span{color:#f23842}
.hero-hub small{margin-top:7px;color:#aebbc8;font-size:.65rem}
.hero-app{position:relative;z-index:1;display:grid;grid-template-columns:102px minmax(0,1fr);align-items:center;gap:15px;min-height:160px;padding:13px;border:1px solid rgba(207,222,234,.18);border-left:3px solid var(--route);border-radius:16px;background:linear-gradient(145deg,rgba(21,28,38,.98),rgba(11,16,23,.98));box-shadow:0 16px 36px rgba(0,0,0,.28);text-align:left;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}
.hero-app:hover{transform:translateY(-4px);border-color:var(--route);box-shadow:0 18px 42px rgba(0,0,0,.38),0 0 22px color-mix(in srgb,var(--route) 18%,transparent)}
.hero-budget{--route:var(--budget-red);grid-column:1;grid-row:1}.hero-connect{--route:var(--connect-blue);grid-column:1;grid-row:2}.hero-media{--route:var(--media-green);grid-column:3;grid-row:1;background:radial-gradient(ellipse at 0 50%,rgba(63,202,122,.12),transparent 64%),linear-gradient(145deg,rgba(21,28,38,.98),rgba(11,16,23,.98))}.hero-kal{--route:var(--kal-gold);grid-column:3;grid-row:2;background:radial-gradient(ellipse at 0 50%,rgba(207,170,99,.15),transparent 65%),linear-gradient(145deg,rgba(21,28,38,.98),rgba(11,16,23,.98));border-color:rgba(207,170,99,.28)}
.hero-app>img{width:102px;height:132px;object-fit:cover;border-radius:10px;box-shadow:0 8px 19px rgba(0,0,0,.3)}
.hero-media>img,.hero-kal>img{transform:rotate(-3deg);outline:1px solid color-mix(in srgb,var(--route) 60%,transparent)}
.hero-app-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start}
.hero-app-copy>small{color:var(--route);font-size:.57rem;font-weight:900;letter-spacing:.12em}
.hero-app-copy>strong{margin-top:5px;font-size:1.18rem;font-weight:850;letter-spacing:-.045em;line-height:1.15}
.hero-app-copy>span{margin-top:6px;color:#bdc7d1;font-size:.76rem;line-height:1.35}
.hero-app-copy>b{display:inline-flex;align-items:center;gap:8px;margin-top:12px;color:var(--route);font-size:.72rem;font-weight:850}
.hero-app-copy>b i{font-style:normal;font-size:.9rem}
.hero-link{margin-top:30px}
.hero-link span{color:var(--blue)}
.eyebrow,.skip-link{color:var(--blue)}
.site-header .brand-mark{border-color:rgba(84,185,243,.36)}
.site-header .brand-mark img{filter:hue-rotate(-75deg) saturate(1.25)}
.site-header .header-link span{color:var(--red)}
.node-media{--accent:var(--red)}
.node-budget{--accent:var(--red)}
.node-connect{--accent:var(--blue)}
.node-icon,.app-node .media-icon{object-fit:cover}
.app-node .media-icon{transform:rotate(-3deg)}
.kal-brand-mark{width:82px;height:56px;object-fit:cover;border:1px solid rgba(57,183,255,.28);border-radius:10px;filter:none}
.standalone-node{border-color:rgba(57,183,255,.2)}
.standalone-node .node-action{color:var(--blue)}
.board-caption span{background:var(--blue);box-shadow:0 0 10px var(--blue)}
.footer-inner .brand-mark{border-color:rgba(84,185,243,.36)}
@media(max-width:850px){.hero-system{grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);gap:40px 38px;min-height:410px}.hero-hub{width:190px;height:190px}.hero-hub::before{width:208px;height:208px}.hero-app{grid-template-columns:82px minmax(0,1fr);gap:11px;min-height:145px;padding:10px}.hero-app>img{width:82px;height:116px}.hero-app-copy>strong{font-size:1.03rem}.hero-app-copy>span{font-size:.7rem}}
@media(max-width:620px){.hero{padding:122px 0 55px}.hero-inner{text-align:left}.hero-inner>.eyebrow{justify-content:flex-start}.hero h1{font-size:clamp(2.5rem,10.6vw,3.7rem);line-height:1.03}.hero-lead{margin:18px 0 0;font-size:1rem}.hero-system{display:flex;flex-direction:column;align-items:stretch;gap:13px;min-height:0;margin-top:30px;padding:0}.hero-system::before{position:absolute;z-index:0;content:"";left:24px;top:172px;bottom:54px;width:2px;background:linear-gradient(to bottom,var(--budget-red) 0 31%,var(--connect-blue) 31% 55%,var(--media-green) 55% 78%,var(--kal-gold) 78%);filter:drop-shadow(0 0 5px rgba(207,170,99,.45));opacity:.85}.hero-circuit{display:none}.hero-hub{width:154px;height:154px;margin:0 auto 12px}.hero-hub::before{width:170px;height:170px}.hero-hub .hub-mark{width:53px;height:58px;margin-top:6px}.hero-hub strong{font-size:1.35rem}.hero-app{grid-template-columns:76px minmax(0,1fr);min-height:105px;padding:9px 12px}.hero-app>img{width:76px;height:86px}.hero-app-copy>small{font-size:.53rem}.hero-app-copy>strong{font-size:1rem}.hero-app-copy>span{margin-top:3px;font-size:.75rem}.hero-app-copy>b{margin-top:6px}.hero-media>img,.hero-kal>img{transform:none}.hero-link{margin-top:21px}.app-node .media-icon{transform:none}.kal-brand-mark{width:48px;height:46px}}
@media(prefers-reduced-motion:reduce){.hero-app{transition:none}}
@media(max-width:620px){.hero-system::before{display:none}.hero-app::before{position:absolute;z-index:-1;content:"";left:23px;top:-14px;width:3px;height:14px;background:var(--route);filter:drop-shadow(0 0 5px var(--route));border-radius:2px}.hero-budget::before{top:-25px;height:25px}}

/* Center the shield and wordmark around the hero hub */
.hero-brand{grid-column:2;grid-row:1 / span 2;z-index:1;position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.hub-overline{display:block;margin:0 0 10px;color:#aebbc8;font-size:.55rem;font-weight:900;letter-spacing:.16em;text-align:center}
.hero-hub{position:relative;z-index:1;display:flex;flex:none;align-items:center;justify-content:center;width:180px;height:180px;border:1px solid rgba(220,233,243,.25);border-radius:50%;background:radial-gradient(circle at 50% 44%,#1d2733,#0b1118 68%);box-shadow:0 0 0 9px rgba(9,13,19,.85),0 0 38px rgba(57,183,255,.18),0 0 58px rgba(242,56,66,.15)}
.hero-hub::before{position:absolute;content:"";width:198px;height:198px;border:1px solid rgba(57,183,255,.28);border-radius:50%;pointer-events:none}
.hero-hub .hub-mark{display:block;width:112px;height:124px;overflow:visible;margin:0}
.hero-hub .hub-mark img{width:100%;height:100%;max-width:none;object-fit:contain;transform:scale(1.12);filter:hue-rotate(-75deg) saturate(1.25)}
.hub-wordmark{display:block;margin:10px 0 0;color:var(--text);font-size:1.9rem;font-weight:900;letter-spacing:-.07em;line-height:1.05;text-align:center}
.hub-wordmark span{color:#f23842}
.hub-tagline{display:block;margin-top:5px;color:#aebbc8;font-size:.67rem;text-align:center}
@media(max-width:850px){.hero-hub{width:165px;height:165px}.hero-hub::before{width:183px;height:183px}.hero-hub .hub-mark{width:104px;height:114px}}
@media(max-width:620px){.hero-brand{width:100%;margin:0 auto 8px}.hub-overline{margin-bottom:9px;font-size:.54rem}.hero-hub{width:145px;height:145px;margin:0 auto}.hero-hub::before{width:160px;height:160px}.hero-hub .hub-mark{width:94px;height:104px}.hub-wordmark{margin-top:10px;font-size:1.55rem}.hub-tagline{font-size:.66rem}}

/* Move the left-side hero copy toward the center circuitry */
.hero-budget .hero-app-copy,.hero-connect .hero-app-copy{align-items:flex-end;text-align:right}
@media(max-width:620px){.hero-budget .hero-app-copy,.hero-connect .hero-app-copy{align-items:flex-start;text-align:left}}
@media(min-width:621px){.hero-budget,.hero-connect{border-left:1px solid rgba(207,222,234,.18);border-right:3px solid var(--route)}}
@media(min-width:621px){
  .hero-media,.hero-kal{grid-template-columns:minmax(0,1fr) 102px}
  .hero-media>img,.hero-kal>img{grid-column:2;grid-row:1}
  .hero-media .hero-app-copy,.hero-kal .hero-app-copy{grid-column:1;grid-row:1;align-items:flex-start;text-align:left}
}
@media(min-width:621px){
  .hero-app{grid-template-columns:88px minmax(0,1fr);gap:12px;min-height:148px;padding:11px}
  .hero-app>img{width:88px;height:116px}
  .hero-budget,.hero-connect{grid-template-columns:minmax(0,1fr) 88px}
  .hero-budget>img,.hero-connect>img{grid-column:2;grid-row:1}
  .hero-budget .hero-app-copy,.hero-connect .hero-app-copy{grid-column:1;grid-row:1;align-items:flex-end;text-align:right}
  .hero-media,.hero-kal{grid-template-columns:88px minmax(0,1fr)}
  .hero-media>img,.hero-kal>img{grid-column:1;grid-row:1}
  .hero-media .hero-app-copy,.hero-kal .hero-app-copy{grid-column:2;grid-row:1;align-items:flex-start;text-align:left}
}
@media(max-width:620px){
  .hero-app{grid-template-columns:62px minmax(0,1fr) auto;gap:10px;padding:13px 15px}
  .hero-app>img{width:62px;height:74px}
}
@media(max-width:620px){
  .hero-system::before{display:block;position:absolute;z-index:0;content:"";right:-8px;top:165px;bottom:0;width:3px;background:linear-gradient(to bottom,var(--budget-red) 0 22%,var(--connect-blue) 22% 45%,var(--media-green) 45% 68%,var(--kal-gold) 68% 100%);filter:drop-shadow(0 0 5px rgba(207,170,99,.45));opacity:.95}
  .hero-brand::after{position:absolute;z-index:-1;content:"";right:-8px;top:165px;width:calc(50% + 8px);height:3px;background:var(--budget-red);filter:drop-shadow(0 0 5px var(--budget-red));border-radius:2px}
  .hero-app{border-left:1px solid rgba(207,222,234,.18);border-right:3px solid var(--route)}
  .hero-app::before{position:absolute;z-index:2;content:"";right:-8px;top:50%;width:8px;height:3px;background:var(--route);filter:drop-shadow(0 0 5px var(--route));border-radius:2px}
  .hero-budget::before{top:50%;height:3px}
}
@media(min-width:621px){.hero-circuit-mobile{display:none}}
@media(max-width:620px){
  .hero-system::before,.hero-brand::after{display:none}
  .hero-circuit-mobile{display:block;position:absolute;z-index:0;top:0;left:0;width:calc(100% + 10px);height:100%;overflow:visible;pointer-events:none}
  .mobile-wire{fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.72;filter:drop-shadow(0 0 4px currentColor);vector-effect:non-scaling-stroke}
  .mobile-node{fill:#0b1118;stroke-width:2;filter:drop-shadow(0 0 5px currentColor);vector-effect:non-scaling-stroke}
  .hero-app::before{display:none}
  .hero-app{background:linear-gradient(145deg,rgba(21,28,38,.90),rgba(11,16,23,.90))}
}

/* Desktop circuitry reaches each app panel and continues subtly behind its surface. */
@media(min-width:621px){
  .hero-circuit{z-index:0;opacity:.92;pointer-events:none}
  .hero-wire{stroke-width:3.2}
  .hero-wire-branch{fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.52;filter:drop-shadow(0 0 4px currentColor)}
  .hero-wire-dot{fill:#10141b}
  .hero-app{background:linear-gradient(145deg,rgba(21,28,38,.87),rgba(11,16,23,.89))}
  .hero-media{background:radial-gradient(ellipse at 0 50%,rgba(63,202,122,.15),transparent 64%),linear-gradient(145deg,rgba(21,28,38,.87),rgba(11,16,23,.89))}
  .hero-kal{background:radial-gradient(ellipse at 0 50%,rgba(207,170,99,.17),transparent 65%),linear-gradient(145deg,rgba(21,28,38,.87),rgba(11,16,23,.89))}
}


/* InkmatiK-Koiled coming-soon preview */
.koiled-preview{--koiled-orange:#ff5a1f;--koiled-navy:#101e35;--koiled-gold:#e7bd5b;--koiled-black:#07090d;position:relative;overflow:hidden;margin:31px 0 2px;border:1px solid rgba(255,90,31,.42);border-radius:20px;padding:27px 30px 25px;background:radial-gradient(ellipse at 4% 0%,rgba(255,90,31,.15),transparent 38%),radial-gradient(ellipse at 96% 100%,rgba(231,189,91,.08),transparent 34%),linear-gradient(135deg,#101e35 0%,#0a111c 58%,#07090d 100%);box-shadow:inset 0 1px rgba(255,255,255,.04),0 18px 48px rgba(0,0,0,.24)}
.koiled-preview::before{position:absolute;content:"";top:0;left:30px;width:88px;height:3px;background:var(--koiled-orange);box-shadow:0 0 15px rgba(255,90,31,.7)}
.koiled-intro{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 184px;gap:25px;align-items:center}
.koiled-status{display:flex;align-items:center;gap:9px;margin:0 0 10px;color:var(--koiled-orange);font-size:.67rem;font-weight:900;letter-spacing:.15em}
.koiled-status span{width:8px;height:8px;border-radius:50%;background:var(--koiled-orange);box-shadow:0 0 12px var(--koiled-orange)}
.koiled-intro h3{margin:0;color:#f4f5f7;font-size:clamp(1.9rem,3.2vw,2.65rem);font-weight:900;letter-spacing:-.065em;line-height:1.04}
.koiled-intro h3 span{color:var(--koiled-orange)}
.koiled-lead{max-width:630px;margin:10px 0 0;color:#c4ced9;font-size:.92rem;line-height:1.6}
.koiled-art-placeholder{display:flex;min-height:98px;flex-direction:column;justify-content:center;gap:5px;border:1px dashed rgba(231,189,91,.5);border-radius:13px;padding:13px 17px;background:rgba(7,9,13,.48);text-align:center}
.koiled-art-placeholder span{color:var(--koiled-gold);font-size:1.1rem;font-weight:950;letter-spacing:.16em}
.koiled-art-placeholder small{color:#aeb8c5;font-size:.58rem;font-weight:850;letter-spacing:.14em;line-height:1.5}
.koiled-flow{display:flex;align-items:center;gap:13px;margin-top:22px;padding:11px 14px;border:1px solid rgba(176,195,218,.13);border-radius:10px;background:rgba(7,9,13,.43)}
.koiled-flow span{color:#e5ebf0;font-size:.64rem;font-weight:900;letter-spacing:.12em}
.koiled-flow span:last-child{color:var(--koiled-gold)}
.koiled-flow b{color:var(--koiled-orange);font-size:1.15rem}
.koiled-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:12px}
.koiled-features article{min-height:94px;border-left:2px solid var(--koiled-orange);border-radius:0 9px 9px 0;padding:12px 13px;background:linear-gradient(110deg,rgba(16,30,53,.88),rgba(7,9,13,.56))}
.koiled-features article:nth-child(2){border-left-color:#375b85}.koiled-features article:nth-child(3){border-left-color:var(--koiled-gold)}
.koiled-features strong{color:#f2f4f6;font-size:.76rem;font-weight:850}
.koiled-features p{margin:5px 0 0;color:#aebbc8;font-size:.7rem;line-height:1.5}
@media(max-width:700px){.koiled-preview{margin-top:23px;padding:23px 18px 18px;border-radius:16px}.koiled-intro{grid-template-columns:1fr;gap:15px}.koiled-art-placeholder{min-height:66px;flex-direction:row;align-items:center;justify-content:space-between;padding:10px 15px;text-align:left}.koiled-art-placeholder small{text-align:right}.koiled-flow{gap:8px;justify-content:space-between;padding:10px}.koiled-flow span{font-size:.54rem;letter-spacing:.08em}.koiled-features{grid-template-columns:1fr;gap:8px}.koiled-features article{min-height:0;padding:10px 12px}.koiled-features p{font-size:.74rem}}
@media(max-width:370px){.koiled-flow{gap:5px}.koiled-flow span{font-size:.48rem}.koiled-intro h3{font-size:1.8rem}}