:root{
  --ink:#08111f;
  --ink-2:#101b2d;
  --panel:#122036;
  --paper:#f7f9fc;
  --white:#ffffff;
  --muted:#64748b;
  --line:#dbe4ef;
  --teal:#25c9b7;
  --teal-dark:#0d9488;
  --violet:#8b5cf6;
  --violet-soft:#ede9fe;
  --mint:#dffaf5;
  --amber:#f7b955;
  --danger:#ef4444;
  --success:#16a34a;
  --shadow:0 18px 60px rgba(8,17,31,.10);
  --shadow-sm:0 10px 32px rgba(8,17,31,.08);
  --radius:22px;
  --radius-sm:14px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img,svg{max-width:100%}
.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.section{padding:92px 0}
.section-sm{padding:60px 0}
.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:7px 12px;border-radius:999px;background:var(--mint);color:#08776e;font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.eyebrow.dark{background:rgba(37,201,183,.12);color:#79eadf;border:1px solid rgba(121,234,223,.2)}
h1,h2,h3,h4{line-height:1.08;margin:0 0 16px;letter-spacing:-.035em}
h1{font-size:clamp(2.7rem,6vw,5.65rem)}
h2{font-size:clamp(2.1rem,4.3vw,3.8rem)}
h3{font-size:1.35rem}
p{margin:0 0 18px;color:#415069}
.lead{font-size:clamp(1.06rem,2vw,1.28rem);max-width:680px}
.text-white{color:var(--white)}
.text-white p,.dark-section p{color:#b9c5d8}
.gradient-text{background:linear-gradient(115deg,var(--teal),#79eadf 42%,#b8a4ff 78%);-webkit-background-clip:text;background-clip:text;color:transparent}
.small{font-size:.88rem}
.muted{color:var(--muted)}
.center{text-align:center}.center .lead{margin-inline:auto}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,249,252,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(219,228,239,.75)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;gap:11px;font-weight:900;font-size:1.2rem;letter-spacing:-.04em}
.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,var(--ink),var(--panel));box-shadow:0 9px 25px rgba(8,17,31,.18)}
.brand-mark svg{width:24px;height:24px}
.nav-links{display:flex;align-items:center;gap:28px;font-size:.94rem;font-weight:700;color:#42516a}
.nav-links a:hover{color:var(--ink)}
.nav-actions{display:flex;align-items:center;gap:10px}
.menu-btn{display:none;border:0;background:transparent;padding:9px}
.mobile-menu{display:none;padding:0 20px 20px;background:var(--paper)}
.mobile-menu.open{display:grid;gap:6px}
.mobile-menu a{padding:12px;border-radius:10px;font-weight:700}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 20px;border-radius:13px;border:1px solid transparent;font-weight:850;transition:.22s ease;box-shadow:none}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--ink);color:var(--white);box-shadow:0 12px 28px rgba(8,17,31,.18)}
.btn-primary:hover{background:#15233a}
.btn-teal{background:var(--teal);color:#042d2a;box-shadow:0 12px 28px rgba(37,201,183,.22)}
.btn-outline{border-color:var(--line);background:rgba(255,255,255,.65);color:var(--ink)}
.btn-ghost{background:transparent;color:var(--ink)}
.btn-white{background:var(--white);color:var(--ink)}
.btn-sm{min-height:40px;padding:0 15px;border-radius:11px;font-size:.9rem}
.btn-block{width:100%}

/* Hero */
.hero{position:relative;overflow:hidden;padding:84px 0 76px;background:radial-gradient(circle at 10% 10%,rgba(37,201,183,.14),transparent 28%),radial-gradient(circle at 90% 18%,rgba(139,92,246,.13),transparent 30%),var(--paper)}
.hero::after{content:"";position:absolute;inset:auto -10% -210px;height:390px;background:linear-gradient(90deg,rgba(37,201,183,.12),rgba(139,92,246,.11));filter:blur(80px);transform:rotate(-4deg)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.03fr .97fr;gap:64px;align-items:center}
.hero-copy h1{max-width:760px}
.hero-copy .lead{margin-bottom:28px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}
.trust-row{display:flex;flex-wrap:wrap;gap:20px;color:#526179;font-size:.9rem;font-weight:700}
.trust-item{display:flex;align-items:center;gap:8px}
.dot-check{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--mint);color:var(--teal-dark);font-size:.74rem}
.hero-card{position:relative;padding:18px;background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.9);border-radius:28px;box-shadow:var(--shadow);backdrop-filter:blur(16px)}
.app-window{background:var(--white);border:1px solid var(--line);border-radius:21px;overflow:hidden}
.window-top{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fbfcfe}
.window-dots{display:flex;gap:6px}.window-dots span{width:8px;height:8px;border-radius:50%;background:#d3dce8}.window-dots span:first-child{background:#f7a8a8}.window-dots span:nth-child(2){background:#f7d18e}.window-dots span:last-child{background:#9ee1c4}
.dashboard-preview{display:grid;grid-template-columns:148px 1fr;min-height:440px}
.preview-sidebar{padding:20px 13px;background:var(--ink);color:#afbdd1}
.preview-logo{font-size:.88rem;color:white;font-weight:850;margin-bottom:26px}
.preview-nav{display:grid;gap:8px}.preview-nav span{padding:10px;border-radius:9px;font-size:.72rem}.preview-nav span.active{background:rgba(37,201,183,.14);color:#78eadf}
.preview-main{padding:22px;background:#f7f9fc}
.preview-welcome{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px}.preview-welcome h4{font-size:1.15rem;margin:0}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--teal));display:grid;place-items:center;color:white;font-weight:900}
.project-mini{padding:18px;border:1px solid var(--line);border-radius:16px;background:white;box-shadow:0 8px 20px rgba(8,17,31,.05);margin-bottom:14px}
.project-title{display:flex;justify-content:space-between;gap:12px}.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:var(--mint);color:#08776e;font-size:.68rem;font-weight:850}.badge.violet{background:var(--violet-soft);color:#6d3fd0}.badge.amber{background:#fff3d8;color:#9a6406}
.progress{height:8px;border-radius:999px;background:#e8eef5;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--violet));border-radius:inherit}
.milestones-mini{display:grid;gap:9px;margin-top:14px}.milestone-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:11px;background:#f8fafc;font-size:.72rem}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--teal)}
.floating-note{position:absolute;padding:12px 14px;border-radius:15px;background:var(--white);box-shadow:var(--shadow-sm);border:1px solid var(--line);font-size:.78rem;font-weight:800}.floating-note.one{left:-32px;bottom:70px}.floating-note.two{right:-28px;top:84px}.float-icon{width:27px;height:27px;border-radius:9px;display:inline-grid;place-items:center;margin-right:7px;background:var(--mint);color:var(--teal-dark)}

/* Stats */
.stats-bar{position:relative;z-index:2;margin-top:-1px;background:var(--ink);color:white}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:30px 0}.stat{padding:12px 18px;border-left:1px solid rgba(255,255,255,.1)}.stat:first-child{border-left:0}.stat strong{display:block;font-size:1.7rem;letter-spacing:-.04em}.stat span{color:#a9b7ca;font-size:.87rem}

/* Cards */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 8px 26px rgba(8,17,31,.04)}
.card.hover{transition:.25s ease}.card.hover:hover{transform:translateY(-6px);box-shadow:var(--shadow-sm);border-color:#c8d8e8}
.icon-box{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;margin-bottom:20px;background:var(--mint);color:var(--teal-dark)}
.icon-box.violet{background:var(--violet-soft);color:#6b42c6}.icon-box.amber{background:#fff1d6;color:#a36400}.icon-box.dark{background:var(--ink);color:white}
.card ul{padding:0;margin:18px 0 0;list-style:none;display:grid;gap:10px}.card li{display:flex;gap:9px;color:#4a5870;font-size:.94rem}.card li::before{content:"✓";color:var(--teal-dark);font-weight:900}
.role-card{position:relative;overflow:hidden;min-height:330px;display:flex;flex-direction:column;justify-content:flex-end;color:white;background:var(--ink)}
.role-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(37,201,183,.36),transparent 32%),radial-gradient(circle at 10% 100%,rgba(139,92,246,.33),transparent 36%)}
.role-card.expert::before{background:radial-gradient(circle at 20% 10%,rgba(139,92,246,.38),transparent 32%),radial-gradient(circle at 95% 100%,rgba(37,201,183,.28),transparent 36%)}
.role-card>*{position:relative;z-index:1}.role-card p{color:#bfcadb}
.role-number{position:absolute;right:24px;top:16px;font-size:7rem;font-weight:950;line-height:1;color:rgba(255,255,255,.05)}

/* Process */
.process{background:var(--white)}
.process-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;align-items:start}
.steps{display:grid;gap:18px}.step{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:20px;border:1px solid var(--line);border-radius:17px;background:#fbfcfe}.step-num{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:var(--ink);color:white;font-weight:900}.step p{margin:6px 0 0;font-size:.94rem}
.feature-panel{position:sticky;top:110px;padding:28px;border-radius:28px;background:var(--ink);color:white;overflow:hidden}.feature-panel::after{content:"";position:absolute;width:260px;height:260px;right:-80px;bottom:-80px;border-radius:50%;background:rgba(37,201,183,.12);filter:blur(4px)}.feature-panel p{color:#b9c6d9}.feature-list{display:grid;gap:12px;margin-top:25px}.feature-line{display:flex;gap:11px;align-items:flex-start;padding:14px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}

/* Experts */
.expert-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.expert-card{padding:18px;background:white;border:1px solid var(--line);border-radius:20px}.expert-top{display:flex;gap:14px;align-items:center}.expert-photo{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;color:white;font-weight:900;font-size:1.1rem;background:linear-gradient(135deg,var(--violet),var(--teal))}.expert-meta h3{font-size:1.05rem;margin-bottom:4px}.stars{color:#ef9f13;font-size:.82rem}.skills{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.chip{padding:6px 9px;border-radius:999px;background:#f0f4f8;color:#516078;font-size:.72rem;font-weight:750}

/* Pricing */
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}.price-card{position:relative;background:white;border:1px solid var(--line);border-radius:24px;padding:28px}.price-card.featured{border:2px solid var(--teal);box-shadow:var(--shadow-sm);transform:translateY(-10px)}.popular{position:absolute;right:20px;top:-13px;background:var(--teal);color:#063d38;border-radius:999px;padding:5px 11px;font-size:.74rem;font-weight:900}.price{font-size:2.35rem;font-weight:950;letter-spacing:-.05em;margin:16px 0 2px}.price small{font-size:.9rem;color:var(--muted);letter-spacing:0}.price-card ul{list-style:none;padding:0;display:grid;gap:12px;margin:24px 0}.price-card li{display:flex;gap:8px;color:#45536a}.price-card li::before{content:"✓";color:var(--teal-dark);font-weight:900}

/* CTA */
.cta-box{position:relative;overflow:hidden;padding:64px;border-radius:32px;background:var(--ink);color:white}.cta-box::before{content:"";position:absolute;width:360px;height:360px;right:-70px;top:-120px;border-radius:50%;background:linear-gradient(135deg,rgba(37,201,183,.24),rgba(139,92,246,.23));filter:blur(5px)}.cta-box>*{position:relative;z-index:1}.cta-box p{color:#bdc8d9}.cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}

/* FAQ */
.faq{max-width:860px;margin:36px auto 0;display:grid;gap:12px}.faq-item{border:1px solid var(--line);background:white;border-radius:16px;overflow:hidden}.faq-q{width:100%;display:flex;justify-content:space-between;gap:20px;padding:20px;border:0;background:white;text-align:left;font-weight:850;color:var(--ink)}.faq-a{display:none;padding:0 20px 20px}.faq-item.open .faq-a{display:block}.faq-plus{transition:.2s}.faq-item.open .faq-plus{transform:rotate(45deg)}

/* Forms */
.form-card{background:white;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow-sm)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.85rem;font-weight:800;color:#344157}.field input,.field select,.field textarea{width:100%;border:1px solid #ccd8e5;border-radius:12px;background:#fbfcfe;padding:13px 14px;outline:none;transition:.2s}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(37,201,183,.12)}
.notice{padding:14px 16px;border-radius:13px;background:#f1f6fb;color:#46546b;font-size:.86rem}.notice.success{background:#e7f8ef;color:#1d6d3a}.notice.warning{background:#fff6df;color:#855900}
.range-wrap{display:grid;gap:10px}.range-wrap input[type=range]{accent-color:var(--teal)}
.result-box{padding:20px;border-radius:18px;background:var(--ink);color:white}.result-box p{color:#b9c6d9}.result-amount{font-size:2.2rem;font-weight:950;letter-spacing:-.04em}

/* Inner Hero */
.inner-hero{padding:84px 0 68px;background:var(--ink);color:white;position:relative;overflow:hidden}.inner-hero::after{content:"";position:absolute;right:-110px;top:-160px;width:430px;height:430px;border-radius:50%;background:linear-gradient(135deg,rgba(37,201,183,.22),rgba(139,92,246,.18));filter:blur(15px)}.inner-hero .container{position:relative;z-index:1}.inner-hero p{color:#bdc8d9}.inner-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center}.mini-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric-card{padding:18px;border-radius:16px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.09)}.metric-card strong{display:block;font-size:1.55rem}.metric-card span{font-size:.8rem;color:#aebcd0}

/* Service selector */
.selector-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.selector-tab{border:1px solid var(--line);background:white;border-radius:999px;padding:10px 14px;font-weight:750;color:#526079}.selector-tab.active{background:var(--ink);color:white;border-color:var(--ink)}
.service-panels>.service-panel{display:none}.service-panels>.service-panel.active{display:grid}
.service-panel{grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.service-main{padding:34px;border-radius:25px;background:white;border:1px solid var(--line)}.service-side{padding:30px;border-radius:25px;background:linear-gradient(150deg,var(--ink),#172944);color:white}.service-side p{color:#bdc9db}.deliverables{display:grid;gap:10px;margin:20px 0}.deliverable{display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:12px;background:#f5f8fb;color:#46556d}.service-side .deliverable{background:rgba(255,255,255,.07);color:#d8e0eb}

/* Dashboard */
.dashboard-body{background:#eef3f8;min-height:100vh}
.dashboard-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}
.dash-sidebar{position:sticky;top:0;height:100vh;padding:24px 17px;background:var(--ink);color:#aebcd0}.dash-brand{display:flex;align-items:center;gap:10px;color:white;font-weight:900;margin-bottom:28px}.dash-user{padding:14px;border-radius:14px;background:rgba(255,255,255,.06);display:flex;gap:10px;align-items:center;margin-bottom:22px}.dash-user .avatar{width:40px;height:40px}.dash-user strong{display:block;color:white;font-size:.88rem}.dash-user span{font-size:.72rem}.dash-nav{display:grid;gap:5px}.dash-nav a{padding:11px 12px;border-radius:10px;font-size:.88rem;font-weight:700}.dash-nav a.active,.dash-nav a:hover{background:rgba(37,201,183,.13);color:#78eadf}.dash-main{padding:26px 30px 45px;min-width:0}.dash-top{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:26px}.dash-top h1{font-size:2rem}.dash-actions{display:flex;gap:9px}.dash-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:20px}.dash-card{background:white;border:1px solid var(--line);border-radius:19px;padding:20px;box-shadow:0 5px 18px rgba(8,17,31,.035)}.dash-card h3{font-size:1.05rem}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.kpi{padding:18px;border-radius:17px;background:white;border:1px solid var(--line)}.kpi strong{display:block;font-size:1.65rem}.kpi span{font-size:.78rem;color:var(--muted)}.project-head{display:flex;justify-content:space-between;gap:15px}.timeline{display:grid;gap:0;margin-top:20px}.timeline-item{position:relative;display:grid;grid-template-columns:34px 1fr;gap:13px;padding-bottom:21px}.timeline-item:not(:last-child)::before{content:"";position:absolute;left:16px;top:30px;bottom:0;width:2px;background:#dce5ef}.timeline-icon{z-index:1;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--teal-dark);font-size:.72rem;font-weight:900}.timeline-icon.pending{background:#edf1f6;color:#8591a3}.timeline-content{padding:8px 12px;border-radius:13px;background:#f7f9fc}.timeline-content strong{display:block;font-size:.88rem}.timeline-content span{font-size:.75rem;color:var(--muted)}
.chat-list{display:grid;gap:12px}.message{display:flex;gap:10px}.message .avatar{width:34px;height:34px;font-size:.72rem;flex:0 0 auto}.bubble{padding:11px 13px;border-radius:13px;background:#f1f5f9;font-size:.83rem;color:#425069}.message.self{flex-direction:row-reverse}.message.self .bubble{background:var(--mint);color:#165e58}.chat-input{display:flex;gap:8px;margin-top:15px}.chat-input input{flex:1;border:1px solid var(--line);border-radius:11px;padding:11px}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:620px}.data-table th,.data-table td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);font-size:.84rem}.data-table th{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.data-table tr:hover td{background:#fafcfe}
.opportunity-list{display:grid;gap:12px}.opportunity{padding:16px;border:1px solid var(--line);border-radius:15px}.opportunity-top{display:flex;justify-content:space-between;gap:12px}.opportunity h4{font-size:.95rem;margin-bottom:5px}.opportunity p{font-size:.8rem;margin:0}.opportunity-footer{display:flex;justify-content:space-between;align-items:center;margin-top:13px}.amount{font-weight:900}

/* Brand guide */
.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.swatch{border-radius:16px;overflow:hidden;border:1px solid var(--line);background:white}.swatch-color{height:110px}.swatch-info{padding:13px}.swatch-info strong{display:block;font-size:.86rem}.swatch-info span{font-size:.72rem;color:var(--muted)}
.logo-stage{display:grid;grid-template-columns:1fr 1fr;gap:18px}.logo-version{min-height:220px;display:grid;place-items:center;border-radius:22px;border:1px solid var(--line);background:white}.logo-version.dark{background:var(--ink)}.brand-lockup{display:flex;align-items:center;gap:16px;font-size:2rem;font-weight:950;letter-spacing:-.055em}.brand-lockup .brand-mark{width:58px;height:58px;border-radius:18px}.brand-lockup .brand-mark svg{width:38px;height:38px}

/* Footer */
.footer{padding:58px 0 24px;background:#06101d;color:#aebbd0}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}.footer h4{color:white;font-size:.92rem;margin-bottom:15px;letter-spacing:0}.footer a{display:block;margin:9px 0;font-size:.87rem}.footer a:hover{color:white}.footer p{color:#9facbf}.footer-bottom{margin-top:44px;padding-top:20px;border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;gap:20px;font-size:.8rem}

/* Toast */
.toast{position:fixed;right:20px;bottom:20px;z-index:99;max-width:370px;padding:15px 17px;border-radius:14px;background:var(--ink);color:white;box-shadow:var(--shadow);transform:translateY(30px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:translateY(0);opacity:1}

@media(max-width:980px){
  .nav-links{display:none}.menu-btn{display:block}.nav-actions .btn-outline{display:none}
  .hero-grid,.inner-grid,.process-grid,.service-panel,.dash-grid{grid-template-columns:1fr}
  .hero-copy{text-align:center}.hero-copy .lead{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}
  .hero-card{max-width:680px;margin-inline:auto}.floating-note.one{left:10px}.floating-note.two{right:10px}
  .grid-4{grid-template-columns:repeat(2,1fr)}.grid-3,.expert-row,.pricing-grid{grid-template-columns:repeat(2,1fr)}.price-card.featured{transform:none}
  .feature-panel{position:relative;top:auto}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat:nth-child(3){border-left:0}
  .dashboard-shell{grid-template-columns:82px 1fr}.dash-sidebar{padding:20px 12px}.dash-brand span,.dash-user div,.dash-nav span{display:none}.dash-user{padding:8px}.dash-nav a{text-align:center}.dash-main{padding:22px}.kpi-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}
}
@media(max-width:680px){
  .container{width:min(100% - 26px,var(--max))}.section{padding:68px 0}.section-sm{padding:45px 0}.nav{height:68px}
  .hero{padding:58px 0 54px}.hero-grid{gap:38px}.dashboard-preview{grid-template-columns:90px 1fr;min-height:390px}.preview-sidebar{padding:15px 7px}.preview-main{padding:14px}.preview-nav span{font-size:.6rem;padding:8px 5px}.floating-note{display:none}
  .stats-grid,.grid-3,.grid-4,.expert-row,.pricing-grid,.form-grid,.swatches,.logo-stage{grid-template-columns:1fr}.stat{border-left:0;border-top:1px solid rgba(255,255,255,.1)}.stat:first-child{border-top:0}.cta-box{padding:38px 24px}
  .role-card{min-height:280px}.service-main,.service-side{padding:24px}.inner-hero{padding:60px 0}.mini-metrics{grid-template-columns:1fr 1fr}
  .dashboard-shell{display:block}.dash-sidebar{position:relative;height:auto;display:flex;align-items:center;gap:12px;overflow:auto}.dash-brand{margin:0}.dash-user{display:none}.dash-nav{display:flex;white-space:nowrap}.dash-main{padding:18px 13px 35px}.dash-top{align-items:flex-start}.dash-actions{flex-direction:column}.kpi-grid{grid-template-columns:1fr 1fr}.kpi{padding:14px}.project-head{display:block}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}
}