:root{
--bg:#09090B;
--surface:#151316;
--surface2:#1B1B20;
--primary:#65152A;
--primary-hover:#7D203B;
--accent:#D6B86C;
--text:#FAFAFA;
--muted:#A0A0A8;
--radius:18px;
--transition:180ms ease;
}
body{
background:var(--bg)!important;
color:var(--text)!important;
font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
button,.btn{
border-radius:var(--radius)!important;
transition:all var(--transition)!important;
}

:root{--bg:#080a0a;--surface:#101313;--surface-2:#151918;--line:rgba(255,255,255,.09);--text:#f7f6f1;--muted:#939a97;--gold:#d7b764;--gold-2:#9b762d;--radius:22px;--shadow:0 35px 100px rgba(0,0,0,.5)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.ambient{position:absolute;border-radius:50%;filter:blur(140px);pointer-events:none}.ambient-one{width:520px;height:520px;background:rgba(183,139,46,.12);top:180px;right:-180px}.ambient-two{width:430px;height:430px;background:rgba(78,105,94,.08);top:1000px;left:-160px}
.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;background:rgba(8,10,10,.78);backdrop-filter:blur(22px);z-index:20;border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-family:Manrope;font-weight:800;font-size:20px;letter-spacing:-.02em}.brand-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#e5ca7c,#9b762d);color:#10110f;font-weight:900;box-shadow:0 10px 35px rgba(216,184,106,.2)}nav{display:flex;gap:30px}nav a,.footer-links a,.footer-links button{color:#9ca29f;text-decoration:none;font-size:13px;font-weight:600;background:none;border:0;font-family:inherit;cursor:pointer}nav a:hover,.footer-links a:hover,.footer-links button:hover{color:#fff}.header-actions{display:flex;gap:10px}.btn{border:0;border-radius:12px;padding:12px 18px;font-weight:750;cursor:pointer;font-family:inherit;transition:transform .2s,box-shadow .2s,border-color .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#ead388,#b78b34);color:#11120f;box-shadow:0 14px 35px rgba(199,160,72,.18)}.btn-primary:hover{box-shadow:0 18px 44px rgba(199,160,72,.27)}.btn-secondary{background:rgba(255,255,255,.035);color:#eee;border:1px solid rgba(255,255,255,.12)}.btn-secondary:hover{border-color:rgba(215,183,100,.45)}.btn-ghost{background:transparent;color:#ddd}.btn-large{padding:15px 23px;border-radius:14px}.full{width:100%}
.hero{min-height:830px;padding:105px 5vw 88px;display:grid;grid-template-columns:.84fr 1.16fr;gap:70px;align-items:center;position:relative}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.14em;color:#d3b568;font-size:11px;font-weight:800}.eyebrow i{width:6px;height:6px;border-radius:50%;background:#d3b568;box-shadow:0 0 16px #d3b568}.hero h1,.section h2,.cta-section h2{font-family:Manrope;margin:22px 0;letter-spacing:-.055em}.hero h1{font-size:clamp(54px,6vw,88px);line-height:.95;max-width:800px}.hero h1 span{background:linear-gradient(100deg,#efda91,#b78c38);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:650px;font-size:18px;color:#aab0ad}.hero-actions{display:flex;gap:12px;margin-top:32px}.trust-row{display:flex;gap:24px;color:#767d79;font-size:12px;margin-top:24px;flex-wrap:wrap}.hero-visual{position:relative}.dashboard-shell{position:relative;background:linear-gradient(160deg,#121616,#0e1111);border:1px solid rgba(255,255,255,.11);border-radius:25px;min-height:590px;display:grid;grid-template-columns:180px 1fr;overflow:hidden;box-shadow:var(--shadow);transform:perspective(1400px) rotateY(-4deg) rotateX(1.2deg)}.dashboard-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.045),transparent 30%);pointer-events:none}.sidebar{background:rgba(7,9,9,.76);padding:22px 14px;border-right:1px solid rgba(255,255,255,.07)}.mini-logo{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#d8bb6d,#a0792f);color:#111;font-weight:900;margin-bottom:34px}.side-item{padding:11px;border-radius:9px;color:#737a77;font-size:12px;margin:5px 0;display:flex;gap:9px}.side-item.active{background:rgba(255,255,255,.07);color:#fff}.dashboard-main{padding:25px}.dash-top{display:flex;justify-content:space-between}.dash-top small{color:#737a77;font-size:9px;letter-spacing:.08em}.dash-top h3{margin:5px 0;font-size:20px}.dash-top p{margin:0;color:#777e7b;font-size:11px}.avatar{width:40px;height:40px;border-radius:13px;background:#202523;display:grid;place-items:center;font-size:11px;border:1px solid rgba(255,255,255,.08)}.ai-brief{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;background:linear-gradient(135deg,rgba(82,70,38,.54),rgba(24,27,23,.9));border:1px solid rgba(215,183,100,.3);padding:16px;border-radius:15px;margin:24px 0}.spark{width:36px;height:36px;background:linear-gradient(145deg,#dec476,#ad8231);border-radius:10px;display:grid;place-items:center;color:#111}.ai-brief strong{font-size:12px}.ai-brief p{font-size:10px;color:#a4a8a3;margin:4px 0 0}.ai-brief button{font-size:9px;border:1px solid rgba(215,183,100,.28);border-radius:8px;background:#1a1c19;color:#ddd;padding:8px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric,.panel{background:rgba(255,255,255,.032);border:1px solid rgba(255,255,255,.075);border-radius:14px}.metric{padding:16px}.metric span,.metric small{display:block;color:#777e7b;font-size:10px}.metric strong{display:block;font-size:23px;margin:5px 0}.panel-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-top:12px}.panel{padding:15px}.panel-head{display:flex;justify-content:space-between;font-size:11px;margin-bottom:10px}.panel-head span{color:#707673}.live-label{color:#76c398!important}.task,.activity{display:flex;align-items:center;gap:9px;border-top:1px solid rgba(255,255,255,.07);padding:10px 0}.task i{width:7px;height:7px;border-radius:50%}.urgent{background:#db6565}.warning{background:#d8ae55}.normal{background:#6b8db8}.task div,.activity div{display:flex;flex-direction:column;flex:1}.task b,.activity b{font-size:10px}.task small,.activity small{font-size:9px;color:#727775}.activity time{font-size:9px;color:#666}.dot{width:7px;height:7px;border-radius:50%}.green{background:#57b782}.blue{background:#5f91cb}.amber{background:#d7a64e}.floating-card{position:absolute;background:rgba(16,19,19,.92);border:1px solid rgba(255,255,255,.11);border-radius:14px;padding:13px 15px;box-shadow:0 20px 55px rgba(0,0,0,.4);backdrop-filter:blur(16px);display:grid;gap:2px}.floating-card span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#7f8582}.floating-card strong{font-size:11px}.floating-one{left:-34px;bottom:70px}.floating-two{right:-20px;top:88px}
.logo-strip{border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:25px 5vw;display:flex;align-items:center;gap:34px;color:#616764;flex-wrap:wrap;font-weight:800}.logo-strip span{font-size:11px;color:#8b918e;margin-right:auto}.section{padding:118px 5vw;position:relative}.section-heading{max-width:920px;margin-bottom:50px}.section-heading h2{font-size:clamp(42px,5vw,66px);line-height:1.02}.section-heading p{color:#959b98;font-size:17px;max-width:680px}.split-heading{max-width:none;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end}.split-heading p{margin-bottom:26px}.centered-heading{text-align:center;margin-left:auto;margin-right:auto}.centered-heading p{margin-left:auto;margin-right:auto}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{min-height:270px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,.018));border-radius:22px;padding:28px;position:relative;overflow:hidden;transition:transform .25s,border-color .25s,background .25s}.feature-card:hover{transform:translateY(-4px);border-color:rgba(215,183,100,.28);background:linear-gradient(160deg,rgba(255,255,255,.052),rgba(255,255,255,.024))}.feature-large{grid-column:span 2}.spotlight-card:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(187,143,49,.11);filter:blur(60px);right:-80px;bottom:-100px}.feature-card h3{font-size:21px;margin:20px 0 8px}.feature-card p{color:#858c88}.feature-icon{width:43px;height:43px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;color:#d5b86b}.mini-brief{margin-top:24px;padding:17px;border-radius:14px;background:rgba(6,8,8,.5);border:1px solid rgba(255,255,255,.06);display:grid;gap:9px;font-size:12px;position:relative;z-index:2}.mini-brief div{display:flex;justify-content:space-between;gap:14px}.mini-brief div span,.mini-brief>span{color:#838a86}.steps{background:linear-gradient(180deg,#0b0e0e,#0d1010)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{border-top:1px solid rgba(255,255,255,.13);padding:25px 4px 0}.step>span{color:#c8a95a;font-size:12px}.step h3{font-size:21px;margin-top:38px}.step p{color:#858b88}.value-section{padding-top:95px;padding-bottom:95px}.value-shell{border:1px solid rgba(215,183,100,.22);background:radial-gradient(circle at 20% 50%,rgba(175,131,40,.12),transparent 38%),linear-gradient(145deg,#121514,#0d1010);border-radius:28px;padding:56px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;box-shadow:0 35px 100px rgba(0,0,0,.28)}.value-copy h2{font-family:Manrope;font-size:clamp(40px,4.6vw,62px);line-height:1.02;letter-spacing:-.05em;margin:22px 0}.value-copy p{color:#969c99;font-size:17px;margin-bottom:30px}.comparison-card{background:rgba(7,9,9,.66);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:12px 22px}.comparison-head,.comparison-row,.comparison-total{display:flex;justify-content:space-between;align-items:center;gap:20px}.comparison-head{padding:14px 0;color:#747b77;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.comparison-row{padding:13px 0;border-top:1px solid rgba(255,255,255,.07);font-size:13px}.comparison-row b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:rgba(215,183,100,.12);color:#dbbd70}.comparison-total{margin-top:10px;padding:18px 0 10px;border-top:1px solid rgba(215,183,100,.25)}.comparison-total span{font-size:12px;color:#a7aca9}.comparison-total strong{font-size:20px;color:#dec172}.pricing-section{background:#0b0e0e}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.price-card{background:linear-gradient(165deg,rgba(255,255,255,.04),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.09);border-radius:23px;padding:30px;position:relative;display:flex;flex-direction:column}.price-card.featured{border-color:rgba(215,183,100,.62);transform:translateY(-10px);box-shadow:0 30px 80px rgba(0,0,0,.3),0 0 0 1px rgba(215,183,100,.08) inset}.popular{position:absolute;right:20px;top:20px;color:#d9ba6a;font-size:9px;text-transform:uppercase;font-weight:800;letter-spacing:.12em}.price-top{display:grid;gap:3px}.plan{color:#f0efe9;font-weight:800;font-size:17px}.plan-note{font-size:11px;color:#737a77}.price-card h3{font-size:42px;margin:19px 0 10px;letter-spacing:-.04em}.price-card h3 span{font-size:13px;color:#777;font-weight:500}.price-card>p,.price-card li{color:#858b88}.price-card>p{min-height:76px}.price-card ul{padding:15px 0 5px;list-style:none;flex:1;border-top:1px solid rgba(255,255,255,.07)}.price-card li{margin:11px 0;font-size:13px;padding-left:22px;position:relative}.price-card li:before{content:"✓";position:absolute;left:0;color:#d2b466}.enterprise-bar{margin-top:22px;border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:27px 30px;display:flex;justify-content:space-between;gap:30px;align-items:center;background:rgba(255,255,255,.025)}.enterprise-bar h3{font-size:20px;margin:7px 0 3px}.enterprise-bar p{margin:0;color:#818885;font-size:13px}.cta-section{text-align:center;padding:132px 5vw;background:radial-gradient(circle at 50% 45%,rgba(145,109,36,.25) 0,rgba(11,13,13,.96) 48%,#090b0b 72%)}.cta-section h2{font-size:clamp(46px,6vw,76px);line-height:.98;max-width:900px;margin-left:auto;margin-right:auto}.cta-section p{color:#969c99;margin-bottom:28px}.cta-section small{display:block;color:#686f6b;margin-top:16px}footer{padding:30px 5vw;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.07);color:#666;font-size:12px}.footer-links{display:flex;gap:20px;align-items:center}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(12px);z-index:50;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-card{width:min(560px,100%);background:#121515;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:35px;position:relative;box-shadow:0 40px 100px rgba(0,0,0,.55)}.modal-card.small{width:min(430px,100%)}.modal-close{position:absolute;right:16px;top:12px;border:0;background:none;color:#777;font-size:28px;cursor:pointer}.modal-card h2{font-family:Manrope;font-size:34px;margin:10px 0;letter-spacing:-.04em}.modal-card p{color:#858b88}.modal-card label{display:block;color:#b2b6b4;font-size:12px;font-weight:700;margin:16px 0 8px}.modal-card input,.modal-card select{width:100%;margin-top:7px;background:#0d1010;border:1px solid #2b302f;border-radius:11px;padding:13px;color:#eee;font-family:inherit;outline:none}.modal-card input:focus,.modal-card select:focus{border-color:#9f7a33}.form-step{display:none}.form-step.active{display:block}.industry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0}.industry{padding:16px;border-radius:11px;border:1px solid #2b302f;background:#181b1a;color:#ddd;font-weight:700;cursor:pointer}.industry.selected{border-color:#c3a358;background:#292417}.success-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#c7a75b;color:#111;font-size:28px;font-weight:900;margin-bottom:20px}.helper{display:block;text-align:center;color:#6f7472;margin-top:12px}
@media(max-width:1100px){.hero{grid-template-columns:1fr;padding-top:76px}.dashboard-shell{transform:none}.hero-visual{max-width:900px}.split-heading,.value-shell{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.price-card>p{min-height:auto}.steps-grid{grid-template-columns:1fr}.floating-one{left:8px}.floating-two{right:8px}}
@media(max-width:720px){nav{display:none}.site-header{padding:0 18px}.header-actions .btn-ghost{display:none}.header-actions .btn-primary{font-size:11px;padding:10px 12px}.hero{padding:66px 18px 70px;min-height:auto}.hero h1{font-size:49px}.hero-actions{flex-direction:column}.dashboard-shell{grid-template-columns:1fr;min-height:auto}.sidebar{display:none}.dashboard-main{padding:16px}.metric-grid,.panel-grid,.feature-grid{grid-template-columns:1fr}.feature-large{grid-column:auto}.floating-card{display:none}.section{padding:82px 18px}.logo-strip{padding:20px 18px}.split-heading{gap:10px}.value-shell{padding:27px 20px;gap:34px}.mini-brief div{display:grid}.pricing-section{padding-bottom:64px}.enterprise-bar{align-items:flex-start;flex-direction:column}.enterprise-bar .btn{width:100%}.cta-section{padding:100px 18px}footer{flex-direction:column;gap:15px}.footer-links{order:2}.ai-brief{grid-template-columns:34px 1fr}.ai-brief button{display:none}}


/* Phase 2 — authentication and workspace */
.auth-page,.onboarding-page,.app-page{min-height:100vh;background:#090b0b}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-layout.single{grid-template-columns:1fr}.auth-brand-panel{padding:48px 6vw;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 20% 30%,rgba(199,169,93,.18),transparent 38%),#0d1010;border-right:1px solid #252928}.auth-brand-panel h1{font-family:Manrope;font-size:clamp(48px,6vw,76px);line-height:1;letter-spacing:-.055em;margin:25px 0}.auth-brand-panel h1 span{color:#c9aa5a}.auth-brand-panel p{color:#929795;font-size:18px;max-width:560px}.auth-benefits{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:35px;color:#c7cbc9;font-size:13px}.auth-brand-panel>small{color:#5f6462}.auth-form-panel{display:grid;place-items:center;padding:38px 5vw}.auth-card{width:min(510px,100%);background:#111414;border:1px solid #292d2d;border-radius:24px;padding:36px;box-shadow:0 35px 100px rgba(0,0,0,.38)}.auth-card>.brand{margin-bottom:36px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#0d1010;border:1px solid #252928;border-radius:12px;padding:4px;margin-bottom:30px}.auth-tabs button{border:0;background:transparent;color:#747a77;padding:11px;border-radius:9px;font-weight:700}.auth-tabs button.active{background:#202423;color:#fff}.auth-form{display:none}.auth-form.active{display:block}.auth-form h2,.onboarding-card h1{font-family:Manrope;font-size:34px;margin:10px 0}.auth-form>p,.onboarding-card p{color:#858b88;margin-top:0}.auth-form label,.onboarding-card label,.modal-card label{display:block;color:#b7bcba;font-size:12px;font-weight:700;margin:17px 0}.auth-form input,.onboarding-card input,.onboarding-card select,.modal-card input,.modal-card select{width:100%;margin-top:7px;background:#0d1010;border:1px solid #2b302f;border-radius:11px;padding:14px;color:#f2f3f1;font:inherit;outline:none}.auth-form input:focus,.onboarding-card input:focus,.onboarding-card select:focus{border-color:#a9863b;box-shadow:0 0 0 3px rgba(169,134,59,.12)}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.password-wrap{position:relative}.password-wrap button{position:absolute;right:9px;top:15px;border:0;background:transparent;color:#c7a95d;font-weight:700}.form-line{display:flex;justify-content:space-between;align-items:center;margin:15px 0}.check{display:flex!important;align-items:center;gap:8px!important;margin:0!important;font-weight:500!important}.check input{width:auto!important;margin:0!important}.text-button{border:0;background:none;color:#c7a95d;font-weight:700;cursor:pointer}.password-strength{height:4px;background:#222726;border-radius:5px;overflow:hidden;margin-top:-10px}.password-strength i{display:block;height:100%;width:0;background:#c9aa5a;transition:.2s}.notice{margin-top:18px;border:1px solid #3b6b51;background:#15231b;color:#c9e8d5;border-radius:11px;padding:13px;display:grid;gap:3px;font-size:13px}.notice.error{border-color:#754343;background:#251717;color:#f0c5c5}.notice.warning{border-color:#66552e;background:#221e13;color:#ead8a9;margin:0 0 22px}.hidden{display:none!important}.app-header{height:76px;border-bottom:1px solid #252928;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.secure-label{font-size:12px;color:#777}.onboarding-shell{max-width:760px;margin:70px auto;padding:0 20px}.progress{height:5px;background:#1a1e1d;border-radius:20px;overflow:hidden;margin-bottom:22px}.progress i{display:block;height:100%;width:33%;background:#c9aa5a;transition:.3s}.onboarding-card{background:#111414;border:1px solid #292d2d;border-radius:24px;padding:42px}.onboarding-step{display:none}.onboarding-step.active{display:block}.button-row{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.plan-select{display:grid;gap:11px;margin:25px 0}.plan-select button{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:15px;text-align:left;padding:17px;border:1px solid #2a2f2e;background:#151818;color:#eee;border-radius:13px}.plan-select button.selected{border-color:#b38e3d;background:#262216}.plan-select span{color:#aaa}.plan-select em{color:#c9aa5a;font-size:10px;text-transform:uppercase}.app-layout{min-height:100vh;display:grid;grid-template-columns:235px 1fr}.app-sidebar{position:sticky;top:0;height:100vh;background:#0c0f0f;border-right:1px solid #252928;padding:27px 18px;display:flex;flex-direction:column}.app-sidebar nav{display:grid;gap:5px;margin-top:45px}.app-sidebar nav a{padding:12px;border-radius:10px;display:flex;gap:10px}.app-sidebar nav a.active{background:#1b1f1e;color:#fff}.workspace-switcher{margin-top:auto;background:#151818;border:1px solid #272c2b;border-radius:13px;padding:14px;display:grid}.workspace-switcher small{color:#666;font-size:9px}.workspace-switcher b{font-size:12px;margin:5px 0}.workspace-switcher span{font-size:10px;color:#c9aa5a}.app-main{padding:32px 4vw 70px;min-width:0}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start}.dashboard-header small{color:#707572;font-size:10px;letter-spacing:.12em}.dashboard-header h1{font-family:Manrope;font-size:34px;margin:7px 0}.dashboard-header p{color:#777;margin:0}.account-menu{position:relative}.account-menu .avatar{border:1px solid #393f3d;cursor:pointer}.dropdown{position:absolute;right:0;top:48px;background:#171b1a;border:1px solid #303534;border-radius:12px;padding:12px;width:220px;z-index:5}.dropdown span{display:block;color:#888;font-size:11px;overflow:hidden;text-overflow:ellipsis}.dropdown button{width:100%;margin-top:10px;padding:9px;border:0;border-radius:8px;background:#252a28;color:#fff}.trial-banner{display:flex;align-items:center;justify-content:space-between;margin:30px 0;background:linear-gradient(110deg,#262216,#151817);border:1px solid #574a2b;border-radius:17px;padding:19px}.trial-banner div{display:grid}.trial-banner span{color:#c9aa5a;font-size:10px;text-transform:uppercase;font-weight:800}.trial-banner b{font-size:15px;margin-top:3px}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dashboard-metrics article,.dash-card{background:#111414;border:1px solid #272c2b;border-radius:17px;padding:22px}.dashboard-metrics span,.dashboard-metrics small{display:block;color:#727875;font-size:11px}.dashboard-metrics strong{font-size:28px;display:block;margin:9px 0}.dashboard-columns{display:grid;grid-template-columns:1.4fr .8fr;gap:14px;margin-top:14px}.dash-card h2{font-family:Manrope;margin:7px 0 20px}.card-head{display:flex;justify-content:space-between}.card-head>b{color:#c9aa5a}.setup-list{display:grid}.setup-list label{display:flex;gap:12px;padding:14px 0;border-top:1px solid #252928}.setup-list label>span{display:grid}.setup-list small{color:#707572}.setup-list input{accent-color:#c9aa5a}.setup-list .done{opacity:.65}.dash-card dl{display:grid}.dash-card dl div{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid #252928}.dash-card dt{color:#777}.dash-card dd{margin:0}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#56b77f;margin-right:5px}.modal.open{display:grid}
@media(max-width:900px){.auth-layout{grid-template-columns:1fr}.auth-brand-panel{display:none}.app-layout{grid-template-columns:76px 1fr}.app-sidebar .brand>span:last-child,.app-sidebar nav span,.workspace-switcher{display:none}.dashboard-metrics{grid-template-columns:1fr 1fr}.dashboard-columns{grid-template-columns:1fr}.app-sidebar{align-items:center}.app-sidebar nav a{font-size:18px}.trial-banner{align-items:flex-start;gap:15px}.trial-banner .btn{font-size:11px}}
@media(max-width:600px){.auth-card,.onboarding-card{padding:25px}.two-fields{grid-template-columns:1fr}.auth-benefits{grid-template-columns:1fr}.app-layout{grid-template-columns:1fr}.app-sidebar{display:none}.app-main{padding:22px 16px 55px}.dashboard-metrics{grid-template-columns:1fr 1fr}.dashboard-header h1{font-size:27px}.trial-banner{display:grid}.dashboard-columns{grid-template-columns:1fr}.button-row{display:grid;grid-template-columns:1fr 1fr}.plan-select button{grid-template-columns:1fr auto}.plan-select em{display:none}}

/* Voren Phase 3 — CRM */
.crm-main{max-width:none}.crm-header{align-items:center}.page-kicker{color:#c5a556;letter-spacing:.14em;font-weight:800}.crm-header-actions{display:flex;align-items:center;gap:10px}.crm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.crm-stats article{background:linear-gradient(145deg,#141817,#101312);border:1px solid #252a28;border-radius:17px;padding:21px;box-shadow:0 18px 50px rgba(0,0,0,.16)}.crm-stats span,.crm-stats small{display:block;color:#7f8582;font-size:11px}.crm-stats strong{display:block;font-family:Manrope;font-size:30px;margin:6px 0;color:#f3f2ed}.crm-panel{background:#101313;border:1px solid #232826;border-radius:20px;overflow:hidden}.crm-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 180px 180px;gap:10px;padding:16px;border-bottom:1px solid #232826}.search-field{display:flex;align-items:center;gap:10px;background:#0b0e0d;border:1px solid #272c2a;border-radius:11px;padding:0 13px}.search-field span{color:#8c918f;font-size:19px}.search-field input,.crm-toolbar select{width:100%;background:transparent;border:0;color:#e8e8e3;padding:12px 4px;font:inherit;outline:0}.crm-toolbar select{background:#0b0e0d;border:1px solid #272c2a;border-radius:11px;padding:12px}.customer-table-wrap{overflow:auto}.customer-table{width:100%;border-collapse:collapse;min-width:900px}.customer-table th{text-align:left;color:#696f6c;font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding:14px 18px;border-bottom:1px solid #222725}.customer-table td{padding:14px 18px;border-bottom:1px solid #1f2422;color:#d8dad6;font-size:12px}.customer-table tbody tr{transition:.18s}.customer-table tbody tr:hover{background:#151918}.customer-identity{border:0;background:none;color:inherit;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer;font:inherit}.customer-identity>span:last-child,.contact-cell{display:flex;flex-direction:column;gap:3px}.customer-identity b{font-size:13px}.customer-identity small,.contact-cell small{color:#6f7572}.customer-avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#302a19,#1b1d19);border:1px solid #54492d;display:grid;place-items:center;color:#d6b965;font-weight:800}.status-pill{display:inline-flex;width:max-content;border-radius:999px;padding:5px 9px;font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;background:#242927;color:#aaa}.status-pill.active{background:rgba(78,172,119,.12);color:#6fce94;border:1px solid rgba(78,172,119,.2)}.status-pill.lead{background:rgba(201,170,90,.12);color:#d7bb70;border:1px solid rgba(201,170,90,.2)}.status-pill.inactive{background:rgba(119,129,140,.12);color:#9ca6af;border:1px solid rgba(119,129,140,.2)}.status-pill.archived{background:rgba(185,88,88,.1);color:#c77a7a;border:1px solid rgba(185,88,88,.18)}.table-tags,.tag-list{display:flex;gap:5px;flex-wrap:wrap}.table-tags span,.tag-list span{padding:4px 7px;border-radius:7px;background:#1b201e;border:1px solid #2a302d;color:#9ba19e;font-size:9px}.table-tags small{color:#777}.muted-date{color:#888e8b}.row-menu{border:0;background:transparent;color:#777;cursor:pointer;letter-spacing:2px}.empty-state{text-align:center;padding:70px 24px}.empty-state.hidden{display:none}.empty-icon{width:58px;height:58px;border-radius:18px;background:#1b201e;border:1px solid #303632;display:grid;place-items:center;margin:0 auto 18px;color:#c9aa5a;font-size:24px}.empty-state h2{font-family:Manrope;margin:0 0 8px}.empty-state p{max-width:520px;margin:0 auto 22px;color:#7f8582}.table-empty{text-align:center;padding:40px;color:#777}.customer-form-card{width:min(760px,100%);max-height:92vh;overflow:auto}.customer-form-card textarea{width:100%;margin-top:7px;background:#0d1010;border:1px solid #2b302f;border-radius:10px;padding:13px;color:#eee;font-family:inherit;resize:vertical}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:1.2fr 1fr .8fr}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.customer-profile-card{width:min(720px,100%);max-height:92vh;overflow:auto}.profile-hero{display:flex;align-items:center;gap:16px;padding-bottom:22px;border-bottom:1px solid #252a28}.profile-avatar{width:62px;height:62px;border-radius:19px;background:linear-gradient(145deg,#d8ba67,#927022);display:grid;place-items:center;color:#111;font-family:Manrope;font-weight:900;font-size:20px}.profile-hero h2{margin:8px 0 2px}.profile-hero p{margin:0}.profile-contact-grid{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px;padding:18px 0}.profile-contact-grid>*{background:#0d1010;border:1px solid #252a28;border-radius:11px;padding:12px;color:#aeb3b0;text-decoration:none;font-size:11px}.profile-section{background:#0e1110;border:1px solid #252a28;border-radius:14px;padding:17px;margin:10px 0}.profile-section h3{margin:5px 0 0}.ai-summary,.profile-notes{color:#929895;line-height:1.7;margin:12px 0 0}.profile-meta{display:flex;justify-content:space-between;color:#747a77;font-size:10px;padding:12px 2px}.btn-danger{background:rgba(184,72,72,.1);border:1px solid rgba(184,72,72,.25);color:#d17d7d}.profile-actions{justify-content:space-between}.profile-actions .btn:last-child{margin-left:auto}.profile-actions small{display:block;font-size:8px}.app-sidebar nav a{position:relative}.app-sidebar nav a small{margin-left:auto;font-size:8px;color:#5e6461;text-transform:uppercase}.metric-link{cursor:pointer;transition:.2s}.metric-link:hover{transform:translateY(-2px);border-color:#51462d}
@media(max-width:1000px){.crm-stats{grid-template-columns:repeat(2,1fr)}.crm-toolbar{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.profile-contact-grid{grid-template-columns:1fr}.crm-header{align-items:flex-start}.crm-header-actions{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:700px){.crm-stats{grid-template-columns:1fr 1fr}.crm-header{display:block}.crm-header-actions{justify-content:flex-start;margin-top:16px}.crm-header-actions .account-menu{margin-left:auto}.crm-toolbar{grid-template-columns:1fr}.search-field{grid-column:auto}.form-grid.two,.form-grid.three{grid-template-columns:1fr}.profile-actions{flex-wrap:wrap}.profile-actions .btn{flex:1}.profile-actions .btn:last-child{margin-left:0;flex-basis:100%}.customer-form-card,.customer-profile-card{padding:24px 18px}}

/* Voren Phase 4 — Jobs */
.jobs-main{max-width:none}.jobs-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) repeat(4,minmax(130px,170px));gap:10px;padding:16px;border-bottom:1px solid #232826}.jobs-toolbar select,.jobs-toolbar input[type=date]{background:#0b0e0d;border:1px solid #272c2a;border-radius:11px;padding:12px;color:#e8e8e3;font:inherit;min-width:0}.jobs-toolbar input[type=date]{color-scheme:dark}.loading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px}.loading-grid div{height:105px;border-radius:14px;background:linear-gradient(90deg,#111514,#1a1e1d,#111514);background-size:200% 100%;animation:jobsShimmer 1.1s infinite}.loading-grid.hidden{display:none}@keyframes jobsShimmer{to{background-position:-200% 0}}.job-subline{display:block;color:#737a77;margin-top:4px}.priority-pill{display:inline-flex;width:max-content;border-radius:999px;padding:5px 9px;font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;background:#222725;color:#a6adaa;border:1px solid #303634}.priority-pill.high{color:#e0b866;background:rgba(210,166,76,.1);border-color:rgba(210,166,76,.2)}.priority-pill.urgent{color:#dc8585;background:rgba(195,80,80,.1);border-color:rgba(195,80,80,.23)}.priority-pill.low{color:#89a6ba;background:rgba(87,129,157,.1);border-color:rgba(87,129,157,.2)}.job-status.scheduled{color:#d4b86f;background:rgba(201,170,90,.1);border:1px solid rgba(201,170,90,.2)}.job-status.travelling,.job-status.on_site{color:#75a9d4;background:rgba(75,133,181,.12);border:1px solid rgba(75,133,181,.22)}.job-status.awaiting_parts{color:#e0a769;background:rgba(204,130,54,.11);border:1px solid rgba(204,130,54,.22)}.job-status.completed,.job-status.invoiced{color:#70cd94;background:rgba(78,172,119,.12);border:1px solid rgba(78,172,119,.2)}.job-status.cancelled{color:#cf7f7f;background:rgba(185,88,88,.1);border:1px solid rgba(185,88,88,.18)}.job-cards{display:none}.job-card{width:100%;text-align:left;background:#111514;border:1px solid #252a28;border-radius:16px;padding:16px;color:#eee;display:grid;gap:8px;font:inherit}.job-card-top,.job-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.job-card>small,.job-card-meta em{color:#7f8582;font-style:normal;font-size:11px}.job-form-card .compact{margin:-2px 0 10px;padding:9px 12px;font-size:11px}.job-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:18px 0}.job-detail-grid article{background:#0d1010;border:1px solid #252a28;border-radius:12px;padding:13px;display:grid;gap:5px}.job-detail-grid span,.job-detail-grid small{color:#777e7b;font-size:10px}.job-detail-grid b{font-size:12px}.job-status-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.profile-jobs{display:grid;gap:8px;margin-top:12px}.profile-job{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #272c2a;background:#0b0e0d;border-radius:11px;padding:12px;text-decoration:none;color:#eee}.profile-job>span{display:grid;gap:4px}.profile-job>span:last-child{justify-items:end}.profile-job small{color:#747a77;font-size:10px}.upcoming-jobs-card{margin-top:14px}.text-link{color:#d2b466;text-decoration:none;font-size:11px}.upcoming-jobs{display:grid}.upcoming-job{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-top:1px solid #252928;text-decoration:none;color:#eee}.upcoming-job>span{display:grid;gap:3px}.upcoming-job>span:last-child{text-align:right}.upcoming-job small{color:#747a77;font-size:10px}
@media(max-width:1150px){.jobs-toolbar{grid-template-columns:1fr 1fr 1fr}.jobs-toolbar .search-field{grid-column:1/-1}}
@media(max-width:760px){.jobs-toolbar{grid-template-columns:1fr}.jobs-toolbar .search-field{grid-column:auto}.jobs-table{display:none}.job-cards{display:grid;gap:10px;padding:14px}.jobs-table-wrap{overflow:visible}.job-detail-grid{grid-template-columns:1fr}.job-status-actions{grid-template-columns:1fr 1fr}.jobs-stats{grid-template-columns:1fr 1fr}}


/* Voren OS v3 — Red / White / Champagne Gold design system */
:root{
  --bg:#080708;
  --surface:#120f11;
  --surface-2:#1a1518;
  --line:rgba(255,255,255,.10);
  --text:#fffdf9;
  --muted:#b7afb1;
  --red:#8f1733;
  --red-strong:#b22145;
  --red-deep:#5f0f23;
  --gold:#d6b96f;
  --gold-2:#a77d2f;
  --primary:var(--red);
  --primary-hover:var(--red-strong);
  --accent:var(--gold);
  --shadow:0 35px 100px rgba(0,0,0,.52);
}
body{background:radial-gradient(circle at 78% 8%,rgba(143,23,51,.13),transparent 30%),var(--bg)!important;color:var(--text)!important}
.site-header,.app-header{background:rgba(8,7,8,.86)!important;border-bottom-color:rgba(214,185,111,.14)!important}
.brand-mark,.mini-logo{
  background:linear-gradient(145deg,var(--red-strong),var(--red-deep))!important;
  color:#fff!important;
  border:1px solid rgba(214,185,111,.45)!important;
  box-shadow:0 12px 34px rgba(143,23,51,.28)!important;
}
.btn-primary{
  background:linear-gradient(135deg,var(--red-strong),var(--red-deep))!important;
  color:#fff!important;
  border:1px solid rgba(214,185,111,.45)!important;
  box-shadow:0 14px 35px rgba(143,23,51,.25)!important;
}
.btn-primary:hover{box-shadow:0 18px 44px rgba(143,23,51,.38)!important;border-color:var(--gold)!important}
.btn-secondary{background:rgba(255,255,255,.045)!important;color:#fff!important;border-color:rgba(214,185,111,.24)!important}
.btn-secondary:hover{border-color:var(--gold)!important;background:rgba(214,185,111,.06)!important}
.eyebrow,.feature-icon,.text-link,.empty-icon,.step>span{color:var(--gold)!important}
.eyebrow i{background:var(--red-strong)!important;box-shadow:0 0 16px rgba(178,33,69,.72)!important}
.hero h1 span{background:linear-gradient(100deg,#fff8e8,var(--gold))!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.ambient-one{background:rgba(143,23,51,.18)!important}.ambient-two{background:rgba(214,185,111,.08)!important}
.dashboard-shell,.value-shell,.auth-card,.onboarding-card,.dash-card,.crm-table-wrap,.modal-card{background:linear-gradient(155deg,#171215,#0d0b0c)!important}
.sidebar,.app-sidebar{background:rgba(10,8,9,.92)!important}
.ai-brief{background:linear-gradient(135deg,rgba(143,23,51,.30),rgba(20,15,17,.96))!important;border-color:rgba(214,185,111,.32)!important}
.spark,.profile-avatar{background:linear-gradient(145deg,var(--red-strong),var(--red-deep))!important;color:#fff!important;border:1px solid rgba(214,185,111,.45)!important}
.customer-avatar{background:linear-gradient(145deg,#35131d,#1b1014)!important;border-color:rgba(214,185,111,.38)!important;color:var(--gold)!important}
.feature-card:hover,.metric-link:hover{border-color:rgba(214,185,111,.42)!important}
.feature-card.spotlight-card:after{background:rgba(143,23,51,.18)!important}
.setup-list input{accent-color:var(--red-strong)!important}
.trial-banner{background:linear-gradient(90deg,rgba(143,23,51,.24),rgba(214,185,111,.08))!important;border-color:rgba(214,185,111,.25)!important}
.live-label,.status-dot{color:#fff!important}.normal,.blue{background:var(--red)!important}.warning,.amber{background:var(--gold)!important}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:rgba(214,185,111,.65)!important;box-shadow:0 0 0 3px rgba(143,23,51,.16)!important}
::selection{background:rgba(143,23,51,.55);color:#fff}