:root{--red:#ef2027;--red-dark:#c9151b;--ink:#171214;--muted:#6f6466;--line:#eadfe0;--soft:#fff5f5;--panel:#ffffff;--dark:#1a1013;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #eee}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:14px}.brand img{width:112px;height:auto}.tagline{padding-left:14px;border-left:1px solid #cfc3c4;font-size:12px;font-weight:800;line-height:1.25}.navlinks{display:flex;align-items:center;gap:30px;font-weight:700;font-size:14px}.navlinks a:hover,.navlinks a.active{color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:10px;border:1px solid transparent;font-weight:800;transition:.2s}.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red-dark);transform:translateY(-1px)}.btn-outline{border-color:var(--red);color:var(--red);background:#fff}.hero{padding:76px 0 40px;background:radial-gradient(circle at 70% 35%,#fff0f0 0,transparent 38%),#fff}.hero-grid{display:grid;grid-template-columns:1.02fr 1.18fr;gap:54px;align-items:center}.eyebrow{text-transform:uppercase;color:var(--red);font-weight:900;letter-spacing:.08em;font-size:12px}.hero h1,.page-hero h1{font-size:clamp(44px,6vw,76px);line-height:.98;letter-spacing:-.055em;margin:14px 0 22px}.hero p{font-size:19px;color:var(--muted);max-width:620px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.trust-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:48px}.trust{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff;font-size:12px;font-weight:700}.trust b{display:block;font-size:13px;margin-bottom:4px}.device-stage{position:relative;min-height:500px}.laptop{position:absolute;right:0;top:30px;width:92%;background:#191919;border:10px solid #1b1b1b;border-radius:20px 20px 8px 8px;box-shadow:0 25px 60px rgba(50,0,0,.18)}.screen{background:#f8f8f8;border-radius:9px;padding:14px;min-height:365px}.dashboard-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mini-logo{width:62px}.dash-grid{display:grid;grid-template-columns:150px 1fr;gap:12px}.sidebar{background:#fff;border:1px solid #eee;border-radius:10px;padding:12px}.sidebar div{padding:7px 8px;border-radius:7px;font-size:11px}.sidebar .sel{background:#ffe9ea;color:var(--red);font-weight:800}.mainpanel{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metric,.chart,.activity{background:#fff;border:1px solid #eee;border-radius:10px;padding:12px}.metric b{font-size:21px}.chart{grid-column:span 3;min-height:165px;position:relative;overflow:hidden}.chart svg{position:absolute;inset:34px 12px 12px}.activity{grid-column:span 1}.phone{position:absolute;left:0;bottom:8px;width:160px;background:#131313;border:7px solid #131313;border-radius:28px;box-shadow:0 20px 45px rgba(0,0,0,.2)}.phone-screen{background:#fff;border-radius:20px;padding:14px;min-height:310px}.phone-screen .mini-logo{width:48px;margin-bottom:12px}.route{font-size:10px;border-bottom:1px solid #eee;padding:9px 0}.section{padding:88px 0}.section-soft{background:var(--soft)}.section-dark{background:var(--dark);color:#fff}.section-head{max-width:760px;margin-bottom:38px}.section h2{font-size:clamp(36px,5vw,58px);line-height:1.02;letter-spacing:-.045em;margin:10px 0 18px}.section p.lead{font-size:18px;color:var(--muted)}.section-dark p.lead{color:#cbbfc2}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:26px;border:1px solid var(--line);border-radius:18px;background:#fff}.card .num{color:var(--red);font-weight:900;font-size:12px}.card h3{font-size:22px;margin:22px 0 8px}.platform-wheel{position:relative;min-height:690px}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:270px;height:270px;border-radius:50%;background:#181115;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 30px 70px rgba(0,0,0,.18)}.core img{width:112px;margin-bottom:14px}.core h3{font-size:34px;margin:0}.core p{font-size:14px;color:#cfc3c5;width:190px}.orbit-card{position:absolute;width:220px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 14px 36px rgba(35,0,0,.07)}.orbit-card b{color:var(--red);font-size:12px}.o1{top:0;left:50%;transform:translateX(-50%)}.o2{right:4%;top:24%}.o3{right:8%;bottom:12%}.o4{left:50%;bottom:0;transform:translateX(-50%)}.o5{left:8%;bottom:12%}.o6{left:4%;top:24%}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.mock-window{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 20px 50px rgba(40,0,0,.1)}.mock-toolbar{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid #eee}.dot{width:9px;height:9px;border-radius:50%;background:#ddd}.mock-table{margin-top:14px}.row{display:grid;grid-template-columns:1fr 1fr 1fr 110px;gap:8px;padding:13px 8px;border-bottom:1px solid #eee;font-size:12px}.pill{border-radius:999px;background:#ffe8e9;color:var(--red);text-align:center;padding:4px 8px}.page-hero{padding:92px 0;background:linear-gradient(140deg,#fff,#fff0f0)}.page-hero p{max-width:720px;font-size:19px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{padding:22px;border-top:2px solid var(--red)}.stat b{font-size:34px;color:var(--red);display:block}.footer{background:#11171b;color:#fff;padding:56px 0 26px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:36px}.footer img{width:115px;filter:grayscale(1) brightness(0) invert(1)}.footer h4{color:#9ab2c6;font-size:13px}.footer a{display:block;margin:9px 0;color:#f3eef0;font-size:14px}.copyright{border-top:1px solid #34404a;margin-top:35px;padding-top:22px;color:#8fa0ad;font-size:13px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:46px}.form{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.form input,.form textarea,.form select{width:100%;padding:13px 14px;border:1px solid #ddd;border-radius:9px;margin-bottom:12px;font:inherit}.form textarea{min-height:120px}.mobile-toggle{display:none}@media(max-width:900px){.navlinks{display:none}.mobile-toggle{display:block}.hero-grid,.two-col,.contact-grid{grid-template-columns:1fr}.device-stage{min-height:520px}.trust-row{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.platform-wheel{min-height:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}.core,.orbit-card{position:static;transform:none;width:auto;height:auto;border-radius:18px}.core{grid-column:1/-1;padding:40px}.stats{grid-template-columns:1fr 1fr}}@media(max-width:600px){.container{width:min(100% - 24px,var(--max))}.tagline{display:none}.brand img{width:90px}.nav{height:70px}.hero{padding-top:48px}.hero h1,.page-hero h1{font-size:44px}.cards,.footer-grid,.stats,.platform-wheel{grid-template-columns:1fr}.core{grid-column:auto}.device-stage{min-height:430px}.laptop{width:100%;top:20px}.phone{width:125px}.trust-row{grid-template-columns:1fr 1fr}.row{grid-template-columns:1fr 1fr}.row span:nth-child(3){display:none}}

/* Ablii v2.1 — responsive device mockup refinements */
.hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,1.18fr)}
.device-stage{min-width:0;isolation:isolate}
.laptop{overflow:hidden;right:0;width:94%;max-width:640px}
.screen{overflow:hidden;min-width:0}
.dash-grid{grid-template-columns:minmax(112px,138px) minmax(0,1fr);min-width:0}
.sidebar,.mainpanel,.metric,.chart,.activity{min-width:0}
.mainpanel{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:hidden}
.metric,.chart,.activity{padding:10px;overflow:hidden}
.metric{font-size:14px;line-height:1.35;word-break:normal;overflow-wrap:anywhere}
.metric b{display:block;font-size:20px;line-height:1.15;margin-top:2px}
.chart{grid-column:span 3}
.activity{grid-column:span 1;font-size:13px;overflow-wrap:anywhere}
.activity b{font-size:18px;white-space:nowrap}
.phone{z-index:3}

