:root{color-scheme:dark;--bg:#06113b;--blue:#1e5adc;--dark:#08185c;--text:#f1f5ff;--muted:#bac7eb;--line:#ffffff25}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07113b;color:var(--text);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #9ddfff;outline-offset:4px}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:-9999px;top:0}.skip:focus{left:12px;z-index:10;background:#fff;color:#000;padding:8px}.site-header{background:#08133de8;border-bottom:1px solid var(--line);position:relative;z-index:3}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px}.brand{text-decoration:none;font-size:1.05rem;font-weight:800;white-space:nowrap}.brand span{color:#76a5ff}.brand strong{font-weight:700}.menu{display:flex;gap:24px;align-items:center;list-style:none;margin:0;padding:0}.menu a{text-decoration:none;color:#dce7ff}.menu a:hover,.text-link:hover{color:#8bb4ff}.hero{min-height:610px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 40% 60% at 4% 35%,#2451b65c,transparent 75%),radial-gradient(ellipse 38% 70% at 100% 60%,#167ac43a,transparent 75%),linear-gradient(145deg,#08185c,#070d29)}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,#0008,transparent 75%)}.hero-inner{text-align:center;max-width:820px;padding:112px 0 98px;position:relative;z-index:1}.eyebrow{font-size:.77rem;letter-spacing:.18em;font-weight:800;color:#91baff}.hero h1{font-size:clamp(2.65rem,6vw,5.2rem);line-height:1.09;letter-spacing:-.055em;margin:24px auto}.hero h1 em{font-style:normal;color:#8bb6ff}.lead{font-size:1.15rem;color:#d3def6;max-width:700px;margin:0 auto}.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:34px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#2868e8;color:#fff;border:1px solid #5e95ff;border-radius:12px;padding:14px 22px;text-decoration:none;font:700 1rem/1.35 inherit;cursor:pointer;box-shadow:0 8px 30px #174edb33}.button:hover{background:#397afa}.button.secondary{background:#ffffff0b;border-color:#ffffff4d}.techline{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.techline span{font-size:.78rem;color:#d5e2ff;padding:5px 12px;border:1px solid #ffffff35;border-radius:100px;background:#ffffff0b}.hero-code{position:absolute;color:#a5c6ff;font:13px/1.85 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap;opacity:.26;pointer-events:none;transform:rotate(-8deg);top:140px}.code-left{left:-34px}.code-right{right:-22px;transform:rotate(7deg)}.section{padding-top:94px;padding-bottom:25px}.section-title{max-width:700px;margin-bottom:32px}.section h2,.cta h2,.content h1{font-size:clamp(1.9rem,4vw,3rem);line-height:1.18;letter-spacing:-.035em;margin:12px 0 18px}.section p,.cta p,.content p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature{padding:30px;border:1px solid #9dbbff30;border-radius:20px;background:linear-gradient(140deg,#1e3476aa,#0b1a49);box-shadow:0 16px 45px #02091e35}.feature h3,.feature h2{font-size:1.2rem;line-height:1.35}.feature a{text-decoration:none}.feature a:hover{text-decoration:underline}.symbol{display:inline-block;padding:8px 12px;border:1px solid #85acff4d;border-radius:10px;color:#9ec4ff;font:700 .9rem monospace}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.text-link{font-weight:700;color:#b0cbff}.terminal{background:#060e2b;border:1px solid #7597e74d;border-radius:16px;overflow:hidden;box-shadow:0 25px 70px #0005}.terminal-top{display:flex;align-items:center;gap:7px;padding:14px 17px;background:#132353;border-bottom:1px solid #ffffff20}.terminal-top span{width:9px;height:9px;border-radius:50%;background:#5773ae}.terminal-top small{margin-left:auto;color:#b6c7eb}.terminal pre{overflow:auto;margin:0;padding:26px;color:#a8d4ff;font:14px/1.9 Consolas,monospace}.cta{text-align:center;margin-top:95px;padding:85px 0;background:linear-gradient(145deg,#102b79,#081747)}.cta h2{max-width:720px;margin:18px auto}.cta p{margin-bottom:30px}.site-footer{border-top:1px solid var(--line);padding:25px 0;color:#c7d5f4;font-size:.88rem}.site-footer .wrap{display:flex;justify-content:space-between;gap:20px}.content{min-height:60vh;padding-top:75px;padding-bottom:100px}.prose{max-width:850px}.prose img{max-width:100%;height:auto}.prose a{color:#b8d2ff}.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.prose td,.prose th{padding:10px;border:1px solid #ffffff4a}.prose pre{overflow:auto}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px}.contact-card{padding:30px;border-radius:20px;background:#12245d;border:1px solid #ffffff32}.contact-card label{display:block;font-weight:650;margin:12px 0 6px}.contact-card input,.contact-card textarea{width:100%;border:1px solid #91a9df;background:#07143d;color:white;border-radius:9px;padding:12px;font:inherit}.contact-card button{margin-top:20px}.honeypot{position:absolute;left:-10000px}.dp-experience{padding:20px;border-left:3px solid #7bb4ff;background:#12245d}@media(max-width:900px){.hero-code{font-size:11px;opacity:.13}.cards{grid-template-columns:1fr 1fr}.split,.contact-layout{grid-template-columns:1fr;gap:30px}}@media(max-width:600px){.wrap{width:min(100% - 28px,1120px)}.header-inner{flex-direction:column;justify-content:center;gap:8px;padding:15px 0}.menu{gap:16px;font-size:.9rem}.hero{min-height:580px}.hero-inner{padding:80px 0}.hero-code{opacity:.19;font-size:10px;top:45px}.code-left{left:-85px}.code-right{right:-110px;top:280px}.hero h1{font-size:clamp(2.5rem,10vw,4rem)}.lead{font-size:1rem}.section{padding-top:65px}.cards{grid-template-columns:1fr}.feature{padding:23px}.cta{margin-top:60px;padding:65px 0}.site-footer .wrap{flex-direction:column;gap:6px}.contact-card{padding:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
