*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{min-height:100vh;line-height:1.6;overflow-x:hidden}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;line-height:1.1}:root{--black:#000;--black-rich:#050505;--black-soft:#0a0a0a;--gray-950:#0d0d0d;--gray-900:#111;--gray-850:#161616;--gray-800:#1a1a1a;--gray-700:#222;--gray-600:#333;--gray-500:#555;--gray-400:#777;--gray-300:#999;--gray-200:#bbb;--gray-100:#ddd;--gray-50:#eee;--white-soft:#f0f0f0;--white:#fff;--glow-xs:0 0 4px #ffffff0d;--glow-sm:0 0 8px #ffffff0f;--glow-md:0 0 20px #ffffff14;--glow-lg:0 0 40px #ffffff1a;--glow-xl:0 0 60px #ffffff1f;--glow-border:0 0 10px #ffffff26;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Consolas", monospace;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-md:1.125rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:2rem;--fs-3xl:2.5rem;--fs-4xl:3.5rem;--fs-5xl:5rem;--fs-hero:clamp(3.5rem, 15vw, 12rem);--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.05em;--tracking-wider:.1em;--tracking-widest:.2em;--tracking-ultra:.4em;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--sp-32:128px;--container-padding:var(--sp-6);--border-subtle:1px solid #ffffff0f;--border-default:1px solid #ffffff1a;--border-strong:1px solid #fff3;--border-white:1px solid #fffc;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-in-out-cubic:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-base:.3s;--duration-slow:.5s;--duration-slower:.8s;--duration-slowest:1.2s;--max-width:1200px;--nav-height:72px}@media (width<=768px){:root{--container-padding:var(--sp-5);--nav-height:64px}}body{font-family:var(--font-body);font-size:var(--fs-base);font-weight:var(--fw-regular);color:var(--white);background-color:var(--black);width:100%;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--gray-600);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}::selection{background:var(--white);color:var(--black)}.bg-canvas{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-gradient-orb{filter:blur(120px);opacity:.04;border-radius:50%;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;position:absolute}.bg-gradient-orb--1{background:var(--white);width:600px;height:600px;animation:18s ease-in-out infinite alternate orb-drift-1;top:-10%;left:-5%}.bg-gradient-orb--2{background:var(--white);width:500px;height:500px;animation:22s ease-in-out infinite alternate orb-drift-2;bottom:-10%;right:-5%}.bg-gradient-orb--3{background:var(--white);opacity:.025;width:400px;height:400px;animation:15s ease-in-out infinite alternate orb-drift-3;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes orb-drift-1{0%{transform:translate(0)scale(1)}33%{transform:translate(80px,60px)scale(1.1)}66%{transform:translate(-40px,120px)scale(.95)}to{transform:translate(60px,-30px)scale(1.05)}}@keyframes orb-drift-2{0%{transform:translate(0)scale(1)}33%{transform:translate(-70px,-50px)scale(1.15)}66%{transform:translate(50px,-80px)scale(.9)}to{transform:translate(-30px,40px)scale(1.1)}}@keyframes orb-drift-3{0%{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-40%,-60%)scale(1.2)}to{transform:translate(-60%,-40%)scale(.85)}}.bg-scanline{z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff02 2px 4px);position:fixed;inset:0}.section{padding:var(--sp-32) var(--container-padding);max-width:var(--max-width);margin:0 auto;position:relative}.section--hero{justify-content:center;align-items:center;max-width:100%;height:100vh;padding:0;display:flex;overflow:hidden}.section-header{margin-bottom:var(--sp-16);position:relative}.section-tag{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--gray-400);letter-spacing:var(--tracking-wider);margin-bottom:var(--sp-4);display:block}.section-title{font-family:var(--font-display);font-size:var(--fs-4xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);color:var(--white)}.section-line{background:var(--white);width:60px;height:1px;margin-top:var(--sp-6);transform-origin:0}.btn{align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-8);font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;border-radius:var(--radius-sm);transition:all var(--duration-base) var(--ease-out-expo);cursor:pointer;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:radial-gradient(circle at var(--ripple-x,50%) var(--ripple-y,50%), #ffffff26, transparent 60%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.btn:hover:before{opacity:1}.btn--primary{background:var(--white);color:var(--black);border:1px solid var(--white)}.btn--primary:before{background:radial-gradient(circle at var(--ripple-x,50%) var(--ripple-y,50%), #0000001a, transparent 60%)}.btn--primary:hover{color:var(--white);box-shadow:var(--glow-md), 0 0 30px #ffffff0d;background:0 0;transform:translateY(-2px)}.btn--primary:active{transform:translateY(0)scale(.98)}.btn--ghost{color:var(--white);border:var(--border-default);background:0 0}.btn--ghost:hover{border-color:var(--white);box-shadow:var(--glow-sm);transform:translateY(-2px)}.btn--ghost:active{transform:translateY(0)scale(.98)}.btn--lg{padding:var(--sp-5) var(--sp-10);font-size:var(--fs-base)}.btn-arrow{transition:transform var(--duration-base) var(--ease-out-expo);display:inline-block}.btn:hover .btn-arrow{animation:1s ease-in-out infinite arrow-pulse;transform:translate(6px)}@keyframes arrow-pulse{0%,to{transform:translate(6px)}50%{transform:translate(10px)}}.btn--glow{animation:3s ease-in-out infinite btn-glow-pulse}.toast{background:var(--gray-950);border:1px solid var(--gray-800);color:var(--white);padding:var(--sp-4) var(--sp-6);border-radius:var(--radius-sm);font-family:var(--font-mono);letter-spacing:var(--tracking-widest);align-items:center;gap:var(--sp-4);pointer-events:auto;min-width:200px;font-size:11px;display:flex;box-shadow:0 10px 30px #00000080}.toast--success{border-left:2px solid var(--white)}.toast--error{border-left:2px solid #f44}.toast-icon{font-size:14px}@keyframes btn-glow-pulse{0%,to{box-shadow:0 0 #fff0}50%{box-shadow:0 0 20px 2px #ffffff14}}.overlay{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transition:opacity var(--duration-slow) var(--ease-out-expo), visibility var(--duration-slow) var(--ease-out-expo);background:#000000f2;position:fixed;inset:0;overflow-y:auto}.overlay.active{opacity:1;visibility:visible}.overlay-inner{max-width:900px;padding:var(--sp-24) var(--container-padding);min-height:100vh;margin:0 auto}.overlay-inner--full{max-width:1100px}#preloader{z-index:10000;background:var(--black);transition:opacity .6s var(--ease-out-expo);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#preloader.done{opacity:0;pointer-events:none}.preloader-inner{text-align:center}.preloader-text{font-family:var(--font-display);font-size:var(--fs-4xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-ultra);color:var(--white);margin-bottom:var(--sp-8)}.preloader-text .char{opacity:0;display:inline-block;transform:translateY(30px)}.preloader-bar{background:var(--gray-800);border-radius:var(--radius-full);width:200px;height:1px;margin:0 auto;overflow:hidden}.preloader-bar-fill{background:var(--white);width:0%;height:100%;transition:width .1s linear}@media (width<=768px){.section{padding:var(--sp-16) var(--container-padding)}.section-title{font-size:var(--fs-2xl)}}#navbar{height:var(--nav-height);z-index:900;transition:background var(--duration-slow) var(--ease-out-expo), border-color var(--duration-slow) var(--ease-out-expo), backdrop-filter var(--duration-slow);border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}#navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000d9;border-bottom-color:#ffffff0f}.nav-inner{max-width:var(--max-width);height:100%;padding:0 var(--container-padding);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-logo{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-bold);letter-spacing:var(--tracking-wider);transition:letter-spacing var(--duration-base) var(--ease-out-expo);align-items:center;gap:2px;display:flex}.nav-logo:hover{letter-spacing:var(--tracking-ultra)}.logo-bracket{color:var(--gray-500);font-weight:var(--fw-light);transition:color var(--duration-base)}.nav-logo:hover .logo-bracket{color:var(--white)}.nav-links{align-items:center;gap:var(--sp-10);display:flex}.nav-link{font-family:var(--font-display);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:var(--tracking-widest);color:var(--gray-300);padding:var(--sp-2) 0;transition:color var(--duration-base);position:relative}.nav-link:after{content:"";background:var(--white);width:0%;height:1px;transition:width var(--duration-base) var(--ease-out-expo);position:absolute;bottom:0;left:0}.nav-link:hover{color:var(--white)}.nav-link:hover:after{width:100%}.nav-hamburger{cursor:pointer;flex-direction:column;gap:6px;width:28px;display:none}.nav-hamburger span{background:var(--white);width:100%;height:1px;transition:all var(--duration-base) var(--ease-out-expo);transform-origin:50%;display:block}.nav-hamburger.active span:first-child{transform:translateY(7px)rotate(45deg)}.nav-hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{z-index:899;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);opacity:0;visibility:hidden;transition:opacity var(--duration-slow), visibility var(--duration-slow);background:#000000f7;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mobile-menu.active{opacity:1;visibility:visible}.mobile-menu-inner{align-items:center;gap:var(--sp-10);flex-direction:column;display:flex}.mobile-link{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-wider);color:var(--gray-300);transition:color var(--duration-base), letter-spacing var(--duration-base)}.mobile-link:hover{color:var(--white);letter-spacing:var(--tracking-ultra)}@media (width<=768px){.nav-links{display:none}.nav-hamburger{cursor:pointer;display:flex}}.section--hero{background:var(--black);position:relative}.hero-noise{opacity:.03;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:256px;position:absolute;inset:0}.hero-grid-bg{pointer-events:none;z-index:1;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 60%,#000 20%,#0000 70%);mask-image:radial-gradient(60% 60%,#000 20%,#0000 70%)}.hero-content{z-index:2;text-align:center;padding:0 var(--sp-6);position:relative}.hero-badge{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border:var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--gray-400);letter-spacing:var(--tracking-wider);margin-bottom:var(--sp-10);opacity:0;display:inline-flex}.hero-badge-dot{background:var(--white);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 #fff6}50%{opacity:.6;box-shadow:0 0 0 6px #fff0}}.hero-title{font-family:var(--font-display);font-size:var(--fs-hero);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);margin-bottom:var(--sp-6);color:var(--white);line-height:.9}.hero-title .char{opacity:0;display:inline-block}.hero-tagline{font-family:var(--font-mono);font-size:var(--fs-md);color:var(--gray-300);letter-spacing:var(--tracking-wide);margin-bottom:var(--sp-4);min-height:1.6em}.hero-tagline .typewriter-cursor{background:var(--white);vertical-align:text-bottom;width:2px;height:1.2em;margin-left:2px;animation:.8s step-end infinite blink-cursor;display:inline-block}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.hero-sub{font-family:var(--font-display);font-size:var(--fs-sm);color:var(--gray-500);letter-spacing:var(--tracking-widest);text-transform:uppercase;margin-bottom:var(--sp-10);opacity:0}.hero-cta{justify-content:center;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-16);opacity:0;display:flex}.hero-stats{justify-content:center;align-items:center;gap:var(--sp-10);opacity:0;display:flex}.hero-stat{text-align:center}.hero-stat-num{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--white)}.hero-stat-plus{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--gray-400)}.hero-stat-label{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--gray-500);letter-spacing:var(--tracking-wider);margin-top:var(--sp-1);display:block}.hero-stat-divider{background:var(--gray-700);width:1px;height:40px}.hero-scroll-indicator{bottom:var(--sp-10);align-items:center;gap:var(--sp-3);opacity:0;z-index:2;flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hero-scroll-indicator span{font-family:var(--font-mono);letter-spacing:var(--tracking-widest);color:var(--gray-500);font-size:10px}.scroll-line{background:linear-gradient(to bottom, var(--white), transparent);width:1px;height:40px;animation:2s ease-in-out infinite scroll-pulse}@keyframes scroll-pulse{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.4;transform:scaleY(.6)}}@media (width<=768px){.hero-title{font-size:var(--fs-hero);margin-bottom:var(--sp-4)}.hero-tagline{font-size:var(--fs-sm);min-height:3.2em;padding:0 var(--sp-4)}.hero-stats{gap:var(--sp-6);margin-bottom:var(--sp-20);flex-direction:column}.hero-stat-divider{width:40px;height:1px;display:none}.hero-cta{width:100%;max-width:280px;margin:0 auto var(--sp-12) auto;flex-direction:column}.hero-cta .btn{justify-content:center;width:100%}.hero-scroll-indicator{display:none}}.section--products{background:var(--black)}.products-grid{gap:var(--sp-6);grid-template-columns:repeat(3,1fr);display:grid}.product-card{background:var(--gray-950);border:var(--border-subtle);border-radius:var(--radius-md);padding:var(--sp-10) var(--container-padding);transition:transform var(--duration-slow) var(--ease-out-expo), border-color var(--duration-base), box-shadow var(--duration-base);transform-style:preserve-3d;perspective:800px;opacity:0;position:relative;overflow:hidden;transform:translateY(40px)}.product-card:before{content:"";background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #ffffff0a, transparent 60%);opacity:0;transition:opacity var(--duration-base);pointer-events:none;position:absolute;inset:0}.product-card:hover:before{opacity:1}.product-card:hover{box-shadow:var(--glow-md);border-color:#fff3;transform:translateY(-4px)}.product-card-tag{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--gray-500);letter-spacing:var(--tracking-wider);margin-bottom:var(--sp-6)}.product-card-icon{border:var(--border-default);border-radius:var(--radius-md);width:48px;height:48px;margin-bottom:var(--sp-6);font-size:var(--fs-xl);color:var(--white);transition:border-color var(--duration-base), box-shadow var(--duration-base);justify-content:center;align-items:center;display:flex}.product-card:hover .product-card-icon{box-shadow:var(--glow-sm);border-color:#ffffff4d}.product-card-name{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-wide);margin-bottom:var(--sp-3);transition:letter-spacing var(--duration-base) var(--ease-out-expo)}.product-card:hover .product-card-name{letter-spacing:var(--tracking-wider)}.product-card-desc{font-size:var(--fs-sm);color:var(--gray-400);margin-bottom:var(--sp-8);line-height:1.7}.product-card-price{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:var(--fw-bold);color:var(--white);margin-bottom:var(--sp-2)}.product-card-price-sub{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--gray-500);letter-spacing:var(--tracking-wide);margin-bottom:var(--sp-8)}.product-card-features{margin-bottom:var(--sp-8);gap:var(--sp-3);flex-direction:column;display:flex}.product-feature{align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--gray-300);display:flex}.product-feature-icon{color:var(--white);font-size:10px}.product-card-btn{justify-content:center;width:100%}.product-card.featured{background:linear-gradient(135deg, var(--gray-950), var(--gray-900));border-color:#ffffff26}.product-card.featured .product-card-tag{color:var(--white)}.product-featured-badge{top:var(--sp-4);right:var(--sp-4);font-family:var(--font-mono);letter-spacing:var(--tracking-wider);color:var(--black);background:var(--white);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-sm);font-size:10px;position:absolute}@media (width<=1024px){.products-grid{grid-template-columns:repeat(2,1fr);max-width:700px;margin:0 auto}}@media (width<=640px){.products-grid{grid-template-columns:1fr;max-width:500px}}.section--custom{background:var(--black)}.custom-content{gap:var(--sp-16);grid-template-columns:1fr 1fr;align-items:center;display:grid}.custom-desc{font-size:var(--fs-md);color:var(--gray-300);margin-bottom:var(--sp-8);line-height:1.8}.custom-features{gap:var(--sp-4);margin-bottom:var(--sp-10);flex-direction:column;display:flex}.custom-feature{align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--gray-200);letter-spacing:var(--tracking-wide);display:flex}.feature-icon{color:var(--white);font-size:8px}.code-window{background:var(--gray-950);border:var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.code-window-bar{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:var(--border-subtle);background:var(--gray-900);display:flex}.code-dot{border:1px solid var(--gray-600);border-radius:50%;width:8px;height:8px}.code-window-title{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--gray-500);margin-left:var(--sp-3)}.code-window-body{padding:var(--sp-6);font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--gray-300);min-height:280px;line-height:1.8}.code-line{opacity:0}.code-key{color:var(--gray-500)}.code-value{color:var(--white)}.code-comment{color:var(--gray-600);font-style:italic}.order-header{text-align:center;margin-bottom:var(--sp-16)}.order-title{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);margin-bottom:var(--sp-3)}.order-subtitle{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--gray-400);letter-spacing:var(--tracking-wide)}.order-close{top:var(--sp-6);right:var(--sp-6);border:var(--border-default);width:48px;height:48px;font-size:var(--fs-xl);color:var(--white);transition:border-color var(--duration-base), transform var(--duration-base);z-index:1001;cursor:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed}.order-close:hover{border-color:var(--white);transform:rotate(90deg)}.order-section{margin-bottom:var(--sp-12)}.order-section-title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);margin-bottom:var(--sp-2)}.order-section-tag{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--gray-500);letter-spacing:var(--tracking-wider);margin-bottom:var(--sp-6);display:block}.tier-grid{gap:var(--sp-4);grid-template-columns:repeat(3,1fr);display:grid}.tier-card{background:var(--gray-950);border:var(--border-subtle);border-radius:var(--radius-md);padding:var(--sp-6);cursor:none;transition:border-color var(--duration-base), box-shadow var(--duration-base), transform var(--duration-base);text-align:center}.tier-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.tier-card.selected{border-color:var(--white);box-shadow:var(--glow-border)}.tier-price{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin-bottom:var(--sp-2)}.tier-name{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--gray-400);letter-spacing:var(--tracking-wider);margin-bottom:var(--sp-4)}.tier-features{gap:var(--sp-2);font-size:var(--fs-xs);color:var(--gray-300);flex-direction:column;display:flex}.tier-feature{align-items:center;gap:var(--sp-2);display:flex}.tier-check{color:var(--white);font-size:10px}.order-form{gap:var(--sp-6);flex-direction:column;display:flex}.form-group{position:relative}.form-label{font-family:var(--font-display);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:var(--tracking-wider);color:var(--gray-400);margin-bottom:var(--sp-2);text-transform:uppercase;display:block}.form-input,.form-textarea{background:var(--gray-950);border:var(--border-subtle);border-radius:var(--radius-md);width:100%;padding:var(--sp-4);font-family:var(--font-body);font-size:var(--fs-sm);color:var(--white);transition:border-color var(--duration-base), box-shadow var(--duration-base);cursor:none;outline:none}.form-input:focus,.form-textarea:focus{box-shadow:var(--glow-sm);border-color:#ffffff4d}.form-textarea{resize:vertical;min-height:120px}.form-row{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.form-required{color:var(--gray-500);font-size:var(--fs-xs)}.order-summary{background:var(--gray-950);border:var(--border-default);border-radius:var(--radius-md);padding:var(--sp-6);margin-bottom:var(--sp-8)}.order-summary-title{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wider);margin-bottom:var(--sp-4);padding-bottom:var(--sp-4);border-bottom:var(--border-subtle)}.order-summary-row{padding:var(--sp-2) 0;font-size:var(--fs-sm);justify-content:space-between;align-items:center;display:flex}.order-summary-label{color:var(--gray-400)}.order-summary-value{color:var(--white);font-weight:var(--fw-medium)}.order-summary-total{border-top:var(--border-default);margin-top:var(--sp-4);padding-top:var(--sp-4);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-lg)}.order-submit{width:100%;padding:var(--sp-5);font-size:var(--fs-base);justify-content:center}.order-success{text-align:center;padding:var(--sp-24) 0}.order-success-icon{margin-bottom:var(--sp-6);color:var(--white);font-size:48px}.order-success-title{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin-bottom:var(--sp-3)}.order-success-ticket{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--gray-400);letter-spacing:var(--tracking-wider);margin-bottom:var(--sp-8)}@media (width<=768px){.custom-content,.tier-grid,.form-row{grid-template-columns:1fr}.order-close,.tier-card{cursor:pointer}.form-input,.form-textarea{cursor:auto}}.section--about{background:var(--black)}.about-content{gap:var(--sp-16);grid-template-columns:1.2fr 1fr;display:grid}.about-text{gap:var(--sp-6);flex-direction:column;display:flex}.about-paragraph{font-size:var(--fs-md);color:var(--gray-300);opacity:0;line-height:1.8;transform:translateY(20px)}.about-values{gap:var(--sp-8);flex-direction:column;display:flex}.value-item{padding:var(--sp-6);border-left:1px solid var(--gray-700);transition:border-color var(--duration-base);opacity:0;transform:translate(20px)}.value-item:hover{border-left-color:var(--white)}.value-number{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--gray-500);letter-spacing:var(--tracking-wider);margin-bottom:var(--sp-2);display:block}.value-title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-bold);letter-spacing:var(--tracking-wide);margin-bottom:var(--sp-2)}.value-desc{font-size:var(--fs-sm);color:var(--gray-400);line-height:1.7}.section--credits{background:var(--black);overflow:hidden}.credits-content{gap:var(--sp-16);margin-bottom:var(--sp-24);grid-template-columns:1fr 1fr;display:grid}.credits-role{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--gray-500);letter-spacing:var(--tracking-widest);margin-bottom:var(--sp-4);display:block}.credits-name{font-family:var(--font-display);font-size:var(--fs-4xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);background:linear-gradient(135deg, var(--white) 0%, var(--gray-400) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.credits-sig{background:linear-gradient(to right, var(--white), transparent);width:100px;height:1px;margin-top:var(--sp-6)}.credits-tech-list{gap:var(--sp-3);flex-wrap:wrap;display:flex}.tech-tag{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tracking-wider);color:var(--gray-300);padding:var(--sp-2) var(--sp-4);border:var(--border-subtle);border-radius:var(--radius-sm);transition:border-color var(--duration-base), color var(--duration-base)}.tech-tag:hover{color:var(--white);border-color:#ffffff4d}.credits-marquee{border-top:var(--border-subtle);border-bottom:var(--border-subtle);width:100%;padding:var(--sp-6) 0;position:relative;overflow:hidden}.marquee-track{gap:var(--sp-16);width:max-content;animation:20s linear infinite marquee;display:flex}.marquee-item{font-family:var(--font-display);font-size:var(--fs-4xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-wider);color:var(--gray-800);white-space:nowrap;-webkit-user-select:none;user-select:none}.marquee-item .marquee-dot{color:var(--gray-600);margin:0 var(--sp-8)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.footer{padding:var(--sp-8) var(--sp-6);border-top:var(--border-subtle);position:relative}.footer-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.footer-left{align-items:center;gap:var(--sp-6);display:flex}.footer-logo{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-bold);letter-spacing:var(--tracking-wider)}.footer-copy{font-size:var(--fs-xs);color:var(--gray-500)}.footer-right{align-items:center;gap:var(--sp-6);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--gray-400);letter-spacing:var(--tracking-wider);display:flex}.back-to-top{right:var(--container-padding);bottom:calc(100% + var(--sp-4));border:var(--border-default);width:40px;height:40px;font-size:var(--fs-lg);color:var(--white);transition:border-color var(--duration-base), transform var(--duration-base);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.back-to-top:hover{border-color:var(--white);transform:translateY(-4px)}@media (width<=768px){.about-content,.credits-content{grid-template-columns:1fr}.footer-inner{gap:var(--sp-4);text-align:center;flex-direction:column}.footer-left{gap:var(--sp-2);flex-direction:column}.back-to-top{cursor:pointer}}.dev-login{text-align:center;max-width:400px;padding:var(--sp-12) var(--sp-6);margin:0 auto}.dev-login-title{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-widest);margin-bottom:var(--sp-2)}.dev-login-sub{font-family:var(--font-mono);color:var(--gray-500);letter-spacing:var(--tracking-widest);margin-bottom:var(--sp-10);font-size:10px}.dev-login-input{background:var(--gray-900);border:var(--border-default);border-radius:var(--radius-sm);width:100%;padding:var(--sp-4);color:var(--white);font-family:var(--font-mono);text-align:center;font-size:var(--fs-lg);letter-spacing:.5em;margin-bottom:var(--sp-6);transition:border-color var(--duration-base)}.dev-login-input:focus{border-color:var(--white);outline:none}.dev-login-input.error{border-color:#f44}.dev-login-error{font-family:var(--font-mono);color:#f44;margin-top:var(--sp-4);opacity:0;transition:opacity var(--duration-fast);font-size:10px}.dev-login-error.visible{opacity:1}.dev-dashboard{background:var(--gray-950);flex-direction:column;height:100%;display:flex}.dev-header{padding:var(--sp-6) var(--sp-10);border-bottom:var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.dev-header-left{align-items:baseline;gap:var(--sp-4);display:flex}.dev-title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-widest)}.dev-title-slash{color:var(--gray-600);font-weight:var(--fw-light)}.dev-version{font-family:var(--font-mono);color:var(--gray-600);font-size:10px}.dev-stats{background:var(--gray-800);border-bottom:var(--border-subtle);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.dev-stat-card{background:var(--gray-950);padding:var(--sp-6) var(--sp-10);flex-direction:column;display:flex}.dev-stat-label{font-family:var(--font-mono);color:var(--gray-500);letter-spacing:var(--tracking-widest);margin-bottom:var(--sp-1);font-size:10px}.dev-stat-num{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--white)}.dev-body{flex:1;grid-template-columns:350px 1fr;display:grid;overflow:hidden}.dev-list-pane{border-right:var(--border-subtle);background:var(--gray-950);flex-direction:column;display:flex}.dev-pane-header{padding:var(--sp-4) var(--sp-6);border-bottom:var(--border-subtle);background:var(--gray-900);justify-content:space-between;align-items:center;display:flex}.dev-pane-title{font-family:var(--font-mono);font-size:10px;font-weight:var(--fw-bold);letter-spacing:var(--tracking-widest)}.dev-pane-count{font-family:var(--font-mono);color:var(--gray-500);font-size:9px}.dev-tickets-list{flex:1;overflow-y:auto}.dev-ticket-item{padding:var(--sp-5) var(--sp-6);border-bottom:var(--border-subtle);cursor:pointer;transition:all var(--duration-fast)}.dev-ticket-item:hover{background:var(--gray-900)}.dev-ticket-item.active{background:var(--gray-900);border-left:3px solid var(--white)}.dev-ticket-item-top{margin-bottom:var(--sp-2);justify-content:space-between;display:flex}.dev-ticket-id{font-family:var(--font-mono);color:var(--gray-400);font-size:10px}.dev-ticket-date{font-family:var(--font-mono);color:var(--gray-600);font-size:10px}.dev-ticket-name{font-family:var(--font-display);font-size:var(--fs-base);font-weight:var(--fw-semibold);margin-bottom:var(--sp-3)}.dev-ticket-type{gap:var(--sp-2);display:flex}.dev-type-badge{font-family:var(--font-mono);background:var(--gray-800);color:var(--gray-300);border-radius:2px;padding:2px 6px;font-size:9px}.dev-status-pill{font-family:var(--font-mono);border-radius:2px;padding:2px 6px;font-size:9px}.dev-status-pill.pending{color:orange;background:#ffa50026}.dev-status-pill.in-progress{color:#0078ff;background:#0078ff26}.dev-status-pill.completed{color:#00ff78;background:#00ff7826}.dev-detail-pane{background:var(--gray-950);padding:var(--sp-10) var(--sp-12);overflow-y:auto}.dev-detail-placeholder{height:100%;color:var(--gray-700);justify-content:center;align-items:center;gap:var(--sp-4);flex-direction:column;display:flex}.dev-detail-icon{opacity:.2;font-size:32px}.dev-detail-header{margin-bottom:var(--sp-10);border-bottom:var(--border-subtle);padding-bottom:var(--sp-8);justify-content:space-between;align-items:flex-start;display:flex}.dev-detail-title{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-wide);margin-bottom:var(--sp-1)}.dev-detail-id{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--gray-500);letter-spacing:var(--tracking-widest)}.dev-status-select{background:var(--gray-900);border:var(--border-default);color:var(--white);font-family:var(--font-mono);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);cursor:pointer;outline:none;font-size:11px}.dev-detail-grid{gap:var(--sp-10);margin-bottom:var(--sp-10);grid-template-columns:1fr 1fr;display:grid}.dev-detail-group{gap:var(--sp-6);flex-direction:column;display:flex}.dev-detail-group.full{grid-column:1/-1}.dev-detail-group-label{font-family:var(--font-mono);font-size:11px;font-weight:var(--fw-bold);color:var(--gray-400);letter-spacing:var(--tracking-widest);border-bottom:1px solid var(--gray-800);padding-bottom:var(--sp-2)}.dev-detail-field{gap:var(--sp-1);flex-direction:column;display:flex}.field-label{font-family:var(--font-mono);color:var(--gray-600);letter-spacing:var(--tracking-wider);font-size:10px}.field-value{font-size:var(--fs-base);color:var(--white);font-weight:var(--fw-medium)}.field-text{font-size:var(--fs-sm);color:var(--gray-300);background:var(--gray-900);padding:var(--sp-4);border-radius:var(--radius-sm);border:var(--border-subtle);white-space:pre-wrap;line-height:1.6}.dev-detail-footer{margin-top:var(--sp-12);padding-top:var(--sp-8);border-top:var(--border-subtle);justify-content:space-between;display:flex}.dev-footer-btn{font-family:var(--font-mono);font-size:11px;font-weight:var(--fw-bold);padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast);border:none}.dev-footer-btn.danger{color:#f44;background:#ff44441a;border:1px solid #f443}.dev-footer-btn.danger:hover{color:var(--white);background:#f44}.dev-footer-btn.primary{background:var(--white);color:var(--black)}.dev-footer-btn.primary:hover{box-shadow:var(--glow-sm);transform:translateY(-2px)}@media (width<=1024px){.dev-body{grid-template-columns:1fr}.dev-list-pane{display:none}}.chatbot-toggle{bottom:var(--sp-6);right:var(--sp-6);background:var(--gray-950);border:var(--border-default);z-index:800;cursor:pointer;width:44px;height:44px;transition:all var(--duration-base) var(--ease-out-expo);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed}.chatbot-toggle:hover{box-shadow:var(--glow-md);border-color:#ffffff59;transform:scale(1.08)}.chatbot-toggle.hidden{opacity:0;pointer-events:none;transform:scale(0)translateY(20px)}.chatbot-pulse{background:var(--white);border-radius:50%;width:8px;height:8px;position:relative}.chatbot-pulse:before{content:"";border:1px solid #ffffff4d;border-radius:50%;animation:2.5s ease-in-out infinite chatbot-ring;position:absolute;inset:-4px}@keyframes chatbot-ring{0%,to{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.8)}}.chatbot-panel{bottom:var(--sp-6);right:var(--sp-6);background:var(--gray-950);border:var(--border-default);border-radius:var(--radius-lg);z-index:801;opacity:0;visibility:hidden;width:380px;max-height:520px;transition:all var(--duration-slow) var(--ease-out-expo);flex-direction:column;display:flex;position:fixed;overflow:hidden;transform:translateY(20px)scale(.95);box-shadow:0 20px 60px #0009}.chatbot-panel.active{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.chat-header{padding:var(--sp-4) var(--sp-5);border-bottom:var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.chat-header-left{align-items:center;gap:var(--sp-3);display:flex}.chat-header-dot{background:var(--white);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot}.chat-header-info{flex-direction:column;display:flex}.chat-header-name{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide)}.chat-header-status{font-family:var(--font-mono);color:var(--gray-500);letter-spacing:var(--tracking-wider);font-size:10px}.chat-close{border:var(--border-subtle);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--gray-400);font-size:var(--fs-sm);transition:border-color var(--duration-fast), color var(--duration-fast);cursor:pointer;justify-content:center;align-items:center;display:flex}.chat-close:hover{color:var(--white);border-color:#ffffff4d}.chat-messages{padding:var(--sp-4);gap:var(--sp-3);flex-direction:column;flex:1;min-height:300px;max-height:360px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:3px}.chat-messages::-webkit-scrollbar-thumb{background:var(--gray-700);border-radius:var(--radius-full)}.chat-msg{max-width:85%;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);font-size:var(--fs-sm);animation:msg-in .3s var(--ease-out-expo);line-height:1.6}@keyframes msg-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-msg.bot{background:var(--gray-900);color:var(--gray-200);border-bottom-left-radius:var(--radius-sm);align-self:flex-start}.chat-msg.user{background:var(--white);color:var(--black);border-bottom-right-radius:var(--radius-sm);align-self:flex-end}.chat-msg.bot .msg-label{font-family:var(--font-mono);color:var(--gray-500);letter-spacing:var(--tracking-wider);margin-bottom:var(--sp-1);font-size:10px;display:block}.chat-typing{padding:var(--sp-3) var(--sp-4);align-self:flex-start;gap:4px;display:flex}.chat-typing span{background:var(--gray-500);border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite typing-bounce}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.chat-suggestions{gap:var(--sp-2);padding:0 var(--sp-4);margin-bottom:var(--sp-2);flex-wrap:wrap;display:flex}.chat-suggestion{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);color:var(--gray-300);padding:var(--sp-1) var(--sp-3);border:var(--border-subtle);border-radius:var(--radius-full);transition:all var(--duration-fast);cursor:pointer;font-size:10px}.chat-suggestion:hover{color:var(--white);border-color:#ffffff4d}.chat-input-wrap{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-top:var(--border-subtle);display:flex}.chat-input{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--white);background:0 0;border:none;outline:none;flex:1}.chat-input::placeholder{color:var(--gray-600)}.chat-send{background:var(--white);width:32px;height:32px;color:var(--black);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:var(--fw-bold);transition:transform var(--duration-fast);cursor:pointer;justify-content:center;align-items:center;display:flex}.chat-send:hover{transform:scale(1.05)}@media (width<=768px){.chatbot-panel{width:calc(100vw - var(--sp-8));right:var(--sp-4);bottom:var(--sp-4)}}