
:root{--bg:#120c10;--panel:rgba(32,17,23,.74);--panel2:rgba(45,20,28,.62);--line:rgba(255,183,194,.14);--access:#b74759;--access2:#7a2633;--rose:#e97c8f;--gold:#e6bd76;--cyan:#7bd7df;--green:#75d6a3;--text:#fff7f8;--muted:#c7adb3;--shadow:0 30px 90px rgba(0,0,0,.35);--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#2c121a 0,#160c11 38%,#0b0709 76%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--rose);outline-offset:4px}#dbNetwork{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;opacity:.38;z-index:-3}.orb{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:-2;opacity:.16}.orb-a{width:460px;height:460px;background:#c74760;left:-160px;top:12vh}.orb-b{width:520px;height:520px;background:#4faec4;right:-240px;top:42vh}.site-header{position:sticky;top:0;z-index:50;width:min(1180px,calc(100% - 32px));margin:16px auto 0;display:flex;align-items:center;gap:24px;padding:12px 14px 12px 16px;border:1px solid var(--line);border-radius:18px;background:rgba(18,9,13,.78);backdrop-filter:blur(18px);box-shadow:0 12px 40px rgba(0,0,0,.2)}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;font-weight:900;font-size:25px;background:linear-gradient(145deg,#c95b6c,#7a2432);border:1px solid rgba(255,255,255,.18);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.18)}.brand strong,.brand small{display:block}.brand strong{font-size:15px}.brand small{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:2px}.site-header nav{display:flex;gap:22px;color:#d2b9be;font-size:14px}.site-header nav a:hover{color:#fff}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-weight:800;transition:.2s var(--ease)}.header-cta{padding:11px 15px;background:linear-gradient(135deg,#e36c80,#b14456);color:#210a10}.header-cta:hover,.btn:hover{transform:translateY(-2px)}.section-shell{width:min(1180px,calc(100% - 36px));margin-inline:auto}.hero{min-height:calc(100vh - 100px);display:grid;grid-template-columns:1.08fr .92fr;gap:46px;align-items:center;padding:78px 0}.eyebrow{font-size:12px;letter-spacing:.16em;color:#ef9dad;font-weight:900}.hero h1{font-size:clamp(50px,7vw,88px);line-height:.94;margin:16px 0 24px;letter-spacing:-.05em}.hero h1 span{background:linear-gradient(90deg,#f38ba0,#e2bd7b);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p,.section-heading p{color:var(--muted);font-size:18px;line-height:1.7;max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-actions.centered{justify-content:center}.btn{padding:13px 18px;border:1px solid var(--line)}.btn.primary{background:linear-gradient(135deg,#e56c82,#b64254);color:#240a10;border:0;box-shadow:0 12px 40px rgba(210,75,98,.18)}.btn.secondary{background:rgba(255,255,255,.035);color:#fff3f5}.btn.big{padding:16px 24px;font-size:17px}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:38px}.hero-stats div{padding:13px 10px;border-top:1px solid var(--line)}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{font-size:24px;color:#ffd5dc}.hero-stats span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.glass-card{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.db-card{padding:18px;min-height:520px;display:flex;flex-direction:column}.db-window-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em;color:var(--muted);padding-bottom:12px;border-bottom:1px solid var(--line)}.db-window-top span:first-child{display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 16px var(--green)}.schema-stage{position:relative;height:390px;margin-top:8px}.relations-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.rel-line{fill:none;stroke:rgba(245,148,165,.52);stroke-width:2.2;stroke-dasharray:8 7;animation:dash 4s linear infinite}.l2{stroke:rgba(118,211,222,.48);animation-duration:5s}.l3{stroke:rgba(230,189,118,.45);animation-duration:4.6s}@keyframes dash{to{stroke-dashoffset:-60}}.table-box{position:absolute;width:148px;border:1px solid rgba(255,209,217,.19);border-radius:9px;overflow:hidden;background:rgba(25,12,17,.92);box-shadow:0 10px 30px rgba(0,0,0,.2);font-size:11px;color:#dac5c9}.table-box div{padding:5px 8px;border-top:1px solid rgba(255,255,255,.055)}.table-box .table-head{border-top:0;background:linear-gradient(135deg,#b94a5e,#762735);color:#fff;font-weight:800;padding:7px 8px}.students{left:3%;top:38px}.subjects{right:3%;top:14px}.grades{left:50%;top:150px;transform:translateX(-50%)}.reports{left:4%;bottom:18px}.pulse{position:absolute;width:8px;height:8px;border-radius:50%;background:#ffb1c0;box-shadow:0 0 16px #ff8fa3;animation:floatpulse 3s ease-in-out infinite}.p1{left:42%;top:122px}.p2{right:35%;top:121px;animation-delay:1s;background:#85dbe1;box-shadow:0 0 16px #6bd7e1}.p3{left:41%;bottom:100px;animation-delay:2s;background:#e4bc73;box-shadow:0 0 16px #e4bc73}@keyframes floatpulse{50%{transform:scale(1.8);opacity:.45}}.sql-strip{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#10090c}.sql-strip span{font-size:10px;font-weight:900;color:#f197a7}.sql-strip code{color:#d8c0c5;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-block{padding:100px 0}.section-heading{text-align:center;max-width:860px;margin:0 auto 42px}.section-heading h2{font-size:clamp(34px,5vw,56px);line-height:1.04;margin:12px 0 14px;letter-spacing:-.04em}.section-heading p{margin:0 auto}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{padding:24px;transition:.22s var(--ease)}.feature:hover,.mission-grid article:hover{transform:translateY(-4px);border-color:rgba(239,137,157,.30)}.feature>span{font-size:30px;color:#ef9caf}.feature h3{margin:18px 0 8px}.feature p{color:var(--muted);line-height:1.6;margin:0}.mission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mission-grid article{position:relative;min-height:160px;padding:18px;border-radius:18px;background:rgba(33,15,21,.72);border:1px solid rgba(247,171,184,.11);transition:.2s var(--ease);overflow:hidden}.mission-grid b{position:absolute;right:12px;top:8px;font-size:32px;color:rgba(246,178,190,.08)}.mission-grid span{font-size:27px;color:#f1a1b0}.mission-grid h3{font-size:14px;margin:22px 0 5px}.mission-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.mission-grid .final-mission{background:linear-gradient(145deg,rgba(168,58,79,.24),rgba(31,15,21,.75));border-color:rgba(240,141,159,.27)}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.role-grid.three{grid-template-columns:repeat(3,1fr)}.role-card{padding:30px}.role-icon{font-size:40px}.role-card h3{font-size:28px;margin:14px 0}.role-card ul{padding-left:20px;color:#d0b8bd;line-height:1.85;margin-bottom:26px}.lab-card{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:36px}.lab-copy h2{font-size:38px;margin:10px 0}.lab-copy p{color:var(--muted);line-height:1.7}.query-demo{border:1px solid rgba(255,255,255,.1);border-radius:13px;overflow:hidden;background:#10090c}.query-tabs{display:flex;background:#28131a;border-bottom:1px solid rgba(255,255,255,.08)}.query-tabs span{padding:9px 12px;font-size:12px;color:#bca6ab}.query-tabs .active{background:#7f2a39;color:#fff}.query-grid{display:grid;grid-template-columns:90px 1fr 1fr;font-size:12px}.query-grid>*{padding:9px;border-right:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.query-grid b{color:#ef9caf;background:#1c0e13}.query-result{padding:11px 12px;color:#8fe0ac;font-size:12px}.help-card{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:36px}.help-card h2{font-size:36px;margin:8px 0}.help-card p{color:var(--muted);line-height:1.7;max-width:720px}.help-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.final-cta{padding:30px 0 100px}.final-cta>div{text-align:center;padding:55px 30px;background:radial-gradient(circle at 50% 0,rgba(183,68,88,.18),rgba(31,14,20,.74) 58%)}.final-cta h2{font-size:46px;margin:10px 0}.final-cta p{color:var(--muted);margin-bottom:24px}footer{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:28px 0 42px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}footer strong,footer span{margin-right:10px;color:#fff4f6}footer a{color:#ef9caf}
@media(max-width:1000px){.site-header nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:90px}.hero-visual{max-width:650px;width:100%;margin:auto}.feature-grid{grid-template-columns:1fr 1fr}.mission-grid{grid-template-columns:repeat(3,1fr)}.role-grid.three{grid-template-columns:1fr 1fr}.lab-card{grid-template-columns:1fr}}
@media(max-width:680px){.site-header{width:calc(100% - 18px);margin-top:9px}.brand small{display:none}.header-cta{font-size:12px;padding:10px}.section-shell{width:min(100% - 24px,1180px)}.hero{padding-top:70px}.hero h1{font-size:50px}.hero p{font-size:16px}.hero-stats{grid-template-columns:1fr 1fr}.db-card{min-height:460px}.schema-stage{height:335px}.table-box{width:124px;font-size:10px}.feature-grid,.mission-grid,.role-grid,.role-grid.three{grid-template-columns:1fr}.section-block{padding:72px 0}.help-card{align-items:flex-start;flex-direction:column}.help-actions{justify-content:flex-start}.lab-card{padding:24px}.final-cta h2{font-size:34px}footer{flex-direction:column}.mission-grid article{min-height:132px}.students{left:0}.subjects{right:0}.reports{left:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