@media(max-width:1100px){
  .hero-grid{gap:34px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
  .hero h1{font-size:clamp(48px,5.5vw,68px)}
  .laptop{width:96%}
  .dash-grid{grid-template-columns:110px minmax(0,1fr)}
  .sidebar{padding:9px}
  .sidebar div{padding:6px;font-size:10px}
  .metric{font-size:12px;padding:8px}
  .metric b{font-size:18px}
}

@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .device-stage{width:min(100%,700px);margin:10px auto 0;min-height:520px}
  .laptop{left:50%;right:auto;transform:translateX(-50%);width:92%;max-width:none}
  .phone{left:2%}
}

@media(max-width:600px){
  .device-stage{min-height:400px}
  .laptop{width:100%;border-width:7px;border-radius:15px 15px 7px 7px}
  .screen{padding:9px;min-height:285px}
  .dashboard-head{margin-bottom:8px}
  .dashboard-head small{font-size:9px}
  .mini-logo{width:48px}
  .dash-grid{grid-template-columns:78px minmax(0,1fr);gap:7px}
  .sidebar{padding:6px}
  .sidebar div{padding:4px;font-size:8px}
  .mainpanel{gap:5px}
  .metric,.chart,.activity{padding:6px;border-radius:7px;font-size:9px}
  .metric b{font-size:13px}
  .chart{min-height:120px}
  .activity b{font-size:13px}
  .phone{width:112px;border-width:5px;bottom:0}
  .phone-screen{padding:9px;min-height:250px}
  .route{font-size:8px;padding:6px 0}
}

