:root{
  --bg:#05060a; --bg2:#080b12; --panel:#0b0f18; --text:#f5f7fb;
  --muted:#8f9aae; --line:rgba(255,255,255,.10); --blue:#72a8ff;
  --violet:#8f73ff; --green:#73ffb0;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:
  radial-gradient(800px 500px at 10% -5%,rgba(70,110,255,.12),transparent 60%),
  radial-gradient(700px 460px at 90% 0%,rgba(139,85,255,.11),transparent 60%),
  linear-gradient(180deg,#05060a 0%,#070913 55%,#040509 100%);
  color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.12;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='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
a{color:inherit}.wrap{width:min(1180px,calc(100% - 34px));margin:auto}
.nav{position:sticky;top:0;z-index:50;background:rgba(5,6,10,.75);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.navin{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{font-weight:1000;letter-spacing:.17em;text-decoration:none}.brand .sig{color:#a28eff}
.navlinks{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end}
.navlinks a{text-decoration:none;color:#aeb8c8;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.navlinks a:hover{color:#fff}.navlinks .cta{border:1px solid rgba(162,142,255,.42);border-radius:999px;padding:9px 12px;color:#fff}
.hero{position:relative;overflow:hidden;padding:98px 0 68px}.hero:after{content:"555";position:absolute;right:-55px;top:12px;font-size:290px;font-weight:1000;line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.035);pointer-events:none}
.kicker{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.21em;color:#7d899c;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(47px,7vw,89px);line-height:.95;letter-spacing:-.058em;max-width:980px;margin:17px 0 24px}
.gradient{background:linear-gradient(90deg,#fff 0%,#b9d3ff 45%,#b097ff 95%);-webkit-background-clip:text;color:transparent}
.lead{font-size:clamp(16px,2vw,21px);line-height:1.72;color:#aab5c6;max-width:805px}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:29px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#fff;text-decoration:none;font-size:11px;font-weight:850;letter-spacing:.11em;text-transform:uppercase;cursor:pointer;transition:.2s}
.btn:hover{transform:translateY(-2px);border-color:rgba(162,142,255,.55);box-shadow:0 14px 36px rgba(0,0,0,.26)}
.btn.primary{background:linear-gradient(135deg,rgba(83,154,255,.18),rgba(127,85,255,.22));border-color:rgba(162,142,255,.48)}
.btn.green{border-color:rgba(115,255,176,.32);background:rgba(115,255,176,.055)}
.stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.stat{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;color:#a3adbd;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.018)}
section{padding:72px 0;border-top:1px solid rgba(255,255,255,.055)}
.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.sectionhead h2{font-size:clamp(31px,5vw,54px);letter-spacing:-.045em;margin:7px 0 0}.sectionhead p{max-width:510px;color:#909caf;line-height:1.65;margin:0}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.tab{border:1px solid var(--line);background:transparent;color:#8995a8;padding:8px 12px;border-radius:999px;font:10px ui-monospace,monospace;cursor:pointer}.tab.active{color:#fff;border-color:rgba(162,142,255,.46);background:rgba(143,115,255,.10)}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.work{grid-column:span 4;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.016));border-radius:16px;overflow:hidden}.work.feature{grid-column:span 6}.cover{aspect-ratio:1;overflow:hidden;position:relative;background:#090b12}.cover img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s}.work:hover .cover img{transform:scale(1.018)}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.45))}.cover .code{position:absolute;left:13px;top:12px;z-index:2;background:rgba(5,6,10,.55);backdrop-filter:blur(5px);padding:7px 8px;border:1px solid rgba(255,255,255,.10);border-radius:7px;font:9px ui-monospace,monospace;letter-spacing:.11em;color:#d6deeb}
.meta{padding:17px}.meta .type{font:9px ui-monospace,monospace;letter-spacing:.13em;color:#8490a4;text-transform:uppercase;margin-bottom:8px}.meta h3{font-size:19px;margin-bottom:7px}.meta p{font-size:13px;line-height:1.6;color:#909bad;margin-bottom:0}.meta .micro{font:10px ui-monospace,monospace;color:#728095;margin-top:12px}.hidden{display:none!important}
.offer{grid-column:span 4;border:1px solid var(--line);border-radius:16px;padding:23px;background:rgba(255,255,255,.022)}.offer.pop{border-color:rgba(162,142,255,.43);box-shadow:0 22px 70px rgba(105,79,255,.07)}.offer .label{font:10px ui-monospace,monospace;color:#8490a4;letter-spacing:.14em}.offer h3{font-size:25px;margin:10px 0 6px}.price{font-size:42px;font-weight:950;letter-spacing:-.04em}.price small{font-size:11px;color:#7c8799}.offer ul{list-style:none;padding:0;margin:18px 0;color:#98a4b5;font-size:13px;line-height:1.9}.offer li:before{content:"↳ ";color:#9a84ff}
.amvgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.amv{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#090c13}.amvvisual{aspect-ratio:16/9;position:relative;background:radial-gradient(circle at 25% 28%,rgba(84,145,255,.25),transparent 27%),radial-gradient(circle at 72% 66%,rgba(135,86,255,.27),transparent 32%),linear-gradient(140deg,#111927,#06080d 64%,#171025)}.amvvisual:after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;font-size:34px;color:rgba(255,255,255,.75)}.amvvisual .scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.018) 6px);mix-blend-mode:overlay}
.archive-list{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.archive-item{padding:13px;border:1px solid var(--line);background:rgba(255,255,255,.018);border-radius:10px}.archive-item b{display:block;font-size:12px;margin-bottom:5px}.archive-item span{font:9px ui-monospace,monospace;color:#788699;text-transform:uppercase}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.step{padding:22px;border-left:1px solid rgba(162,142,255,.25);background:linear-gradient(90deg,rgba(143,115,255,.035),transparent)}.step b{font:10px ui-monospace,monospace;color:#7c889b}.step h3{font-size:18px;margin:9px 0 7px}.step p{font-size:13px;color:#8f9bad;line-height:1.6}
.ordergrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:start}.terminal{font:10px ui-monospace,monospace;line-height:1.8;color:#7f8ca0;background:#06080d;border:1px solid var(--line);border-radius:13px;padding:17px}.online{color:var(--green)}
form{padding:22px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.022)}.row{display:grid;grid-template-columns:1fr 1fr;gap:11px}label{display:block;font:9px ui-monospace,monospace;letter-spacing:.10em;color:#8995a7;text-transform:uppercase;margin:0 0 6px}input,select,textarea{width:100%;border:1px solid rgba(255,255,255,.11);background:#080a10;color:#fff;border-radius:9px;padding:12px;margin:0 0 11px;font:13px inherit;outline:none}textarea{min-height:122px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:rgba(162,142,255,.52)}.checkout{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:10px;margin-bottom:12px}.checkout strong{font-size:24px}.copymsg{font:10px ui-monospace,monospace;color:#7f8ca0;min-height:18px;margin-top:10px}.portfolio-badge{display:inline-flex;border:1px solid rgba(115,255,176,.25);color:#a5f8cb;padding:8px 11px;border-radius:999px;font:9px ui-monospace,monospace;letter-spacing:.12em}.footer{padding:28px 0 44px;border-top:1px solid var(--line);font:9px ui-monospace,monospace;color:#6e7a8c;letter-spacing:.1em}.footerin{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.notice{border:1px solid rgba(255,213,112,.22);background:rgba(255,213,112,.035);padding:13px;border-radius:10px;color:#b8ad94;font-size:12px;line-height:1.6}
@media(max-width:900px){.work,.work.feature,.offer{grid-column:span 6}.amvgrid{grid-template-columns:1fr 1fr}.archive-list{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.ordergrid{grid-template-columns:1fr}}
@media(max-width:640px){.navin{align-items:flex-start;padding:14px 0}.navlinks{gap:10px}.navlinks a{font-size:9px}.hero{padding-top:66px}h1{font-size:48px}.sectionhead{align-items:flex-start;flex-direction:column}.work,.work.feature,.offer{grid-column:span 12}.amvgrid,.archive-list,.steps,.row{grid-template-columns:1fr}section{padding:55px 0}}