:root{--orbit-black: #0D0D0D;--warm-ember: #C4622D;--strategy-gold: #D4A843;--slate: #3D4B5C;--forest: #2D6A4F;--founder-white: #F7F5F2;--soft-fog: #E8E4DF;--f-display: "Plus Jakarta Sans", sans-serif;--f-body: "Inter", sans-serif;--f-accent: "Playfair Display", serif;--r-sm: 6px;--r-md: 12px;--r-lg: 20px;--shadow-card: 0 4px 24px rgba(0,0,0,.22)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--orbit-black);font-family:var(--f-body)}.shell{display:flex;width:100vw;height:100vh;overflow:hidden}.sidebar{width:230px;flex-shrink:0;background:#0a0a0a;border-right:1px solid rgba(247,245,242,.07);display:flex;flex-direction:column;padding:32px 0 24px;position:relative;z-index:10;overflow-y:auto}.sidebar-logo{padding:0 24px 28px;border-bottom:1px solid rgba(247,245,242,.06)}.sidebar-logo .name{font-family:var(--f-display);font-size:15px;font-weight:800;color:var(--warm-ember);letter-spacing:.5px}.sidebar-logo .tag{font-family:var(--f-accent);font-style:italic;font-size:11px;color:#f7f5f259;margin-top:3px}.nav-group{padding:20px 0 0;flex:1}.nav-label{font-family:var(--f-display);font-size:9px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#f7f5f233;padding:0 24px 10px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 24px;cursor:pointer;font-family:var(--f-display);font-size:13px;font-weight:600;color:#f7f5f273;border-left:3px solid transparent;transition:all .18s ease;-webkit-user-select:none;user-select:none;text-decoration:none}.nav-item:hover{color:#f7f5f2bf;background:#f7f5f208}.nav-item.active{color:var(--founder-white);border-left-color:var(--warm-ember);background:#c4622d12}a.nav-item{color:#f7f5f273;text-decoration:none}a.nav-item:hover{color:#f7f5f2bf}.nav-item .icon{font-size:15px;width:18px;text-align:center}.nav-divider{height:1px;background:#f7f5f20d;margin:14px 24px}.sidebar-links{padding:16px 24px 0;border-top:1px solid rgba(247,245,242,.06);display:flex;flex-direction:column;gap:10px}.ext-link{display:flex;align-items:center;gap:8px;font-family:var(--f-display);font-size:11px;font-weight:600;color:#f7f5f259;text-decoration:none;transition:color .15s;cursor:pointer}.ext-link:hover{color:var(--strategy-gold)}.ext-link .dot{width:5px;height:5px;border-radius:50%;background:var(--strategy-gold);flex-shrink:0}.main{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--orbit-black);position:relative}.main::-webkit-scrollbar{width:4px}.main::-webkit-scrollbar-track{background:transparent}.main::-webkit-scrollbar-thumb{background:#f7f5f21a;border-radius:4px}.grid-texture{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(247,245,242,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(247,245,242,.018) 1px,transparent 1px);background-size:52px 52px;z-index:0}.panel{display:none;padding:52px 60px 60px;position:relative;z-index:1;min-height:100%;animation:fadeIn .25s ease}.panel.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel-eyebrow{font-family:var(--f-display);font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--warm-ember);margin-bottom:10px}.panel-title{font-family:var(--f-display);font-size:clamp(28px,3.5vw,44px);font-weight:800;line-height:1.05;color:var(--founder-white);letter-spacing:-1px;margin-bottom:6px}.panel-sub{font-family:var(--f-accent);font-style:italic;font-size:clamp(14px,1.5vw,18px);color:var(--strategy-gold);margin-bottom:36px}.accent-line{width:48px;height:3px;background:var(--warm-ember);border-radius:2px;margin-bottom:32px}.fw-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.fw-card{background:#f7f5f208;border:1px solid rgba(247,245,242,.08);border-radius:var(--r-lg);padding:28px 28px 24px;display:flex;flex-direction:column;gap:12px;transition:transform .2s,border-color .2s}.fw-card:hover{transform:translateY(-3px);border-color:#c4622d4d}.fw-card.live{border-color:#2d6a4f40}.fw-card.dev{border-color:#d4a84326;opacity:.82}.fw-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.fw-num{font-family:var(--f-display);font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#f7f5f24d;margin-bottom:5px}.fw-name{font-family:var(--f-display);font-size:24px;font-weight:800;color:var(--founder-white)}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-family:var(--f-display);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.pill-live{background:#2d6a4f33;color:#6dcf8a;border:1px solid rgba(45,106,79,.35)}.pill-dev{background:#d4a8431f;color:var(--strategy-gold);border:1px solid rgba(212,168,67,.25)}.dot-live{width:5px;height:5px;border-radius:50%;background:#6dcf8a}.dot-dev{width:5px;height:5px;border-radius:50%;background:var(--strategy-gold)}.fw-tagline{font-family:var(--f-accent);font-style:italic;font-size:13px;color:var(--strategy-gold)}.fw-desc{font-family:var(--f-body);font-size:13px;color:#f7f5f294;line-height:1.7}.fw-steps{display:flex;flex-direction:column;gap:7px;margin-top:4px}.fw-step{display:flex;align-items:flex-start;gap:10px;font-family:var(--f-body);font-size:12px;color:#f7f5f280;line-height:1.5}.fw-step strong{color:var(--founder-white);font-weight:600}.fw-step-dot{min-width:5px;height:5px;border-radius:50%;background:var(--warm-ember);margin-top:5px}.dev-note{background:#d4a8430f;border:1px solid rgba(212,168,67,.15);border-radius:var(--r-md);padding:12px 16px;font-family:var(--f-body);font-size:11px;color:#d4a843b3;line-height:1.5;margin-top:4px}.arch-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.arch-card{background:#f7f5f206;border:1px solid rgba(247,245,242,.08);border-radius:var(--r-lg);overflow:hidden}.arch-card-header{padding:20px 24px 16px;border-bottom:1px solid rgba(247,245,242,.06)}.arch-card-tag{font-family:var(--f-display);font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--warm-ember);margin-bottom:6px}.arch-card-title{font-family:var(--f-display);font-size:18px;font-weight:800;color:var(--founder-white);margin-bottom:4px}.arch-card-sub{font-family:var(--f-accent);font-style:italic;font-size:12px;color:var(--strategy-gold)}.arch-card-body{padding:20px 24px;display:flex;flex-direction:column;gap:14px}.arch-layer{display:flex;align-items:flex-start;gap:14px}.arch-layer-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.arch-layer-name{font-family:var(--f-display);font-size:12px;font-weight:700;color:var(--founder-white);margin-bottom:2px}.arch-layer-desc{font-family:var(--f-body);font-size:11px;color:#f7f5f280;line-height:1.5}.arch-flow{background:#0d0d0d99;border:1px solid rgba(247,245,242,.07);border-radius:var(--r-md);padding:14px 16px;margin-top:4px}.arch-flow-title{font-family:var(--f-display);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#f7f5f24d;margin-bottom:10px}.flow-step{display:flex;align-items:center;gap:8px;margin-bottom:6px}.flow-step:last-child{margin-bottom:0}.flow-step-num{width:18px;height:18px;border-radius:50%;background:#c4622d33;border:1px solid rgba(196,98,45,.3);display:flex;align-items:center;justify-content:center;font-family:var(--f-display);font-size:9px;font-weight:700;color:var(--warm-ember);flex-shrink:0}.flow-step-text{font-family:var(--f-body);font-size:11px;color:#f7f5f28c}.flow-arrow{font-size:10px;color:#f7f5f233;margin:0 0 6px 8px}.tech-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tech-pill{padding:3px 10px;border-radius:20px;font-family:var(--f-display);font-size:10px;font-weight:600;background:#f7f5f20f;border:1px solid rgba(247,245,242,.1);color:#f7f5f299}.hosting-intro{font-family:var(--f-body);font-size:14px;color:#f7f5f299;line-height:1.75;max-width:720px;margin-bottom:32px}.hosting-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}.host-card{background:#f7f5f208;border:1px solid rgba(247,245,242,.08);border-radius:var(--r-lg);padding:24px;transition:border-color .2s}.host-card:hover{border-color:#c4622d4d}.host-card-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.host-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.host-name{font-family:var(--f-display);font-size:15px;font-weight:800;color:var(--founder-white)}.host-category{font-family:var(--f-body);font-size:11px;color:#f7f5f259;margin-top:1px}.host-desc{font-family:var(--f-body);font-size:13px;color:#f7f5f28c;line-height:1.65;margin-bottom:12px}.host-details{display:flex;flex-direction:column;gap:6px}.host-detail{display:flex;gap:8px;align-items:flex-start;font-family:var(--f-body);font-size:12px;color:#f7f5f273}.host-detail-dot{min-width:5px;height:5px;border-radius:50%;background:var(--warm-ember);margin-top:4px}.stack-diagram{background:#0d0d0dcc;border:1px solid rgba(196,98,45,.2);border-radius:var(--r-lg);padding:28px 32px;margin-bottom:24px}.stack-title{font-family:var(--f-display);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#f7f5f24d;margin-bottom:20px}.stack-row{display:flex;align-items:stretch;gap:0;margin-bottom:4px}.stack-layer-label{width:130px;flex-shrink:0;font-family:var(--f-display);font-size:11px;font-weight:700;color:#f7f5f24d;display:flex;align-items:center}.stack-layer-box{flex:1;border-radius:var(--r-sm);padding:10px 16px;font-family:var(--f-body);font-size:12px;line-height:1.5;display:flex;align-items:center}.stack-arrow{width:130px;flex-shrink:0;display:flex;align-items:center;padding-left:6px;font-size:16px;color:#f7f5f226}.s-internet{background:#c4622d1a;border:1px solid rgba(196,98,45,.2);color:#f7f5f2b3}.s-proxy{background:#3d4b5c26;border:1px solid rgba(61,75,92,.3);color:#f7f5f2b3}.s-docker{background:#2d6a4f1a;border:1px solid rgba(45,106,79,.25);color:#f7f5f2b3}.s-app{background:#d4a84314;border:1px solid rgba(212,168,67,.18);color:#f7f5f2b3}.li-hero{background:#f7f5f208;border:1px solid rgba(247,245,242,.08);border-radius:var(--r-lg);padding:36px 40px;margin-bottom:28px;display:flex;align-items:flex-start;gap:28px}.li-icon{font-size:48px;flex-shrink:0}.li-eyebrow{font-family:var(--f-display);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--warm-ember);margin-bottom:8px}.li-title{font-family:var(--f-display);font-size:22px;font-weight:800;color:var(--founder-white);margin-bottom:8px;line-height:1.2}.li-desc{font-family:var(--f-body);font-size:14px;color:#f7f5f299;line-height:1.7;margin-bottom:20px}.li-btn{display:inline-flex;align-items:center;gap:8px;background:#c4622d26;border:1px solid rgba(196,98,45,.4);color:var(--founder-white);font-family:var(--f-display);font-size:13px;font-weight:700;padding:12px 24px;border-radius:var(--r-md);text-decoration:none;cursor:pointer;transition:all .18s}.li-btn:hover{background:#c4622d47;transform:translateY(-1px)}.li-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.li-card{background:#f7f5f206;border:1px solid rgba(247,245,242,.07);border-radius:var(--r-md);padding:20px}.li-card-icon{font-size:22px;margin-bottom:10px}.li-card-title{font-family:var(--f-display);font-size:13px;font-weight:700;color:var(--founder-white);margin-bottom:6px}.li-card-body{font-family:var(--f-body);font-size:12px;color:#f7f5f280;line-height:1.6}.hero-panel{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh + -0px);padding:52px 60px;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#c4622d1a;border:1px solid rgba(196,98,45,.25);border-radius:20px;padding:6px 16px;font-family:var(--f-display);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--warm-ember);margin-bottom:24px;width:fit-content}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:#6dcf8a;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero-title{font-family:var(--f-display);font-size:clamp(42px,5.5vw,72px);font-weight:800;color:var(--founder-white);line-height:1;letter-spacing:-2px;margin-bottom:12px}.hero-title span{color:var(--warm-ember)}.hero-sub{font-family:var(--f-accent);font-style:italic;font-size:clamp(16px,1.8vw,22px);color:var(--strategy-gold);margin-bottom:28px}.hero-desc{font-family:var(--f-body);font-size:15px;color:#f7f5f28c;line-height:1.8;max-width:600px;margin-bottom:40px}.hero-stats{display:flex;gap:36px}.hero-stat-num{font-family:var(--f-display);font-size:28px;font-weight:800;color:var(--founder-white);line-height:1}.hero-stat-lbl{font-family:var(--f-body);font-size:11px;color:#f7f5f259;margin-top:4px}.hero-ctas{display:flex;gap:12px;margin-bottom:40px}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--warm-ember);color:var(--founder-white);font-family:var(--f-display);font-size:13px;font-weight:700;padding:12px 22px;border-radius:var(--r-md);text-decoration:none;cursor:pointer;border:none;transition:all .18s}.btn-primary:hover{background:#b5571f;transform:translateY(-1px)}.btn-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#f7f5f299;font-family:var(--f-display);font-size:13px;font-weight:600;padding:12px 22px;border-radius:var(--r-md);border:1px solid rgba(247,245,242,.12);text-decoration:none;cursor:pointer;transition:all .18s}.btn-ghost:hover{border-color:#f7f5f247;color:var(--founder-white)}.visit-pill{display:inline-flex;align-items:center;gap:5px;background:#c4622d1f;border:1px solid rgba(196,98,45,.35);color:var(--warm-ember);font-family:var(--f-display);font-size:11px;font-weight:700;padding:5px 12px;border-radius:20px;text-decoration:none;white-space:nowrap;transition:all .18s}.visit-pill:hover{background:#c4622d40}