:root{
      --bg:#07111b;
      --panel:#0d1b29;
      --panel2:#102335;
      --text:#edf5fb;
      --muted:#9eb0bf;
      --line:#1f3850;
      --accent:#27c7a8;
      --accent2:#4da3ff;
      --max:1180px;
      --radius:18px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      color:var(--text);
      background:
        radial-gradient(circle at 85% 10%, rgba(77,163,255,.13), transparent 28%),
        radial-gradient(circle at 10% 20%, rgba(39,199,168,.09), transparent 22%),
        var(--bg);
      line-height:1.6;
    }
    a{color:inherit;text-decoration:none}
    .wrap{max-width:var(--max);margin:auto;padding:0 24px}
    header{
      position:sticky;top:0;z-index:30;
      backdrop-filter:blur(12px);
      background:rgba(7,17,27,.78);
      border-bottom:1px solid rgba(255,255,255,.06);
    }
    nav{height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{font-weight:800;letter-spacing:-.03em;font-size:1.2rem}
    .brand span{color:var(--accent)}
    .navlinks{display:flex;gap:24px;color:var(--muted);font-size:.95rem}
    .navlinks a:hover{color:var(--text)}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;
      padding:12px 18px;border-radius:12px;border:1px solid var(--line);
      font-weight:700;transition:.2s ease;cursor:pointer
    }
    .btn.primary{background:var(--accent);color:#032019;border-color:transparent}
    .btn.primary:hover{transform:translateY(-1px);filter:brightness(1.05)}
    .btn.ghost:hover{border-color:#3f6b8d;background:rgba(255,255,255,.03)}
    .hero{padding:88px 0 54px}
    .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
    .eyebrow{color:var(--accent);font-weight:800;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase}
    h1{font-size:clamp(2.7rem,6vw,5.5rem);line-height:.98;letter-spacing:-.055em;margin:.55rem 0 1.2rem}
    .lead{font-size:1.18rem;color:var(--muted);max-width:760px}
    .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
    .hero-card{
      border:1px solid var(--line);border-radius:24px;padding:24px;
      background:linear-gradient(180deg,rgba(16,35,53,.95),rgba(10,25,38,.95));
      box-shadow:0 26px 70px rgba(0,0,0,.28)
    }
    .screen{
      border:1px solid #284963;border-radius:14px;overflow:hidden;background:#0a1520
    }
    .screenbar{height:38px;border-bottom:1px solid #284963;display:flex;align-items:center;padding:0 12px;gap:6px}
    .dot{width:8px;height:8px;border-radius:50%;background:#527087}
    .screenbody{padding:18px}
    .metricgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
    .metric{padding:14px;background:#102438;border:1px solid #23425d;border-radius:10px}
    .metric b{display:block;font-size:1.35rem}
    .metric span{color:var(--muted);font-size:.78rem}
    .fakebay{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-top:16px}
    .cell{height:28px;border-radius:4px;background:#18354b;border:1px solid #2b5876}
    .cell:nth-child(5n){background:#17493f}
    .cell:nth-child(7n){background:#314964}
    section{padding:72px 0}
    .section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}
    h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.035em;line-height:1.05;margin:0}
    .section-head p{max-width:620px;color:var(--muted);margin:0}
    .cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
    .card{
      padding:26px;border-radius:var(--radius);border:1px solid var(--line);
      background:linear-gradient(180deg,rgba(15,32,49,.92),rgba(10,24,37,.92))
    }
    .tag{display:inline-block;padding:5px 9px;border-radius:999px;background:#102f2b;color:#71e0ca;font-size:.76rem;font-weight:800}
    .card h3{font-size:1.45rem;margin:.9rem 0 .4rem}
    .card p{color:var(--muted);margin:.2rem 0 1rem}
    .feature-list{margin:0;padding-left:18px;color:#c9d5de}
    .feature-list li{margin:.35rem 0}
    .workflow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
    .step{padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(13,27,41,.7)}
    .step b{display:block;margin-bottom:7px}
    .step span{color:var(--muted);font-size:.9rem}
    .audience{display:grid;grid-template-columns:1fr 1fr;gap:18px}
    .audience .card{min-height:250px}
    .audience h3{margin-top:0}
    .security{
      display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start
    }
    .check{display:flex;gap:12px;margin:14px 0;color:#cbd8e1}
    .check:before{content:"✓";color:var(--accent);font-weight:900}
    .demo{
      border:1px solid var(--line);border-radius:24px;padding:34px;
      background:linear-gradient(135deg,rgba(20,48,67,.9),rgba(11,27,40,.96))
    }
    form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
    input,select,textarea{
      width:100%;background:#091722;border:1px solid #2a4961;color:var(--text);
      padding:13px 14px;border-radius:11px;font:inherit
    }
    textarea{min-height:110px;resize:vertical;grid-column:1/-1}
    .full{grid-column:1/-1}
    .note{color:var(--muted);font-size:.85rem;margin-top:10px}
    footer{padding:34px 0 46px;color:var(--muted);border-top:1px solid rgba(255,255,255,.06)}
    .footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
    @media (max-width:850px){
      .navlinks{display:none}
      .hero{padding-top:56px}
      .hero-grid,.security,.audience{grid-template-columns:1fr}
      .cards{grid-template-columns:1fr}
      .workflow{grid-template-columns:1fr 1fr}
      .hero-card{order:-1}
    }
    @media (max-width:560px){
      .workflow{grid-template-columns:1fr}
      form{grid-template-columns:1fr}
      textarea,.full{grid-column:auto}
      .wrap{padding:0 18px}
      section{padding:54px 0}
    }
  
.product-actions{margin-top:18px}.notice{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--muted)}.legal-links{display:flex;flex-wrap:wrap;gap:10px 20px}.status{color:var(--accent);font-weight:700}a:focus-visible{outline:3px solid var(--accent2);outline-offset:4px}.page{min-height:70vh;padding:48px 0}.btn{font-size:15px;padding:8px 14px}.hero{padding-top:56px}section{padding:46px 0}

/* Readable, responsive maritime landing refresh */
@font-face{font-family:Inter;src:url('/legal/assets/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--max:1440px;--muted:#afbed0}
body{font-family:Inter,system-ui,sans-serif}
.wrap{padding-inline:40px}.navlinks{font-size:16px;gap:24px}
.hero{position:relative;overflow:hidden;padding:60px 0 56px;background:radial-gradient(ellipse at 80% 40%,#12304680,transparent 65%)}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(#4a799a 1px,transparent 1px),linear-gradient(90deg,#4a799a 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent,#000)}
.hero-grid{position:relative;grid-template-columns:1fr 1.16fr;gap:46px;align-items:center}
h1{font-size:clamp(40px,3.55vw,66px);font-weight:700;letter-spacing:-.01em;line-height:1.1;max-width:650px;margin:16px 0 22px}
h2{font-size:clamp(28px,2.4vw,42px);line-height:1.15;letter-spacing:-.015em;font-weight:650}
.hero .lead{font-size:18px;line-height:1.65;max-width:560px}.hero .actions{margin-top:26px;gap:12px}
.btn{gap:14px;padding:11px 16px;border-radius:8px;font-weight:600}.btn.ghost{border-color:#496075;background:#132333;color:#e1eaf1}
.hero-caption{font-size:13px;color:#a9b8cc;margin-top:16px}
.hero-card{padding:0;border-radius:14px;overflow:hidden;transform:rotate(-1deg);background:#0b1b2a;box-shadow:0 25px 70px #0005;border-color:#35536a}
.hero-card svg{display:block;width:100%;height:auto;font-family:Inter,system-ui,sans-serif}
.preview-top,.preview-bottom{display:flex;align-items:center;gap:8px;padding:15px 18px;font-size:12px;color:#bbccda;border-bottom:1px solid #294358}
.preview-label{margin-left:auto;color:#92aebe}.preview-dot{height:7px;width:7px;border-radius:50%;background:var(--accent)}
.preview-bottom{border-top:1px solid #294358;border-bottom:0;justify-content:space-between;font-size:12px}.preview-bottom a{color:#71e0ca}
.section-head{display:block;max-width:920px;margin-bottom:28px}.section-head p{margin-top:16px;max-width:800px;line-height:1.65}
section{padding:56px 0}#products,#users{background:#0c1926;border-block:1px solid #1e3445}#workflow{background:#08131e}
.card{padding:26px}.card-top{display:flex;align-items:center;gap:12px}.product-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #35516a;border-radius:10px;color:#8ce5d2;font-size:26px;background:#132b3c}.tag{font-size:13px;padding:4px 10px;letter-spacing:.015em}
.card h3{font-size:24px}.cards{gap:22px}.eyebrow{font-size:12px;letter-spacing:.12em}
@media(min-width:1700px){.hero-grid{gap:64px}.hero-card{margin-right:-20px}}
@media(max-width:1100px){.hero-grid{gap:24px}h1{font-size:44px}.hero .lead{font-size:16px}.wrap{padding-inline:24px}.preview-label{display:none}.navlinks{gap:15px;font-size:15px}}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr}.hero-card{order:0;transform:none;max-width:720px}.hero{padding:34px 0}.hero h1{font-size:clamp(38px,7.7vw,58px);max-width:700px}.hero .lead{max-width:650px}.security{grid-template-columns:1fr}.preview-label{display:inline}.hero-card{margin-top:12px}}
@media(max-width:560px){.wrap{padding-inline:18px}.hero h1{font-size:36px}.hero-grid{gap:20px}.hero .actions .btn{width:100%}.hero-caption{font-size:12px}.preview-top,.preview-bottom{padding:11px;font-size:10px}.preview-bottom{flex-wrap:wrap;gap:6px}section{padding:36px 0}.card{padding:20px}.demo{padding:22px}.brand{font-size:18px}nav{gap:12px;height:64px}nav>.btn{font-size:13px;padding:8px 10px}.legal-links{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.btn.primary:hover{transform:none}}

/* Local AI product positioning; conceptual animation, no live processing */
:root{--max:1480px;--accent:#40efbd;--muted:#b3c4d5}h1 em,h2 em{font-style:normal;color:var(--accent)}
.hero{padding:65px 0 58px;background:radial-gradient(ellipse at 85% 35%,#125b615c,transparent 60%),#07131f}.hero-grid{grid-template-columns:1.08fr 1fr;gap:58px}.hero h1{font-size:clamp(40px,3.9vw,72px);max-width:760px}.hero .eyebrow{display:none}.hero .lead{max-width:620px}.release-chip{display:inline-flex;gap:9px;align-items:center;font-size:11px;letter-spacing:.11em;color:#95eace;border:1px solid #28765f;border-radius:30px;padding:8px 12px;background:#123e303d}.release-chip>span,.signal{width:7px;height:7px;border-radius:50%;background:#40efbd;box-shadow:0 0 14px #40efbd80;flex:none}.hero-proof{display:flex;flex-direction:column;gap:7px;margin-top:22px;color:#a5becb;font-size:13px}.hero-proof span:before{content:'—';color:var(--accent);margin-right:9px}.btn.primary{box-shadow:0 5px 25px #40efbd15}.agent-console{border:1px solid #346370;border-radius:16px;background:linear-gradient(145deg,#122b38,#091824);box-shadow:0 20px 90px #0006,0 0 65px #35ecc80d;overflow:hidden}.console-head{display:flex;align-items:center;gap:9px;padding:17px;font-size:11px;letter-spacing:.04em;border-bottom:1px solid #2b4658;color:#d2e4ec}.console-label{margin-left:auto;font-size:9px;color:#91aebd}.boundary{margin:20px;padding:16px;border:1px dashed #3c8a795e;border-radius:12px;position:relative}.boundary>span{font-size:10px;letter-spacing:.12em;color:#8cbbb0}.agent-core{text-align:center;position:relative;padding:24px 0 22px;overflow:hidden}.agent-core h2{font-size:25px;line-height:1.25;letter-spacing:-.02em;position:relative}.agent-core p{font-size:12px;color:#acc0cf;position:relative}.core-symbol{width:72px;height:72px;display:grid;place-items:center;margin:6px auto 24px;border:1px solid #6debc0;border-radius:20px;color:#6ff3c7;background:#184f45;font-size:25px;font-weight:700;box-shadow:0 0 45px #40efbd1f;position:relative}.core-orbit{position:absolute;left:calc(50% - 54px);top:12px;width:108px;height:108px;border:1px dashed #4ddab173;border-radius:50%;animation:orbit 30s linear infinite}.core-orbit:before{content:'';width:7px;height:7px;border-radius:50%;background:#7cf8d1;position:absolute;left:14px;top:14px;box-shadow:0 0 14px #4de5bf}.agent-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.agent-flow article{border:1px solid #355260;border-radius:8px;padding:12px;background:#142c3b;min-width:0}.agent-num{display:block;color:#63dfbc;font-size:10px;margin-bottom:9px}.agent-flow strong{display:block;font-size:16px}.agent-flow small{display:block;color:#adbfcc;font-size:11px;line-height:1.5;margin-top:7px}.boundary-note{display:flex;gap:10px;align-items:center;margin:16px 0 0;font-size:11px;color:#aad8c8}.boundary-note span{font-size:22px;color:var(--accent)}.console-foot{padding:0 20px 18px;color:#90aaba;font-size:11px;line-height:1.5}.ai-section{border-block:1px solid #264c5b;background:radial-gradient(ellipse at 10% 0,#164a4c66,transparent 45%),#0b1a27;padding:72px 0}.ai-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.ai-intro h2{font-size:clamp(32px,3.1vw,54px);line-height:1.14}.ai-summary{color:#b5c8d6;line-height:1.8}.development-label{font-size:11px;color:#84baa9;line-height:1.6}.ai-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}.ai-benefits article{padding:24px 20px;background:#102937;border:1px solid #31515d;border-radius:12px}.benefit-symbol{font-size:29px;color:#65ecc6;margin-bottom:22px}.ai-benefits h3{font-size:19px;line-height:1.4;margin:0 0 12px}.ai-benefits p{color:#b1c5d3;font-size:14px;line-height:1.75;margin:0}.agent-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;padding:64px 0 36px}.agent-story h2{font-size:35px}.agent-story p{max-width:430px;color:#adbfce;line-height:1.8}.agent-story ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}.agent-story li{padding:18px 20px;border-left:2px solid #4ad2aa;background:#112634;border-radius:0 10px 10px 0}.agent-story b{display:block;color:#daf0e9;font-size:15px}.agent-story li span{display:block;margin-top:7px;color:#b2c5d2;font-size:14px;line-height:1.65}.ai-disclosure{padding:20px;border:1px solid #34505c;border-radius:10px;color:#acc2ce;font-size:13px;line-height:1.75}.ai-disclosure strong{color:#d7e8e7}.ai-disclosure p{margin:8px 0 0}@keyframes orbit{to{transform:rotate(360deg)}}
@media(max-width:1100px){.hero-grid{gap:25px}.hero h1{font-size:48px}.ai-benefits{grid-template-columns:1fr 1fr}.ai-intro,.agent-story{gap:35px}.console-label{font-size:8px}}
@media(max-width:850px){.hero-grid,.ai-intro,.agent-story{grid-template-columns:1fr}.hero h1{font-size:clamp(38px,7.8vw,62px)}.agent-console{max-width:700px}.hero .actions{margin-bottom:0}.hero{padding:34px 0}.ai-section{padding:42px 0}.agent-story{padding:38px 0 26px}.console-label{font-size:9px}}
@media(max-width:560px){.hero h1{font-size:38px;line-height:1.13}.release-chip{font-size:9px;letter-spacing:.07em}.ai-benefits{grid-template-columns:1fr;gap:12px}.ai-benefits article{padding:20px}.benefit-symbol{margin-bottom:10px}.boundary{margin:12px;padding:12px}.console-head{padding:13px 11px;font-size:9px}.console-label{font-size:7px}.agent-flow{gap:7px}.agent-flow article{padding:10px 8px}.agent-flow strong{font-size:14px}.agent-flow small{font-size:10px}.agent-core h2{font-size:23px}.agent-core{padding-bottom:16px}.hero-proof{font-size:12px}.agent-story h2{font-size:29px}.ai-intro{gap:20px}}
@media(prefers-reduced-motion:reduce){.core-orbit{animation:none}}

/* Illustration-led product story */
.hero-art{position:relative;border:1px solid #315962;border-radius:18px;overflow:hidden;box-shadow:0 20px 100px #0007;background:#07131f;min-width:0}.hero-art>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.art-caption{padding:17px 20px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:11px;letter-spacing:.05em;border-top:1px solid #2e505c;color:#d8eae6}.art-caption small{flex-basis:100%;font-size:11px;color:#a3bfca;letter-spacing:0;margin-left:16px}.product-art{margin:-26px -26px 24px;overflow:hidden;border-radius:17px 17px 0 0;background:#07131f}.product-art img{display:block;width:100%;height:240px;object-fit:cover}.card.product-card{overflow:hidden}.visual-workflow{background:#081720}.visual-workflow h2{font-size:clamp(32px,3.6vw,58px)}.section-kicker{font-size:18px;color:#b4cbd7;margin:20px 0 34px}.visual-steps{display:grid;grid-template-columns:1fr 1fr;gap:26px}.visual-steps>article{border:1px solid #2d4a5d;border-radius:15px;overflow:hidden;background:#102532}.step-art{position:relative;background:#07131f}.step-art img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.step-art>span{position:absolute;left:20px;bottom:18px;font-size:15px;font-weight:700;letter-spacing:.08em;background:#081b26e6;border:1px solid #5b9b92;color:#6bf3ca;border-radius:8px;padding:9px 12px}.step-copy{padding:23px 25px 27px}.step-copy h3{font-size:24px;letter-spacing:-.015em;margin:0 0 12px}.step-copy p{color:#bed0dc;font-size:16px;line-height:1.7;margin:0;max-width:520px}.section-note{color:#8eaab9;font-size:12px;margin-top:24px}.illustrated-agents{grid-template-columns:1fr 1fr;align-items:center}.illustrated-agents>img{width:100%;height:auto;border:1px solid #315360;border-radius:15px;display:block}.illustrated-agents h2{font-size:clamp(34px,3vw,50px)}.agent-human{font-weight:600;color:#c6f4e3!important}.illustrated-agents .btn{margin-top:12px}.ai-disclosure a{color:#81dfc4;text-decoration:underline;text-underline-offset:3px}.ai-benefits h3{font-size:20px}.hero .lead{font-size:18px}.hero h1{font-size:clamp(40px,3.6vw,66px)}
@media(max-width:850px){.hero-art{max-width:720px}.visual-steps{gap:18px}.step-copy{padding:20px}.step-copy h3{font-size:21px}.illustrated-agents{grid-template-columns:1fr}.product-art img{height:auto;aspect-ratio:2/1}.hero h1{font-size:clamp(38px,7.7vw,60px)}}
@media(max-width:560px){.visual-steps{grid-template-columns:1fr}.product-art{margin:-20px -20px 20px}.product-art img{aspect-ratio:3/2}.step-copy p{font-size:15px}.art-caption{font-size:10px;padding:14px}.hero h1{font-size:38px}.step-art img{aspect-ratio:3/2}.hero-art>img{aspect-ratio:3/2}}
.step-art img{height:auto}#workflow,#products,#local-ai{scroll-margin-top:86px}.visual-steps{align-items:start}