*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--orange: #E85D04;--orange-hover: #F06A12;--bg-dark: #1a1a1a;--bg-dark-card: #2a2a2a;--bg-dark-card-border: #3a3a3a;--text-dark-primary: #f2f2f2;--text-dark-secondary: #aaaaaa;--bg-light: #f0f0f0;--bg-light-card: #ffffff;--bg-light-card-border: #e0e0e0;--text-light-primary: #111111;--text-light-secondary: #555555}html.dark{color-scheme:dark}html.light{color-scheme:light}body{font-family:Inter,sans-serif;min-height:100vh;display:flex;flex-direction:column;transition:background-color .3s,color .3s}html.dark body{background-color:var(--bg-dark);color:var(--text-dark-primary)}html.light body{background-color:var(--bg-light);color:var(--text-light-primary)}nav.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;position:relative;z-index:10}.logo{display:flex;align-items:center;text-decoration:none;line-height:1}.logo img{height:5rem;width:auto;object-fit:contain;display:block}.logo .logo-light{display:block}.logo .logo-dark,html.dark .logo .logo-light{display:none}html.dark .logo .logo-dark{display:block}.theme-toggle{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:8px;border-radius:30px;transition:background .2s}html.dark .theme-toggle{color:var(--text-dark-secondary)}html.light .theme-toggle{color:var(--text-light-secondary)}html.dark .theme-toggle:hover{background:#ffffff12}html.light .theme-toggle:hover{background:#0000000f}.toggle-pill{width:56px;height:30px;border-radius:15px;position:relative;transition:background .3s;flex-shrink:0}html.dark .toggle-pill{background:var(--orange)}html.light .toggle-pill{background:#ccc}.toggle-pill:after{content:"";position:absolute;top:4px;width:22px;height:22px;background:#fff;border-radius:50%;transition:left .3s;box-shadow:0 1px 4px #00000040}html.dark .toggle-pill:after{left:30px}html.light .toggle-pill:after{left:4px}.hero{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 24px 0}.hero h1{font-size:clamp(2.5rem,10vw,5rem);font-weight:800;line-height:1.1;letter-spacing:-2px;margin-bottom:24px;max-width:900px}.hero h1 .accent{color:var(--orange)}.hero p.subtitle{font-size:1rem;line-height:1.7;max-width:580px;margin-bottom:36px}html.dark .hero p.subtitle{color:var(--text-dark-secondary)}html.light .hero p.subtitle{color:var(--text-light-secondary)}.btn-cta{display:inline-block;padding:14px 38px;background:var(--orange);color:#fff;font-weight:700;font-size:.85rem;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;border-radius:6px;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 18px #e85d0459}.btn-cta:hover{background:var(--orange-hover);transform:translateY(-2px);box-shadow:0 8px 28px #e85d0473}.btn-cta:active{transform:translateY(0)}.badge-line{margin-top:48px;font-size:.75rem;letter-spacing:.3px;opacity:.55;max-width:500px;line-height:1.6}.features{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:36px;padding:0 24px 60px}.card{width:220px;padding:24px 22px;border-radius:12px;border:1px solid;transition:transform .2s,box-shadow .2s}html.dark .card{background:var(--bg-dark-card);border-color:var(--bg-dark-card-border);color:var(--text-dark-primary)}html.light .card{background:var(--bg-light-card);border-color:var(--bg-light-card-border);color:var(--text-light-primary)}.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000026}.card-icon{width:38px;height:38px;margin-bottom:14px;color:var(--orange)}.card h3{font-size:.92rem;font-weight:700;margin-bottom:8px}.card p{font-size:.78rem;line-height:1.6}html.dark .card p{color:var(--text-dark-secondary)}html.light .card p{color:var(--text-light-secondary)}@media(max-width:768px){nav.topbar{padding:16px 24px}.logo img{height:3.5rem}.theme-toggle{gap:10px;padding:6px}.toggle-pill{width:52px;height:28px}.toggle-pill:after{width:20px;height:20px;top:4px}html.dark .toggle-pill:after{left:28px}html.light .toggle-pill:after{left:4px}.hero{padding:40px 20px 0}.hero h1{font-size:2.8rem;line-height:1.15;letter-spacing:-1px}.hero p.subtitle{font-size:1rem;margin-bottom:28px}.features{gap:16px;padding-bottom:40px}.card{width:100%;max-width:100%}}@media(max-width:480px){.logo img{height:3rem}.hero h1{font-size:2.22rem}}