:root{--bg:#050507;--bg-2:#0b0b10;--bg-3:#121218;--line:#ffffff14;--text:#f4f4f7;--muted:#9a9aa8;--silver:#c9c9d4;--purple:#8b2cff;--purple-2:#b56bff;--purple-deep:#5318b8;--glow:#8b2cff61;--radius:18px;--nav-h:76px;--font:"Inter", system-ui, sans-serif;--display:"Montserrat", "Inter", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(900px 500px at 12% -10%,#8b2cff29,#0000 55%),radial-gradient(700px 420px at 90% 8%,#8b2cff14,#0000 50%);position:fixed;inset:0}#root{z-index:1;position:relative}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}::selection{background:var(--purple);color:#fff}.wrap{width:min(1180px,100% - 40px);margin:0 auto}.eyebrow{color:var(--purple-2);font-family:var(--display);letter-spacing:.28em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:600}h1,h2,h3,.logo-word{font-family:var(--display)}.logo{flex-direction:column;align-items:center;gap:2px;line-height:1;display:inline-flex}.logo-num{font-family:var(--display);letter-spacing:-.04em;align-items:stretch;font-weight:800;display:flex}.logo-num .n{background:linear-gradient(#fff 0%,#cfcfd8 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.logo-one{clip-path:polygon(28% 0,100% 0,100% 100%,0 100%,0 16%);width:.2em;box-shadow:0 0 18px var(--glow);background:linear-gradient(#c084fc 0%,#8b2cff 55%,#5b16c7 100%);margin:.08em .06em 0}.logo-word{letter-spacing:.42em;color:var(--silver);padding-left:.42em;font-size:.22em;font-weight:500}.logo.sm .logo-num{font-size:28px}.logo.lg .logo-num{font-size:clamp(72px,12vw,132px)}.nav{z-index:40;height:var(--nav-h);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#050507b8;align-items:center;display:flex;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:20px;display:flex}.nav-links{align-items:center;gap:26px;display:flex}.nav-links a{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:500}.nav-links a:hover{color:#fff}.nav-actions{align-items:center;gap:12px;display:flex}.lang{border:1px solid var(--line);border-radius:999px;display:flex;overflow:hidden}.lang button{color:var(--muted);background:0 0;border:0;padding:6px 10px;font-size:12px;font-weight:600}.lang button.active{background:var(--purple);color:#fff}.btn{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:13px;font-weight:600;transition:all .25s;display:inline-flex}.btn-primary{background:linear-gradient(180deg, #a24dff, var(--purple));color:#fff;box-shadow:0 8px 28px var(--glow)}.btn-primary:hover{box-shadow:0 12px 34px var(--glow);transform:translateY(-1px)}.btn-ghost{color:#fff;background:0 0;border:1px solid #ffffff29}.btn-ghost:hover{border-color:var(--purple);color:var(--purple-2)}.menu-btn{border:1px solid var(--line);background:0 0;border-radius:10px;width:42px;height:42px;display:none}.menu-btn span,.menu-btn span:before,.menu-btn span:after{background:#fff;width:18px;height:1.5px;display:block;position:relative}.menu-btn span:before,.menu-btn span:after{content:"";position:absolute}.menu-btn span:before{top:-6px}.menu-btn span:after{top:6px}.hero{min-height:calc(100svh - var(--nav-h));place-items:center;padding:48px 0 80px;display:grid;position:relative;overflow:hidden}.hero-bg{opacity:.42;filter:saturate(1.1);background:linear-gradient(90deg,#0505078c,#050507e0 38% 62%,#0505078c),url(/images/hero.png) 50%/cover no-repeat;position:absolute;inset:0}.hero-dots{background-image:radial-gradient(var(--purple) 1.2px, transparent 1.3px);opacity:.7;background-size:14px 14px;width:90px;height:60px;position:absolute}.hero-dots.l{top:40px;left:40px}.hero-dots.r{top:40px;right:40px}.side-label{color:#ffffff47;font-family:var(--display);letter-spacing:.34em;text-transform:uppercase;writing-mode:vertical-rl;font-size:11px;position:absolute;top:50%}.side-label.l{left:28px;transform:translateY(-50%)rotate(180deg)}.side-label.r{right:28px;transform:translateY(-50%)}.hero-inner{text-align:center;width:min(860px,100% - 40px);position:relative}.chevrons{pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:8% -8%}.chevron{border:2px solid var(--purple);opacity:.85;width:70px;height:140px;filter:drop-shadow(0 0 16px var(--glow))}.chevron.left{border-bottom:0;border-right:0;transform:rotate(-45deg)skew(-8deg)}.chevron.right{border-bottom:0;border-left:0;transform:rotate(45deg)skew(8deg)}.hero-kicker{color:var(--silver);letter-spacing:.34em;text-transform:uppercase;margin:28px 0 0;font-size:12px}.hero-kicker span{color:var(--purple)}.hero-title{margin:22px 0 0;font-size:clamp(22px,3.4vw,34px);font-weight:600;line-height:1.3}.hero-sub{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:10px 0 0;font-size:14px}.hero-title em,.mission b{color:var(--purple-2);font-style:normal}.mission{color:var(--silver);letter-spacing:.04em;margin:18px 0 0;font-size:15px}.hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}section{padding:92px 0}.section-head{max-width:640px;margin-bottom:42px}.section-head h2,.values h2,.process h2,.about-copy h2,.contact-copy h2{letter-spacing:-.03em;margin:0;font-size:clamp(28px,4vw,46px);line-height:1.15}.section-head p,.values-copy p,.about-copy p,.contact-copy p{color:var(--muted);margin:14px 0 0}.pillars-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.pillar{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#ffffff09,#ffffff04);min-height:240px;padding:26px 22px 28px;transition:all .25s}.pillar:hover{border-color:#8b2cff73;transform:translateY(-4px);box-shadow:0 16px 40px #00000047}.icon{width:36px;height:36px;color:var(--purple-2)}.pillar h3,.work-card h3,.value h3,.extra h3{margin:18px 0 6px;font-size:18px}.pillar .sub{color:var(--purple-2);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:12px}.pillar p,.work-card p,.value p,.extra p,.step p{color:var(--muted);margin:10px 0 0;font-size:14px}.work-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.work-card{border:1px solid var(--line);background:var(--bg-2);border-radius:20px;min-height:320px;position:relative;overflow:hidden}.work-card img{object-fit:cover;width:100%;height:100%;min-height:320px;transition:all .6s}.work-card:hover img{transform:scale(1.04)}.work-card .overlay{background:linear-gradient(#0000,#050507f0);padding:24px;position:absolute;inset:auto 0 0}.tag{color:var(--purple-2);letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px;font-size:11px;display:inline-block}.work-card .line{color:#fff;margin:4px 0 0;font-weight:600}.extras{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.extra{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);padding:22px 24px}.split{grid-template-columns:.9fr 1.1fr;align-items:start;gap:48px;display:grid}.values-grid,.steps{gap:14px;display:grid}.values-grid{grid-template-columns:1fr 1fr}.value,.step{border:1px solid var(--line);background:#ffffff05;border-radius:16px;padding:20px}.value h3,.step h3{margin:12px 0 0;font-size:16px}.step{grid-template-columns:48px 1fr;align-items:start;gap:12px;display:grid}.step .n{color:var(--purple-2);font-family:var(--display);letter-spacing:.08em;font-weight:700}.about{background:linear-gradient(#05050733,#050507db),url(/images/window-branding.png) 50%/cover no-repeat}.about-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050507c7;border-radius:24px;width:min(720px,100%);padding:40px}.quote{color:var(--purple-2);font-family:var(--display);margin:22px 0 0;font-size:18px;font-weight:600}.chips{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.chips span{color:var(--silver);letter-spacing:.12em;text-transform:uppercase;background:#8b2cff1a;border:1px solid #8b2cff59;border-radius:999px;padding:8px 14px;font-size:12px}.contact-grid{grid-template-columns:.85fr 1.15fr;gap:40px;display:grid}.form{border:1px solid var(--line);background:var(--bg-2);border-radius:22px;gap:12px;padding:28px;display:grid}.form label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;gap:6px;font-size:12px;display:grid}.form input,.form select,.form textarea{border:1px solid var(--line);background:#09090d;border-radius:12px;outline:none;width:100%;padding:12px 14px}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--purple)}.form textarea{resize:vertical;min-height:130px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.contact-meta{color:var(--muted);margin-top:28px;font-size:14px}.contact-meta a:hover{color:var(--purple-2)}.socials{align-items:center;gap:10px;margin-top:18px;display:flex}.socials a{background:var(--purple);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.socials a svg{width:18px;height:18px}.socials span{color:var(--silver);letter-spacing:.16em;font-size:13px}.ok{color:#c4f0c8;margin:0}.footer{border-top:1px solid var(--line);padding:28px 0 36px}.footer-inner{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;font-size:13px;display:flex}.footer-tag b{color:var(--purple-2);font-weight:600}.reveal{animation:.7s both rise}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (width<=960px){.pillars-grid,.work-grid,.split,.contact-grid,.values-grid,.form-row,.extras{grid-template-columns:1fr}.nav-links{display:none}.nav-links.open{top:var(--nav-h);border-bottom:1px solid var(--line);background:#050507f5;flex-direction:column;align-items:flex-start;padding:20px;display:flex;position:absolute;left:0;right:0}.menu-btn{place-items:center;display:grid}.side-label,.chevrons,.hero-dots{display:none}.footer-inner{text-align:center;flex-direction:column}}@media (width<=640px){.wrap{width:min(1180px,100% - 28px)}section{padding:68px 0}.hero{padding:28px 0 56px}.nav-actions .btn{display:none}.about-panel,.form{padding:22px}}