/* SVOI IT 6.2 P1 — unified design system and content layouts */
:root{
  --p1-bg:#07111f;
  --p1-surface:#0d1b2c;
  --p1-surface-2:#11243a;
  --p1-text:#f5f8fc;
  --p1-muted:#a8b7cb;
  --p1-line:rgba(255,255,255,.11);
  --p1-radius:18px;
  --p1-radius-lg:26px;
  --p1-shadow:0 18px 50px rgba(0,0,0,.18);
}
body{font-size:16px;line-height:1.65;background:var(--p1-bg);color:var(--p1-text)}
body,p,li{overflow-wrap:anywhere}p{max-width:72ch}h1,h2,h3,h4{font-family:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-wrap:balance}.section{padding-block:clamp(54px,7vw,96px)}.eyebrow{letter-spacing:.12em;text-transform:uppercase;font-weight:800;font-size:12px;color:var(--accent,#59d9ff)}.lead{font-size:clamp(17px,2vw,21px);line-height:1.65;color:#c8d5e4}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 18px;border:1px solid transparent;border-radius:13px;text-decoration:none;font-weight:800;line-height:1.2;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.btn-primary{background:linear-gradient(135deg,var(--accent,#59d9ff),var(--accent2,#3f7cff));color:#06101d;box-shadow:0 10px 28px color-mix(in srgb,var(--accent,#59d9ff) 18%,transparent)}.btn-secondary{border-color:var(--p1-line);background:rgba(255,255,255,.035);color:var(--p1-text)}@media(hover:hover){.btn:hover{transform:translateY(-2px)}.btn-secondary:hover{background:rgba(255,255,255,.075)}}

/* Header */
.site-header .header-inner{width:min(100% - 32px,1200px)!important}.svoiit-ecosystem-nav{gap:6px!important}.svoiit-ecosystem-nav .nav-link,.directions-menu>summary{min-height:42px;display:flex;align-items:center;padding:9px 11px;border-radius:11px;color:#dcecff;text-decoration:none;font-size:13px;font-weight:750}.svoiit-ecosystem-nav .nav-link:hover,.directions-menu>summary:hover{background:rgba(255,255,255,.055)}.directions-menu>summary{border:0!important}.directions-popover{width:min(390px,calc(100vw - 32px))!important;padding:12px!important}.directions-popover a{display:grid!important;gap:2px}.directions-popover a small{display:block;color:#8fa4bb;font-weight:500;font-size:11px}.mobile-nav-section{margin:10px 14px 4px;color:#7890a8;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}

/* Hero */
.p1-hero{position:relative;padding-top:clamp(64px,9vw,124px);padding-bottom:clamp(60px,8vw,112px);overflow:hidden}.p1-hero::before{content:"";position:absolute;inset:-20% -10% auto 45%;height:520px;background:radial-gradient(circle,color-mix(in srgb,var(--accent,#59d9ff) 15%,transparent),transparent 66%);pointer-events:none}.p1-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:clamp(28px,5vw,74px);align-items:center}.p1-hero-copy{min-width:0}.p1-hero-copy h1{max-width:18ch;margin:12px 0 20px;font-size:clamp(39px,5.6vw,72px);line-height:1.02;letter-spacing:-.045em}.p1-hero-copy .lead{max-width:64ch;margin-bottom:28px}.p1-hero-actions{display:flex;flex-wrap:wrap;gap:10px}.p1-hero-aside{padding:clamp(22px,3vw,34px);border:1px solid var(--p1-line);border-radius:var(--p1-radius-lg);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02));box-shadow:var(--p1-shadow);backdrop-filter:blur(12px)}.p1-hero-aside strong,.p1-hero-aside h2{display:block;margin:0 0 12px;font-size:clamp(20px,2.2vw,28px);line-height:1.2}.p1-hero-aside p{margin:0;color:#b9c8d9}

/* Directions */
.p1-direction-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:28px}.p1-direction-card{min-width:0;display:flex;flex-direction:column;min-height:260px;padding:22px;border:1px solid var(--p1-line);border-radius:var(--p1-radius);background:linear-gradient(150deg,rgba(255,255,255,.048),rgba(255,255,255,.018));color:inherit;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.07);transition:transform .22s ease,border-color .22s ease,background .22s ease}.p1-direction-card h3{margin:18px 0 10px;font-size:20px}.p1-direction-card p{margin:0 0 22px;color:#aebed0;font-size:14px;line-height:1.55}.p1-direction-card b{margin-top:auto;color:var(--accent,#59d9ff);font-size:13px}.p1-direction-kicker{width:fit-content;padding:5px 8px;border:1px solid color-mix(in srgb,var(--accent,#59d9ff) 32%,transparent);border-radius:8px;color:var(--accent,#59d9ff);font-size:10px;font-weight:900;letter-spacing:.11em}@media(hover:hover){.p1-direction-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent,#59d9ff) 45%,transparent);background:linear-gradient(150deg,color-mix(in srgb,var(--accent,#59d9ff) 8%,rgba(255,255,255,.04)),rgba(255,255,255,.02))}}

/* Problems / service cards */
.p1-problem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}.p1-problem-card,.p1-service-card,.p1-process-card{min-width:0;padding:22px;border:1px solid var(--p1-line);border-radius:var(--p1-radius);background:rgba(255,255,255,.025)}.p1-problem-card h3,.p1-service-card h3,.p1-process-card h3{margin:0 0 10px;font-size:19px;line-height:1.25}.p1-problem-card p,.p1-service-card p,.p1-process-card p{margin:0;color:#aebed0;font-size:14px;line-height:1.6}.p1-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.p1-service-card{position:relative;min-height:210px;background:linear-gradient(155deg,rgba(255,255,255,.04),rgba(255,255,255,.015))}.p1-service-index{display:block;margin-bottom:26px;color:var(--accent,#59d9ff);font-size:12px;font-weight:900;letter-spacing:.12em}

/* Process */
.p1-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.p1-process-card .p1-card-index{display:grid;place-items:center;width:38px;height:38px;margin:0 0 22px;border:1px solid color-mix(in srgb,var(--accent,#59d9ff) 34%,transparent);border-radius:50%;color:var(--accent,#59d9ff);font-size:11px;font-weight:900}.p1-process-card{min-height:210px}

/* FAQ */
.p1-faq-list{display:grid;gap:10px;margin-top:28px}.p1-faq-item{border:1px solid var(--p1-line);border-radius:15px;background:rgba(255,255,255,.025);overflow:hidden}.p1-faq-item summary{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 20px;cursor:pointer;list-style:none;font-weight:800}.p1-faq-item summary::-webkit-details-marker{display:none}.p1-faq-item summary span{flex:0 0 auto;color:var(--accent,#59d9ff);font-size:22px;transition:transform .2s ease}.p1-faq-item[open] summary span{transform:rotate(45deg)}.p1-faq-answer{padding:0 20px 20px;color:#b5c5d6}.p1-faq-answer>*:first-child{margin-top:0}.p1-faq-answer>*:last-child{margin-bottom:0}

/* Footer */
.site-footer{border-top:1px solid var(--p1-line);background:#06101d}.footer-grid{grid-template-columns:1.25fr .9fr .75fr!important}.site-footer h4{font-size:14px}.site-footer p,.site-footer a{line-height:1.65}

@media(max-width:1100px){.p1-direction-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.p1-problem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p1-service-grid,.p1-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.p1-hero-grid{grid-template-columns:1fr}.p1-hero-aside{max-width:680px}.site-header .header-inner{width:min(100% - 24px,1200px)!important}}
@media(max-width:768px){.p1-direction-grid,.p1-problem-grid,.p1-service-grid,.p1-process-grid{grid-template-columns:1fr}.p1-direction-card{min-height:0}.p1-hero-copy h1{font-size:clamp(36px,11vw,54px)}.p1-hero-actions{display:grid}.p1-hero-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr!important}}
@media(max-width:360px){.p1-hero{padding-top:48px}.p1-problem-card,.p1-service-card,.p1-process-card,.p1-direction-card{padding:18px}.p1-faq-item summary{padding:16px}.p1-faq-answer{padding:0 16px 16px}}