/* Ablii 3.0 homepage */
.v3-hero h1 span,.ecosystem-intro h2 span{color:var(--red)}
.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.hero-proof div{border-top:2px solid var(--red);padding-top:12px}.hero-proof b,.hero-proof span{display:block}.hero-proof span{font-size:12px;color:var(--muted);margin-top:4px}.live-badge{position:absolute;right:12px;top:0;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;box-shadow:0 8px 20px rgba(40,0,0,.08);z-index:5}.live-badge i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2ab66f;margin-right:7px;box-shadow:0 0 0 5px rgba(42,182,111,.12)}
.challenge-section{background:#171214;color:#fff}.challenge-section .lead{color:#cdbfc2}.challenge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.challenge-grid article{padding:24px;border:1px solid #3b2d31;border-radius:18px;background:#21171a}.challenge-grid b{color:var(--red)}.challenge-grid h3{font-size:20px;margin:24px 0 8px}.challenge-grid p{font-size:14px;color:#cdbfc2}
.ecosystem-section{background:linear-gradient(180deg,#fff,#fffafa)}.ecosystem-intro{display:grid;grid-template-columns:1fr .85fr;gap:60px;align-items:end;margin-bottom:28px}.ecosystem-intro p{font-size:18px;color:var(--muted);max-width:560px}.ecosystem{position:relative;height:720px;max-width:1200px;margin:auto}.connectors{position:absolute;inset:0;width:100%;height:100%;z-index:0}.line{fill:none;stroke-width:4;stroke-linecap:round}.line.red{stroke:#ef2027}.line.blue{stroke:#1f6fea}.line.teal{stroke:#0aa4a6}.line.orange{stroke:#f59b12}.line.purple{stroke:#7137db}.line.green{stroke:#11994f}.pulse{fill:#fff;stroke-width:4}.p1{stroke:#ef2027}.p2{stroke:#1f6fea}.p3{stroke:#0aa4a6}.p4{stroke:#f59b12}.p5{stroke:#7137db}.p6{stroke:#11994f}.core-hub{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:270px;height:270px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#34262a,#171214 60%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:3;box-shadow:0 25px 70px rgba(35,0,0,.24),0 0 0 14px rgba(239,32,39,.06)}.core-hub:before,.core-hub:after{content:"";position:absolute;border-radius:50%;inset:-18px;border:1px solid rgba(239,32,39,.28)}.core-hub:after{inset:-36px;border-style:dashed;animation:spin 28s linear infinite}.core-hub img{width:112px;margin-bottom:8px}.core-hub h3{font-size:34px;margin:0}.core-hub p{font-size:14px;color:#ded2d4;max-width:205px}.workspace-card{position:absolute;width:310px;min-height:155px;padding:22px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 18px 45px rgba(35,0,0,.08);display:flex;gap:18px;align-items:flex-start;z-index:2;transition:.25s}.workspace-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(35,0,0,.13)}.workspace-card span{font-size:12px;font-weight:900;color:var(--red)}.workspace-card h3{font-size:22px;margin:2px 0 7px}.workspace-card p{font-size:14px;color:var(--muted);margin:0}.workspace-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;flex:0 0 72px}.workspace-icon svg{width:42px;height:42px}.red-icon{color:#ef2027;background:#ffe8e9}.blue-icon{color:#1f6fea;background:#e8f0ff}.teal-icon{color:#0aa4a6;background:#e4f7f7}.orange-icon{color:#f08d00;background:#fff1d8}.purple-icon{color:#7137db;background:#eee8ff}.green-icon{color:#11994f;background:#e4f5e9}.ws-operations{top:0;left:50%;transform:translateX(-50%)}.ws-operations:hover{transform:translateX(-50%) translateY(-5px)}.ws-driver{right:0;top:155px}.ws-fleet{right:0;bottom:20px}.ws-warehouse{bottom:0;left:50%;transform:translateX(-50%)}.ws-warehouse:hover{transform:translateX(-50%) translateY(-5px)}.ws-finance{left:0;bottom:20px}.ws-customer{left:0;top:155px}.capability-row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 14px 35px rgba(35,0,0,.05)}.capability-row article{padding:24px;display:grid;grid-template-columns:48px 1fr;column-gap:12px}.capability-row article+article{border-left:1px solid var(--line)}.capability-row article>div{grid-row:1/3;font-size:34px;color:var(--red)}.capability-row h3{font-size:16px;margin:0 0 4px}.capability-row p{font-size:13px;color:var(--muted);margin:0}
.day-section{background:#fff}.timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:0;position:relative}.timeline:before{content:"";position:absolute;left:2%;right:2%;top:41px;height:2px;background:#eadfe0}.timeline article{position:relative;padding:0 18px}.timeline article:before{content:"";display:block;width:14px;height:14px;border-radius:50%;background:var(--red);border:5px solid #fff;box-shadow:0 0 0 2px var(--red);margin:34px 0 24px}.timeline time{position:absolute;top:0;color:var(--red);font-weight:900}.timeline h3{font-size:18px}.timeline p{font-size:13px;color:var(--muted)}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.industry-grid a{min-height:200px;padding:24px;border-radius:18px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.industry-grid a:hover{transform:translateY(-4px);border-color:var(--red);box-shadow:0 16px 36px rgba(35,0,0,.08)}.industry-grid span{font-size:23px;font-weight:800}.industry-grid b{font-size:13px;color:var(--red)}.final-cta{background:linear-gradient(135deg,#cb1118,#ef2027 60%,#ff5b60);color:#fff}.final-cta .container{display:flex;justify-content:space-between;align-items:center;gap:40px}.final-cta .eyebrow{color:#fff}.final-cta h2{max-width:850px}.final-cta .btn{background:#fff;color:var(--red);white-space:nowrap}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.ecosystem{height:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.connectors{display:none}.core-hub,.workspace-card{position:static;transform:none;width:auto}.core-hub{grid-column:1/-1;width:280px;height:280px;margin:0 auto 10px}.workspace-card:hover,.ws-operations:hover,.ws-warehouse:hover{transform:translateY(-4px)}.timeline{grid-template-columns:repeat(3,1fr);gap:28px}.timeline:before{display:none}.timeline article:before{margin-top:34px}.challenge-grid,.industry-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.ecosystem-intro{grid-template-columns:1fr;gap:12px}.hero-proof{grid-template-columns:1fr}.challenge-grid,.industry-grid,.capability-row,.timeline,.ecosystem{grid-template-columns:1fr}.capability-row article+article{border-left:0;border-top:1px solid var(--line)}.core-hub{grid-column:auto}.workspace-card{min-height:auto}.final-cta .container{display:block}.final-cta .btn{margin-top:18px}.timeline article:before{margin-top:30px}.live-badge{display:none}}


/* Ablii 3.1.3 — production logo and layout correction */
.footer-brand{min-width:220px}.footer-wordmark{display:inline-block;color:#fff!important;font-size:52px;line-height:.9;font-weight:950;letter-spacing:-.065em;text-decoration:none;margin:0 0 18px;font-family:Arial Black,Arial,Helvetica,sans-serif}.footer-wordmark::first-letter{letter-spacing:-.09em}.footer-brand p{margin:0;color:#f4e9eb;font-size:16px;line-height:1.55;font-weight:700}.footer-grid{align-items:start}.footer{overflow:hidden}.footer a{transition:color .2s ease,opacity .2s ease}.footer a:hover{color:#fff}.site-header{backdrop-filter:saturate(150%) blur(12px);background:rgba(255,255,255,.94)}.brand img{height:auto;object-fit:contain}.brand{flex-shrink:0}.navlinks{align-items:center}.core-hub img{image-rendering:auto;max-width:112px;height:auto}.mini-logo{height:auto;object-fit:contain}
@media(max-width:760px){.footer-wordmark{font-size:44px}.footer-brand{min-width:0}.footer-grid{gap:34px}}

/* Ablii 3.2 brand asset correction */
.brand img{width:112px;height:auto;background:transparent!important;box-shadow:none!important}
.mini-logo{background:transparent!important;box-shadow:none!important}
.core-hub img{background:transparent!important;filter:none!important}
.footer-logo{display:inline-block;margin:0 0 18px!important}
.footer-logo img{width:128px!important;height:auto!important;filter:none!important;background:transparent!important;opacity:1!important}
.footer-wordmark{display:none!important}
@media(max-width:600px){.brand img{width:92px}.footer-logo img{width:112px!important}}


/* Ablii 3.3 — connected platform, features and mobile app */
.navlinks{gap:23px}.navlinks a{font-size:13px}.platform-core-section{padding-top:40px}.platform-wheel-v33{height:760px;max-width:1200px;margin:auto;position:relative}.platform-wheel-v33 .platform-links{position:absolute;inset:0;width:100%;height:100%;z-index:0}.platform-links path{fill:none;stroke:#ef2027;stroke-width:3;stroke-linecap:round}.platform-links circle{fill:#fff;stroke:#ef2027;stroke-width:3}.platform-wheel-v33 .core{position:absolute;left:50%;top:52.5%;transform:translate(-50%,-50%);width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#35272b,#171214 62%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:3;box-shadow:0 25px 65px rgba(35,0,0,.22)}.platform-wheel-v33 .core img{width:105px;margin-bottom:8px}.platform-wheel-v33 .core h3{font-size:32px;margin:0}.platform-wheel-v33 .core p{max-width:190px;color:#d8ced0;font-size:13px}.core-orbit{position:absolute;inset:-28px;border:1px dashed rgba(239,32,39,.4);border-radius:50%;animation:spin 26s linear infinite}.platform-wheel-v33 .orbit-card{position:absolute;width:280px;min-height:190px;padding:20px 22px;border:1px solid #eadfe0;border-radius:18px;background:#fff;box-shadow:0 18px 42px rgba(35,0,0,.08);text-align:center;z-index:2;transition:.25s}.platform-wheel-v33 .orbit-card:hover{transform:translateY(-5px);border-color:#ef2027;box-shadow:0 24px 50px rgba(35,0,0,.13)}.platform-wheel-v33 .orbit-card>b{position:absolute;top:17px;left:18px;color:#ef2027;font-size:12px}.orbit-icon{width:60px;height:60px;border-radius:16px;background:#fff0f1;color:#ef2027;display:grid;place-items:center;margin:0 auto 10px}.orbit-icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.platform-wheel-v33 .orbit-card h3{margin:0 0 7px;font-size:19px}.platform-wheel-v33 .orbit-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.platform-wheel-v33 .o1{top:0;left:50%;transform:translateX(-50%)}.platform-wheel-v33 .o1:hover{transform:translateX(-50%) translateY(-5px)}.platform-wheel-v33 .o2{right:0;top:165px}.platform-wheel-v33 .o3{right:35px;bottom:0}.platform-wheel-v33 .o4{bottom:0;left:50%;transform:translateX(-50%)}.platform-wheel-v33 .o4:hover{transform:translateX(-50%) translateY(-5px)}.platform-wheel-v33 .o5{left:35px;bottom:0}.platform-wheel-v33 .o6{left:0;top:165px}.soft-section{background:#fff8f8}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.three-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px}.three-grid h3{font-size:21px;margin:0 0 8px}.three-grid p{color:var(--muted);margin:0}.product-hero{padding:100px 0 85px;background:linear-gradient(180deg,#fff,#fff8f8)}.product-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.product-hero h1{font-size:clamp(52px,5.5vw,78px);line-height:.99;letter-spacing:-.045em;margin:18px 0 24px}.product-hero p{font-size:19px;color:var(--muted);max-width:640px}.feature-device{position:relative;min-height:510px;display:flex;align-items:center}.macbook{width:100%;border:10px solid #171214;border-radius:18px 18px 8px 8px;background:#171214;box-shadow:0 30px 70px rgba(35,0,0,.18)}.macbook:after{content:"";display:block;width:108%;height:16px;background:linear-gradient(#d8d8d8,#aaa);border-radius:3px 3px 20px 20px;margin:9px 0 -25px -4%}.mac-screen{background:#f7f8fa;border-radius:9px;padding:16px;min-height:390px}.mock-top{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:11px 14px;border-radius:10px;margin-bottom:12px}.mock-top img{width:70px}.mock-top span{font-size:12px;font-weight:800}.mock-layout{display:grid;grid-template-columns:115px 1fr;gap:12px}.mock-layout aside{background:#171214;color:#cfc5c7;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:15px;font-size:11px}.mock-layout aside b{color:#fff}.mock-main{display:flex;flex-direction:column;gap:12px}.mock-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mock-kpis article,.mock-chart{background:#fff;border:1px solid #ece5e6;border-radius:10px;padding:13px}.mock-kpis small,.mock-chart span{display:block;color:#786d70;font-size:10px}.mock-kpis strong{font-size:22px}.mock-chart{height:220px}.mock-chart svg{width:100%;height:160px}.mock-chart polyline{fill:none;stroke:#ef2027;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.floating-stat{position:absolute;background:#fff;border:1px solid #eadfe0;border-radius:15px;padding:15px 18px;box-shadow:0 15px 36px rgba(35,0,0,.12);z-index:3}.floating-stat b,.floating-stat span{display:block}.floating-stat b{font-size:23px;color:#ef2027}.floating-stat span{font-size:11px;color:var(--muted)}.fs-one{left:-28px;bottom:42px}.fs-two{right:-20px;top:42px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article{border:1px solid var(--line);border-radius:20px;padding:26px;background:#fff;min-height:245px;transition:.25s}.feature-grid article:hover{transform:translateY(-5px);border-color:#ef2027;box-shadow:0 18px 40px rgba(35,0,0,.08)}.feature-glyph{width:52px;height:52px;border-radius:15px;background:#fff0f1;color:#ef2027;display:grid;place-items:center;font-size:28px;font-weight:900}.feature-grid h3{font-size:21px;margin:22px 0 10px}.feature-grid p{color:var(--muted);margin:0}.red-band{background:linear-gradient(135deg,#c81219,#ef2027);color:#fff}.split-cta{display:flex;justify-content:space-between;align-items:center;gap:35px}.red-band .eyebrow{color:#fff}.white-btn{background:#fff;color:#ef2027}.phone-showcase{position:relative;min-height:590px;display:flex;justify-content:center;align-items:center;gap:18px}.phone-showcase .phone{position:relative;left:auto;bottom:auto;width:245px;border:9px solid #171214;border-radius:34px;background:#171214;box-shadow:0 28px 60px rgba(35,0,0,.2)}.phone-b{transform:translateY(55px)}.phone-notch{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:82px;height:20px;background:#171214;border-radius:0 0 15px 15px;z-index:4}.app-screen{background:#f7f8fa;border-radius:24px;padding:38px 16px 18px;min-height:490px}.app-screen>img{width:65px}.app-screen small{display:block;color:var(--muted);font-size:10px;margin-top:8px}.app-screen h3{font-size:20px;margin:12px 0 16px}.app-card{position:relative;background:#fff;border:1px solid #ebe3e4;border-radius:12px;padding:12px;margin-bottom:10px}.app-card.active{border-color:#ef2027}.app-card b,.app-card span{display:block}.app-card b{font-size:12px}.app-card span{font-size:10px;color:var(--muted);margin-top:3px}.app-card em{position:absolute;right:10px;top:12px;font-size:9px;color:#ef2027;font-style:normal}.app-screen button{border:0;background:#ef2027;color:#fff;border-radius:10px;width:100%;padding:12px;font-weight:800;margin-top:12px}.pod-box{height:130px;border:2px dashed #dbcfd1;border-radius:12px;display:grid;place-items:center;color:#6f6467;font-size:12px;background:#fff}.pod-line{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e7dddf;font-size:11px}.mobile-pulse{position:absolute;background:#fff;border:1px solid #eadfe0;border-radius:999px;padding:10px 14px;font-weight:800;font-size:11px;box-shadow:0 12px 30px rgba(35,0,0,.1)}.mp-one{left:2%;top:25%}.mp-two{right:0;bottom:18%}.mobile-workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mobile-workflow-grid article{padding:26px;border-radius:18px;border:1px solid var(--line);background:#fff}.mobile-workflow-grid span{color:#ef2027;font-size:12px;font-weight:900}.mobile-workflow-grid h3{font-size:22px;margin:18px 0 8px}.mobile-workflow-grid p{color:var(--muted);margin:0}.mobile-benefits{background:#171214;color:#fff}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.mobile-benefits p{color:#cfc3c5;font-size:18px}.sync-list{display:grid;gap:12px}.sync-list div{display:flex;gap:16px;align-items:center;border:1px solid #3a2e31;border-radius:15px;padding:17px;background:#21171a}.sync-list b{color:#ef2027}.sync-list span{font-weight:700}
@media(max-width:1150px){.navlinks{gap:14px}.navlinks a{font-size:12px}.platform-wheel-v33 .orbit-card{width:250px}.product-hero-grid{gap:35px}}
@media(max-width:1000px){.platform-wheel-v33{height:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.platform-links{display:none}.platform-wheel-v33 .core,.platform-wheel-v33 .orbit-card{position:static!important;transform:none!important;width:auto}.platform-wheel-v33 .core{grid-column:1/-1;width:270px;height:270px;margin:0 auto 10px}.product-hero-grid{grid-template-columns:1fr}.feature-device,.phone-showcase{max-width:760px;width:100%;margin:auto}.feature-grid,.mobile-workflow-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.platform-wheel-v33,.feature-grid,.mobile-workflow-grid,.three-grid,.two-col{grid-template-columns:1fr}.platform-wheel-v33 .core{grid-column:auto}.product-hero{padding:70px 0}.product-hero h1{font-size:48px}.mock-layout{grid-template-columns:78px 1fr}.mock-layout aside{padding:9px}.mock-kpis{grid-template-columns:1fr}.mock-kpis article:nth-child(n+2){display:none}.mock-chart{height:175px}.mock-chart svg{height:120px}.feature-device{min-height:410px}.phone-showcase{min-height:520px;gap:8px}.phone-showcase .phone{width:180px;border-width:7px}.app-screen{min-height:400px;padding:32px 11px 12px}.phone-b{transform:translateY(35px)}.mobile-pulse{display:none}.split-cta{display:block}.split-cta .btn{margin-top:18px}.two-col{gap:35px}}


/* Ablii 3.4 — original product interface captures */
.original-product-visual{position:relative;max-width:760px;margin-inline:auto}
.original-product-visual img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 28px 70px rgba(23,17,20,.14)}
.original-screen-section{padding-top:32px}
.original-screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.original-screen-card{background:#fff;border:1px solid #eadfe2;border-radius:22px;padding:18px;box-shadow:0 18px 55px rgba(23,17,20,.07)}
.original-screen-card img{display:block;width:100%;height:auto;border-radius:14px;background:#f6f6f7}
.original-screen-card h3{margin:18px 4px 7px;font-size:1.2rem}
.original-screen-card p{margin:0 4px 5px;color:#685f63;line-height:1.65}
.original-screen-card.full{grid-column:1/-1;max-width:900px;margin-inline:auto}
.source-note{margin-top:18px;color:#7a7074;font-size:.92rem;text-align:center}
@media(max-width:760px){.original-screen-grid{grid-template-columns:1fr}.original-screen-card.full{grid-column:auto}.original-product-visual{margin-top:28px}}

/* Ablii 3.5 — restored original Features page product gallery */
.original-feature-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:34px}
.original-feature-item{background:#fff;border:1px solid #eadfe1;border-radius:20px;overflow:hidden;box-shadow:0 18px 45px rgba(32,20,23,.08)}
.original-feature-item img{display:block;width:100%;height:auto;background:#f8f5f5;border-bottom:1px solid #eee}
.original-feature-copy{padding:24px 26px 28px}
.original-feature-copy h3{font-size:22px;margin:0 0 10px;color:#181315}
.original-feature-copy p{margin:0;color:#625b5e;line-height:1.65}
.original-feature-item.feature-wide{grid-column:1/-1}
.feature-source-banner{margin-top:24px;padding:16px 20px;border-radius:14px;background:#fff4f4;border:1px solid #ffd6d8;color:#5b3d40;font-size:14px}
@media(max-width:980px){.original-feature-gallery{grid-template-columns:1fr}.original-feature-item.feature-wide{grid-column:auto}.navlinks a{font-size:13px}}

/* Ablii 3.6 mobile app gallery */
.mobile-app-gallery-section{background:#fff}
.mobile-screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:38px}
.mobile-screen-card{background:#fff;border:1px solid #eadfe1;border-radius:24px;padding:24px;text-align:center;box-shadow:0 18px 45px rgba(27,18,20,.08)}
.phone-frame{max-width:250px;margin:0 auto 22px;padding:10px;background:#181416;border-radius:34px;box-shadow:0 15px 35px rgba(20,15,17,.16)}
.phone-frame img{display:block;width:100%;height:auto;border-radius:25px}
.mobile-screen-card h3{font-size:22px;margin:0 0 8px}.mobile-screen-card p{margin:0;color:#625b5e;line-height:1.6}
.mobile-capability-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:52px}
.mobile-capability-strip div{border:1px solid #eadfe1;border-radius:18px;padding:18px 10px;text-align:center;background:#fffafa}
.mobile-capability-strip img{width:44px;height:44px;object-fit:contain;display:block;margin:0 auto 10px}.mobile-capability-strip b{font-size:14px}
@media(max-width:980px){.mobile-screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-capability-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.mobile-screen-grid{grid-template-columns:1fr}.mobile-capability-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.phone-frame{max-width:230px}}

/* Ablii 3.7 contact and footer enhancements */
.footer-grid-37{grid-template-columns:1.35fr 1fr 1fr 1.35fr;gap:44px}.footer-contact a{display:block}.footer-contact a span{display:inline-block;min-width:45px;color:rgba(255,255,255,.58);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.footer-demo{display:inline-flex!important;margin-top:18px;color:#fff!important;width:max-content}.contact-details-card{margin-top:34px;border:1px solid rgba(239,35,42,.18);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 18px 55px rgba(20,14,16,.07)}.contact-details-card a{display:flex;flex-direction:column;gap:5px;padding:20px 24px;border-bottom:1px solid #eee;color:#181315;text-decoration:none;transition:.2s ease}.contact-details-card a:last-child{border-bottom:0}.contact-details-card a:hover{background:#fff7f7;padding-left:29px}.contact-details-card small{color:#ef232a;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.contact-details-card strong{font-size:18px}.form input,.form select,.form textarea{width:100%;box-sizing:border-box}@media(max-width:900px){.footer-grid-37{grid-template-columns:1fr 1fr}.contact-grid{gap:45px}}@media(max-width:600px){.footer-grid-37{grid-template-columns:1fr}.footer-contact a span{min-width:42px}.contact-details-card strong{font-size:16px}}

/* Ablii 3.8 — integrated mobile workflow cards */
.mobile-workflow-section{background:#fff}
.mobile-workflow-head{text-align:center;max-width:900px;margin:0 auto 42px}
.mobile-workflow-head h2{max-width:820px;margin-left:auto;margin-right:auto}
.mobile-workflow-head p{max-width:760px;margin:14px auto 0;color:var(--muted);font-size:18px;line-height:1.65}
.mobile-workflow-grid article{position:relative;min-height:250px;padding:28px;border-radius:20px;border:1px solid var(--line);background:#fff;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.mobile-workflow-grid article:hover{transform:translateY(-5px);border-color:#ef2027;box-shadow:0 18px 42px rgba(35,0,0,.09)}
.mobile-workflow-grid .workflow-number{display:block;color:#ef2027;font-size:14px;font-weight:900;margin-bottom:20px}
.workflow-card-body{display:grid;grid-template-columns:132px 1fr;gap:26px;align-items:center}
.workflow-icon{width:132px;height:132px;border-radius:22px;border:1px solid #f1cfd2;background:#fff7f7;display:grid;place-items:center;transition:box-shadow .25s ease,transform .25s ease}
.workflow-icon img{width:76px;height:76px;object-fit:contain}
.mobile-workflow-grid article:hover .workflow-icon{transform:scale(1.025);box-shadow:0 12px 28px rgba(239,32,39,.10)}
.mobile-workflow-grid h3{font-size:24px;margin:0 0 10px}
.mobile-workflow-grid p{color:var(--muted);margin:0;line-height:1.6;font-size:16px}
@media(max-width:1100px){.workflow-card-body{grid-template-columns:100px 1fr;gap:20px}.workflow-icon{width:100px;height:100px}.workflow-icon img{width:62px;height:62px}}
@media(max-width:760px){.mobile-workflow-head{text-align:left;margin-bottom:28px}.mobile-workflow-head h2{margin-left:0}.mobile-workflow-head p{font-size:16px}.mobile-workflow-grid article{min-height:0;padding:22px}.workflow-card-body{grid-template-columns:82px 1fr;gap:18px}.workflow-icon{width:82px;height:82px;border-radius:17px}.workflow-icon img{width:52px;height:52px}.mobile-workflow-grid h3{font-size:21px}}

/* Ablii 3.10 contact-page refinement */
.navlinks .btn.btn-red,.mobile-toggle.btn-red{color:#fff!important;font-size:13px;white-space:nowrap}
.contact-details-card{margin-top:34px;border:1px solid rgba(239,35,42,.18);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 18px 55px rgba(20,14,16,.07)}
.contact-details-card>a{display:grid!important;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid #eee;color:#181315;text-decoration:none;transition:background .2s ease,transform .2s ease}
.contact-details-card>a:last-child{border-bottom:0}
.contact-details-card>a:hover{background:#fff7f7;transform:translateX(3px)}
.contact-detail-icon{width:54px;height:54px;border-radius:14px;background:#fff0f1;color:#ef232a;display:grid;place-items:center}
.contact-detail-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.contact-detail-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.contact-detail-copy small{color:#181315;font-size:13px;font-weight:800;text-transform:none;letter-spacing:0}
.contact-detail-copy strong{display:block;color:#ef232a;font-size:18px;line-height:1.3;overflow-wrap:anywhere}
@media(max-width:600px){.contact-details-card>a{grid-template-columns:46px minmax(0,1fr);padding:17px 18px}.contact-detail-icon{width:46px;height:46px}.contact-detail-copy strong{font-size:16px}}

/* Ablii 3.12 — restored full connected platform diagram */
.platform-intro{padding:34px 0 6px;background:#fff;text-align:center}
.platform-intro-inner{max-width:850px}
.platform-intro h1{font-size:clamp(40px,5vw,64px);line-height:1.02;letter-spacing:-.045em;margin:8px 0 12px}
.platform-intro h1 span{color:var(--red)}
.platform-intro p{max-width:760px;margin:0 auto;color:var(--muted);font-size:18px;line-height:1.55}
.platform-core-312{padding-top:18px;padding-bottom:76px}
.platform-wheel-v312{height:760px;max-width:1180px;margin:0 auto;position:relative}
.platform-links-312{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible}
.platform-links-312 path{fill:none;stroke:var(--red);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.platform-links-312 circle{fill:#fff;stroke:var(--red);stroke-width:2.5}
.platform-wheel-v312 .core-312{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);width:255px;height:255px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#33272b,#151014 64%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:3;box-shadow:0 28px 65px rgba(35,0,0,.22)}
.platform-wheel-v312 .core-312 img{width:104px;margin-bottom:7px}
.platform-wheel-v312 .core-312 h3{font-size:32px;margin:0 0 8px}
.platform-wheel-v312 .core-312 p{width:190px;margin:0;color:#d7cdd0;font-size:13px;line-height:1.45}
.platform-wheel-v312 .core-orbit{position:absolute;inset:-25px;border:1px dashed rgba(239,32,39,.48);border-radius:50%;animation:spin 26s linear infinite}
.platform-wheel-v312 .orbit-card{position:absolute;width:275px;min-height:190px;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 18px 42px rgba(35,0,0,.08);text-align:center;z-index:2;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.platform-wheel-v312 .orbit-card:hover{border-color:var(--red);box-shadow:0 24px 52px rgba(35,0,0,.13)}
.platform-wheel-v312 .orbit-card>b{position:absolute;top:17px;left:18px;color:var(--red);font-size:13px}
.platform-wheel-v312 .orbit-card h3{font-size:21px;margin:0 0 6px}
.platform-wheel-v312 .orbit-card p{font-size:13px;line-height:1.45;margin:0;color:var(--muted)}
.platform-wheel-v312 .orbit-icon{width:64px;height:64px;border-radius:16px;background:#fff0f1;color:var(--red);display:grid;place-items:center;margin:0 auto 9px}
.platform-wheel-v312 .orbit-icon svg{width:41px;height:41px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.platform-wheel-v312 .o1{top:0;left:50%;transform:translateX(-50%)}
.platform-wheel-v312 .o1:hover{transform:translateX(-50%) translateY(-5px)}
.platform-wheel-v312 .o2{right:0;top:175px}
.platform-wheel-v312 .o2:hover,.platform-wheel-v312 .o3:hover{transform:translateY(-5px)}
.platform-wheel-v312 .o3{right:0;bottom:0}
.platform-wheel-v312 .o4{left:50%;bottom:0;transform:translateX(-50%)}
.platform-wheel-v312 .o4:hover{transform:translateX(-50%) translateY(-5px)}
.platform-wheel-v312 .o5{left:0;bottom:0}
.platform-wheel-v312 .o6{left:0;top:175px}
.platform-wheel-v312 .o5:hover,.platform-wheel-v312 .o6:hover{transform:translateY(-5px)}
@media(max-width:1100px){.platform-wheel-v312 .orbit-card{width:245px}.platform-wheel-v312 .o2,.platform-wheel-v312 .o3{right:8px}.platform-wheel-v312 .o5,.platform-wheel-v312 .o6{left:8px}}
@media(max-width:1000px){.platform-intro{padding-top:45px}.platform-wheel-v312{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.platform-links-312{display:none}.platform-wheel-v312 .core-312,.platform-wheel-v312 .orbit-card{position:static!important;transform:none!important;width:auto}.platform-wheel-v312 .core-312{grid-column:1/-1;width:270px;height:270px;margin:0 auto 10px}.platform-wheel-v312 .orbit-card{min-height:210px}.platform-wheel-v312 .orbit-card:hover{transform:translateY(-5px)!important}}
@media(max-width:680px){.platform-intro{text-align:left}.platform-intro h1{font-size:44px}.platform-intro p{font-size:16px}.platform-wheel-v312{grid-template-columns:1fr}.platform-wheel-v312 .core-312{grid-column:auto;width:240px;height:240px}.platform-wheel-v312 .orbit-card{min-height:0}}