@font-face{font-family:"Big Shoulders";src:url("../assets/fonts/BigShoulders-800.woff2")}@font-face{font-family:"IBM Plex Sans";src:url("../assets/fonts/IBMPlexSans-400.woff2")}@font-face{font-family:"IBM Plex Sans";src:url("../assets/fonts/IBMPlexSans-600.woff2");font-weight:600}@font-face{font-family:"IBM Plex Mono";src:url("../assets/fonts/IBMPlexMono-500.woff2")}
:root{--ink:#07141d;--ink-2:#0c2430;--blue:#00a7e1;--cyan:#3ad5ff;--green:#39d98a;--amber:#ff9738;--paper:#f2f6f4;--white:#fff;--muted:#71818a;--line:rgba(7,20,29,.13);--display:"Big Shoulders",Impact,sans-serif;--sans:"IBM Plex Sans",Arial,sans-serif;--mono:"IBM Plex Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:var(--green);padding:.8rem 1rem}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;transition:.3s;background:linear-gradient(to bottom,rgba(4,15,22,.85),transparent)}.site-header.scrolled{background:rgba(5,18,26,.92);backdrop-filter:blur(18px);box-shadow:0 1px rgba(255,255,255,.08)}.nav-shell{height:88px;max-width:1440px;margin:auto;padding:0 5vw;display:flex;align-items:center;justify-content:space-between}.brand img{width:178px;height:56px;object-fit:contain;filter:drop-shadow(0 2px 10px rgba(0,0,0,.2))}.nav-links{display:flex;align-items:center;gap:2.25rem;color:#d7e5e9;font-size:.88rem}.nav-links a:not(.nav-cta):after{content:"";display:block;width:0;height:1px;background:var(--green);transition:.25s}.nav-links a:hover:after{width:100%}.nav-cta{border:1px solid rgba(255,255,255,.3);padding:.72rem 1rem}.nav-cta:hover{background:var(--green);border-color:var(--green);color:var(--ink)}.menu-button{display:none;background:none;border:0}
.hero{min-height:900px;background:radial-gradient(circle at 75% 45%,#123a49 0,transparent 28%),radial-gradient(circle at 70% 15%,rgba(0,167,225,.13),transparent 30%),var(--ink);color:white;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}.hero-grid{max-width:1440px;min-height:900px;margin:auto;padding:150px 5vw 100px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:4vw;position:relative;z-index:2}.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#a9c0c9;display:flex;align-items:center;gap:.7rem;margin:0 0 1.5rem}.eyebrow span{width:28px;height:2px;background:var(--green)}.eyebrow.dark{color:#566971}.hero h1,.section-heading h2,.security-copy h2,.pilot-inner h2{font-family:var(--display);text-transform:uppercase;line-height:.88;letter-spacing:-.025em;margin:0}.hero h1{font-size:clamp(3.5rem,4.6vw,6rem);overflow-wrap:break-word;word-break:break-word}h1 em,h2 em{color:var(--cyan);font-style:normal}.hero-lede{font-size:1.15rem;color:#b5c8cf;max-width:610px;margin:2.2rem 0}.hero-actions{display:flex;gap:.85rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 1.25rem;font-weight:600;font-size:.9rem;transition:.25s}.button-primary{background:var(--green);color:var(--ink)}.button-primary:hover,.button-light:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(57,217,138,.2)}.button-ghost{border:1px solid #36515d;color:#d9e4e8}.button-ghost:hover{border-color:white}.trust-row{margin-top:4rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.13);display:flex;gap:3rem}.trust-row div{display:flex;flex-direction:column}.trust-row strong{font-size:.82rem;color:#edf8fa}.trust-row span{font-family:var(--mono);font-size:.63rem;color:#68838d;text-transform:uppercase;letter-spacing:.12em}
.hero-visual{min-height:600px;position:relative;display:grid;place-items:center}.device{width:min(380px,80%);background:#091b24;border:1px solid #31505d;border-radius:24px;padding:13px;box-shadow:0 50px 100px rgba(0,0,0,.5),0 0 60px rgba(0,167,225,.1);transform:perspective(1000px) rotateY(-7deg) rotateX(3deg);position:relative;z-index:3}.device:before{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.06);border-radius:20px;pointer-events:none}.device-top{height:48px;display:flex;align-items:center;gap:10px;padding:0 9px;font-family:var(--mono);font-size:.58rem;color:#7f9ca7;letter-spacing:.1em}.device-top img{width:24px}.live-dot{margin-left:auto;color:var(--green)}.live-dot:before{content:"";display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:5px;box-shadow:0 0 8px var(--green)}.device-screen{background:linear-gradient(145deg,#0c2b37,#07171f);border:1px solid #264653;border-radius:11px;text-align:center;padding:34px 24px 25px;min-height:380px}.status-check{width:95px;height:95px;border:1px solid var(--green);border-radius:50%;margin:0 auto 22px;display:grid;place-items:center;box-shadow:0 0 25px rgba(57,217,138,.15),inset 0 0 25px rgba(57,217,138,.08)}.status-check svg{width:50px;fill:none;stroke:var(--green);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.device-screen p{font-family:var(--mono);font-size:.62rem;letter-spacing:.15em;color:var(--green);margin:0}.device-screen strong{font-family:var(--display);font-size:2rem;text-transform:uppercase;letter-spacing:.02em;overflow-wrap:break-word;word-break:break-word}.anchor-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:30px}.anchor-grid span{border:1px solid #294956;padding:.7rem .2rem;font:500 .55rem var(--mono);color:#698894}.anchor-grid span:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin-right:7px;box-shadow:0 0 5px var(--green)}.device-footer{height:40px;display:flex;align-items:center;justify-content:space-between;color:#52717c;font:500 .55rem var(--mono);letter-spacing:.1em}.device-footer span{width:7px;height:7px;border:1px solid #415e69;border-radius:50%}.signal-ring{position:absolute;border:1px solid rgba(52,211,255,.13);border-radius:50%;animation:pulse 4s ease-out infinite}.ring-one{width:460px;height:460px}.ring-two{width:630px;height:630px;animation-delay:1s}.floating-chip{position:absolute;z-index:4;background:rgba(9,31,41,.88);backdrop-filter:blur(10px);border:1px solid #315261;padding:.75rem 1rem;display:flex;gap:.7rem;align-items:center;box-shadow:0 15px 35px rgba(0,0,0,.25)}.floating-chip span{font:500 .7rem var(--mono);color:var(--green)}.floating-chip b{font-size:.75rem}.chip-one{left:3%;top:24%}.chip-two{right:1%;bottom:20%}
.section{padding:130px 5vw}.section-heading{max-width:1440px;margin:0 auto 70px;display:flex;justify-content:space-between;align-items:end;gap:3rem}.section-heading .eyebrow{align-self:flex-start;white-space:nowrap}.section-heading h2,.security-copy h2,.pilot-inner h2{font-size:clamp(3.8rem,7vw,7rem);overflow-wrap:break-word;word-break:break-word}.section-heading h2{max-width:850px}.section-heading h2 em,.security-copy h2 em,.pilot-inner h2 em{color:var(--blue)}.problem-section{background:#eaf0ee}.problem-grid{max-width:1440px;margin:auto;display:grid;grid-template-columns:.75fr 1.25fr;gap:10vw}.problem-intro{max-width:450px}.large-copy{font-size:1.35rem;line-height:1.5;margin-top:0}.problem-intro p:last-child{color:#65757b}.principle{display:grid;grid-template-columns:80px 1fr;gap:1.5rem;border-top:1px solid var(--line);padding:2rem 0}.principle .number{font:500 .72rem var(--mono);color:var(--blue)}.principle h3{font-family:var(--display);text-transform:uppercase;font-size:2rem;margin:0;overflow-wrap:break-word;word-break:break-word}.principle p{color:#65757b;margin:.3rem 0 0;max-width:500px}
.system-section{background:var(--ink-2);color:white;position:relative}.system-section:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(0,167,225,.06),transparent 40%)}.section-heading.light,.flow{position:relative}.flow{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr 70px 1fr;align-items:center}.flow-card{min-height:290px;border:1px solid #29444f;padding:1.7rem;background:rgba(5,21,29,.45)}.flow-icon{width:60px;height:60px;border:1px solid #375661;display:grid;place-items:center;margin-bottom:2.5rem}.flow-icon svg{width:34px;fill:none;stroke:var(--green);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.flow-card>span{font:500 .65rem var(--mono);color:#61808b}.flow-card h3{font:2rem var(--display);text-transform:uppercase;margin:.5rem 0;overflow-wrap:break-word;word-break:break-word}.flow-card p{font-size:.85rem;color:#8da4ad}.flow-line{height:1px;background:#36515b;position:relative}.flow-line i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--green);right:0;top:-3px;box-shadow:0 0 8px var(--green)}
.products-section{background:#f5f7f5}.product-grid{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.product-card{padding:2rem;min-height:520px;border:1px solid var(--line);display:flex;flex-direction:column;background:white;position:relative;overflow:hidden;transition:.3s}.product-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:.4s}.product-card:hover{transform:translateY(-7px);box-shadow:0 25px 55px rgba(7,20,29,.1)}.product-card:hover:before{transform:scaleX(1)}.product-card.pro{background:#0b2632;color:white}.product-card.pro:before{background:var(--green)}.product-card.enterprise{background:#dce9e6}.product-top{display:flex;justify-content:space-between;align-items:center;font:.65rem var(--mono);color:#789}.status-pill{border:1px solid currentColor;padding:.35rem .55rem;text-transform:uppercase;letter-spacing:.1em}.product-card h3{font:2.5rem var(--display);text-transform:uppercase;margin:4rem 0 1rem;overflow-wrap:break-word;word-break:break-word}.product-card h3 em{font-style:normal;color:var(--blue)}.product-card.pro h3 em{color:var(--green)}.product-card p{color:#65757b;min-height:75px}.product-card.pro p,.product-card.pro li{color:#a7bdc5}.product-card ul{list-style:none;padding:1.5rem 0;margin:1rem 0;border-top:1px solid currentColor;border-color:rgba(100,120,130,.25)}.product-card li{padding:.45rem 0;font-size:.85rem;color:#53656d}.product-card li:before{content:"✓";color:var(--green);margin-right:.7rem}.product-card a{margin-top:auto;font-weight:600;display:flex;justify-content:space-between;border-top:1px solid rgba(100,120,130,.25);padding-top:1.3rem}.development-note{text-align:center;font-size:.75rem;color:#7a888d;margin:2rem 0 0}
.security-section{background:#05131b;color:white;padding:130px 5vw;overflow:hidden}.security-shell{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.shield-stage{min-height:550px;display:grid;place-items:center;position:relative}.shield-stage img{width:230px;position:relative;z-index:2;filter:drop-shadow(0 0 35px rgba(0,167,225,.25))}.shield-halo{position:absolute;width:430px;height:430px;border:1px solid #284451;border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.015),0 0 0 140px rgba(255,255,255,.01)}.shield-halo:before,.shield-halo:after{content:"";position:absolute;background:#42616c}.shield-halo:before{width:1px;height:540px;left:50%;top:-55px}.shield-halo:after{height:1px;width:540px;top:50%;left:-55px}.orbit-label{position:absolute;z-index:3;background:#0b2530;border:1px solid #31505c;padding:.5rem .7rem;font:.58rem var(--mono);letter-spacing:.12em;color:#8ba3ac}.label-a{top:14%;left:12%}.label-b{right:7%;top:46%}.label-c{bottom:11%;left:28%}.security-copy blockquote{border-left:2px solid var(--green);padding-left:1.5rem;margin:2.5rem 0;font-size:1.25rem;color:#d3e2e6}.security-copy>p:not(.eyebrow){color:#8ea5ae;max-width:590px}.security-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem}.security-tags span{font:.62rem var(--mono);letter-spacing:.08em;border:1px solid #2c4853;padding:.6rem .8rem;color:#9fb4bb}
.pilot-section{padding:120px 5vw;background:var(--green);position:relative;overflow:hidden}.pilot-section:after{content:"TDIQ";position:absolute;right:-2vw;bottom:-8vw;font:18rem var(--display);color:rgba(7,20,29,.05)}.pilot-inner{max-width:900px;margin:auto;text-align:center;position:relative;z-index:2}.pilot-inner>img{width:70px;margin:0 auto 1.5rem}.pilot-inner .eyebrow{color:#1d5a46;justify-content:center}.pilot-inner .eyebrow span{background:var(--ink)}.pilot-inner h2 em{color:white}.pilot-inner>p:not(.eyebrow){max-width:650px;margin:2rem auto;color:#1c503f;font-size:1.1rem}.button-light{background:var(--ink);color:white}.pilot-inner small{display:block;margin-top:1rem;color:#26634e}
footer{background:#030c11;color:#8ca0a8;padding:70px 5vw 25px}.footer-main{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4rem;align-items:start}.footer-brand img{width:190px}.footer-main p{max-width:330px;margin:0}.footer-main nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;color:#c5d1d5}.footer-main nav a:hover{color:var(--green)}.footer-bottom{max-width:1440px;margin:60px auto 0;padding-top:1.3rem;border-top:1px solid #1b2a31;display:flex;justify-content:space-between;font:.62rem var(--mono);letter-spacing:.08em;text-transform:uppercase}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.hero .reveal{opacity:1;transform:none}.reveal.visible{opacity:1;transform:none}@keyframes pulse{0%{transform:scale(.8);opacity:0}30%{opacity:1}100%{transform:scale(1.1);opacity:0}}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr;padding-top:140px}.hero{min-height:auto}.hero-visual{min-height:650px}.problem-grid,.security-shell{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr;gap:1rem}.flow-line{display:none}.product-grid{grid-template-columns:1fr}.product-card{min-height:450px}.product-card p{min-height:0}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:2rem}}
@media(max-width:760px){.nav-shell{height:72px;padding:0 20px}.brand img{width:145px}.menu-button{display:grid;gap:5px;padding:10px;z-index:2}.menu-button span:not(.sr-only){display:block;width:25px;height:2px;background:white;transition:.25s}.menu-button.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-button.open span:nth-child(2){opacity:0}.menu-button.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-links{position:fixed;inset:0;background:#061720;padding:120px 30px;display:flex;flex-direction:column;align-items:flex-start;font:2.2rem var(--display);text-transform:uppercase;transform:translateX(100%);transition:.35s}.nav-links.open{transform:none}.nav-cta{font-family:var(--sans);font-size:.9rem}.hero-grid{padding:120px 20px 70px}.hero h1{font-size:clamp(3.6rem,12vw,6rem)}.hero-lede{font-size:1rem}.trust-row{gap:1rem;justify-content:space-between}.trust-row strong{font-size:.7rem}.hero-visual{min-height:520px}.device{width:87%;transform:none}.device-screen{min-height:330px}.signal-ring.ring-two{width:500px;height:500px}.floating-chip{display:none}.section,.security-section{padding:90px 20px}.section-heading{margin-bottom:50px}.section-heading h2,.security-copy h2,.pilot-inner h2{font-size:3.8rem}.problem-grid{gap:3rem}.principle{grid-template-columns:45px 1fr}.flow{grid-template-columns:1fr}.flow-card{min-height:auto}.shield-stage{min-height:440px}.shield-halo{width:310px;height:310px}.shield-stage img{width:170px}.orbit-label{display:none}.pilot-section{padding:90px 20px}.footer-main{grid-template-columns:1fr;gap:2rem}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.signal-ring{animation:none}}

/* Looping product demonstration */
.device-screen{position:relative;overflow:hidden}.device-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(58,213,255,.05) 48%,transparent 70%);transform:translateX(-120%);pointer-events:none}.device.demo-scanning .device-screen:after{animation:screenScan 1.6s ease-in-out infinite}.status-check{transition:border-color .35s,box-shadow .35s,transform .35s}.status-check svg{stroke:#58747f;stroke-dasharray:48;stroke-dashoffset:48;transition:stroke .35s}.device.demo-scanning .status-check{border-color:var(--cyan);box-shadow:0 0 25px rgba(58,213,255,.14),inset 0 0 25px rgba(58,213,255,.06)}.device.demo-scanning .status-check{animation:indicatorBreathe 1.2s ease-in-out infinite}.device.demo-complete .status-check{border-color:var(--green);transform:scale(1.04);box-shadow:0 0 34px rgba(57,217,138,.3),inset 0 0 25px rgba(57,217,138,.1)}.device.demo-complete .status-check svg{stroke:var(--green);stroke-dashoffset:0;transition:stroke-dashoffset .55s ease,stroke .25s}.device-screen [data-demo-kicker]{transition:color .3s}.device-screen [data-demo-title]{display:block;min-height:48px;transition:opacity .2s}.demo-progress{height:2px;background:#183641;margin:18px auto 0;max-width:180px;overflow:hidden}.demo-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--green));box-shadow:0 0 8px var(--green);transition:width .55s ease}.anchor-grid{margin-top:22px}.anchor-grid span{transition:border-color .3s,color .3s,background .3s,transform .3s}.anchor-grid span:before{background:#3a535d;box-shadow:none;transition:.3s}.anchor-grid span.checking{border-color:var(--cyan);color:#d8f6ff;background:rgba(58,213,255,.06);transform:translateY(-2px)}.anchor-grid span.checking:before{background:var(--cyan);box-shadow:0 0 9px var(--cyan);animation:dotPulse .7s ease-in-out infinite}.anchor-grid span.verified{border-color:rgba(57,217,138,.55);color:var(--green);background:rgba(57,217,138,.05)}.anchor-grid span.verified:before{background:var(--green);box-shadow:0 0 7px var(--green)}.anchor-grid span.issue{border-color:rgba(255,151,56,.65);color:#ffd3a3;background:rgba(255,151,56,.08);transform:translateY(-2px)}.anchor-grid span.issue:before{background:var(--amber);box-shadow:0 0 9px var(--amber);animation:dotPulse .7s ease-in-out infinite}.device.demo-issue .status-check{border-color:var(--amber);box-shadow:0 0 25px rgba(255,151,56,.18),inset 0 0 25px rgba(255,151,56,.08);animation:indicatorBreathe 1.2s ease-in-out infinite}.device.demo-issue .status-check svg{stroke:var(--amber)}.device.demo-issue [data-demo-kicker]{color:var(--amber)}.device.demo-complete{animation:deviceConfirm .55s ease}.device.demo-complete .live-dot{color:var(--green)}.device.demo-reset .live-dot{color:#78909a}.device.demo-reset .live-dot:before{background:#78909a;box-shadow:none}
@keyframes screenScan{to{transform:translateX(120%)}}@keyframes indicatorBreathe{50%{transform:scale(.94)}}@keyframes dotPulse{50%{opacity:.35}}@keyframes deviceConfirm{50%{filter:brightness(1.13)}}
@media(prefers-reduced-motion:reduce){.device.demo-scanning .device-screen:after,.device.demo-scanning .status-check,.anchor-grid span.checking:before,.device.demo-complete{animation:none}.demo-progress i,.anchor-grid span,.status-check,.status-check svg{transition:none}}

/* Small-phone layout safeguards */
@media(max-width:480px){
  .nav-shell{padding-inline:16px}
  .brand img{width:132px}
  .hero-grid{width:100%;min-width:0;padding:108px 20px 56px;gap:2rem}
  .hero-copy{min-width:0;max-width:100%}
  .hero h1{font-size:clamp(2.6rem,14.5vw,4rem);line-height:.95;letter-spacing:-.035em;max-width:100%}
  .hero-lede{width:100%;max-width:100%;font-size:.96rem;line-height:1.6;margin:1.75rem 0}
  .hero-actions{display:grid;grid-template-columns:1fr;width:100%;gap:.75rem}
  .hero-actions .button{width:100%;padding:.95rem 1rem}
  .trust-row{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:2.5rem}
  .hero-visual{min-height:460px}
  .device{width:100%;max-width:350px}
  .section-heading h2,.security-copy h2,.pilot-inner h2{font-size:clamp(2.3rem,13vw,2.9rem)}
}
