:root{--bg:#0a0a0d;--text:#f5f3f1;--muted:#aaa7ad;--line:rgba(255,255,255,.14);--glass:rgba(25,24,29,.58);--glass-strong:rgba(31,28,34,.74);--nav:rgba(18,17,21,.7);--red:#e42334;--red-2:#ff5966;--focus:#ffd16b;--shadow:0 28px 90px rgba(0,0,0,.28);--font:"Manrope",sans-serif;--mono:"DM Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);overflow-x:hidden}a,button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{position:fixed;top:-60px;left:20px;z-index:100;padding:12px 16px;border-radius:12px;background:#fff;color:#111}.skip-link:focus{top:20px}.shell{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.fixed-scene{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(145deg,#120b0e 0,#090a0e 46%,#0b0d14 100%)}.glow{position:absolute;border-radius:50%;filter:blur(90px)}.glow.red{width:680px;height:680px;left:-280px;top:-280px;background:rgba(214,30,48,.25)}.glow.blue{width:620px;height:620px;right:-300px;bottom:-260px;background:rgba(67,91,177,.14)}.grain{position:absolute;inset:0;opacity:.025;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='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.glass-nav{position:fixed;z-index:50;top:18px;left:50%;transform:translateX(-50%);width:min(1200px,calc(100% - 32px));height:66px;padding:0 10px 0 18px;display:flex;align-items:center;border:1px solid var(--line);border-radius:22px;background:var(--nav);box-shadow:0 12px 45px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.1);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:800;font-size:15px;letter-spacing:-.03em;text-decoration:none;white-space:nowrap}.brand img{width:24px;height:32px}.glass-nav nav{display:flex;gap:4px;margin-left:auto}.glass-nav nav a,.nav-link{padding:10px 13px;border-radius:12px;color:var(--muted);font-size:12px;font-weight:650;text-decoration:none}.glass-nav nav a:hover,.glass-nav nav a[aria-current="page"],.nav-link:hover{background:rgba(255,255,255,.08);color:var(--text)}.nav-actions{display:flex;align-items:center;gap:4px;margin-left:12px}.theme-toggle{height:42px;padding:0 12px;display:flex;align-items:center;gap:7px;border:0;border-radius:13px;background:transparent;color:var(--muted);cursor:pointer}.theme-toggle:hover{background:rgba(255,255,255,.08);color:var(--text)}.theme-toggle span{font-size:16px}.theme-toggle b{font-size:11px}.menu-button{display:none}
.button{min-height:48px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid transparent;border-radius:15px;background:linear-gradient(135deg,var(--red),#b81020);box-shadow:0 12px 30px rgba(228,35,52,.2);color:#fff;font-size:12px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgba(228,35,52,.3)}.button.compact{min-height:42px;padding:0 16px;border-radius:13px}.button.secondary{background:rgba(255,255,255,.06);border-color:var(--line);box-shadow:none;backdrop-filter:blur(18px)}.button.secondary:hover{background:rgba(255,255,255,.1)}.light-button{background:#fff;color:#261417;box-shadow:none}.text-link{padding:12px;color:var(--text);font-size:12px;font-weight:700;text-decoration:none}.on-dark{color:#fff}
.hero{min-height:810px;padding:205px 0 130px;text-align:center;display:flex;flex-direction:column;align-items:center}.eyebrow,.label{color:#df4351;font:500 9px var(--mono);letter-spacing:.15em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow i,.live i{width:6px;height:6px;border-radius:50%;background:#ffc75f;box-shadow:0 0 12px #ffc75f}.hero h1{max-width:1040px;margin:30px 0 0;font-size:clamp(66px,8vw,108px);line-height:.93;letter-spacing:-.075em}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#f26672}.hero-text{max-width:660px;margin:34px auto;color:var(--muted);font-size:17px;line-height:1.7}.hero-actions,.card-actions,.closing>div{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.work{display:grid;grid-template-columns:1fr 1fr;gap:20px}.glass-card{border:1px solid var(--line);border-radius:30px;background:var(--glass);box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.1);backdrop-filter:blur(26px) saturate(135%);-webkit-backdrop-filter:blur(26px) saturate(135%)}.work .glass-card{min-height:610px;padding:30px;position:relative;overflow:hidden;display:flex;flex-direction:column}.card-meta{position:relative;z-index:2;display:flex;justify-content:space-between;color:#8f8b92;font:500 9px var(--mono);letter-spacing:.13em}.live{display:flex;align-items:center;gap:7px;color:#9cddb0}.live i{background:#72db97;box-shadow:0 0 10px #72db97}.card-body{position:relative;z-index:2;margin-top:auto}.card-body h2{margin:0 0 22px;font-size:clamp(48px,5vw,70px);line-height:.97;letter-spacing:-.06em}.card-body p{max-width:460px;color:var(--muted);font-size:14px;line-height:1.72}.card-actions{justify-content:flex-start;align-items:center;margin-top:28px}.server-mark{position:absolute;right:-35px;top:85px;width:340px;display:grid;gap:12px;transform:perspective(800px) rotateY(-25deg)}.server-mark i{display:block;height:70px;border:1px solid rgba(255,91,105,.3);border-radius:14px;background:linear-gradient(110deg,rgba(85,19,29,.72),rgba(17,17,22,.5));box-shadow:0 18px 35px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.08)}.software-card{background:linear-gradient(145deg,rgba(60,16,23,.72),rgba(19,16,21,.66))}.software-card .card-body p{color:#c1b9bc}.glass-orb,.feature-orb{position:absolute;width:330px;height:330px;right:-55px;top:70px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ff8792,#c72334 25%,#5e101b 55%,#12080d 75%);box-shadow:-20px 20px 80px rgba(255,48,66,.27),inset 18px 8px 40px rgba(255,255,255,.12)}.glass-orb:after,.feature-orb:after{content:"";position:absolute;inset:-20px;border:1px solid rgba(255,255,255,.18);border-radius:50%;transform:scaleY(.38) rotate(-20deg)}
.about{margin-top:20px;padding:65px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about h2{margin:18px 0 0;font-size:clamp(42px,5vw,64px);line-height:.98;letter-spacing:-.055em}.about p{margin:0;color:var(--muted);line-height:1.8}.closing{padding:150px 0;text-align:center}.closing h2{max-width:760px;margin:0 auto 36px;font-size:clamp(42px,5vw,66px);line-height:1.02;letter-spacing:-.055em}.footer{min-height:120px;padding:30px 0;display:flex;align-items:center;border-top:1px solid var(--line)}.footer-links{display:flex;gap:24px;margin-left:auto;margin-right:36px}.footer-links a{color:var(--muted);font-size:12px;text-decoration:none}.footer>span{color:#77737a;font:500 9px var(--mono)}
.software-hero{min-height:760px}.software-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.detail-card{min-height:300px;padding:30px;display:flex;flex-direction:column}.detail-card h2{margin:auto 0 15px;font-size:31px;letter-spacing:-.04em}.detail-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.featured{min-height:580px;margin-top:20px;padding:60px;position:relative;overflow:hidden;display:flex;align-items:center;background:linear-gradient(145deg,rgba(63,16,24,.7),rgba(18,16,21,.66));color:#fff}.featured>div:first-child{position:relative;z-index:2;max-width:500px}.featured h2{margin:18px 0;font-size:78px;letter-spacing:-.07em}.featured p{color:#c7bec1;line-height:1.75}.featured .button{margin-top:22px}.feature-orb{width:430px;height:430px;right:55px;top:75px}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}
html[data-theme="light"]{color-scheme:light;--bg:#f3f3f0;--text:#1b191b;--muted:#68646b;--line:rgba(44,35,39,.12);--glass:rgba(255,255,255,.58);--glass-strong:rgba(255,255,255,.75);--nav:rgba(255,255,255,.72);--shadow:0 28px 80px rgba(75,58,64,.12)}html[data-theme="light"] .fixed-scene{background:linear-gradient(145deg,#f9edee 0,#f5f4f0 48%,#edf1f8 100%)}html[data-theme="light"] .glow.red{background:rgba(231,71,88,.17)}html[data-theme="light"] .glow.blue{background:rgba(78,111,199,.1)}html[data-theme="light"] .glass-nav{box-shadow:0 12px 40px rgba(75,58,64,.1),inset 0 1px #fff}html[data-theme="light"] .glass-nav nav a:hover,html[data-theme="light"] .nav-link:hover,html[data-theme="light"] .theme-toggle:hover{background:rgba(30,22,26,.06)}html[data-theme="light"] .button.secondary{background:rgba(255,255,255,.56);color:var(--text)}html[data-theme="light"] .glass-card{box-shadow:var(--shadow),inset 0 1px #fff}html[data-theme="light"] .software-card,html[data-theme="light"] .featured{background:linear-gradient(145deg,rgba(102,24,35,.88),rgba(30,18,24,.86));color:#fff}html[data-theme="light"] .software-card .text-link{color:#fff}
@media(max-width:900px){.glass-nav nav,.nav-actions .nav-link,.nav-actions>.button{display:none}.nav-actions{margin-left:auto}.menu-button{width:42px;height:42px;margin-left:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:0;border-radius:13px;background:transparent}.menu-button span{width:19px;height:1px;background:var(--text)}.glass-nav.open nav{position:absolute;display:flex;flex-direction:column;top:65px;left:-1px;right:-1px;padding:15px;border:1px solid var(--line);border-top:0;border-radius:0 0 20px 20px;background:var(--nav);backdrop-filter:blur(24px)}.work,.software-grid{grid-template-columns:1fr}.about{grid-template-columns:1fr;gap:28px}.feature-orb{right:-100px;opacity:.65}.featured>div:first-child{max-width:420px}}
@media(max-width:600px){.shell{width:min(100% - 28px,1160px)}.glass-nav{top:10px;width:calc(100% - 20px);height:62px;padding-left:14px}.theme-toggle b{display:none}.hero{min-height:700px;padding:150px 0 90px}.hero h1{font-size:clamp(50px,14vw,68px)}.hero-text{font-size:15px}.work .glass-card{min-height:570px;padding:23px;border-radius:24px}.server-mark{right:-160px}.glass-orb{right:-150px}.about{padding:35px 25px;border-radius:24px}.closing{padding:105px 0}.footer{flex-wrap:wrap;gap:25px}.footer-links{order:3;width:100%;margin:0}.detail-card{min-height:240px}.featured{min-height:600px;padding:35px 25px;border-radius:24px}.featured h2{font-size:60px}.feature-orb{right:-220px;top:30px}.featured>div:first-child{margin-top:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}@media(prefers-reduced-transparency:reduce){.glass-nav,.glass-card,.button.secondary{backdrop-filter:none;background:var(--glass-strong)}}