/* OrkestFy landing — shared styles. Light, professional, single accent, no gradients. */ :root{ --bg:#ffffff; --bg-alt:#f6f8fb; --ink:#0f1726; --muted:#5b6678; --faint:#8a93a3; --line:#e6e9f0; --line-strong:#d7dce6; --accent:#4d7cfe; --accent-ink:#3a63d8; --accent-soft:#eef2ff; --good:#1f9d6b; --good-soft:#e7f6ef; --warn:#c98a17; --warn-soft:#fbf3e2; --dark:#0d1117; --dark-2:#161b24; --radius:14px; --maxw:1160px; --shadow:0 1px 2px rgba(16,23,38,.04), 0 8px 28px rgba(16,23,38,.06); --surface:#ffffff; --header-bg:rgba(255,255,255,.86); } /* Dark theme — set via data-theme="dark" on */ html[data-theme="dark"]{ --bg:#0d1117; --bg-alt:#11161f; --surface:#161b24; --ink:#e8edf4; --muted:#9aa4b3; --faint:#6b7585; --line:#222a36; --line-strong:#2c3542; --accent:#5b86ff; --accent-ink:#7da0ff; --accent-soft:#18223a; --good:#46b380; --good-soft:#13301f; --warn:#d6a64f; --warn-soft:#33290f; --header-bg:rgba(13,17,23,.82); --shadow:0 1px 2px rgba(0,0,0,.3), 0 10px 30px rgba(0,0,0,.4); } html[data-theme="dark"] .cta-band, html[data-theme="dark"] .site-footer{background:var(--bg-alt);border-top:1px solid var(--line)} html[data-theme="dark"] .stat .n.dim{color:#3b4555} *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:84px} body{ background:var(--bg);color:var(--ink); font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; -webkit-font-smoothing:antialiased;line-height:1.55;font-size:17px; } a{color:inherit;text-decoration:none} img{max-width:100%;display:block} .container{max-width:var(--maxw);margin:0 auto;padding:0 24px} .accent{color:var(--accent)} .eyebrow{display:inline-block;font-size:clamp(14px,1.6vw,20px);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:16px} .eyebrow::after{content:"";display:block;width:48px;height:3px;border-radius:2px;background:var(--accent);margin:12px auto 0;opacity:.85} h1,h2,h3{letter-spacing:-.02em;line-height:1.1;color:var(--ink)} h2{font-size:clamp(28px,4vw,44px);font-weight:750} h3{font-size:clamp(18px,2vw,22px);font-weight:700;letter-spacing:-.01em} .lead{font-size:clamp(17px,1.6vw,20px);color:var(--muted);line-height:1.55} .lead b{color:var(--ink);font-weight:650} /* buttons */ .btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px; padding:12px 20px;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:.18s;white-space:nowrap} .btn-primary{background:var(--accent);color:#fff} .btn-primary:hover{background:var(--accent-ink)} .btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)} .btn-ghost:hover{border-color:var(--accent);color:var(--accent)} .btn-lg{padding:15px 26px;font-size:16px} /* header */ .site-header{position:sticky;top:0;z-index:100;background:var(--header-bg); backdrop-filter:saturate(150%) blur(10px);border-bottom:1px solid var(--line)} .nav{display:flex;align-items:center;justify-content:space-between;height:66px} .brand{font-weight:800;font-size:20px;letter-spacing:-.02em} .brand span{color:var(--accent)} .nav-links{display:flex;align-items:center;gap:20px;list-style:none} .nav-links a{font-size:14px;color:var(--muted);font-weight:500;transition:.15s;white-space:nowrap} .nav-links a:hover{color:var(--ink)} .nav-right{display:flex;align-items:center;gap:12px} .lang{display:flex;gap:2px;font-size:13px;font-weight:600;color:var(--faint)} .lang a{padding:4px 7px;border-radius:6px} .lang a.on{color:var(--accent);background:var(--accent-soft)} .nav-toggle{display:none;background:none;border:0;cursor:pointer;width:40px;height:40px;color:var(--ink)} .theme-toggle{background:none;border:1px solid var(--line-strong);border-radius:8px;width:38px;height:38px; display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);transition:.15s;padding:0} .theme-toggle:hover{border-color:var(--accent);color:var(--accent)} .theme-toggle .sun{display:none} .theme-toggle .moon{display:inline-flex} html[data-theme="dark"] .theme-toggle .moon{display:none} html[data-theme="dark"] .theme-toggle .sun{display:inline-flex} /* hero */ .hero{padding:clamp(40px,6vw,72px) 0;border-bottom:1px solid var(--line); background:radial-gradient(1100px 460px at 80% -8%, var(--accent-soft) 0%, transparent 60%); min-height:calc(100vh - 66px);display:flex;align-items:center} .hero>.container{width:100%} .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center} .hero h1{font-size:clamp(36px,5.6vw,62px);font-weight:800} /* hero cover style — mirrors the presentation cover slide */ .hero-wordmark{font-weight:900;letter-spacing:-.045em;line-height:.95;color:var(--ink);font-size:clamp(52px,10vw,116px)} .hero-wordmark span{color:var(--accent)} .hero .hero-claim{margin-top:14px;font-size:clamp(22px,3.2vw,38px);font-weight:750;letter-spacing:-.02em;line-height:1.14} .rotate{display:inline-block} .bcur{display:inline-block;min-width:.5em;background:var(--accent);color:var(--bg);border-radius:2px;padding:0 .02em} .bcur.idle{animation:blink 1.05s steps(1) infinite} @keyframes blink{50%{opacity:0}} .hero p.lead{margin-top:22px;max-width:560px} .hero-signature{margin-top:18px;font-size:clamp(17px,1.7vw,21px);color:var(--accent);font-weight:600;line-height:1.3} .hero-signature strong{font-weight:700} .hero-inner .hero-signature{margin-left:auto;margin-right:auto;max-width:560px} .hero-trust{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:center;align-items:center; margin-top:clamp(26px,3.5vw,40px);font-size:13.5px;color:var(--muted);font-weight:600} .hero-trust .ti{display:flex;align-items:center;gap:8px} .hero-trust .dot{width:7px;height:7px;border-radius:50%;background:var(--good)} .hero-cta{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap} .hero-note{margin-top:20px;font-size:14px;color:var(--faint)} .hero-note strong{color:var(--muted);font-weight:600} .hero-inner{max-width:800px;margin:0 auto;text-align:center} .hero-inner .lead{margin-left:auto;margin-right:auto} .hero-inner .hero-cta{justify-content:center} .brain-wrap{max-width:760px;margin:0 auto clamp(40px,6vw,60px)} .brain-cap{text-align:center;margin-top:18px;font-weight:650;font-size:clamp(16px,2vw,22px);color:var(--ink)} /* brain visual */ .brain{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:22px;box-shadow:var(--shadow)} .crown{border:1px solid var(--accent);background:var(--accent-soft);border-radius:12px;padding:16px 18px;text-align:center} .crown .t{font-weight:700;font-size:14px;letter-spacing:.04em;color:var(--accent-ink)} .crown .s{font-size:12.5px;color:var(--muted);margin-top:4px} .down{text-align:center;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);padding:11px 0} .units{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .unit{border:1px solid var(--line);border-radius:10px;padding:13px;background:var(--bg-alt)} .unit .h{font-weight:650;font-size:13.5px;display:flex;justify-content:space-between;align-items:center} .unit .lock{font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--good);background:var(--good-soft);padding:2px 6px;border-radius:5px} .unit .b{font-size:11.5px;color:var(--faint);margin-top:6px;line-height:1.35} .bridge{margin-top:12px;border:1px dashed var(--accent);border-radius:10px;padding:12px 14px;text-align:center;font-size:13px;color:var(--accent-ink);background:var(--surface)} .bridge b{font-weight:700} /* orchestration flow visual */ .flow-wrap{max-width:960px;margin:0 auto clamp(32px,5vw,48px)} .flow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px} .fstage{flex:1 1 220px;min-width:200px;border:1px solid var(--line);background:var(--surface);border-radius:14px; padding:20px 18px;box-shadow:var(--shadow);text-align:center} .fstage-main{border-color:var(--accent);background:var(--accent-soft)} .fk{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--faint);margin-bottom:11px} .fstage-main .fk{color:var(--accent-ink)} .fb{font-size:13.5px;color:var(--muted);line-height:1.4} .fchips,.ftools{display:flex;flex-wrap:wrap;gap:6px;justify-content:center} .fchips span{font-size:12.5px;font-weight:600;color:var(--accent-ink);background:var(--surface); border:1px solid var(--accent);border-radius:20px;padding:4px 11px} .ftools span{font-size:12.5px;font-weight:600;color:var(--ink);background:var(--bg-alt); border:1px solid var(--line);border-radius:7px;padding:4px 10px} .fnote{font-size:12px;color:var(--muted);margin-top:11px;font-style:italic} .farrow{flex:0 0 auto;font-size:22px;line-height:1;color:var(--accent);font-weight:700} .flow-cap{text-align:center;margin-top:18px;font-weight:650;font-size:clamp(15px,1.8vw,19px);color:var(--ink)} @media(max-width:680px){.farrow{transform:rotate(90deg)}.fstage{flex-basis:100%}} /* trust strip */ .trust-strip{border-bottom:1px solid var(--line);background:var(--bg)} .trust-strip .container{display:flex;flex-wrap:wrap;gap:14px 34px;justify-content:center;align-items:center; padding-top:18px;padding-bottom:18px;font-size:13.5px;color:var(--muted);font-weight:600} .trust-strip .ti{display:flex;align-items:center;gap:8px} .trust-strip .dot{width:7px;height:7px;border-radius:50%;background:var(--good)} /* sections */ .section{padding:clamp(56px,7vw,96px) 0} .section-full{min-height:calc(100vh - 66px);display:flex;align-items:center} .section-full>.container{width:100%} .section-alt{background:var(--bg-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .section-head{max-width:800px;margin:0 auto clamp(38px,5vw,56px);text-align:center} .section-head h2,.split h2{font-size:clamp(30px,4.4vw,48px);font-weight:800} .section-head .lead{margin-top:16px} /* stats */ .stats-row{display:flex;gap:clamp(28px,6vw,80px);flex-wrap:wrap;justify-content:center;align-items:flex-start;text-align:center} .stat .n{font-size:clamp(48px,8vw,84px);font-weight:800;letter-spacing:-.03em;line-height:1} .stat .n.accent{color:var(--accent)} .stat .n.dim{color:#c2c9d6} .dash{font-size:.46em;font-weight:600;vertical-align:.12em;margin:0 .03em;letter-spacing:0} .stat .l{font-size:15px;color:var(--muted);margin-top:12px;max-width:260px} .src{font-size:12.5px;color:var(--faint);text-align:center;margin-top:26px} /* problem split + iceberg (mirrors presentation slide 2) */ .split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,56px);align-items:center;text-align:left} .split .eyebrow::after{margin-left:0} .split h2+.lead{margin-top:16px} .split .stats-row{justify-content:flex-start;text-align:left;gap:clamp(24px,4vw,52px);margin-top:28px} .split .stat .l{margin-left:0;text-align:left} .split .src{text-align:left;margin-top:18px} @media(max-width:820px){.split{grid-template-columns:1fr;gap:30px}.split .berg2{max-width:360px}} .berg2{position:relative;width:100%;max-width:430px;margin:0 auto} .berg2 svg{display:block;width:100%;height:auto;filter:drop-shadow(0 22px 44px rgba(13,19,32,.32))} .berg2 .lbl{position:absolute;transform:translateX(-50%);text-align:center;display:flex;flex-direction:column;align-items:center;line-height:1;pointer-events:none} .lbl-tip{bottom:91%;left:50%} .lbl-tip .k{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)} .lbl-tip .pct{font-weight:900;font-size:clamp(17px,2.2vw,22px);color:var(--accent-ink);margin-top:3px} .lbl-mass{top:32%;left:50%} .lbl-mass .pct{font-weight:900;font-size:clamp(32px,4.8vw,48px);color:#fff;line-height:1} .lbl-mass .k{font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#9db4e8;margin-top:4px} .berg2 .needs{position:absolute;top:57%;left:50%;transform:translateX(-50%);width:48%;list-style:none;display:grid;gap:8px;text-align:center;pointer-events:none} .berg2 .needs li{font-size:clamp(11.5px,1.4vw,13.5px);font-weight:600;color:#d8e4fa;letter-spacing:.01em} /* big single stat + punch (reality section, from presentation) */ .bigstat{display:flex;align-items:center;justify-content:center;gap:clamp(20px,3vw,40px);flex-wrap:wrap;margin:0 auto;max-width:760px} .bigstat .bn{font-size:clamp(64px,11vw,128px);font-weight:900;letter-spacing:-.045em;color:var(--accent);line-height:.9} .bigstat .bc{font-size:clamp(16px,1.7vw,20px);color:var(--muted);max-width:34ch;line-height:1.5;text-align:left} .bigstat .bc b{color:var(--ink);font-weight:650} .bigstat .bc .src{display:block;margin-top:10px;text-align:left} .punch{margin:clamp(28px,4vw,44px) auto 0;font-size:clamp(20px,2.6vw,31px);font-weight:750;letter-spacing:-.02em;line-height:1.2;color:var(--ink);max-width:40ch;text-align:center} .punch .accent{color:var(--accent)} @media(max-width:560px){.bigstat .bc{text-align:center}} /* value cards */ .value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch} .stat-card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius); padding:32px 28px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px} .stat-card .n{font-size:clamp(46px,6vw,66px);font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--ink)} .stat-card .n.accent{color:var(--accent)} .stat-card .l{font-size:14.5px;color:var(--muted);line-height:1.45} .stat-card .l strong{color:var(--ink);font-weight:700} .stat-card .ic{width:44px;height:44px;border-radius:11px;background:var(--accent-soft);color:var(--accent); display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:700} .stat-card h3{font-size:18px;margin-top:2px} .stat-card ul{list-style:none;display:grid;gap:9px;margin-top:2px} .stat-card li{font-size:14px;color:var(--ink);padding-left:22px;position:relative;line-height:1.35} .stat-card li::before{content:"✓";position:absolute;left:0;color:var(--good);font-weight:700} /* generic card grids */ .cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .cards-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px} .card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)} .card .k{font-size:22px;line-height:1;margin-bottom:14px} .card.bad .k{color:var(--warn);font-weight:800} .card h3{margin-bottom:8px} .card p{font-size:15px;color:var(--muted)} /* 4-pillar grid */ .four-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px} .four-grid .feature{padding:22px 20px} /* features */ .features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} .feature{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)} .feature .ic{width:42px;height:42px;border-radius:10px;background:var(--accent-soft);color:var(--accent); display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;margin-bottom:16px} .feature h3{margin-bottom:8px} .feature p{font-size:14.5px;color:var(--muted)} /* pillar detail cards (Memoria/Contexto) */ .dcards{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:760px;margin:clamp(22px,3vw,34px) auto 0} .dcard{border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:14px;padding:22px 24px;box-shadow:var(--shadow);background:var(--surface)} .dcard .dt{font-weight:800;font-size:17px;color:var(--ink);letter-spacing:-.01em} .dcard .dd{font-size:14.5px;color:var(--muted);line-height:1.45;margin-top:6px} @media(max-width:680px){.dcards{grid-template-columns:1fr}} /* pillar detail spectrum (Ejecución) */ .spectrum{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:14px;width:100%;max-width:940px;margin:clamp(20px,3vw,30px) auto 0;align-items:stretch} .spcard{border:1px solid var(--line);border-radius:14px;padding:18px 20px;box-shadow:var(--shadow);background:var(--surface);display:flex;flex-direction:column;gap:7px;text-align:left} .spcard .lv{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)} .spcard .spt{font-weight:750;font-size:clamp(15px,1.7vw,17px);color:var(--ink);letter-spacing:-.01em} .spcard .spx{font-size:14px;color:var(--muted);line-height:1.42} .spcard.mid{background:var(--accent-soft);border-color:var(--accent)} .spcard.mid .lv{color:var(--accent-ink)} .spcard.full{background:var(--accent);border-color:var(--accent)} .spcard.full .lv{color:#fff;opacity:.82} .spcard.full .spt,.spcard.full .spx{color:#fff} @media(max-width:680px){.spectrum{grid-template-columns:1fr}} /* pillar detail governance (chips + A/B) */ .gov-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,56px);align-items:center;width:100%;max-width:920px;margin:clamp(22px,3vw,34px) auto 0} @media(max-width:760px){.gov-split{grid-template-columns:1fr;gap:32px}} .pillars{display:grid;grid-template-columns:1fr 1fr;gap:12px} .pillar{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;padding:12px 14px;background:var(--surface);box-shadow:var(--shadow);font-weight:700;font-size:14.5px;color:var(--ink)} .pillar .pdot{flex:0 0 auto;width:22px;height:22px;border-radius:7px;background:var(--accent-soft);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900} .ab{width:100%;max-width:420px;margin:0 auto;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:24px;background:var(--surface)} .ab-title{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);text-align:center;margin-bottom:18px} .ab-row{display:flex;align-items:center;gap:10px;margin-bottom:14px} .ab-lbl{flex:0 0 46px;font-size:13px;font-weight:800;color:var(--ink)} .ab-bar{position:relative;flex:1;height:26px;border-radius:7px;background:var(--bg-alt);overflow:hidden} .ab-bar::after{content:"";position:absolute;left:80%;top:0;bottom:0;border-left:2px dashed #8893a3;z-index:2} .ab-fill{height:100%;border-radius:7px;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;font-size:12px;font-weight:800;color:#fff} .ab-fill.lo{width:38%;background:var(--warn)} .ab-fill.hi{width:100%;background:var(--good)} .reveal.in .ab-fill{animation:abgrow .9s cubic-bezier(.2,.7,.2,1)} @keyframes abgrow{from{width:0}} .ab-cap{text-align:center;font-size:13px;color:var(--muted);font-style:italic;margin-top:10px} /* compare rows */ .compare{display:grid;gap:14px;max-width:900px;margin:0 auto} .crow{display:grid;grid-template-columns:160px 1fr;gap:20px;align-items:center;border:1px solid var(--line); border-radius:12px;padding:20px 24px;background:var(--surface)} .crow.them{opacity:.72} .crow.us{border-color:var(--accent);box-shadow:var(--shadow)} .crow .tag{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)} .crow.us .tag{color:var(--accent)} .crow .txt{font-size:16px;font-weight:550} .crow.them .txt{color:var(--muted);font-weight:500} /* compliance certs */ .certs{display:grid;grid-template-columns:repeat(5,1fr);gap:14px} .cert{border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--surface);display:flex;flex-direction:column;gap:10px} .cert .badge{align-self:flex-start;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:5px 9px;border-radius:6px} .cert .badge.ok{color:var(--good);background:var(--good-soft)} .cert .badge.wip{color:var(--warn);background:var(--warn-soft)} .cert .ct{font-weight:700;font-size:16px} .cert .cd{font-size:12.5px;color:var(--muted);line-height:1.4} .floor-note{text-align:center;max-width:760px;margin:34px auto 0;font-size:16px;color:var(--muted)} .floor-note b{color:var(--ink)} /* use cases */ .usecase{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:30px;box-shadow:var(--shadow);position:relative;overflow:hidden} .ribbon{position:absolute;top:22px;right:-52px;width:192px;transform:rotate(45deg); background:var(--good-soft);color:var(--good);text-align:center; font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase; padding:5px 0;box-shadow:0 1px 4px rgba(16,23,38,.12)} .usecase .tag{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:12px} .usecase h3{margin-bottom:10px} .usecase p{font-size:15px;color:var(--muted)} .usecase ul{list-style:none;margin-top:16px;display:grid;gap:9px} .usecase li{font-size:14.5px;color:var(--ink);padding-left:24px;position:relative} .usecase li::before{content:"✓";position:absolute;left:0;color:var(--good);font-weight:700} /* cta band */ .cta-band{background:var(--dark);color:#fff;border-radius:0} .cta-band .container{padding-top:clamp(56px,7vw,88px);padding-bottom:clamp(56px,7vw,88px);text-align:center} .cta-band h2{color:#fff;font-size:clamp(28px,4vw,46px)} .cta-band p{color:#aeb6c4;max-width:620px;margin:18px auto 30px;font-size:18px} .cta-band .btn-ghost{color:#fff;border-color:rgba(255,255,255,.3)} .cta-band .btn-ghost:hover{border-color:#fff;color:#fff} /* faq */ .faq{max-width:820px;margin:0 auto;display:grid;gap:12px} .faq details{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:4px 22px} .faq summary{cursor:pointer;font-weight:650;font-size:17px;padding:18px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px} .faq summary::-webkit-details-marker{display:none} .faq summary::after{content:"+";color:var(--accent);font-size:22px;font-weight:400;transition:.2s} .faq details[open] summary::after{transform:rotate(45deg)} .faq details p{padding:0 0 20px;color:var(--muted);font-size:15.5px} /* footer */ .site-footer{background:var(--dark);color:#aeb6c4;padding:64px 0 36px} .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px} .foot-brand .brand{color:#fff;font-size:22px} .foot-brand span{color:var(--accent)} .foot-brand p{margin-top:14px;font-size:14px;max-width:280px;color:#828c9c} .foot-col h4{color:#fff;font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px;font-weight:600} .foot-col ul{list-style:none;display:grid;gap:10px} .foot-col a{font-size:14px;color:#aeb6c4;transition:.15s} .foot-col a:hover{color:#fff} .foot-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:48px;padding-top:24px; display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:#79828f} /* reveal */ .reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease} .reveal.in{opacity:1;transform:none} /* responsive */ /* nav collapses to hamburger before the 7 items get cramped */ @media(max-width:1160px){ .nav-links{position:fixed;inset:66px 0 auto 0;background:var(--surface);border-bottom:1px solid var(--line); flex-direction:column;align-items:flex-start;gap:0;padding:8px 24px 18px;display:none;box-shadow:var(--shadow)} .nav-links.open{display:flex} .nav-links li{width:100%} .nav-links a{display:block;padding:13px 0;font-size:16px;width:100%;border-bottom:1px solid var(--line);white-space:normal} .nav-toggle{display:inline-flex} } @media(max-width:960px){ .hero-grid{grid-template-columns:1fr;gap:40px} .hero .brain{max-width:520px} .cards-3,.features,.four-grid{grid-template-columns:1fr 1fr} .certs{grid-template-columns:repeat(2,1fr)} .foot-grid{grid-template-columns:1fr 1fr} } @media(max-width:680px){ body{font-size:16px} .nav-links{position:fixed;inset:66px 0 auto 0;background:var(--surface);border-bottom:1px solid var(--line); flex-direction:column;align-items:flex-start;gap:0;padding:8px 24px 18px;display:none;box-shadow:var(--shadow)} .nav-links.open{display:flex} .nav-links li{width:100%} .nav-links a{display:block;padding:13px 0;font-size:16px;width:100%;border-bottom:1px solid var(--line)} .nav-toggle{display:inline-flex} .nav-cta-desktop{display:none} .cards-3,.cards-2,.features,.four-grid,.value-grid{grid-template-columns:1fr} .certs{grid-template-columns:1fr} .crow{grid-template-columns:1fr;gap:6px} .stats-row{gap:34px} .foot-grid{grid-template-columns:1fr 1fr} } @media(max-width:440px){.foot-grid{grid-template-columns:1fr}} @media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} .reveal{transition:none;opacity:1;transform:none} }