@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;size-adjust:100%;ascent-override:90%;descent-override:22%;line-gap-override:10%}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;size-adjust:100%;ascent-override:90%;descent-override:22%;line-gap-override:10%}:root{--bg-light:#F5F5F7;--text-light:#1D1D1F;--bg-dark:#0D0D0D;--text-dark:#EAEAEA;--accent:#00FF7F;--card-dark:#1A1A1A;--border-dark:rgba(0,255,127,0.2);--border-light:#e5e5e5;--shadow-light:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1)}html{scroll-behavior:smooth}html.light{background-color:var(--bg-light);color:var(--text-light)}html.dark{background-color:var(--bg-dark);color:var(--text-dark)}body{font-family:'Inter',sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow-x:hidden;position:relative}.container{width:90%;max-width:1100px;margin:0 auto;padding:80px 0;text-align:center}h1,h2,h3{font-weight:700;margin-bottom:1rem;line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.25rem,2.5vw,1.75rem)}p{max-width:70ch;margin:0 auto 1.5rem auto;font-size:clamp(1rem,1.5vw,1.125rem)}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 5%;position:absolute;width:90%;z-index:10}.logo{font-weight:700;font-size:1.5rem;text-decoration:none}html.light .logo{color:var(--text-light)}html.dark .logo{color:var(--text-dark)}.logo__accent{color:var(--accent)}.theme-toggle{background:none;border:1px solid;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s,border-color .3s}html.light .theme-toggle{border-color:var(--text-light);color:var(--text-light)}html.dark .theme-toggle{border-color:var(--text-dark);color:var(--text-dark)}.theme-toggle:hover{html.light &{background-color:rgba(0,0,0,0.05)}html.dark &{background-color:rgba(255,255,255,0.05)}}.theme-toggle .icon{width:24px;height:24px}.theme-toggle .sun{display:none}.theme-toggle .moon{display:block}html.dark .theme-toggle .sun{display:block}html.dark .theme-toggle .moon{display:none}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero__content{position:relative;z-index:2}.hero__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero__background span{width:20vmin;height:20vmin;border-radius:20vmin;backface-visibility:hidden;position:absolute;animation:move 45s linear infinite;animation-play-state:running}.hero__background span:nth-child(1){color:var(--accent);top:5%;left:90%;animation-duration:43s;animation-delay:-2s;transform-origin:-11vw -11vh;box-shadow:40vmin 0 5.12vmin currentColor}.hero__background span:nth-child(2){color:var(--accent);top:99%;left:1%;animation-duration:21s;animation-delay:-4s;transform-origin:22vw 14vh;box-shadow:-40vmin 0 5.89vmin currentColor}.hero__background span:nth-child(3){color:var(--accent);top:96%;left:90%;animation-duration:11s;animation-delay:-2s;transform-origin:21vw 21vh;box-shadow:40vmin 0 5.02vmin currentColor}.hero__background span:nth-child(4){color:var(--accent);top:1%;left:98%;animation-duration:10s;animation-delay:-38s;transform-origin:2vw -13vh;box-shadow:-40vmin 0 5.1vmin currentColor}@keyframes move{100%{transform:translate3d(0,0,1px) rotate(360deg)}}.cta-button{background-color:var(--accent);color:#000;padding:1rem 2.5rem;font-size:1.125rem;font-weight:700;text-decoration:none;border-radius:50px;display:inline-block;transition:transform .3s,box-shadow .3s;box-shadow:0 0 20px rgba(0,255,127,0.4)}.cta-button:hover{transform:translateY(-3px);box-shadow:0 0 35px rgba(0,255,127,0.7)}.problem-section{display:flex;flex-direction:column;align-items:center;gap:2rem}@media(min-width:768px){.problem-section{flex-direction:row;text-align:left;gap:4rem}.problem-section p{margin-left:0}}.problem-section__text{flex:1}.problem-section__showcase{flex:1;width:100%;max-width:500px;border-radius:12px;padding:2rem;position:relative;overflow:hidden}html.light .problem-section__showcase{background-color:#fff;box-shadow:var(--shadow-light)}html.dark .problem-section__showcase{background-color:var(--card-dark);border:1px solid var(--border-dark)}.showcase__content{text-align:left;color:inherit}.showcase__content h3{html.light &{color:#333}html.dark &{color:#ddd}}.showcase__content p{max-width:100%;margin-bottom:1rem;html.light &{color:#666}html.dark &{color:#999}}.showcase__overlay{position:absolute;bottom:0;left:0;right:0;height:70%;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column}html.light .showcase__overlay{background:linear-gradient(to top,var(--bg-light) 50%,transparent)}html.dark .showcase__overlay{background:linear-gradient(to top,var(--card-dark) 50%,transparent)}.showcase__overlay-text{font-weight:700;font-size:1.25rem;padding:.5rem 1rem;border-radius:8px;margin-top:2rem}html.light .showcase__overlay-text{background:rgba(255,255,255,0.8);color:var(--text-light)}html.dark .showcase__overlay-text{background:rgba(0,0,0,0.5);color:var(--text-dark)}.features-grid{display:grid;gap:2rem;margin-top:4rem}@media(min-width:768px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{padding:2.5rem;border-radius:12px;text-align:left;transition:transform .3s,box-shadow .3s}html.light .feature-card{background-color:#fff;box-shadow:var(--shadow-light)}html.dark .feature-card{background-color:var(--card-dark);border:1px solid var(--border-dark)}.feature-card:hover{transform:translateY(-5px);html.dark &{box-shadow:0 0 20px rgba(0,255,127,0.1)}}.feature-card__icon{color:var(--accent);margin-bottom:1rem}.feature-card__icon svg{width:40px;height:40px}.feature-card h3{margin-bottom:.5rem}.feature-card p{margin:0;max-width:100%;html.light &{color:#555}html.dark &{color:#bbb}}.table-container{margin-top:4rem;overflow-x:auto;border-radius:12px}html.light .table-container{border:1px solid var(--border-light)}html.dark .table-container{border:1px solid var(--border-dark)}.sites-table{width:100%;border-collapse:collapse;text-align:left;min-width:600px}html.light .sites-table{background-color:#fff}html.dark .sites-table{background-color:var(--card-dark)}.sites-table th,.sites-table td{padding:1rem 1.5rem}.sites-table th{font-weight:700}html.light .sites-table th{background-color:#fafafa}html.dark .sites-table th{background-color:rgba(255,255,255,0.05)}.sites-table tbody tr{border-top:1px solid}html.light .sites-table tbody tr{border-color:var(--border-light)}html.dark .sites-table tbody tr{border-color:var(--border-dark)}.sites-table td:first-child{font-weight:600}html.dark .sites-table td:first-child{color:var(--accent)}.sites-table a{text-decoration:none;transition:color .3s}html.light .sites-table a{color:var(--text-light)}html.dark .sites-table a{color:var(--text-dark)}.sites-table a:hover{color:var(--accent)}.footer{padding:40px 5%;border-top:1px solid}html.light .footer{border-color:var(--border-light)}html.dark .footer{border-color:#222}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}@media(min-width:768px){.footer-content{flex-direction:row;justify-content:space-between}}.social-links{display:flex;gap:1rem}.social-links a{text-decoration:none;transition:color .3s,transform .3s}html.light .social-links a{color:var(--text-light)}html.dark .social-links a{color:var(--text-dark)}.social-links a:hover{color:var(--accent);transform:scale(1.1)}.social-links svg{width:24px;height:24px}