:root{--navy:#062f63;--navy2:#0a477f;--blue:#0b82d0;--cyan:#2ab6e8;--gold:#c8942d;--ink:#12253b;--muted:#6b7b8d;--line:#e3e9f0;--bg:#f6f8fb;--white:#fff;--danger:#b42318;--success:#067647;--shadow:0 14px 42px rgba(14,42,73,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tajawal,Arial,sans-serif;color:var(--ink);background:var(--bg)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,var(--navy),var(--blue));color:#fff;display:grid;place-items:center;font-weight:900;font-size:22px;box-shadow:0 8px 24px rgba(8,75,132,.22)}.brand b{font-size:20px;color:var(--navy);letter-spacing:1px}.brand small{display:block;color:var(--gold);font-weight:700}.btn{border:0;border-radius:12px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:700}.btn-primary{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff}.btn-secondary{background:#eef4fa;color:var(--navy)}.btn-danger{background:#fee4e2;color:var(--danger)}.public-nav{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;z-index:20}.public-nav nav{display:flex;gap:28px;font-weight:600;color:#41556b}.top-actions{display:flex;align-items:center;gap:10px}.lang{border:1px solid var(--line);padding:9px 12px;border-radius:10px;background:#fff;font-weight:700}.hero{min-height:calc(100vh - 78px);padding:70px 6vw 95px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(244,249,253,.92)),url('../img/riyadh-tech-bg.png') center/cover}.eyebrow{display:inline-flex;gap:8px;align-items:center;background:#edf7ff;color:var(--navy);border:1px solid #d7ecfa;border-radius:999px;padding:8px 13px;font-weight:700}.hero h1{font-size:clamp(38px,5vw,72px);line-height:1.08;margin:18px 0;color:var(--navy);max-width:880px}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{font-size:20px;line-height:1.9;color:#4b6074;max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-card{background:rgba(255,255,255,.9);border:1px solid #e0edf6;box-shadow:var(--shadow);border-radius:28px;padding:26px;backdrop-filter:blur(12px)}.mock-window{background:#071f3d;color:#fff;border-radius:20px;padding:20px;box-shadow:0 28px 60px rgba(3,29,58,.24)}.mock-top{display:flex;justify-content:space-between;color:#9bc3df;border-bottom:1px solid #24435f;padding-bottom:13px}.mock-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.mock-kpi{background:#0b3158;border:1px solid #1f4b74;border-radius:14px;padding:15px}.mock-kpi b{display:block;font-size:28px;color:#fff}.mock-kpi small{color:#a8c3d9}.mock-flow{margin-top:14px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mock-flow span{background:#0d3c68;border-radius:999px;padding:7px 10px;font-size:12px}.section{padding:82px 6vw}.section-head{text-align:center;max-width:900px;margin:0 auto 36px}.section-head h2{font-size:38px;color:var(--navy);margin:8px 0}.section-head p{color:var(--muted);font-size:18px;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 10px 30px rgba(24,61,97,.06)}.feature-card .ico{width:46px;height:46px;border-radius:14px;background:#eff7ff;color:var(--navy);display:grid;place-items:center;font-size:21px;margin-bottom:15px}.feature-card h3{margin:0 0 8px;color:var(--navy)}.feature-card p{margin:0;color:var(--muted);line-height:1.7}.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;position:relative}.step .num{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800}.step h4{margin:12px 0 6px;color:var(--gold);font-size:20px}.step p{margin:0;color:var(--muted);line-height:1.65}.public-footer{padding:22px 6vw;background:var(--navy);color:#cde1f3;display:flex;justify-content:space-between}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:250px;background:#fff;border-inline-end:1px solid var(--line);padding:22px 14px;z-index:30;display:flex;flex-direction:column}.sidebar .brand{padding:0 8px 22px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{padding:12px 13px;border-radius:12px;color:#42556a;font-weight:600}.sidebar nav a:hover{background:#edf6fd;color:var(--navy)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:15px;text-align:center;color:var(--muted)}.sidebar-foot img{max-width:145px;display:block;margin:auto}.app-shell{margin-inline-start:250px;min-height:100vh}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:18}.page-title strong{display:block;color:var(--navy);font-size:19px}.page-title small{color:var(--muted)}.icon-btn{border:0;background:#f1f5f9;border-radius:10px;width:40px;height:40px;display:grid;place-items:center;cursor:pointer}.user-chip{display:flex;align-items:center;gap:9px}.user-chip small{display:block;color:var(--muted)}.avatar{width:38px;height:38px;border-radius:50%;background:var(--navy);color:white;display:grid;place-items:center;font-weight:800}.main-content{padding:24px}.dashboard-hero{background:linear-gradient(110deg,var(--navy),#0d659f);border-radius:22px;padding:26px;color:#fff;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.dashboard-hero:after{content:'';position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.16);border-radius:50%;inset-inline-end:-90px;top:-120px}.dashboard-hero h1{margin:0 0 7px}.dashboard-hero p{margin:0;color:#d6e8f5}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.kpi{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 7px 20px rgba(31,55,80,.05)}.kpi .label{color:var(--muted);font-weight:600}.kpi .value{font-size:32px;font-weight:800;color:var(--navy);margin:7px 0}.kpi .trend{font-size:13px;color:var(--success)}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 7px 20px rgba(31,55,80,.05);margin-bottom:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-head h2,.panel-head h3{margin:0;color:var(--navy)}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:780px}.data-table th,.data-table td{padding:13px;border-bottom:1px solid #edf0f3;text-align:start}.data-table th{color:#617385;font-size:13px;background:#f8fafc}.badge{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:700;background:#eef6fc;color:var(--navy)}.badge.gold{background:#fff5dc;color:#8a5b00}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-weight:700;color:#30465d}.field input,.field select,.field textarea{border:1px solid #d7e0e8;border-radius:11px;padding:12px;background:#fff;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#63aada;box-shadow:0 0 0 3px #e6f3fb}.field.full{grid-column:1/-1}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.flash{margin:12px 24px;padding:12px 16px;border-radius:12px}.flash.success{background:#ecfdf3;color:#067647}.flash.error{background:#fef3f2;color:#b42318}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-visual{background:linear-gradient(140deg,rgba(4,44,88,.82),rgba(4,89,143,.62)),url('../img/riyadh-tech-bg.png') center/cover;display:flex;align-items:flex-end;padding:50px;color:#fff}.login-visual h1{font-size:48px;margin:0}.login-visual p{font-size:18px;max-width:620px;line-height:1.8}.login-box-wrap{display:grid;place-items:center;padding:35px}.login-box{width:min(430px,100%)}.login-box .brand{margin-bottom:35px}.login-box h2{font-size:32px;color:var(--navy);margin-bottom:6px}.login-box>p{color:var(--muted);margin-bottom:25px}.login-box .field{margin-bottom:14px}.login-footer{margin-top:24px;color:var(--muted);font-size:13px}.case-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.case-head h1{margin:0;color:var(--navy)}.meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.meta{padding:14px;background:#f8fafc;border-radius:13px}.meta small{display:block;color:var(--muted)}.meta b{display:block;margin-top:5px}.timeline{position:relative;margin-top:12px}.timeline:before{content:'';position:absolute;inset-inline-start:14px;top:5px;bottom:5px;width:2px;background:#d8e4ed}.timeline-item{position:relative;padding-inline-start:45px;margin:0 0 22px}.timeline-item:before{content:'';position:absolute;inset-inline-start:7px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--gold);border:4px solid #fff;box-shadow:0 0 0 2px #d4af62}.timeline-item time{color:var(--muted);font-size:12px}.timeline-item h4{margin:3px 0;color:var(--navy)}.split{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.mobile-only{display:none}
@media(max-width:1050px){.feature-grid,.journey,.kpi-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-card{max-width:700px}.meta-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}
@media(max-width:760px){.public-nav nav{display:none}.public-nav{padding:0 16px}.public-nav .btn{padding:9px 11px}.hero{padding:45px 18px 65px}.hero h1{font-size:42px}.hero p{font-size:17px}.feature-grid,.journey,.kpi-grid,.form-grid,.meta-grid{grid-template-columns:1fr}.section{padding:58px 18px}.section-head h2{font-size:31px}.sidebar{transform:translateX(calc(-1 * var(--sideShift, 100%)));transition:.25s;width:260px;box-shadow:20px 0 50px rgba(0,0,0,.14)}html[dir=rtl] .sidebar{--sideShift:-100%;transform:translateX(100%)}.sidebar.open{transform:translateX(0)!important}.app-shell{margin:0}.topbar{padding:0 12px}.user-chip>span:last-child{display:none}.main-content{padding:14px}.dashboard-hero{padding:20px}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-box-wrap{padding:25px 18px}.case-head{flex-direction:column}.public-footer{flex-direction:column;gap:6px;text-align:center}}

/* === CARNA Premium Public Experience === */
.public-body{background:#f7f9fc;overflow-x:hidden}.public-body .public-nav{height:84px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(7,59,119,.08);box-shadow:0 8px 32px rgba(13,45,78,.04)}.public-body .public-nav .brand-mark{background:linear-gradient(145deg,#052d61,#087ec5);box-shadow:0 10px 30px rgba(0,84,152,.24)}.public-body .public-nav nav a{position:relative;padding:31px 0 27px}.public-body .public-nav nav a:after{content:"";position:absolute;inset-inline:50%;bottom:18px;height:2px;background:linear-gradient(90deg,var(--gold),var(--blue));transition:.25s}.public-body .public-nav nav a:hover:after{inset-inline:0}.hero-premium{min-height:calc(100vh - 84px);padding:56px 6vw 70px;grid-template-columns:.94fr 1.06fr;gap:56px;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 35%,rgba(31,153,219,.13),transparent 27%),linear-gradient(112deg,rgba(255,255,255,.98),rgba(246,250,254,.93)),url('../img/riyadh-tech-bg.png') center bottom/cover no-repeat}.hero-premium:before{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(30,133,201,.1);border-radius:50%;inset-inline-end:-260px;top:-170px;box-shadow:0 0 0 72px rgba(30,133,201,.025),0 0 0 145px rgba(30,133,201,.018)}.hero-copy,.hero-visual{position:relative;z-index:2}.hero-kicker{display:inline-flex;align-items:center;gap:10px;padding:9px 15px;border:1px solid rgba(11,130,208,.18);border-radius:999px;color:#164b7e;background:rgba(237,247,255,.78);font-weight:700;box-shadow:inset 0 1px 0 #fff}.pulse-dot{width:8px;height:8px;background:#1597d2;border-radius:50%;box-shadow:0 0 0 6px rgba(21,151,210,.12);animation:carnaPulse 1.8s infinite}@keyframes carnaPulse{50%{box-shadow:0 0 0 11px rgba(21,151,210,0)}}.hero-brandline{display:flex;align-items:center;gap:18px;margin-top:28px}.carna-word{font-size:21px;letter-spacing:8px;font-weight:900;color:#092f63}.carna-ar{font-size:18px;font-weight:800;color:var(--gold)}.hero-divider{width:42px;height:1px;background:linear-gradient(90deg,var(--gold),rgba(200,148,45,.1))}.hero-premium h1{font-size:clamp(44px,5vw,76px);letter-spacing:-1.6px;max-width:820px;margin:12px 0 18px}.hero-premium h1 em{background:linear-gradient(120deg,#b27b17,#d5a84a);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:760px!important;font-size:19px!important;line-height:1.95!important}.btn-lg{min-height:52px;padding:13px 20px;border-radius:14px}.btn-glass{background:rgba(255,255,255,.72);border:1px solid #dce7f0;color:var(--navy);box-shadow:0 8px 25px rgba(14,42,73,.06)}.hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px;max-width:680px}.hero-proof>div{padding:14px 16px;border-inline-start:2px solid rgba(200,148,45,.72);background:linear-gradient(90deg,rgba(255,255,255,.62),transparent)}.hero-proof b{display:block;color:#08396d;font-size:20px}.hero-proof span{display:block;color:#708198;font-size:13px;margin-top:2px}.hero-visual{min-height:570px;display:flex;align-items:center;justify-content:center}.visual-glow{position:absolute;width:72%;height:74%;border-radius:50%;background:radial-gradient(circle,rgba(19,140,205,.19),rgba(19,140,205,0) 68%);filter:blur(3px)}.command-shell{position:relative;width:min(690px,100%);background:linear-gradient(145deg,rgba(5,35,70,.98),rgba(7,66,113,.96));border:1px solid rgba(104,194,239,.32);border-radius:30px;padding:22px;color:#fff;box-shadow:0 38px 95px rgba(2,41,78,.25),inset 0 1px 0 rgba(255,255,255,.1);transform:perspective(1400px) rotateY(-3deg) rotateX(1deg)}html[dir=rtl] .command-shell{transform:perspective(1400px) rotateY(3deg) rotateX(1deg)}.command-shell:before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.06);border-radius:23px;pointer-events:none}.command-head{display:flex;align-items:center;justify-content:space-between;padding:4px 3px 16px}.command-head small{display:block;color:#6dc4ee;letter-spacing:3px;font-weight:800}.command-head strong{display:block;margin-top:4px;font-size:17px}.demo-badge{display:flex;align-items:center;gap:7px;border:1px solid rgba(125,208,245,.25);background:rgba(0,0,0,.16);color:#ccecff;border-radius:999px;padding:7px 10px;font-size:11px}.demo-badge i{width:7px;height:7px;border-radius:50%;background:#26e0a2;box-shadow:0 0 12px #26e0a2}.command-map{height:265px;position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(102,188,231,.18);background:radial-gradient(circle at 50% 50%,rgba(22,119,172,.32),transparent 29%),linear-gradient(rgba(44,137,188,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(44,137,188,.1) 1px,transparent 1px),linear-gradient(135deg,#061c35,#0a3155);background-size:auto,34px 34px,34px 34px,auto}.map-grid:before,.map-grid:after{content:"";position:absolute;border:1px solid rgba(63,177,229,.32);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.map-grid:before{width:225px;height:225px}.map-grid:after{width:140px;height:140px;box-shadow:0 0 0 40px rgba(23,140,197,.025)}.vehicle-scan{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:114px;height:114px;border:1px solid rgba(64,202,245,.45);border-radius:24px;display:grid;place-items:center;background:rgba(7,37,63,.68);box-shadow:0 0 35px rgba(30,174,229,.15)}.scan-car{font-size:21px;letter-spacing:5px;font-weight:900;color:#d9f5ff}.scan-line{position:absolute;inset:10px;border-top:2px solid #43d7ff;animation:scanMove 2.2s ease-in-out infinite}@keyframes scanMove{0%,100%{transform:translateY(4px);opacity:.35}50%{transform:translateY(80px);opacity:1}}.map-pin{position:absolute;width:12px;height:12px;border-radius:50%;background:#d5a33d;border:3px solid #092b4b;box-shadow:0 0 0 5px rgba(213,163,61,.14)}.p1{left:19%;top:26%}.p2{right:18%;top:33%}.p3{right:26%;bottom:20%}.map-caption{position:absolute;inset-inline-start:16px;bottom:14px;background:rgba(1,19,38,.72);border:1px solid rgba(255,255,255,.08);padding:10px 12px;border-radius:12px;max-width:62%}.map-caption b{display:block}.map-caption small{display:block;color:#a8cce2;margin-top:2px}.command-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.command-stats>div{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:12px}.command-stats b,.command-stats small{display:block}.command-stats small{color:#94b6ca;font-size:11px;margin-top:2px}.stat-icon{color:#d0a044;margin-inline-end:5px}.command-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:12px}.flow-node{background:#082745;border:1px solid #174b72;border-radius:12px;padding:8px 4px;text-align:center}.flow-node span{display:block;font-size:10px;color:#57bee9}.flow-node b{font-size:11px}.float-card{position:absolute;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.91);border:1px solid rgba(7,80,130,.13);border-radius:16px;padding:11px 14px;box-shadow:0 18px 50px rgba(5,46,83,.15);backdrop-filter:blur(12px);color:#153c65}.float-card>span{width:38px;height:38px;border-radius:12px;background:#edf7fc;color:#0a6fab;display:grid;place-items:center;font-size:20px}.float-card b,.float-card small{display:block}.float-card small{font-size:11px;color:#74859a}.fc-one{top:8%;inset-inline-start:-4%}.fc-two{bottom:7%;inset-inline-end:-2%}.radar{position:absolute;border:1px solid rgba(14,126,195,.12);border-radius:50%}.radar:before,.radar:after{content:"";position:absolute;inset:14%;border:inherit;border-radius:inherit}.radar:after{inset:30%}.radar-one{width:190px;height:190px;top:2%;inset-inline-end:2%;animation:radarSpin 16s linear infinite}.radar-two{width:130px;height:130px;bottom:2%;inset-inline-start:3%;animation:radarSpin 12s linear reverse infinite}@keyframes radarSpin{to{transform:rotate(360deg)}}.hero-scroll{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;color:#70839a;font-size:12px}.hero-scroll span{width:22px;height:34px;border:1px solid #b7c9d8;border-radius:12px;position:relative}.hero-scroll span:after{content:"";position:absolute;width:3px;height:6px;border-radius:2px;background:#0e85c9;left:50%;transform:translateX(-50%);top:7px;animation:scrollDot 1.4s infinite}@keyframes scrollDot{50%{top:17px;opacity:.35}}.impact-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#062f63;color:#fff;padding:0 6vw;border-top:1px solid rgba(255,255,255,.12);border-bottom:4px solid #c8942d}.impact-item{display:flex;align-items:center;gap:14px;padding:22px 24px;border-inline-end:1px solid rgba(255,255,255,.12)}.impact-item:last-child{border-inline-end:0}.impact-item>span{color:#d8a643;font-size:12px;font-weight:900;letter-spacing:2px}.impact-item b,.impact-item small{display:block}.impact-item small{color:#a8c7de;margin-top:3px}.premium-section{background:linear-gradient(180deg,#fff,#f7fafc)}.premium-head h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.7px}.premium-features{gap:16px}.premium-card{position:relative;overflow:hidden;min-height:215px;padding:25px;border-color:#e4ebf1;transition:.28s}.premium-card:before{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(22,144,203,.08),transparent 68%);top:-40px;inset-inline-end:-20px}.premium-card:hover{transform:translateY(-7px);box-shadow:0 20px 48px rgba(10,54,92,.11);border-color:#cbddea}.premium-card .ico{background:linear-gradient(145deg,#062f63,#0b75b7);color:#fff;width:52px;height:52px;border-radius:16px;box-shadow:0 10px 23px rgba(6,68,113,.18)}.feature-line{display:block;width:34px;height:2px;background:#c8942d;margin:0 0 13px}.premium-card h3{font-size:18px}.journey-section{background:linear-gradient(180deg,#f0f6fa,#f7fafc);position:relative;overflow:hidden}.journey-section:before{content:"";position:absolute;inset:0;background:url('../img/riyadh-tech-bg.png') center bottom/cover no-repeat;opacity:.26;pointer-events:none}.premium-journey{position:relative;z-index:2;grid-template-columns:repeat(8,1fr);gap:10px}.premium-step{min-height:190px;padding:18px 14px;border-top:3px solid #0b75b7;text-align:center;box-shadow:0 12px 30px rgba(22,55,84,.06)}.premium-step:nth-child(even){border-top-color:#c8942d}.premium-step .num{background:linear-gradient(145deg,#052e60,#0c75b6);margin:auto}.premium-step:nth-child(even) .num{background:linear-gradient(145deg,#b47d19,#d5a542)}.step-dot{height:34px;width:1px;background:#dbe6ee;margin:9px auto}.premium-step h4{font-size:16px;color:#173d66}.premium-step p{font-size:12px}.cta-section{margin:0;padding:56px 6vw;display:flex;align-items:center;justify-content:space-between;gap:35px;background:radial-gradient(circle at 90% 30%,rgba(45,164,219,.19),transparent 26%),linear-gradient(115deg,#05294f,#073f72);color:#fff;border-bottom:4px solid #c8942d}.cta-copy{max-width:850px}.cta-copy>span{color:#d8ad58;font-weight:800}.cta-copy h2{font-size:clamp(31px,3.3vw,48px);margin:8px 0 12px;line-height:1.25}.cta-copy p{margin:0;color:#bfd4e4;font-size:17px;line-height:1.8}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-gold{background:linear-gradient(135deg,#c58f28,#e0b358);color:#092d54;box-shadow:0 10px 28px rgba(201,149,48,.22)}.btn-outline-light{border:1px solid rgba(255,255,255,.3);color:#fff;background:rgba(255,255,255,.05)}
@media(max-width:1180px){.hero-premium{grid-template-columns:1fr;padding-top:45px}.hero-copy{max-width:900px}.hero-visual{min-height:520px}.premium-journey{grid-template-columns:repeat(4,1fr)}.impact-strip{grid-template-columns:repeat(2,1fr)}.impact-item:nth-child(2){border-inline-end:0}.cta-section{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.public-body .public-nav{height:72px}.public-body .public-nav .brand b{font-size:16px}.public-body .public-nav .brand-mark{width:38px;height:38px}.hero-premium{min-height:auto;padding:35px 18px 62px;gap:20px}.hero-premium h1{font-size:39px;line-height:1.15}.hero-lead{font-size:16px!important}.hero-brandline{margin-top:20px}.carna-word{font-size:18px;letter-spacing:5px}.hero-proof{grid-template-columns:1fr;gap:4px}.hero-proof>div{padding:9px 12px}.hero-visual{min-height:440px;margin-top:8px}.command-shell{padding:15px;border-radius:22px;transform:none!important}.command-map{height:205px}.command-stats{gap:6px}.command-stats>div{padding:9px}.command-flow{grid-template-columns:repeat(3,1fr)}.float-card{display:none}.radar{display:none}.hero-scroll{display:none}.impact-strip{grid-template-columns:1fr;padding:0 18px}.impact-item{border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.1);padding:17px 6px}.premium-features{grid-template-columns:1fr}.premium-card{min-height:auto}.premium-journey{grid-template-columns:repeat(2,1fr)}.cta-section{padding:42px 18px}.cta-actions{width:100%}.cta-actions .btn{width:100%}.public-footer{padding:22px 18px}}

/* =========================================================
   CARNA V4 SIGNATURE — PRESENTATION-LEVEL PUBLIC EXPERIENCE
   Safe: public homepage only, no hidden-on-scroll dependency.
========================================================= */
.carna-home{background:#f7fafc;color:#0a315f;overflow:hidden}
.signature-hero{min-height:calc(100vh - 74px);position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(500px,.98fr);align-items:center;gap:5vw;padding:5.3vw 5.8vw 6vw;background:linear-gradient(135deg,#fbfdff 0%,#fff 50%,#eff7fc 100%);isolation:isolate}
.signature-bg{position:absolute;inset:0;background:url('../img/carna-tech-city.png') center bottom/cover no-repeat;opacity:.12;z-index:-3}
.signature-hero:before{content:"";position:absolute;inset:-20% -10%;background:radial-gradient(circle at 78% 38%,rgba(0,139,210,.15),transparent 26%),radial-gradient(circle at 18% 28%,rgba(205,151,43,.09),transparent 18%);z-index:-2}
.signature-orbit{position:absolute;border:1px solid rgba(21,112,174,.12);border-radius:50%;z-index:-1;animation:orbitPulse 8s ease-in-out infinite}
.orbit-a{width:510px;height:510px;right:-150px;top:-60px}.orbit-b{width:260px;height:260px;left:-80px;bottom:-30px;animation-delay:-3s}
.signature-copy{max-width:760px}
.signature-kicker{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.78);border:1px solid #d8e8f2;border-radius:999px;padding:9px 14px;color:#0b4a81;font-weight:800;font-size:13px;box-shadow:0 10px 30px rgba(7,61,108,.07)}
.signature-kicker>span{width:8px;height:8px;border-radius:50%;background:#1ea8e0;box-shadow:0 0 0 5px rgba(30,168,224,.12);animation:livePulse 1.8s infinite}
.signature-brand{display:flex;align-items:center;gap:13px;margin:27px 0 14px}.signature-brand>span{font-weight:900;letter-spacing:8px;font-size:18px;color:#0a315f}.signature-brand i{width:44px;height:1px;background:#c8952f}.signature-brand small{font-size:14px;color:#c8952f;font-weight:900}
.signature-copy h1{margin:0;font-size:clamp(48px,5vw,82px);line-height:1.04;letter-spacing:-2.1px;color:#073667}.signature-copy h1 em,.signature-copy h1 strong{font-style:normal;color:#c89127}.signature-copy h1 strong{position:relative}.signature-copy h1 strong:after{content:"";position:absolute;right:0;left:0;bottom:-10px;height:4px;border-radius:10px;background:linear-gradient(90deg,#c89127,#14a3dc);transform-origin:right;animation:drawLine 1s .4s both}
.signature-copy>p{max-width:720px;font-size:18px;line-height:1.95;color:#58718c;margin:30px 0 24px}
.signature-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.signature-primary{padding:14px 20px!important;border-radius:14px!important;box-shadow:0 14px 35px rgba(4,83,143,.2)}.signature-link{font-weight:800;color:#0a4b80;display:inline-flex;gap:7px;align-items:center}.signature-link span{color:#c89127;font-size:20px}
.signature-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:38px;border-top:1px solid #d9e4ec;border-bottom:1px solid #d9e4ec;max-width:650px}.signature-metrics>div{padding:15px 18px;border-inline-start:1px solid #d9e4ec}.signature-metrics>div:first-child{border-inline-start:0}.signature-metrics b{display:block;font-size:24px;color:#073667}.signature-metrics span{display:block;font-size:12px;color:#8293a5;margin-top:3px}
.signature-scene{position:relative;min-height:620px;display:flex;align-items:center;justify-content:center}
.scene-halo{position:absolute;width:90%;height:90%;border-radius:50%;background:radial-gradient(circle,rgba(25,159,216,.20),rgba(25,159,216,0) 66%);filter:blur(5px)}
.scene-frame{position:relative;width:min(520px,88%);height:610px;border-radius:42px 42px 34px 34px;overflow:hidden;box-shadow:0 42px 95px rgba(4,44,82,.26);border:1px solid rgba(11,77,129,.15);transform:perspective(1300px) rotateY(-4deg) rotateX(1deg);transition:transform .45s ease,box-shadow .45s ease;background:#062f63}
html[dir=rtl] .scene-frame{transform:perspective(1300px) rotateY(4deg) rotateX(1deg)}
.scene-frame:hover{transform:perspective(1300px) rotateY(0) rotateX(0) translateY(-6px)!important;box-shadow:0 52px 110px rgba(4,44,82,.32)}
.scene-frame img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.03);animation:slowZoom 12s ease-in-out infinite alternate}
.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,23,49,.06),transparent 47%,rgba(0,26,57,.58)),linear-gradient(90deg,rgba(0,44,83,.12),transparent 45%)}
.scene-scan{position:absolute;top:-5%;left:-38%;height:112%;width:28%;background:linear-gradient(90deg,transparent,rgba(79,212,255,.12),rgba(113,222,255,.54),rgba(79,212,255,.11),transparent);filter:blur(1px);transform:skewX(-13deg);animation:sceneScan 5.2s linear infinite}
.scene-chip{position:absolute;z-index:5;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:999px;font-size:11px;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.16)}
.chip-live{top:20px;right:20px;padding:9px 13px;background:rgba(2,39,78,.78);border:1px solid rgba(255,255,255,.25);color:#fff}.chip-live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#42dbff;margin-inline-end:7px;box-shadow:0 0 0 0 rgba(66,219,255,.65);animation:livePulse 1.7s infinite}
.chip-geo{bottom:18px;left:18px;padding:8px 12px;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.5);color:#064778;direction:ltr}
.detect-corner{position:absolute;width:80px;height:80px;border-color:#6ddcff;border-style:solid;z-index:4;filter:drop-shadow(0 0 8px rgba(61,207,255,.45));animation:cornerFloat 2.6s ease-in-out infinite}.dc-a{right:14%;bottom:23%;border-width:2px 2px 0 0}.dc-b{left:18%;top:29%;border-width:0 0 2px 2px;animation-delay:-.7s}.dc-c{right:25%;top:20%;width:54px;height:54px;border-width:2px 0 0 2px;animation-delay:-1.4s}
.scene-status{position:absolute;z-index:5;right:22px;bottom:58px;background:rgba(3,31,65,.84);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px);padding:12px 14px;border-radius:15px;color:#fff;min-width:210px}.scene-status span,.scene-status strong,.scene-status small{display:block}.scene-status span{font-size:9px;color:#62cdf4;letter-spacing:1px}.scene-status strong{font-size:14px;margin:3px 0}.scene-status small{color:#a8c9da;font-size:10px}
.ops-glass{position:absolute;z-index:8;width:83%;right:-2%;bottom:12px;padding:14px 16px;background:rgba(3,34,70,.92);border:1px solid rgba(255,255,255,.16);border-radius:19px;box-shadow:0 22px 45px rgba(1,28,58,.28);color:#fff;backdrop-filter:blur(18px)}.ops-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:8px;margin-bottom:9px;font-size:10px}.ops-head span{color:#7bd8f5}.ops-head i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#43dfff;margin-inline-end:5px}.ops-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ops-flow div{display:flex;align-items:center;gap:6px}.ops-flow strong{color:#e2a63a}.ops-flow span{font-size:10px;font-weight:700}
.float-signal{position:absolute;z-index:7;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.88);border:1px solid rgba(11,81,132,.12);box-shadow:0 18px 40px rgba(4,45,82,.14);backdrop-filter:blur(12px);border-radius:14px;padding:9px 11px;color:#0b4778;font-size:11px;font-weight:800;animation:floatSignal 3.6s ease-in-out infinite}.float-signal b{width:30px;height:30px;border-radius:9px;background:#edf8fd;display:grid;place-items:center;color:#0a7bbd;font-size:17px}.fs-one{top:14%;left:-2%}.fs-two{right:-4%;top:41%;animation-delay:-1.8s}
.signature-scroll{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;color:#778da2;font-size:11px;font-weight:700}.signature-scroll>span{width:20px;height:31px;border:1px solid #afc3d2;border-radius:12px;position:relative}.signature-scroll>span:after{content:"";position:absolute;width:3px;height:6px;border-radius:4px;background:#149ed6;left:50%;top:6px;transform:translateX(-50%);animation:scrollDot 1.3s infinite}

.signature-impact{display:grid;grid-template-columns:repeat(4,1fr);background:#052f61;color:#fff;padding:0 5.8vw;border-bottom:4px solid #c8942d;position:relative;z-index:3}.signature-impact article{display:flex;gap:14px;align-items:center;padding:23px 22px;border-inline-start:1px solid rgba(255,255,255,.1)}.signature-impact article:first-child{border-inline-start:0}.signature-impact article>span{color:#d4a145;font-size:11px;font-weight:900;letter-spacing:2px}.signature-impact b,.signature-impact small{display:block}.signature-impact b{font-size:14px}.signature-impact small{font-size:11px;color:#a9c6da;margin-top:3px}

.story-section{padding:95px 5.8vw;background:#fff}.story-head{max-width:850px;margin-bottom:48px}.story-eyebrow{display:inline-block;color:#c28d28;font-size:12px;letter-spacing:2px;font-weight:900;margin-bottom:10px}.story-head h2,.command-copy h2{font-size:clamp(37px,4vw,58px);line-height:1.14;margin:0;color:#083766;letter-spacing:-1.2px}.story-head h2 em,.command-copy h2 em{font-style:normal;color:#c8912b}.story-head p,.command-copy p{font-size:17px;line-height:1.9;color:#667d93;margin-top:17px}.story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:stretch}.story-visual{min-height:570px;border-radius:32px;overflow:hidden;position:relative;box-shadow:0 28px 70px rgba(6,49,91,.15)}.story-visual img{width:100%;height:100%;object-fit:cover}.story-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(2,31,65,.72))}.story-overlay{position:absolute;z-index:3;left:24px;right:24px;bottom:22px;display:flex;align-items:center;justify-content:space-between;background:rgba(3,38,77,.76);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:13px 15px;color:#fff;backdrop-filter:blur(14px);font-size:12px;font-weight:800}.story-overlay b{color:#e0a33b;font-size:22px}
.story-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.story-cards article{display:flex;gap:16px;padding:25px;border:1px solid #e2eaf0;border-radius:22px;background:linear-gradient(145deg,#fff,#f8fbfd);min-height:218px;transition:.3s ease;box-shadow:0 10px 30px rgba(11,54,91,.04)}.story-cards article:hover{transform:translateY(-6px);box-shadow:0 19px 42px rgba(11,54,91,.1);border-color:#c7dbe8}.story-cards article>span{min-width:44px;height:44px;border-radius:14px;background:#073d72;color:#d9a33b;display:grid;place-items:center;font-weight:900}.story-cards h3{margin:3px 0 9px;font-size:20px;color:#0a3d70}.story-cards p{margin:0;font-size:14px;line-height:1.8;color:#728398}

.journey-signature{position:relative;padding:95px 5.8vw 110px;background:linear-gradient(180deg,#f2f8fb,#fff);overflow:hidden}.journey-bg{position:absolute;inset:0;background:url('../img/carna-tech-city.png') center/cover no-repeat;opacity:.18}.story-head.centered{position:relative;z-index:2;text-align:center;margin:0 auto 54px}.journey-track{position:relative;z-index:2;display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.journey-track:before{content:"";position:absolute;left:4%;right:4%;top:35px;height:2px;background:linear-gradient(90deg,#c99635,#159bd4,#c99635);opacity:.45}.journey-node{position:relative;text-align:center;padding:0 6px}.jn-number{position:relative;z-index:2;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;background:#073b70;color:#fff;font-size:11px;font-weight:900;border:4px solid #eff7fb;box-shadow:0 0 0 1px #d3e2eb}.journey-node:nth-child(even) .jn-number{background:#c6912b}.jn-icon{width:54px;height:54px;border-radius:17px;background:#fff;border:1px solid #dfe8ee;box-shadow:0 12px 28px rgba(7,52,88,.07);display:grid;place-items:center;margin:0 auto 13px;color:#0b72ac;font-size:23px}.journey-node b{display:block;font-size:14px;color:#0b3d6d}.journey-node small{display:block;font-size:11px;color:#7a8fa1;line-height:1.65;margin-top:7px}

.command-section{padding:95px 5.8vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:center;background:#fff}.command-copy{max-width:700px}.command-list{display:grid;gap:9px;margin:24px 0 29px;color:#164e7e;font-weight:800;font-size:14px}.command-demo{position:relative;min-height:490px;border-radius:30px;background:linear-gradient(145deg,#052e5d,#084a7c);box-shadow:0 32px 80px rgba(3,42,78,.24);padding:22px;color:#fff;overflow:hidden}.command-demo:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(58,171,220,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(58,171,220,.07) 1px,transparent 1px);background-size:34px 34px}.dash-top{position:relative;z-index:2;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:14px}.dash-top b{letter-spacing:5px}.dash-top span{color:#88ccea;font-size:11px}.dash-top i{margin-inline-start:auto;width:8px;height:8px;border-radius:50%;background:#46dfff;box-shadow:0 0 0 6px rgba(70,223,255,.1)}.dash-map{height:310px;position:relative;z-index:2;margin-top:15px;border-radius:20px;background:radial-gradient(circle at center,rgba(20,151,209,.22),transparent 38%);border:1px solid rgba(255,255,255,.08);overflow:hidden}.dash-radar{position:absolute;border:1px solid rgba(79,209,247,.35);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.r1{width:230px;height:230px}.r2{width:145px;height:145px;border-style:dashed;animation:dashSpin 12s linear infinite}.dash-car{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:94px;height:94px;border-radius:23px;background:rgba(3,36,68,.78);border:1px solid rgba(78,212,248,.46);display:grid;place-items:center;color:#d7f7ff;font-weight:900;letter-spacing:4px;box-shadow:0 0 38px rgba(52,194,238,.18)}.dash-pin{position:absolute;width:11px;height:11px;border-radius:50%;background:#d9a23a;box-shadow:0 0 0 5px rgba(217,162,58,.12)}.dp1{left:18%;top:23%}.dp2{right:17%;top:31%}.dp3{right:27%;bottom:19%}.dash-cards{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.dash-cards>div{padding:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:13px}.dash-cards small,.dash-cards b{display:block}.dash-cards small{font-size:10px;color:#8fbfd8}.dash-cards b{font-size:13px;margin-top:4px}

.signature-cta{padding:62px 5.8vw;display:flex;align-items:center;justify-content:space-between;gap:35px;background:radial-gradient(circle at 88% 35%,rgba(37,167,219,.19),transparent 25%),linear-gradient(115deg,#04294f,#073f73);color:#fff;border-bottom:4px solid #c8942d}.signature-cta>div:first-child>span{color:#ddb059;font-size:11px;letter-spacing:2px;font-weight:900}.signature-cta h2{font-size:clamp(32px,3.5vw,51px);line-height:1.25;margin:8px 0 0}.btn-gold{background:linear-gradient(135deg,#c78e27,#e0b258);color:#082e55!important;box-shadow:0 12px 30px rgba(202,149,48,.2)}.btn-outline-light{border:1px solid rgba(255,255,255,.27)!important;color:#fff!important;background:rgba(255,255,255,.05)!important}

@keyframes slowZoom{from{transform:scale(1.03)}to{transform:scale(1.09) translateY(-1%)}}
@keyframes sceneScan{0%{left:-38%;opacity:0}12%{opacity:1}86%{opacity:1}100%{left:120%;opacity:0}}
@keyframes livePulse{70%{box-shadow:0 0 0 9px rgba(66,219,255,0)}100%{box-shadow:0 0 0 0 rgba(66,219,255,0)}}
@keyframes floatSignal{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes cornerFloat{0%,100%{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}
@keyframes orbitPulse{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(1.05);opacity:.35}}
@keyframes drawLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes scrollDot{50%{top:17px;opacity:.3}}
@keyframes dashSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}

@media(max-width:1180px){
 .signature-hero{grid-template-columns:1fr;padding-top:55px}.signature-copy{max-width:900px}.signature-scene{min-height:640px}.signature-impact{grid-template-columns:repeat(2,1fr)}.signature-impact article:nth-child(odd){border-inline-start:0}
 .story-grid,.command-section{grid-template-columns:1fr}.story-visual{min-height:460px}.journey-track{grid-template-columns:repeat(4,1fr);row-gap:34px}.journey-track:before{display:none}.signature-cta{align-items:flex-start;flex-direction:column}
}
@media(max-width:720px){
 .signature-hero{padding:34px 18px 58px;gap:20px;min-height:auto}.signature-copy h1{font-size:45px;letter-spacing:-1.2px}.signature-copy>p{font-size:16px}.signature-metrics{grid-template-columns:1fr}.signature-metrics>div{border-inline-start:0;border-top:1px solid #e1e8ee}.signature-metrics>div:first-child{border-top:0}
 .signature-scene{min-height:535px}.scene-frame{width:94%;height:500px;transform:none!important;border-radius:28px}.scene-frame img{object-position:center}.ops-glass{width:92%;right:4%;bottom:3px}.float-signal{display:none}.scene-status{right:14px;left:14px;bottom:62px;min-width:0}.signature-scroll{display:none}
 .signature-impact{grid-template-columns:1fr;padding:0 18px}.signature-impact article{border-inline-start:0;border-top:1px solid rgba(255,255,255,.09);padding:17px 4px}.signature-impact article:first-child{border-top:0}
 .story-section,.journey-signature,.command-section{padding:58px 18px}.story-head h2,.command-copy h2{font-size:38px}.story-grid{gap:18px}.story-visual{min-height:390px;border-radius:23px}.story-cards{grid-template-columns:1fr}.story-cards article{min-height:auto}
 .journey-track{grid-template-columns:repeat(2,1fr);gap:25px 10px}.journey-node small{font-size:10px}
 .command-demo{min-height:420px;padding:15px}.dash-map{height:245px}.dash-cards{grid-template-columns:1fr}.signature-cta{padding:45px 18px}.signature-actions{width:100%}.signature-cta .signature-actions .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}