:root{
  --navy:#10224f; --navy2:#152d68; --navy3:#0b193d;
  --ivory:#f8f5ef; --paper:#fffcf8; --card:#ffffff;
  --orange:#ff6818; --orange2:#ff8a3b; --orangeSoft:#fff0e5;
  --ink:#111d3d; --text:#253253; --muted:#7d8798; --muted2:#a2a8b3;
  --line:#e7dfd3; --blue:#3478f6; --purple:#8758d7; --green:#21a866;
  --shadow:0 28px 80px rgba(16,34,79,.14); --softShadow:0 14px 36px rgba(16,34,79,.07);
  --radius:28px; --max:1240px; --ease:cubic-bezier(.2,.75,.2,1);
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none} img{display:block;max-width:100%}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
::selection{background:var(--orange);color:#fff}

/* NAV */
header{position:sticky;top:0;z-index:60;background:rgba(248,245,239,.78);backdrop-filter:blur(18px) saturate(1.2);border-bottom:1px solid rgba(16,34,79,.07);transition:.3s var(--ease)}
header.scrolled{box-shadow:0 10px 30px rgba(16,34,79,.06)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-weight:950;letter-spacing:-.035em;font-size:25px}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#ff9b28,var(--orange));display:grid;place-items:center;color:white;font-size:22px;font-weight:950;box-shadow:0 10px 22px rgba(255,104,24,.26)}.brand span{color:var(--orange)}
.navlinks{display:flex;align-items:center;gap:25px;color:#69758c;font-size:14px;font-weight:750}.navlinks a{position:relative;padding:8px 0}.navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:var(--orange);transition:.25s var(--ease)}.navlinks a:hover,.navlinks a.active{color:var(--ink)}.navlinks a:hover:after,.navlinks a.active:after{right:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:14px;border:1px solid transparent;font-weight:850;transition:.25s var(--ease);cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--orange),var(--orange2));color:white;box-shadow:0 16px 34px rgba(255,104,24,.24)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 22px 42px rgba(255,104,24,.3)}.btn.ghost{background:#fff;border-color:var(--line);color:var(--ink)}.btn.ghost:hover{transform:translateY(-2px);box-shadow:var(--softShadow)}.menu-toggle{display:none;border:0;background:none;font-size:28px;color:var(--ink)}

/* HERO */
.hero{padding:34px 0 42px;position:relative}.hero-wrap{position:relative;min-height:690px;border-radius:38px;overflow:hidden;background:linear-gradient(135deg,var(--navy3),var(--navy) 52%,#17316f);box-shadow:0 34px 100px rgba(16,34,79,.22);isolation:isolate}
.hero-wrap:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 24%,rgba(255,104,24,.22),transparent 25rem),radial-gradient(circle at 88% 72%,rgba(52,120,246,.18),transparent 28rem);z-index:-2}.hero-wrap:after{content:"";position:absolute;inset:-20%;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;transform:perspective(800px) rotateX(60deg) translateY(33%);opacity:.35;z-index:-3}
.orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.orb.one{width:430px;height:430px;right:-150px;top:-160px;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 64px rgba(255,255,255,.015),0 0 0 128px rgba(255,104,24,.025);animation:orbit 14s ease-in-out infinite}.orb.two{width:180px;height:180px;left:45%;bottom:-70px;background:radial-gradient(circle,rgba(255,104,24,.25),rgba(255,104,24,0) 68%);animation:floatY 8s ease-in-out infinite reverse}
.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;min-height:690px}.hero-copy{padding:72px 0 62px 62px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:5}.hero-kicker{display:inline-flex;align-items:center;gap:9px;color:#ffd9c1;font-size:12px;font-weight:850;letter-spacing:.17em;text-transform:uppercase;margin-bottom:18px}.hero-kicker:before{content:"";width:26px;height:2px;background:var(--orange)}h1{margin:0 0 22px;color:#fff;font-size:clamp(48px,6vw,80px);line-height:.95;letter-spacing:-.06em;max-width:620px}.hero-lead{margin:0 0 30px;color:#ced7ef;font-size:19px;max-width:570px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero .btn.ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15);color:#fff;backdrop-filter:blur(8px)}.hero-proof{display:flex;gap:26px;flex-wrap:wrap;margin-top:34px;color:#d9e2fa;font-size:13px;font-weight:700}.hero-proof span{display:flex;align-items:center;gap:9px}.hero-proof i{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 18px rgba(255,104,24,.8)}
.hero-stage{position:relative;min-height:690px;perspective:1400px;overflow:hidden}.browser-card{position:absolute;width:78%;right:1.5%;top:17%;z-index:1;border-radius:22px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:0 40px 90px rgba(4,12,34,.44);transform:rotateY(-8deg) rotateX(2deg) translateZ(-30px);transition:transform .35s var(--ease)}.browser-top{height:33px;background:#f1eee9;border-bottom:1px solid #e4ddd4;display:flex;align-items:center;padding:0 12px;gap:7px}.browser-top span{width:8px;height:8px;border-radius:50%;background:#c9c4bc}.browser-top span:first-child{background:#ff7a66}.browser-top span:nth-child(2){background:#ffc35d}.browser-top span:nth-child(3){background:#56c77c}.browser-card img{width:100%}
.phone{position:absolute;width:min(38%,285px);aspect-ratio:944/2048;left:5%;bottom:3%;z-index:6;border:10px solid #0e1118;border-radius:44px;background:#0e1118;box-shadow:0 42px 80px rgba(0,0,0,.48),0 0 0 2px #4b4d55 inset;overflow:hidden;transform:rotate(-5deg);transition:transform .35s var(--ease)}.phone:before{content:"";position:absolute;z-index:20;top:10px;left:50%;transform:translateX(-50%);width:42%;height:26px;border-radius:18px;background:#050608}.phone-screen{position:absolute;inset:0;border-radius:34px;overflow:hidden;background:var(--paper)}.phone-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.015);transition:opacity .55s var(--ease),transform .8s var(--ease)}.phone-screen img.active{opacity:1;transform:scale(1)}.phone-glow{position:absolute;left:-2%;bottom:4%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,104,24,.37),rgba(255,104,24,0) 70%);filter:blur(8px);z-index:0}
.app-switcher{position:absolute;right:5%;bottom:6%;z-index:8;display:flex;gap:8px;padding:8px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px)}.app-switcher button{width:10px;height:10px;border-radius:50%;padding:0;border:0;background:rgba(255,255,255,.35);cursor:pointer;transition:.25s}.app-switcher button.active{width:28px;border-radius:8px;background:var(--orange)}
.hero-float{position:absolute;right:7%;top:9%;z-index:8;padding:12px 15px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--ink);font-weight:850;font-size:12px;box-shadow:0 14px 40px rgba(5,15,42,.2);animation:floatY 5s ease-in-out infinite}

/* GENERAL */
.section{padding:82px 0}.section.tight{padding-top:44px}.section-kicker{font-size:12px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;color:var(--orange);margin-bottom:10px}.section-title{margin:0 0 14px;color:var(--ink);font-size:clamp(34px,4.2vw,54px);line-height:1.04;letter-spacing:-.045em}.section-lead{margin:0;color:var(--muted);font-size:18px;max-width:800px}.section-head{margin-bottom:34px}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.reveal.in-view{opacity:1;transform:none}.reveal.delay-1{transition-delay:.08s}.reveal.delay-2{transition-delay:.16s}.reveal.delay-3{transition-delay:.24s}

/* FEATURE APP CARDS */
.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mini-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--softShadow);transition:.3s var(--ease)}.mini-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(16,34,79,.1)}.mini-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-weight:950;font-size:21px;margin-bottom:16px}.mini-icon.orange{background:#fff0e7;color:var(--orange)}.mini-icon.blue{background:#edf3ff;color:var(--blue)}.mini-icon.purple{background:#f2ecff;color:var(--purple)}.mini-icon.green{background:#e8f7ef;color:var(--green)}.mini-card h3{margin:0 0 7px;color:var(--ink);font-size:20px}.mini-card p{margin:0;color:var(--muted);font-size:14px}

/* APP EXPERIENCE */
.app-showcase{position:relative;padding:90px 0;background:linear-gradient(180deg,#f4f0e9,#fbf8f2);overflow:hidden}.app-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(255,104,24,.08),transparent 28rem)}.phones-row{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:20px;min-height:690px;padding-top:10px}.device{width:245px;aspect-ratio:944/2048;border:9px solid #0e1118;border-radius:42px;background:#111;overflow:hidden;box-shadow:0 30px 70px rgba(16,34,79,.18);position:relative;transition:.35s var(--ease)}.device img{width:100%;height:100%;object-fit:cover}.device:before{content:"";position:absolute;z-index:4;top:9px;left:50%;transform:translateX(-50%);width:43%;height:23px;border-radius:16px;background:#050608}.device:nth-child(1){transform:translateY(42px) rotate(-3deg)}.device:nth-child(2){transform:translateY(-10px) rotate(-1deg);z-index:2}.device:nth-child(3){transform:translateY(-2px) rotate(1deg);z-index:3}.device:nth-child(4){transform:translateY(42px) rotate(3deg)}.device:hover{transform:translateY(-16px) rotate(0) scale(1.025);z-index:10}.phone-caption{text-align:center;margin-top:14px;color:var(--ink);font-weight:850}

/* ADMIN */
.admin-zone{background:var(--navy);color:white;position:relative;overflow:hidden}.admin-zone:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(255,104,24,.13),transparent 30rem),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,80px 80px,80px 80px}.admin-zone .section-title{color:#fff}.admin-zone .section-lead{color:#bdc9e8}.admin-zone .section-kicker{color:#ffb57f}.admin-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;position:relative}.admin-window{border-radius:26px;overflow:hidden;background:white;box-shadow:0 34px 90px rgba(1,8,25,.35);border:1px solid rgba(255,255,255,.1);transition:.35s var(--ease)}.admin-window:hover{transform:translateY(-5px)}.window-bar{height:38px;background:#f2efea;border-bottom:1px solid #e4ddd3;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#8c93a0;font-size:11px;font-weight:800}.window-dots{display:flex;gap:7px}.window-dots i{width:8px;height:8px;border-radius:50%;background:#c6c2bb}.window-dots i:first-child{background:#ff7967}.window-dots i:nth-child(2){background:#ffc15c}.window-dots i:nth-child(3){background:#57c77e}.admin-window img{width:100%}.admin-copy{display:grid;gap:16px}.glass-card{padding:24px;border-radius:23px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(12px);transition:.3s var(--ease)}.glass-card:hover{background:rgba(255,255,255,.085);transform:translateX(5px)}.glass-card h3{margin:0 0 7px;color:#fff;font-size:21px}.glass-card p{margin:0;color:#bdc9e8}.glass-icon{width:44px;height:44px;border-radius:14px;background:rgba(255,104,24,.16);color:#ffb57f;display:grid;place-items:center;font-weight:950;margin-bottom:14px}

/* FINANCE */
.finance-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:28px;align-items:center}.finance-points{display:grid;gap:13px;margin-top:26px}.finance-point{display:flex;gap:13px;align-items:flex-start;padding:15px 16px;background:#fff;border:1px solid var(--line);border-radius:17px}.finance-point i{width:28px;height:28px;border-radius:9px;background:var(--orangeSoft);color:var(--orange);display:grid;place-items:center;font-style:normal;font-weight:950;flex:0 0 28px}.finance-point b{display:block;color:var(--ink);margin-bottom:2px}.finance-point span{color:var(--muted);font-size:14px}.finance-shot{border-radius:28px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.finance-shot img{width:100%}

/* ROLE CARDS */
.roles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.role{padding:24px;border-radius:23px;background:#fff;border:1px solid var(--line);box-shadow:var(--softShadow);transition:.3s var(--ease)}.role:hover{transform:translateY(-5px)}.role-avatar{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;font-size:24px;background:#edf2ff;margin-bottom:18px}.role:nth-child(2) .role-avatar{background:#fff0e7}.role:nth-child(3) .role-avatar{background:#e9f7ef}.role:nth-child(4) .role-avatar{background:#f1ecff}.role h3{margin:0 0 8px;color:var(--ink);font-size:20px}.role p{margin:0;color:var(--muted);font-size:14px}

/* CTA */
.cta{padding:18px 0 70px}.cta-box{position:relative;overflow:hidden;border-radius:32px;background:linear-gradient(135deg,var(--navy3),var(--navy2));padding:44px;color:#fff;box-shadow:0 28px 80px rgba(16,34,79,.2)}.cta-box:before{content:"";position:absolute;width:340px;height:340px;right:-100px;top:-100px;border-radius:50%;background:radial-gradient(circle,rgba(255,104,24,.4),rgba(255,104,24,0) 70%)}.cta-grid{position:relative;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.cta h2{margin:0 0 10px;font-size:clamp(34px,4vw,50px);line-height:1.02;letter-spacing:-.045em}.cta p{margin:0;color:#cbd6ef;font-size:17px;max-width:720px}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}.cta .btn.ghost{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);color:white}
footer{padding:30px 0 44px;border-top:1px solid rgba(16,34,79,.08)}.foot{display:grid;grid-template-columns:1.15fr .85fr .9fr;gap:24px}.footbrand{display:flex;align-items:center;gap:12px}.footbrand .brand-mark{width:38px;height:38px}.footbrand strong{display:block;color:var(--ink);font-size:23px}.footbrand small{display:block;color:var(--muted)}.foot h4{margin:0 0 9px;color:var(--ink)}.foot p,.foot a{margin:0;color:var(--muted);font-size:14px}

@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}
@keyframes orbit{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-18px,18px,0) scale(1.04)}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,104,24,.28)}50%{box-shadow:0 0 0 10px rgba(255,104,24,0)}}

