:root{--ink:#f8f8fb;--muted:#c8c8d6;--line:rgba(255,255,255,.22);--glass:rgba(4,4,12,.42);--lavender:#8686cb;--violet:#555584}*{box-sizing:border-box}html,body{min-height:100%;margin:0}html{background:#000}body{color:var(--ink);font-family:"Space Grotesk",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}#ascii-canvas{position:absolute;inset:0;width:100%;height:100vh;min-height:800px;background:#000;pointer-events:none}.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.site-header{position:absolute;z-index:10;top:0;left:50%;width:min(calc(100% - 48px),1240px);height:84px;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-family:"DM Mono",monospace;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.header-link{padding:10px 14px;border:1px solid var(--line);background:rgba(0,0,0,.18);backdrop-filter:blur(12px);transition:.25s}.header-link:hover{border-color:white;background:white;color:#08080f}.hero{position:relative;isolation:isolate;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:130px 24px 54px;overflow:hidden;perspective:1000px;background:radial-gradient(circle at 50% 55%,transparent 20%,rgba(0,0,0,.44) 84%)}.parallax-layer{position:absolute;inset:-40px;pointer-events:none;transform-style:preserve-3d;will-change:transform;transition:transform .25s ease-out}.layer-back{opacity:.32}.orbit{position:absolute;border:1px solid rgba(255,255,255,.28);border-radius:50%;box-shadow:0 0 60px rgba(134,134,203,.08)}.orbit-one{top:12%;left:12%;width:260px;height:260px}.orbit-two{right:10%;bottom:12%;width:190px;height:190px}.layer-middle{opacity:.65}.glow{position:absolute;border-radius:28px;background:rgba(134,134,203,.28);filter:blur(34px)}.glow-one{top:21%;right:21%;width:180px;height:180px;transform:rotate(12deg)}.glow-two{bottom:18%;left:20%;width:210px;height:210px;background:rgba(85,85,132,.42);transform:rotate(-12deg)}.spark{position:absolute;border-radius:50%;background:#fff;box-shadow:0 0 16px #fff}.spark-one{top:16%;left:10%;width:5px;height:5px}.spark-two{right:11%;bottom:20%;width:4px;height:4px}.spark-three{top:47%;right:18%;width:3px;height:3px}.hero-content{position:relative;z-index:5;width:min(100%,980px);margin:auto;text-align:center;transform-style:preserve-3d;will-change:transform;transition:transform .1s ease-out}.brand-logo{display:block;width:min(340px,64vw);margin:0 auto 24px;border-radius:3px;box-shadow:0 16px 70px rgba(0,0,0,.35)}.badge{display:inline-block;margin:0 0 22px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--glass);backdrop-filter:blur(14px);color:#dedee9;font-family:"DM Mono",monospace;font-size:.67rem;letter-spacing:.11em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(3.4rem,7.5vw,7.5rem);font-weight:700;line-height:.88;letter-spacing:-.07em;text-wrap:balance}.hero h1 span{display:block;background:linear-gradient(100deg,#fff 10%,#aaaade 56%,#73739f);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:690px;margin:28px auto 0;color:var(--muted);font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.55;text-wrap:balance}.hero-actions{display:flex;justify-content:center;gap:14px;margin-top:34px}.button{position:relative;display:inline-flex;min-height:54px;padding:0 25px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;font-size:.88rem;font-weight:600;overflow:hidden;backdrop-filter:blur(14px);transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-2px)}.button-primary{background:white;color:#08080f;border-color:white}.button-primary:hover{box-shadow:0 12px 40px rgba(134,134,203,.4)}.button-primary i{position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(134,134,203,.38),transparent);transform:translateX(-110%);transition:transform .8s}.button-primary:hover i{transform:translateX(110%)}.button-primary span{position:relative;z-index:1}.button-secondary{background:var(--glass)}.button-secondary:hover{background:rgba(255,255,255,.11)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:810px;margin:48px auto 0;transform-style:preserve-3d}.feature-grid article{padding:20px;border:1px solid var(--line);border-radius:13px;background:var(--glass);backdrop-filter:blur(16px);transition:background .25s,transform .25s}.feature-grid article:nth-child(1){transform:translateZ(20px)}.feature-grid article:nth-child(2){transform:translateZ(30px)}.feature-grid article:nth-child(3){transform:translateZ(40px)}.feature-grid article:hover{background:rgba(255,255,255,.12);transform:translateZ(48px) translateY(-3px)}.feature-grid strong,.feature-grid span{display:block}.feature-grid strong{font-size:1rem}.feature-grid span{margin-top:3px;color:var(--muted);font-size:.76rem}.webgl-unavailable{background:radial-gradient(circle at 65% 25%,#555584,transparent 45%),#000}
@media(max-width:700px){#ascii-canvas{min-height:900px}.site-header{width:calc(100% - 36px);height:68px}.hero{min-height:100svh;padding:102px 18px 34px}.brand-logo{width:min(280px,76vw);margin-bottom:18px}.badge{margin-bottom:18px}.hero h1{font-size:clamp(3rem,16vw,5rem)}.lead{margin-top:20px}.hero-actions{flex-direction:column;max-width:330px;margin:27px auto 0}.feature-grid{grid-template-columns:1fr;gap:9px;margin-top:32px}.feature-grid article{padding:14px}.orbit-one{left:-110px}.orbit-two{right:-80px}}
@media(prefers-reduced-motion:reduce){.parallax-layer,.hero-content,.button,.feature-grid article{transition:none!important}}

.contact-section{position:relative;z-index:2;padding:110px 24px;background:linear-gradient(180deg,#030307,#070711)}
.contact-card{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);width:min(calc(100% - 48px),1120px);margin:0 auto;border:1px solid var(--line);border-radius:18px;background:rgba(9,9,22,.68);box-shadow:0 26px 90px rgba(0,0,0,.34);backdrop-filter:blur(18px);overflow:visible}
.corner-plus{position:absolute;z-index:2;color:#fff;font-family:"DM Mono",monospace;font-size:1.65rem;line-height:1;text-shadow:0 0 20px rgba(134,134,203,.6)}
.corner-plus-top-left{top:-14px;left:-10px}.corner-plus-top-right{top:-14px;right:-10px}.corner-plus-bottom-left{bottom:-16px;left:-10px}.corner-plus-bottom-right{right:-10px;bottom:-16px}
.contact-copy{display:flex;flex-direction:column;justify-content:space-between;gap:34px;padding:clamp(28px,5vw,52px)}
.section-kicker{margin:0;color:#aaaade;font-family:"DM Mono",monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}
.contact-copy h2{max-width:760px;margin:12px 0 0;font-size:clamp(2.3rem,5vw,5.2rem);line-height:.94;letter-spacing:-.06em;text-wrap:balance}
.contact-copy>p{max-width:690px;margin:18px 0 0;color:var(--muted);font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.65}
.contact-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.contact-info-item{display:flex;align-items:center;gap:12px;min-width:0;padding:15px;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:rgba(255,255,255,.05);transition:background .25s,transform .25s,border-color .25s}
.contact-info-item:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.09)}
.contact-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;background:rgba(134,134,203,.18)}
.contact-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.contact-info-item strong,.contact-info-item small{display:block}.contact-info-item strong{font-size:.92rem}.contact-info-item small{margin-top:2px;color:var(--muted);font-size:.72rem;line-height:1.35;overflow-wrap:anywhere}
.contact-form-panel{display:flex;align-items:center;border-left:1px solid var(--line);border-radius:0 18px 18px 0;background:rgba(255,255,255,.055);padding:clamp(22px,3vw,34px)}
.lead-form{display:grid;width:100%;gap:13px}
.lead-form label{color:#f4f4fb;font-size:.78rem;font-weight:600;letter-spacing:.03em}
.lead-form input,.lead-form textarea{width:100%;margin-top:7px;border:1px solid rgba(255,255,255,.17);border-radius:10px;background:rgba(0,0,0,.22);color:var(--ink);font:inherit;font-size:.95rem;padding:13px 14px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.lead-form input::placeholder,.lead-form textarea::placeholder{color:rgba(200,200,214,.62)}
.lead-form input:focus,.lead-form textarea:focus{border-color:#aaaade;box-shadow:0 0 0 3px rgba(134,134,203,.22);background:rgba(0,0,0,.34)}
.lead-form textarea{min-height:130px;resize:vertical}
.lead-form button{min-height:52px;border:1px solid #fff;border-radius:10px;background:#fff;color:#08080f;font:inherit;font-weight:700;cursor:pointer;transition:transform .25s,box-shadow .25s}
.lead-form button:hover{transform:translateY(-2px);box-shadow:0 14px 42px rgba(134,134,203,.34)}
@media(max-width:920px){.contact-card{grid-template-columns:1fr}.contact-form-panel{border-left:0;border-top:1px solid var(--line);border-radius:0 0 18px 18px}.contact-info-grid{grid-template-columns:1fr}}
@media(max-width:700px){.contact-section{padding:78px 18px}.contact-card{width:100%}.contact-copy{padding:24px}.contact-copy h2{font-size:clamp(2.2rem,13vw,4rem)}.contact-form-panel{padding:20px}}