:root{color-scheme:dark;--page-bg: #05070b;--page-text: #ffffff;--muted-text: rgba(255, 255, 255, .72);--panel-text: #111827;--accent-hue: 184;--accent: oklch(84% .16 var(--accent-hue));--accent-soft: oklch(72% .12 var(--accent-hue) / .22);--gold: oklch(86% .16 88);--motion-intensity: .45;--background-intensity: .52;--card-glow: .48;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--page-bg);scroll-behavior:smooth}body{min-width:320px;margin:0;background:radial-gradient(circle at 20% 12%,oklch(72% .16 var(--accent-hue) / .18),transparent 28%),radial-gradient(circle at 82% 18%,rgba(197,160,255,.16),transparent 26%),linear-gradient(135deg,#05070b,#101722 52%,#0b1716);color:var(--page-text)}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(120deg,rgba(255,255,255,.052) 0 1px,transparent 1px 44px),linear-gradient(30deg,rgba(255,255,255,.035) 0 1px,transparent 1px 36px);mask-image:linear-gradient(180deg,black,transparent 76%)}a{color:inherit;text-decoration:none}main{width:min(1180px,calc(100vw - 36px));margin:0 auto;padding:26px 0 64px}.hero-shell{min-height:min(760px,calc(100vh - 52px));position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:clamp(18px,3vw,30px);background:linear-gradient(135deg,#ffffff1a,#ffffff06),radial-gradient(circle at var(--pointer-x, 67%) var(--pointer-y, 30%),rgba(174,255,230,calc(.08 + var(--background-intensity) * .26)),transparent 24%),url(/assets/hero-poster.svg) center / cover,#ffffff0d;box-shadow:0 30px 90px #0000006b,inset 0 1px #ffffff2e;backdrop-filter:blur(20px)}.hero-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000000a,#0000009e);pointer-events:none}.top-nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-size:15px;font-weight:760}.nav-links{display:flex;gap:18px;align-items:center;color:#ffffffc7;font-size:14px}.nav-links a,.effects-toggle,.primary-action,.secondary-action{min-height:42px;display:inline-flex;align-items:center}.effects-toggle{border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:0 15px;background:#ffffff1f;color:#fff;box-shadow:0 18px 44px #00000038;backdrop-filter:blur(14px);cursor:pointer}.effects-toggle[aria-pressed=true]{background:color-mix(in oklch,var(--accent),white 8%);color:#071111}.hero-content{position:relative;z-index:1;max-width:740px;margin-top:clamp(86px,16vh,150px)}.hero-eyebrow{display:inline-flex;margin:0 0 16px;padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#00000038;color:color-mix(in oklch,var(--accent),white 22%);font-size:13px;box-shadow:0 16px 40px #0000003d}h1,h2,p{overflow-wrap:anywhere}h1{max-width:780px;margin:0;font-size:clamp(48px,8vw,96px);line-height:.95;letter-spacing:0;text-wrap:balance;background:linear-gradient(100deg,white,var(--accent),var(--gold),white);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 22px 60px rgba(80,255,226,.14))}.hero-description{max-width:560px;margin:22px 0 0;color:var(--muted-text);font-size:17px;line-height:1.78}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}.primary-action,.secondary-action{border-radius:13px;padding:0 16px;font-weight:680}.primary-action{background:#fff;color:#0f1720}.secondary-action{border:1px solid rgba(255,255,255,.28);background:#ffffff1c;color:#fff}.section-block{margin-top:24px;padding:clamp(20px,4vw,34px);border-radius:24px;background:#f7f8f8f0;color:var(--panel-text)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading p,.preview-panel p{margin:0;color:#4f766f;font-size:13px;font-weight:720;text-transform:uppercase}.section-heading h2,.preview-panel h2{margin:4px 0 0;font-size:clamp(24px,4vw,36px);line-height:1.1;letter-spacing:0}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metal-card{min-height:220px;position:relative;overflow:hidden;padding:18px;border:1px solid rgba(15,23,32,.1);border-radius:18px;background:linear-gradient(135deg,#fffffff2,#f2f7f6d1),#fffc;box-shadow:0 18px 40px #1118271a,inset 0 1px #fffc;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.card-eyebrow{display:block;color:#4f766f;font-size:12px;font-weight:720;text-transform:uppercase}.metal-card strong{display:block;margin-top:12px;font-size:23px}.metal-card p{min-height:78px;margin:14px 0 24px;color:#64748b;line-height:1.62}.status-pill{display:inline-flex;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:720}.status-online{background:#dcfce7;color:#166534}.status-private{background:#e2e8f0;color:#334155}.status-planned{background:#fef3c7;color:#92400e}.content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px}.preview-panel{min-height:250px;padding:clamp(22px,4vw,34px);border-radius:24px;background:#eef4f1;color:var(--panel-text);border:1px solid rgba(255,255,255,.48);box-shadow:0 18px 48px #00000024}.preview-panel span{display:inline-flex;margin-top:58px;padding:8px 11px;border-radius:999px;background:#fff;color:#475569;font-size:13px}.dark-panel{background:#101722;color:#fff}.dark-panel p{color:color-mix(in oklch,var(--accent),white 18%)}.dark-panel span{background:#ffffff1f;color:#ffffffbd}.theme-panel{position:fixed;right:18px;bottom:18px;z-index:5;width:min(320px,calc(100vw - 36px));display:grid;gap:12px;padding:16px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:#05070bc2;color:#fff;box-shadow:0 24px 70px #0000005c;backdrop-filter:blur(18px);transform:translateY(calc(100% + 26px));transition:transform .28s ease}html[data-effects=on] .theme-panel,.theme-panel:focus-within{transform:translateY(0)}.theme-panel label{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center;font-size:13px}.theme-panel input{width:100%;accent-color:var(--accent)}@media(max-width:920px){.top-nav{align-items:flex-start;flex-wrap:wrap}.nav-links{order:3;width:100%;justify-content:space-between;overflow-x:auto}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}}@media(max-width:620px){main{width:min(100vw - 24px,1180px);padding-top:12px}.hero-shell{min-height:680px;border-radius:20px}.service-grid{grid-template-columns:1fr}.hero-actions a{width:100%;justify-content:center}.effects-toggle{flex:1;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}html[data-effects=on] h1{animation:text-shift calc(14s - 8s * var(--motion-intensity)) ease-in-out infinite}@keyframes text-shift{50%{background-position:100% 0}}.hero-shell:after{content:"";position:absolute;inset:-45%;background:conic-gradient(from 180deg,transparent,rgba(255,255,255,.2),transparent,oklch(80% .15 var(--accent-hue) / .22),transparent);opacity:0;transform:translate(calc((var(--pointer-x, 50%) - 50%) * .08),calc((var(--pointer-y, 50%) - 50%) * .08));transition:opacity .25s ease;animation:aura-spin 9s linear infinite;mix-blend-mode:screen;pointer-events:none}html[data-effects=on] .hero-shell:after{opacity:calc(.32 + var(--motion-intensity) * .42)}@keyframes aura-spin{to{rotate:360deg}}.metal-card:before{content:"";position:absolute;inset:-1px;padding:1px;background:radial-gradient(circle at var(--pointer-x, 50%) var(--pointer-y, 50%),rgba(255,255,255,.82),transparent 0 11%,transparent 24%),conic-gradient(from 230deg at var(--pointer-x, 50%) var(--pointer-y, 50%),oklch(84% .16 var(--accent-hue)),oklch(76% .18 302),oklch(86% .16 88),oklch(72% .2 18),oklch(84% .16 var(--accent-hue)));opacity:0;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor;transition:opacity .22s ease;pointer-events:none}.metal-card:after{content:"";position:absolute;inset:-42%;background:linear-gradient(115deg,transparent 34%,rgba(255,255,255,calc(.22 + var(--card-glow) * .3)),transparent 46%);transform:translate(-38%) rotate(8deg);opacity:0;transition:opacity .2s ease,transform .55s ease;mix-blend-mode:screen;pointer-events:none}html[data-effects=on] .metal-card:hover{transform:translateY(calc(-8px * var(--motion-intensity))) perspective(900px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));border-color:#ffffff75;box-shadow:0 30px 80px #0003,0 0 calc(48px * var(--card-glow)) oklch(78% .15 var(--accent-hue) / .18),inset 0 1px #ffffffbf}html[data-effects=on] .metal-card:hover:before{opacity:1}html[data-effects=on] .metal-card:hover:after{opacity:.9;transform:translate(34%) rotate(8deg)}.metal-card>*{position:relative;z-index:1}@supports (animation-timeline: view()){html[data-effects=on] .section-block,html[data-effects=on] .content-grid{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% cover 30%}}@keyframes reveal{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}