@media(max-width:1060px){.hero-grid{grid-template-columns:1fr}.hero-copy{padding:58px 48px 20px}.hero-stage{min-height:610px}.feature-strip,.roles{grid-template-columns:repeat(2,1fr)}.admin-grid,.finance-grid{grid-template-columns:1fr}.phones-row{min-height:620px;transform:scale(.9);transform-origin:center top}.cta-grid{grid-template-columns:1fr}}
@media(max-width:780px){.navlinks{display:none}.menu-toggle{display:block}.nav>.btn{display:none}.hero{padding-top:18px}.hero-wrap{border-radius:28px}.hero-copy{padding:42px 24px 12px}.hero-stage{min-height:510px}.browser-card{width:86%;right:-7%;top:16%}.phone{width:min(43%,235px);left:5%;bottom:5%}.hero-float{right:4%;top:5%}.feature-strip,.roles{grid-template-columns:1fr 1fr}.phones-row{display:grid;grid-template-columns:1fr 1fr;min-height:auto;transform:none;gap:18px}.device{width:100%;max-width:270px;justify-self:center}.device:nth-child(n){transform:none}.section,.app-showcase{padding:62px 0}.foot{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.container{width:min(var(--max),calc(100% - 24px))}.nav{height:68px}.brand{font-size:22px}.brand-mark{width:31px;height:31px}.hero-copy{padding-top:34px}h1{font-size:44px}.hero-lead{font-size:17px}.hero-stage{min-height:440px}.browser-card{width:92%;right:-16%;top:18%}.phone{width:49%;left:3%;border-width:7px;border-radius:34px}.phone:before{height:20px;top:8px}.app-switcher{right:4%;bottom:4%}.hero-float{font-size:10px}.feature-strip,.roles,.phones-row,.foot{grid-template-columns:1fr}.device{max-width:285px}.section-title{font-size:34px}.section-lead{font-size:16px}.cta-box{padding:30px 24px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}
/* The source screenshots already contain the camera island: do not draw a second one. */
.phone::before,.device::before{content:none;display:none}
.phone-screen img,.device img{object-fit:fill}