:root{--bg:#000;--panel:#080808;--panel2:#0d0d0d;--text:#fff;--muted:#929292;--line:#202020;--soft:#151515;--radius:24px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.narrow{width:min(calc(100% - 40px),860px);margin:auto}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;color:#000;padding:10px 14px;z-index:999}.skip-link:focus{left:8px}.header{position:sticky;top:0;z-index:40;background:rgba(0,0,0,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.03em}.brand img{filter:brightness(2)}.brand sup{font-size:8px;margin-left:2px}.nav nav{display:flex;gap:28px;font-size:14px;color:#aaa}.nav nav a:hover,.nav nav a.active{color:#fff}.menu{display:none;background:none;border:0;padding:8px}.menu span{display:block;width:22px;height:1px;background:#fff;margin:5px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 18px;border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:700;transition:.25s}.pill.primary{background:#fff;color:#000;border-color:#fff}.pill.primary:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(255,255,255,.13)}.pill.ghost:hover{border-color:#555;background:#0d0d0d}.hero{position:relative;overflow:hidden}.hero-glow{position:absolute;top:-260px;left:42%;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 66%);filter:blur(26px)}.hero-grid{min-height:720px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:62px;padding-top:44px;padding-bottom:60px}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:.18em;color:#a7a7a7}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:999px;padding:8px 11px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 16px #fff}.hero h1,.tools-hero h1{font-size:clamp(52px,7vw,96px);line-height:.94;letter-spacing:-.07em;margin:25px 0 24px}.hero h1 span,.tools-hero h1 span{color:#777}.hero-copy>p,.tools-hero p{max-width:650px;color:#a0a0a0;font-size:17px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.actions.center{justify-content:center}.mini-proof{display:flex;align-items:center;gap:14px;margin-top:32px;color:#858585;font-size:13px}.mini-proof p{margin:0}.mini-proof strong{color:#fff}.avatars{display:flex}.avatars i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#111;border:1px solid #333;margin-left:-8px;font-size:9px;font-style:normal}.avatars i:first-child{margin-left:0}.hero-stage{display:flex;justify-content:center}.stage-card{position:relative;width:min(100%,470px);height:520px;border:1px solid rgba(255,255,255,.14);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.015));box-shadow:0 40px 120px rgba(0,0,0,.75),inset 0 1px rgba(255,255,255,.12);overflow:hidden}.stage-card:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.07),transparent 65%);transform:translateX(-120%);animation:shine 7s infinite}.stage-top{display:flex;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #242424;font-size:10px;letter-spacing:.16em;color:#888}.stage-top span{display:flex;gap:8px;align-items:center}.stage-top i{width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 14px #fff}.stage-top em{font-style:normal}.orbit{position:absolute;left:50%;top:48%;border:1px solid rgba(255,255,255,.22);border-radius:50%;transform:translate(-50%,-50%)}.o1{width:310px;height:310px;animation:spin 18s linear infinite}.o2{width:235px;height:235px;border-style:dashed;animation:spin2 12s linear infinite}.o3{width:160px;height:160px;box-shadow:0 0 40px rgba(255,255,255,.08)}.core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:105px;height:105px;border-radius:28px;background:#fff;display:grid;place-items:center;box-shadow:0 0 70px rgba(255,255,255,.26);animation:float 4s ease-in-out infinite}.core img{filter:invert(1)}.float-tag{position:absolute;padding:9px 13px;border-radius:999px;background:rgba(5,5,5,.9);border:1px solid #2a2a2a;font-size:11px;font-weight:700;box-shadow:0 16px 35px #000;animation:float 4s ease-in-out infinite}.t1{left:22px;top:105px}.t2{right:23px;top:145px;animation-delay:-1s}.t3{left:28px;bottom:130px;animation-delay:-2s}.t4{right:22px;bottom:150px;animation-delay:-3s}.stage-bottom{position:absolute;left:16px;right:16px;bottom:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stage-bottom div{padding:12px;border:1px solid #242424;background:#080808;border-radius:14px}.stage-bottom b,.stage-bottom small{display:block}.stage-bottom small{font-size:9px;color:#777}.ticker{border-top:1px solid #171717;border-bottom:1px solid #171717;overflow:hidden;white-space:nowrap}.ticker div{padding:12px 0;display:inline-block;min-width:200%;animation:marquee 30s linear infinite;color:#888;font-size:12px}.ticker i{font-style:normal;color:#fff;margin:0 18px}.section{padding:110px 0}.section:nth-of-type(even){background:#030303}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.section-head h2,.stats h2,.faq h2,.cta h2,.panel-copy h2{font-size:clamp(38px,5vw,64px);line-height:1;letter-spacing:-.055em;margin:12px 0}.section-head p{max-width:440px;color:#8e8e8e}.text-link{font-size:13px;border-bottom:1px solid #444;padding-bottom:4px}.topic-grid,.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.topic,.tool-card{position:relative;min-height:310px;padding:24px;border:1px solid #1d1d1d;border-radius:22px;background:linear-gradient(145deg,#0c0c0c,#050505);transition:.25s}.topic:hover,.tool-card:hover{transform:translateY(-5px);border-color:#444}.topic>span{position:absolute;right:20px;top:18px;color:#555;font-size:11px}.topic>i{display:grid;place-items:center;width:42px;height:42px;border:1px solid #292929;border-radius:12px;font-style:normal}.topic h3,.tool-card h3{font-size:21px;line-height:1.15;margin-top:48px}.topic p,.tool-card p{color:#858585;font-size:14px}.topic a,.tool-card b{position:absolute;left:24px;bottom:24px;font-size:12px}.tools-preview{background:linear-gradient(#020202,#070707)}.tool-card{min-height:340px}.tool-card span{display:block;color:#666;font-size:10px;letter-spacing:.14em;margin-top:20px}.tool-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#fff;color:#000;font-weight:900;font-size:20px}.tool-card h3{margin-top:16px}.stats{border-top:1px solid #171717;border-bottom:1px solid #171717}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.stats-copy p{color:#8f8f8f;max-width:560px}.stats-copy ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;color:#bcbcbc;font-size:13px}.stats-copy li:before{content:"✓";margin-right:8px;color:#fff}.numbers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.numbers div{padding:28px;border:1px solid #202020;border-radius:20px;background:#080808}.numbers strong{font-size:50px;letter-spacing:-.05em}.numbers sup{font-size:18px}.numbers span{display:block;color:#777;font-size:12px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.thumb{height:220px;border:1px solid #202020;border-radius:20px;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.14),transparent 18%),linear-gradient(145deg,#111,#050505);display:grid;place-items:center;position:relative;overflow:hidden}.thumb span{font-size:46px;font-weight:900;color:#fff}.thumb i{position:absolute;width:46px;height:46px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;font-style:normal;opacity:0;transition:.25s}.video:hover .thumb i{opacity:1}.thumb small{position:absolute;right:10px;bottom:10px;background:#000;padding:4px 7px;border-radius:7px}.video>b,.video>em{display:block}.video>b{margin:14px 2px 2px}.video>em{font-style:normal;color:#717171;font-size:12px}.faq details{border-top:1px solid #202020}.faq details:last-child{border-bottom:1px solid #202020}.faq summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;justify-content:space-between;font-weight:700}.faq summary::-webkit-details-marker{display:none}.faq details p{color:#888;max-width:720px;padding-bottom:20px}.cta{padding:120px 0;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.09),transparent 48%)}.cta-inner{text-align:center}.cta-inner p{color:#888}footer{border-top:1px solid #171717;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer-grid>div{display:flex;flex-direction:column;gap:10px;font-size:13px;color:#777}.footer-grid b{color:#fff}.copyright{margin-top:55px;padding-top:20px;border-top:1px solid #171717;display:flex;justify-content:space-between;color:#666;font-size:11px}.tools-hero{padding:120px 0 70px;text-align:center}.tools-hero p{margin:auto}.tool-workspace{padding:20px 0 110px}.tool-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tool-tabs button{background:#090909;color:#777;border:1px solid #1f1f1f;border-radius:999px;padding:10px 15px;cursor:pointer}.tool-tabs button.active{background:#fff;color:#000;border-color:#fff}.tool-panel{display:none;grid-template-columns:.75fr 1.25fr;gap:50px;padding:36px;border:1px solid #202020;border-radius:28px;background:#070707}.tool-panel.active{display:grid}.panel-copy{position:sticky;top:110px;align-self:start}.panel-copy p{color:#888}.tool-form{display:flex;flex-direction:column;gap:16px}.tool-form label{font-size:12px;color:#aaa;font-weight:700}.tool-form input,.tool-form textarea,.tool-form select{width:100%;margin-top:7px;border:1px solid #272727;background:#0c0c0c;color:#fff;border-radius:13px;padding:14px;outline:none}.tool-form textarea{min-height:110px;resize:vertical}.tool-form input:focus,.tool-form textarea:focus,.tool-form select:focus{border-color:#666}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.generate{border:0;cursor:pointer}.output{margin-top:5px;border:1px solid #262626;border-radius:16px;background:#030303;overflow:hidden}.output>div{display:flex;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #202020;font-size:12px}.output pre{white-space:pre-wrap;word-break:break-word;padding:16px;margin:0;color:#cfcfcf;min-height:130px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.copy{background:#151515;color:#fff;border:1px solid #333;border-radius:8px;padding:5px 9px;cursor:pointer}.legal{padding:110px 0}.legal h1{font-size:54px}.legal h2{margin-top:40px}.legal p,.legal li{color:#999}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}@keyframes shine{45%,100%{transform:translateX(130%)}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spin2{to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes float{50%{transform:translateY(8px)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:900px){.desktop-only{display:none}.menu{display:block}.nav nav{position:absolute;left:20px;right:20px;top:76px;display:none;flex-direction:column;background:#080808;border:1px solid #222;padding:20px;border-radius:18px}.nav nav.open{display:flex}.hero-grid{grid-template-columns:1fr;padding-top:90px}.hero-stage{margin-top:15px}.topic-grid,.tool-grid{grid-template-columns:1fr 1fr}.stats-grid,.tool-panel{grid-template-columns:1fr}.panel-copy{position:static}.video-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.section-head{align-items:start;flex-direction:column}.hero h1{font-size:66px}.stage-card{height:480px}}
@media(max-width:580px){.container{width:min(calc(100% - 24px),var(--max))}.hero-grid{min-height:auto;padding:70px 0}.hero h1,.tools-hero h1{font-size:48px}.hero-copy>p{font-size:15px}.hero-stage{display:none}.topic-grid,.tool-grid,.video-grid,.numbers,.stats-copy ul,.footer-grid,.form-row{grid-template-columns:1fr}.section{padding:78px 0}.topic,.tool-card{min-height:270px}.tool-panel{padding:20px}.tools-hero{padding:80px 0 45px}.copyright{flex-direction:column;gap:8px}.actions .pill{width:100%}.section-head h2,.stats h2,.faq h2,.cta h2,.panel-copy h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}



/* FINAL DESKTOP + MOBILE TICKER FIX */
.ticker{
    display:block !important;
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
    white-space:nowrap !important;
}

.ticker .ticker-track{
    display:block !important;
    width:max-content !important;
    min-width:0 !important;
    padding:14px 0 !important;
    margin:0 !important;
    text-align:left !important;
    transform:translateX(100vw);
    animation:ofloxTickerFinal 25s linear infinite !important;
    animation-play-state:running !important;
    will-change:transform;
}

.ticker .ticker-track span{
    display:inline-block !important;
    width:auto !important;
    min-width:0 !important;
    padding:0 !important;
    margin:0 !important;
    text-align:left !important;
    white-space:nowrap !important;
}

.ticker:hover .ticker-track{
    animation-play-state:running !important;
}

@keyframes ofloxTickerFinal{
    0%{
        transform:translateX(100vw);
    }

    100%{
        transform:translateX(-100%);
    }
}

@media(max-width:800px){
    .ticker .ticker-track{
        animation-duration:18s !important;
    }
}