#landing-page{--accent:#00c8ff;--accent2:#7b5cf0;--accent3:#00ff9d;--bg:#080b12;--bg2:#0d1117;--bg3:#111827;--bg4:#1a2235;--border:#ffffff12;--border2:#00c8ff33;--text:#c9d1e0;--text2:#7a8ba3;--white:#f0f4ff;--radius:12px;--radius2:20px;--glow:0 0 40px #00c8ff26;background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}#landing-page ::-webkit-scrollbar{width:5px}#landing-page ::-webkit-scrollbar-track{background:var(--bg2)}#landing-page ::-webkit-scrollbar-thumb{background:var(--accent2);border-radius:10px}#landing-page ::selection{color:var(--white);background:#00c8ff40}#landing-page .container{max-width:1140px;margin:0 auto;padding:0 24px}#landing-page .section-tag{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:14px;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:500;display:inline-flex}#landing-page .section-tag:before{content:"";background:var(--accent);width:28px;height:1px;display:inline-block}#landing-page .section-title{color:var(--white);margin-bottom:18px;font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800;line-height:1.15}#landing-page .section-title span{color:var(--accent)}#landing-page .section-sub{color:var(--text2);max-width:600px;font-size:1.05rem;line-height:1.75}#landing-page .gradient-text{background:linear-gradient(135deg, var(--accent), var(--accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}#landing-page nav{z-index:999;padding:18px 0;transition:background .4s,padding .4s,box-shadow .4s;position:fixed;top:0;left:0;right:0}#landing-page nav.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--border);background:#080b12f2;padding:12px 0}#landing-page nav .container{justify-content:space-between;align-items:center;display:flex}#landing-page .nav-logo{color:var(--white);align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:600;text-decoration:none;display:flex}#landing-page .nav-logo span{color:var(--accent)}#landing-page .nav-links{gap:32px;list-style:none;display:flex}#landing-page .nav-links a{color:var(--text2);letter-spacing:.02em;font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s}#landing-page .nav-links a:hover{color:var(--accent)}#landing-page .nav-cta{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:6px;padding:8px 20px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s}#landing-page .nav-cta:hover{background:var(--accent);color:var(--bg)}#landing-page .nav-hamburger{cursor:pointer;flex-direction:column;gap:5px;padding:4px;display:none}#landing-page .nav-hamburger span{background:var(--text);border-radius:2px;width:24px;height:2px;transition:all .3s;display:block}#landing-page #hero{align-items:center;min-height:100vh;padding:120px 0 80px;display:flex;position:relative;overflow:hidden}#landing-page .hero-bg{background:radial-gradient(ellipse 80% 60% at 70% 40%, #00c8ff0f 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 10% 70%, #7b5cf012 0%, transparent 55%), linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%);position:absolute;inset:0}#landing-page .hero-grid{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.4;background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 0%,#0000 70%);mask-image:radial-gradient(80% 80%,#000 0%,#0000 70%)}#landing-page .hero-content{z-index:2;position:relative}#landing-page .hero-badge{color:var(--accent);letter-spacing:.05em;background:#00c8ff14;border:1px solid #00c8ff33;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px;font-family:JetBrains Mono,monospace;font-size:.78rem;display:inline-flex}#landing-page .hero-badge-dot{background:var(--accent3);border-radius:50%;width:7px;height:7px;animation:2s infinite lp-pulse}@keyframes lp-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #00ff9d66}50%{opacity:.8;transform:scale(1.1);box-shadow:0 0 0 6px #00ff9d00}}#landing-page .hero-name{color:var(--white);letter-spacing:-.02em;margin-bottom:10px;font-size:clamp(2.6rem,6.5vw,5.2rem);font-weight:900;line-height:1.05}#landing-page .hero-title{color:var(--text2);margin-bottom:28px;font-family:JetBrains Mono,monospace;font-size:clamp(1.1rem,2.5vw,1.55rem);font-weight:500}#landing-page .hero-title span{color:var(--accent)}#landing-page .hero-headline{color:var(--text);max-width:620px;margin-bottom:44px;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.8}#landing-page .hero-headline strong{color:var(--white);font-weight:600}#landing-page .hero-headline em{color:var(--accent);font-style:normal;font-weight:500}#landing-page .hero-actions{flex-wrap:wrap;gap:16px;margin-bottom:60px;display:flex}#landing-page .btn-primary{background:linear-gradient(135deg, var(--accent), #09c);color:var(--bg);cursor:pointer;letter-spacing:.01em;border:none;border-radius:8px;align-items:center;gap:8px;padding:14px 28px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}#landing-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00c8ff59}#landing-page .btn-secondary{border:1px solid var(--border2);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:14px 28px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}#landing-page .btn-secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}#landing-page .hero-social{gap:14px;display:flex}#landing-page .hero-social a{border:1px solid var(--border);width:44px;height:44px;color:var(--text2);border-radius:10px;justify-content:center;align-items:center;text-decoration:none;transition:all .25s;display:flex}#landing-page .hero-social a:hover{border-color:var(--accent);color:var(--accent);background:#00c8ff0f;transform:translateY(-2px)}#landing-page .hero-scroll{color:var(--text2);letter-spacing:.1em;text-transform:uppercase;flex-direction:column;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:.75rem;animation:2.5s infinite lp-bounce;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}@keyframes lp-bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(6px)}}#landing-page #stats-bar{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:40px 0}#landing-page .stats-grid{grid-template-columns:repeat(4,1fr);display:grid}#landing-page .stat-item{text-align:center;padding:16px 24px;position:relative}#landing-page .stat-item:not(:last-child):after{content:"";background:var(--border);width:1px;position:absolute;top:20%;bottom:20%;right:0}#landing-page .stat-number{color:var(--white);margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:clamp(2rem,4vw,2.8rem);font-weight:900;line-height:1}#landing-page .stat-number span{color:var(--accent)}#landing-page .stat-label{color:var(--text2);letter-spacing:.02em;font-size:.82rem;font-weight:500}#landing-page .section{padding:96px 0}#landing-page .section-alt{background:var(--bg2)}#landing-page .section-header{margin-bottom:64px}#landing-page .about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:72px;display:grid}#landing-page .about-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius2);padding:32px;position:relative;overflow:hidden}#landing-page .about-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent2));height:3px;position:absolute;top:0;left:0;right:0}#landing-page .about-card-label{color:var(--text2);letter-spacing:.08em;margin-bottom:14px;font-family:JetBrains Mono,monospace;font-size:.72rem}#landing-page .about-card-title{color:var(--white);margin-bottom:10px;font-size:1.35rem;font-weight:700}#landing-page .about-card-desc{color:var(--text2);font-size:.88rem;line-height:1.7}#landing-page .about-float{background:var(--bg4);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:14px;margin-top:16px;padding:18px 22px;transition:all .25s;display:flex}#landing-page .about-float:hover{border-color:var(--border2);transform:translate(4px)}#landing-page .about-float-icon{width:40px;height:40px;color:var(--accent);background:#00c8ff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}#landing-page .about-float-text strong{color:var(--white);margin-bottom:2px;font-size:.88rem;font-weight:600;display:block}#landing-page .about-float-text span{color:var(--text2);font-size:.78rem}#landing-page .about-text p{color:var(--text);margin-bottom:20px;font-size:1.02rem;line-height:1.85}#landing-page .about-text p:last-child{margin-bottom:0}#landing-page .about-text strong{color:var(--white);font-weight:600}#landing-page .about-text em{color:var(--accent);font-style:normal;font-weight:500}#landing-page .spec-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}#landing-page .spec-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius2);padding:32px;transition:all .3s;position:relative;overflow:hidden}#landing-page .spec-card:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent2));height:2px;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}#landing-page .spec-card:hover{border-color:var(--border2);box-shadow:0 16px 48px #0006, var(--glow);transform:translateY(-4px)}#landing-page .spec-card:hover:after{transform:scaleX(1)}#landing-page .spec-icon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:20px;display:flex}#landing-page .spec-icon.blue{color:var(--accent);background:#00c8ff1a}#landing-page .spec-icon.purple{color:var(--accent2);background:#7b5cf01a}#landing-page .spec-icon.green{color:var(--accent3);background:#00ff9d1a}#landing-page .spec-icon.orange{color:#fa0;background:#ffaa001a}#landing-page .spec-icon.red{color:#ff5050;background:#ff50501a}#landing-page .spec-icon.teal{color:#00c8b4;background:#00c8b41a}#landing-page .spec-card h3{color:var(--white);margin-bottom:12px;font-size:1.1rem;font-weight:700}#landing-page .spec-card p{color:var(--text2);font-size:.88rem;line-height:1.7}#landing-page .spec-tags{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}#landing-page .spec-tag{border:1px solid var(--border);color:var(--text2);background:#ffffff0a;border-radius:4px;padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:.7rem}#landing-page .diff-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}#landing-page .diff-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius2);align-items:flex-start;gap:20px;padding:28px 32px;transition:all .25s;display:flex}#landing-page .diff-card:hover{border-color:var(--border2);background:var(--bg4)}#landing-page .diff-num{color:var(--accent);background:#00c8ff14;border:1px solid #00c8ff26;border-radius:6px;flex-shrink:0;margin-top:3px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:600}#landing-page .diff-body h3{color:var(--white);margin-bottom:8px;font-size:1rem;font-weight:700}#landing-page .diff-body p{color:var(--text2);font-size:.87rem;line-height:1.7}#landing-page .stack-section{grid-template-columns:1fr 1fr;gap:48px;display:grid}#landing-page .stack-group h3{color:var(--text2);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:20px;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:600;display:flex}#landing-page .stack-group h3:after{content:"";background:var(--border);flex:1;height:1px}#landing-page .tech-badges{flex-wrap:wrap;gap:10px;display:flex}#landing-page .tech-badge{background:var(--bg3);border:1px solid var(--border);color:var(--text);cursor:default;border-radius:8px;align-items:center;gap:8px;padding:9px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}#landing-page .tech-badge:hover{border-color:var(--border2);color:var(--white);background:var(--bg4);transform:translateY(-2px)}#landing-page .tech-badge .dot{border-radius:50%;width:8px;height:8px}#landing-page .dot-js{background:#f7df1e}#landing-page .dot-php{background:#8993be}#landing-page .dot-sql{background:#cc2927}#landing-page .dot-node{background:#68a063}#landing-page .dot-react{background:#61dafb}#landing-page .dot-ts{background:#3178c6}#landing-page .dot-mysql{background:#00758f}#landing-page .dot-redis{background:#dc382d}#landing-page .dot-docker{background:#2496ed}#landing-page .dot-git{background:#f05032}#landing-page .dot-rest{background:#00c8b4}#landing-page .dot-solid{background:#7b5cf0}#landing-page .dot-laravel{background:#ff2d20}#landing-page .dot-vue{background:#41b883}#landing-page .dot-aws{background:#f90}#landing-page .dot-mongo{background:#4db33d}#landing-page .dot-tail{background:#38bdf8}#landing-page .areas-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}#landing-page .area-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius2);padding:28px;transition:all .3s}#landing-page .area-card:hover{border-color:var(--border2);transform:translateY(-4px);box-shadow:0 16px 40px #00000059}#landing-page .area-tag{color:var(--accent);letter-spacing:.05em;background:#00c8ff14;border:1px solid #00c8ff26;border-radius:4px;margin-bottom:16px;padding:3px 9px;font-family:JetBrains Mono,monospace;font-size:.68rem;display:inline-block}#landing-page .area-card h3{color:var(--white);margin-bottom:10px;font-size:1.05rem;font-weight:700}#landing-page .area-card p{color:var(--text2);font-size:.85rem;line-height:1.7}#landing-page .area-card ul{margin-top:14px;list-style:none}#landing-page .area-card ul li{color:var(--text2);align-items:center;gap:8px;padding:4px 0;font-size:.82rem;display:flex}#landing-page .area-card ul li:before{content:"→";color:var(--accent);font-size:.78rem}#landing-page .metrics-wrapper{border:1px solid var(--border);border-radius:var(--radius2);text-align:center;background:linear-gradient(135deg,#00c8ff0d,#7b5cf00d);padding:64px;position:relative;overflow:hidden}#landing-page .metrics-wrapper:before{content:"";pointer-events:none;background:radial-gradient(circle,#00c8ff0f 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-60%;left:-20%}#landing-page .metrics-grid{grid-template-columns:repeat(4,1fr);gap:40px;margin-top:48px;display:grid;position:relative}#landing-page .metric-item{flex-direction:column;align-items:center;gap:12px;display:flex}#landing-page .metric-ring{border:2px solid var(--border);background:var(--bg3);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:relative}#landing-page .metric-ring:before{content:"";background:conic-gradient(var(--accent) var(--pct,0%), transparent var(--pct,0%));border-radius:50%;position:absolute;inset:-2px;-webkit-mask:radial-gradient(farthest-side,#0000 60%,#000 61%);mask:radial-gradient(farthest-side,#0000 60%,#000 61%)}#landing-page .metric-ring svg{color:var(--accent)}#landing-page .metric-val{color:var(--white);font-family:JetBrains Mono,monospace;font-size:1.7rem;font-weight:800}#landing-page .metric-val span{color:var(--accent)}#landing-page .metric-label{color:var(--text2);font-size:.82rem;font-weight:500}#landing-page .contact-wrapper{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}#landing-page .contact-info p{color:var(--text2);margin-bottom:36px;font-size:1rem;line-height:1.8}#landing-page .contact-links{flex-direction:column;gap:14px;display:flex}#landing-page .contact-link{color:var(--text);background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:14px;padding:16px 20px;font-size:.9rem;text-decoration:none;transition:all .25s;display:flex}#landing-page .contact-link:hover{border-color:var(--border2);color:var(--accent);background:var(--bg4);transform:translate(4px)}#landing-page .contact-link-icon{width:38px;height:38px;color:var(--accent);background:#00c8ff14;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}#landing-page .contact-link-text strong{color:var(--white);font-size:.88rem;font-weight:600;display:block}#landing-page .contact-link-text span{color:var(--text2);font-size:.78rem}#landing-page .contact-form{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius2);padding:36px;position:relative;overflow:hidden}#landing-page .contact-form:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent2));height:3px;position:absolute;top:0;left:0;right:0}#landing-page .form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}#landing-page .form-group{margin-bottom:20px}#landing-page .form-group label{color:var(--text2);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:.8rem;font-weight:600;display:block}#landing-page .form-group input,#landing-page .form-group textarea{background:var(--bg2);border:1px solid var(--border);width:100%;color:var(--white);border-radius:8px;outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:.9rem;transition:border-color .2s}#landing-page .form-group input:focus,#landing-page .form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #00c8ff14}#landing-page .form-group textarea{resize:vertical;min-height:110px}#landing-page .form-group input::-moz-placeholder{color:var(--text2);opacity:.6}#landing-page .form-group textarea::-moz-placeholder{color:var(--text2);opacity:.6}#landing-page .form-group input::placeholder,#landing-page .form-group textarea::placeholder{color:var(--text2);opacity:.6}#landing-page .cta-banner{border:1px solid var(--border);border-radius:var(--radius2);text-align:center;background:linear-gradient(135deg,#00c8ff14,#7b5cf014);margin-top:96px;padding:72px 64px;position:relative;overflow:hidden}#landing-page .cta-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#7b5cf01a 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-40%;right:-10%}#landing-page .cta-banner h2{color:var(--white);margin-bottom:18px;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800;line-height:1.2}#landing-page .cta-banner p{color:var(--text2);max-width:540px;margin-bottom:36px;margin-left:auto;margin-right:auto;font-size:1.05rem;line-height:1.75}#landing-page .cta-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}#landing-page footer{background:var(--bg2);border-top:1px solid var(--border);padding:48px 0 32px}#landing-page .footer-grid{grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:40px;display:grid}#landing-page .footer-brand p{color:var(--text2);max-width:280px;margin-top:14px;font-size:.88rem;line-height:1.75}#landing-page .footer-col h4{color:var(--white);letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px;font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:700}#landing-page .footer-links{flex-direction:column;gap:10px;list-style:none;display:flex}#landing-page .footer-links a{color:var(--text2);font-size:.87rem;text-decoration:none;transition:color .2s}#landing-page .footer-links a:hover{color:var(--accent)}#landing-page .footer-bottom{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-top:28px;display:flex}#landing-page .footer-bottom p{color:var(--text2);font-family:JetBrains Mono,monospace;font-size:.8rem}#landing-page .footer-bottom p span{color:var(--accent)}#landing-page .footer-social{gap:10px;display:flex}#landing-page .footer-social a{border:1px solid var(--border);width:36px;height:36px;color:var(--text2);border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}#landing-page .footer-social a:hover{border-color:var(--accent);color:var(--accent);background:#00c8ff0f}#landing-page .fade-up{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(28px)}#landing-page .fade-up.visible{opacity:1;transform:translateY(0)}#landing-page .fade-up-d1{transition-delay:.1s}#landing-page .fade-up-d2{transition-delay:.2s}#landing-page .fade-up-d3{transition-delay:.3s}#landing-page .fade-up-d4{transition-delay:.4s}#landing-page .fade-up-d5{transition-delay:.5s}@media (max-width:1024px){#landing-page .about-grid{grid-template-columns:1fr;gap:48px}#landing-page .spec-grid,#landing-page .areas-grid{grid-template-columns:repeat(2,1fr)}#landing-page .stack-section{grid-template-columns:1fr}#landing-page .metrics-grid{grid-template-columns:repeat(2,1fr)}#landing-page .footer-grid{grid-template-columns:1fr 1fr}#landing-page .footer-brand{grid-column:1/-1}}@media (max-width:768px){#landing-page .nav-links,#landing-page .nav-cta{display:none}#landing-page .nav-hamburger{display:flex}#landing-page .nav-links.open{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#080b12fa;flex-direction:column;gap:20px;padding:24px;display:flex;position:fixed;top:65px;left:0;right:0}#landing-page .stats-grid{grid-template-columns:repeat(2,1fr)}#landing-page .stat-item:nth-child(2):after{display:none}#landing-page .spec-grid,#landing-page .diff-grid,#landing-page .areas-grid{grid-template-columns:1fr}#landing-page .metrics-grid{grid-template-columns:repeat(2,1fr)}#landing-page .contact-wrapper,#landing-page .form-row{grid-template-columns:1fr}#landing-page .metrics-wrapper{padding:36px 24px}#landing-page .cta-banner{padding:48px 28px}#landing-page .footer-grid{grid-template-columns:1fr}}@media (max-width:480px){#landing-page .stats-grid{grid-template-columns:1fr}#landing-page .stat-item:after{display:none!important}}