/* AI PILOT OPS · V4 | independent premium layer · 2026-11-02 */
:root{--v4-ink:#080a0d;--v4-gold:#d8af76;--v4-amber:#f2d09c;--v4-line:#35343a;--v4-glass:rgba(17,20,24,.74)}
html{scroll-behavior:smooth}
body{background:#090b0e}
.container{max-width:1440px}
.masthead{position:relative;z-index:10}
.brand{font-weight:400;letter-spacing:.31em}
.brand b{font-weight:700;color:#e2c08b}
.hero{min-height:min(925px,100svh);background:#080a0c;isolation:isolate}
.hero-visual{background-position:63% 42%;filter:saturate(.88) contrast(1.06);transform:scale(1.035);animation:v4-slow-in 15s ease-out both}
.hero-shade{background:linear-gradient(90deg,#080a0d 0%,rgba(8,10,13,.96) 19%,rgba(8,10,13,.79) 39%,rgba(8,10,13,.24) 71%,rgba(8,10,13,.2) 100%),linear-gradient(0deg,#080a0d 0%,transparent 29%,transparent 81%,rgba(7,8,11,.48) 100%)}
.hero h1{max-width:900px;letter-spacing:-.047em;text-wrap:balance;text-shadow:0 2px 30px #050506aa}
.hero-copy{max-width:840px;position:relative;z-index:4}
.hero-desc{max-width:540px}
.hero-main{position:relative;z-index:4}
.hero-footer{z-index:5;position:relative}
.eyebrow{letter-spacing:.2em}
.primary{border-radius:8px;background:linear-gradient(110deg,#e4c087,#d4a665 60%,#f0d2a5);color:#18100b;box-shadow:0 6px 30px rgba(199,141,79,.16)}
.primary:hover,.v4-demo-link:hover{filter:brightness(1.1)}
.secondary-button{border-bottom:1px solid rgba(231,190,136,.7)}
.hero-command{position:absolute;z-index:3;right:5.8%;top:54%;width:310px;min-height:214px;border:1px solid #ead7b455;background:linear-gradient(135deg,rgba(32,37,40,.81),rgba(7,9,13,.9));box-shadow:0 26px 100px #000c, 0 0 45px #d4a56312;backdrop-filter:blur(20px);border-radius:17px;color:#f8f0e6;transform:rotate(-6deg);animation:v4-card-appear 1.4s ease both;overflow:hidden}
.hero-command::before{content:'';height:1px;position:absolute;top:0;left:30px;right:25px;background:linear-gradient(90deg,transparent,#f6d6a2,transparent)}
.command-top,.command-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;font:600 9px/1.4 'DM Sans',sans-serif;letter-spacing:.11em;padding:17px 19px;color:#d1c7b7}
.command-top .signal{width:7px;height:7px;border-radius:50%;background:#dfb77f;box-shadow:0 0 16px #efbf84}
.command-top span:nth-child(2){flex:1}
.command-syn{border:1px solid #c79e5f66;border-radius:3px;padding:3px 5px;color:#f3c992}
.command-core{display:flex;align-items:center;gap:22px;padding:7px 20px 16px}
.command-ring{height:91px;width:91px;border-radius:50%;border:3px solid #bf986344;box-shadow:inset 0 0 0 5px #101316;display:flex;align-items:center;flex-direction:column;justify-content:center;position:relative;flex-shrink:0}
.command-ring::before{content:'';position:absolute;inset:-4px;border:3px solid transparent;border-top-color:#e4c38d;border-right-color:#e4c38d;border-radius:50%;transform:rotate(28deg)}
.command-ring span,.command-ring small{font-size:8px;letter-spacing:.14em;color:#d1c5b3}
.command-ring b{font-size:29px;font-family:Georgia,serif;font-weight:normal;color:#f3dfc0;line-height:1.15}
.command-copy{min-width:0;display:flex;flex-direction:column;gap:9px}.command-copy b{font-size:11px;letter-spacing:.11em;color:#e5c99e;font-weight:600}.command-copy small{font-size:8px;color:#b8b7b9;letter-spacing:.06em}
.command-line{height:34px;display:flex;gap:4px;align-items:end}.command-line i{height:var(--h,50%);width:6px;background:linear-gradient(#f7d3a1,#8a6440);border-radius:2px 2px 0 0}.command-line i:nth-child(3n){--h:80%}.command-line i:nth-child(3n+1){--h:45%}.command-line i:nth-child(4n){--h:100%}
.command-foot{border-top:1px solid #f3d1a41a;padding:13px 19px;font-size:8px;color:#9eaea9}.command-foot span:last-child{color:#e6b77f}
.feature-sector{border-radius:14px;min-height:390px;box-shadow:inset 0 1px #fff1}.feature-sector:hover{transform:translateY(-6px)}
.feature-bank{background:radial-gradient(circle at 80% 15%,rgba(210,161,91,.4),transparent 43%),linear-gradient(145deg,#1c2429,#0a0c11)}
.feature-bank::after{content:'';position:absolute;inset:30px 18% 32% 25%;opacity:.2;background:repeating-linear-gradient(90deg,#e2cb9e 0 7px,transparent 7px 30px);transform:perspective(500px) rotateY(-17deg);mask-image:linear-gradient(#000,transparent)}
.feature-retail{background:radial-gradient(circle at 75% 16%,rgba(143,166,117,.34),transparent 51%),linear-gradient(145deg,#1e2a26,#080b0b)}
.feature-retail::after{content:'';position:absolute;inset:40px 20px 27% 33%;opacity:.25;background:repeating-linear-gradient(0deg,#9bb38f 0 2px,transparent 2px 33px),repeating-linear-gradient(90deg,#c0cfb7 0 2px,transparent 2px 48px);transform:perspective(500px) rotateY(-13deg);mask-image:linear-gradient(#000,transparent)}
/* Interactive demo teaser */
.v4-preview{position:relative;padding:112px 0;background:radial-gradient(ellipse at 75% 50%,rgba(194,142,76,.085),transparent 55%),linear-gradient(145deg,#101318,#07090d);border-block:1px solid #38312a}
.v4-preview-grid{display:grid;grid-template-columns: .94fr 1.06fr;align-items:center;gap:7vw}
.v4-overline{display:block;color:#dab785;font-size:10px;letter-spacing:.18em;line-height:1.7;margin-bottom:23px;font-weight:700}
.v4-intro h2{font:400 clamp(42px,4.4vw,72px)/1.09 'Playfair Display',Georgia,serif;color:#f7f3eb;letter-spacing:-.048em;max-width:550px;margin:0 0 26px}
.v4-intro>p{max-width:460px;color:#c6c3be;font:400 17px/1.65 'DM Sans',sans-serif;margin-bottom:23px}
.v4-pills{display:flex;gap:9px;flex-wrap:wrap;margin:29px 0}.v4-pills span{padding:9px 13px;border:1px solid #52463a;border-radius:100px;font-size:11px;color:#e8d2b0}
.v4-demo-link{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;background:#d9b481;color:#1c1711;padding:18px 24px;border-radius:7px;font-size:13px;font-weight:700;margin-top:18px}.v4-demo-link span{font-size:19px}
.v4-visual{display:block;position:relative;min-height:430px;border-radius:18px;border:1px solid #78654a;background:linear-gradient(138deg,#282d30,#10161d 45%,#0c111a);box-shadow:25px 30px 100px #000b, inset 0 1px #ffffff26;overflow:hidden;transform:perspective(1100px) rotateY(-5deg) rotateX(3deg)}
.v4-visual::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 60% 55%,#ab875c44,transparent 50%),repeating-linear-gradient(90deg,transparent 0 48px,#fff2 49px 50px);opacity:.5}
.v4-visual-top{display:flex;align-items:center;gap:10px;padding:29px 30px;font:700 12px/1.3 'DM Sans',sans-serif;letter-spacing:.16em;color:#ecdfcb;border-bottom:1px solid #ffffff18;position:relative}
.v4-visual-top small{margin-left:auto;font-weight:400;font-size:9px;color:#cfbfac}.v4-dot{display:block;width:9px;height:9px;border-radius:50%;background:#e0b47c;box-shadow:0 0 15px #f4c088}
.v4-visual-bars{position:relative;z-index:1;display:flex;align-items:end;gap:13px;height:205px;margin:33px 31px 22px;border-bottom:1px solid #e8c69c2a}
.v4-visual-bars i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(0deg,#75573d,#f0c18a);min-width:5px;box-shadow:0 0 25px #d2a37314}.v4-visual-bars i:nth-child(2n){background:linear-gradient(0deg,#52665f,#89aa9d)}
.v4-visual-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;margin:0 30px}.v4-visual-bottom div{display:grid;gap:10px}.v4-visual-bottom div span{font-size:10px;color:#9ea39f;letter-spacing:.15em}.v4-visual-bottom strong{font:400 30px Georgia,serif}.v4-arrow{font-size:35px;color:#ecc99a}
.v4-deep-cta{background:#0d1118;border-top:1px solid #403529;padding:60px 0}.v4-deep-cta p{font-size:11px;letter-spacing:.14em;color:#e5bf87}.v4-deep-cta h2{font:400 clamp(28px,3.4vw,48px) Georgia,serif;line-height:1.1;margin:20px 0}.v4-sector-demo{display:inline-block;background:#dcb685;color:#1b1610;padding:14px 20px;border-radius:6px;font-weight:700;font-size:13px}.v4-deep-cta small{display:block;margin-top:17px;color:#9da3a6}
@keyframes v4-card-appear{0%{opacity:0;translate:0 35px}100%{opacity:1;translate:0 0}}
@keyframes v4-slow-in{from{transform:scale(1.085)}to{transform:scale(1.035)}}
@media(max-width:1150px){.hero-command{right:2%;width:265px;top:63%;opacity:.8}.hero-copy{max-width:720px}}
@media(max-width:900px){.hero-command{display:none}.v4-preview-grid{grid-template-columns:1fr;gap:47px}.v4-visual{transform:none}}
@media(max-width:630px){.hero{min-height:100svh}.hero-visual{background-position:60% 18%}.hero h1{font-size:clamp(42px,10.1vw,58px)}.hero-main{padding-top:140px}.hero-copy{padding-bottom:4px}.v4-preview{padding:67px 0}.v4-visual{min-height:365px}.v4-visual-bars{height:145px;gap:6px}.v4-visual-top{padding:21px}.v4-visual-bottom{margin:0 20px}.v4-preview-grid{gap:35px}.v4-deep-cta{padding:44px 0}}
@media(min-width:2400px){.hero{min-height:1080px}.hero-main,.masthead,.hero-footer{max-width:1800px}.hero-command{right:max(8%,calc((100vw - 2060px)/2));top:42%;width:380px;scale:1.1}.hero h1{font-size:clamp(83px,4.9vw,128px)}.v4-preview-grid{max-width:1660px}}
@media(prefers-reduced-motion:reduce){.hero-visual,.hero-command{animation:none!important}.v4-visual{transform:none!important}}