:root{--bg:#03070b;--panel:#0a1722;--line:rgba(104,222,255,.14);--cyan:#5be6ff;--blue:#368dff;--text:#f1fbff;--muted:#8ca5b4;--green:#55f2a4}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 80% 0,rgba(54,141,255,.16),transparent 28%),linear-gradient(180deg,#02060a,#06111a 50%,#03070b);min-height:100vh}a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}.cyan{color:var(--cyan)}.site-header{height:80px;border-bottom:1px solid #ffffff0a;position:relative;z-index:20;background:#03070bb3;backdrop-filter:blur(16px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:900}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#001016}.brand-mark.small{width:30px;height:30px}.nav-links{display:flex;gap:30px;color:#9cb1bd;font-size:14px}.nav-actions{display:flex;gap:10px;align-items:center}.nav-login{font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:14px 21px;font-size:14px;font-weight:800;border:1px solid transparent;transition:.2s}.btn-small{padding:10px 15px;font-size:12px}.btn-primary{color:#001016;background:linear-gradient(135deg,var(--cyan),var(--blue));box-shadow:0 12px 35px #368dff33}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{background:#ffffff06;border-color:var(--line);color:#e9f5fa}.full{width:100%}.hero{min-height:700px;display:grid;place-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-inner{text-align:center;position:relative;z-index:2}.hero-glow{position:absolute;border-radius:50%;filter:blur(90px)}.hero-glow.a{width:360px;height:360px;right:5%;top:10%;background:#368dff22}.hero-glow.b{width:250px;height:250px;left:5%;bottom:5%;background:#5be6ff14}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #55f2a433;background:#55f2a40f;color:var(--green);padding:8px 13px;border-radius:99px;font-size:11px;font-weight:800;letter-spacing:1px;margin-bottom:25px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}h1{font-size:clamp(55px,9vw,105px);line-height:.9;letter-spacing:-5px;font-weight:950}.gradient-text{background:linear-gradient(100deg,#fff,var(--cyan),#628cff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-inner>p{max-width:680px;margin:30px auto;color:var(--muted);font-size:18px;line-height:1.75}.hero-actions,.hero-trust{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.hero-trust{gap:30px;color:#708794;font-size:11px;margin-top:42px}.section{padding:105px 0}.section-title{text-align:center;max-width:700px;margin:0 auto 50px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:900;color:var(--cyan);display:block;margin-bottom:12px}h2{font-size:clamp(34px,5vw,54px);letter-spacing:-2.5px}.section-title p,.lead{color:var(--muted);line-height:1.75;margin-top:14px}.feature-grid,.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-card,.price-card{padding:28px;border:1px solid var(--line);border-radius:18px;background:#0e1f2cba}.feature-card:hover{transform:translateY(-5px)}.feature-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#5be6ff12;border:1px solid var(--line);font-size:20px;margin-bottom:20px}.feature-card h3{font-size:17px;margin-bottom:9px}.feature-card p,.price-card>p{font-size:13px;line-height:1.7;color:var(--muted)}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.check-list{display:grid;gap:12px;margin:25px 0 30px;color:#c5d4db;font-size:14px}.mock-window{border:1px solid #5be6ff2e;border-radius:18px;background:#07111a}.window-bar{height:44px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 14px;color:#617985;font-size:10px}.window-bar i{width:8px;height:8px;border-radius:50%;background:#2c424f}.window-bar span{margin-left:8px}.mock-body{padding:23px}.mock-top,.mock-product{display:flex;align-items:center}.mock-top{justify-content:space-between}.mock-top small,.mock-stats small{display:block;color:#627b88;font-size:9px}.mock-top strong{display:block;font-size:20px}.status{font-size:9px;color:var(--green)}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.mock-stats>div,.mock-product{border:1px solid var(--line);border-radius:10px;padding:13px}.mock-product{gap:12px;margin-top:9px}.mock-product div{flex:1}.mock-product b,.mock-product small{display:block}.mock-product small{color:#708793;font-size:10px}.mock-product em{font-style:normal;color:var(--green);font-size:9px}.price-card{position:relative}.featured-price{border-color:#5be6ff66;box-shadow:0 0 60px #368dff1a;transform:translateY(-8px)}.popular{position:absolute;right:15px;top:15px;background:#5be6ff1a;color:var(--cyan);font-size:9px;font-weight:900;padding:6px 9px;border-radius:20px}.price-name{font-size:10px;color:var(--cyan);font-weight:900;letter-spacing:2px}.price-card h3{font-size:21px;margin-top:7px}.price{font-size:43px;font-weight:950;letter-spacing:-2px;margin:18px 0 4px}.price small{font-size:11px;color:var(--muted);font-weight:500}.price-card ul{list-style:none;display:grid;gap:10px;margin:20px 0 25px}.price-card li{font-size:13px;color:#b7c8d0}.price-card li:before{content:"✓";color:var(--green);margin-right:8px}.narrow{max-width:820px}.faq{display:grid;gap:10px}.faq details{background:#ffffff06;border:1px solid var(--line);border-radius:12px;padding:18px 20px}.faq summary{cursor:pointer;font-size:14px;font-weight:750}.faq p{color:var(--muted);font-size:13px;line-height:1.75;padding-top:13px}.cta-box{text-align:center;padding:70px 25px;border:1px solid var(--line);border-radius:22px;background:#08141eb3}.cta-box p{color:var(--muted);max-width:560px;margin:14px auto 25px}.footer{display:flex;justify-content:space-between;align-items:center;padding:30px 0}.footer p{font-size:11px;color:#536a76;margin-top:8px}.footer-links{display:flex;gap:20px;font-size:12px}footer{border-top:1px solid var(--line)}.reveal{opacity:0;transform:translateY(20px);transition:.6s}.reveal.visible{opacity:1;transform:none}
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:40px 20px}.auth-card{width:min(470px,100%);padding:38px;border:1px solid var(--line);border-radius:20px;background:#08141ef0}.back-link{font-size:12px;color:#718996}.auth-logo{width:52px;height:52px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--blue));border-radius:15px;margin:28px 0 22px;font-size:24px}.auth-card h1{font-size:38px;letter-spacing:-2px;margin-bottom:10px}.muted{color:var(--muted);line-height:1.65;font-size:13px}.form{display:grid;gap:15px;margin-top:25px}.form label{display:grid;gap:7px;font-size:12px;color:#a9bdc7;font-weight:700}.form input{width:100%;padding:13px 14px;border-radius:10px;border:1px solid var(--line);background:#06111a;color:#fff;outline:none}.alert{margin-top:18px;padding:11px;border-radius:9px;background:#ff667e12;border:1px solid #ff667e33;color:#ff9aac;font-size:12px}.auth-bottom{text-align:center;color:#718996;font-size:12px;margin-top:22px}.auth-bottom a{color:var(--cyan)}
.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:255px 1fr}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:#050d14e8;padding:25px 18px;display:flex;flex-direction:column}.side-user{display:flex;gap:10px;align-items:center;padding:20px 8px;border-bottom:1px solid var(--line);margin-bottom:20px}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#001016;font-weight:900}.side-user b,.side-user small{display:block}.side-user b{font-size:12px}.side-user small{font-size:9px;color:#607985;margin-top:3px}.sidebar nav{display:grid;gap:4px}.sidebar nav a{padding:11px 12px;border-radius:9px;color:#79919e;font-size:12px}.sidebar nav a:hover,.sidebar nav a.active{background:#5be6ff12;color:#dff8ff}.logout{margin-top:auto;padding:11px 12px;color:#718996;font-size:12px}.dashboard-main{padding:55px clamp(25px,5vw,65px);max-width:1300px;width:100%}.dash-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:35px}.dash-head h1{font-size:46px;letter-spacing:-3px}.dash-head p{color:var(--muted);font-size:13px;margin-top:7px}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:55px}.dash-stats>div{padding:20px;border:1px solid var(--line);border-radius:14px;background:#091620b8}.dash-stats small{font-size:9px;color:#718996;letter-spacing:1px}.dash-stats strong{display:block;font-size:27px;margin:8px 0 2px}.dash-stats span{font-size:10px;color:#647b87}.dash-section{margin-top:48px}.dash-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.dash-section-head h2{font-size:28px;letter-spacing:-1px}.product-row,.download-row{display:flex;align-items:center;gap:15px;padding:17px;border:1px solid var(--line);background:#091620ad;border-radius:13px;margin-top:9px}.product-art{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#5be6ff12;font-size:22px}.product-info{flex:1}.product-info h3{font-size:14px}.product-info p{font-size:11px;color:#718996;margin-top:3px}.license-line{font-size:10px;color:#78909c;margin-top:9px}.active-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:5px}.table-card{border:1px solid var(--line);border-radius:13px;overflow:hidden}.table-head,.table-row{display:grid;grid-template-columns:2fr 1.3fr 1fr 1fr;gap:10px;padding:14px 17px;font-size:11px}.table-head{color:#607985;font-size:9px;border-bottom:1px solid var(--line)}.table-row{color:#b5c6ce;border-bottom:1px solid #ffffff0a}.paid{color:var(--green);font-size:10px}.download-row>div{flex:1}.download-row b,.download-row span{display:block}.download-row span{color:#708894;font-size:10px;margin-top:4px}.empty{padding:25px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:13px}.empty a{color:var(--cyan)}
@media(max-width:850px){.nav-links{display:none}.feature-grid,.pricing-grid,.showcase{grid-template-columns:1fr}.featured-price{transform:none}.dashboard-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{grid-template-columns:repeat(3,1fr)}.logout{margin-top:15px}.dash-stats{grid-template-columns:repeat(2,1fr)}.dash-head{align-items:start;flex-direction:column}.footer{align-items:start;gap:20px;flex-direction:column}}
@media(max-width:560px){.nav-actions .btn{display:none}.hero{min-height:630px}.hero-inner>p{font-size:15px}.hero-trust{gap:12px;flex-direction:column}.section{padding:75px 0}.dash-stats{grid-template-columns:1fr}.product-row,.download-row{align-items:flex-start;flex-wrap:wrap}.table-head,.table-row{grid-template-columns:1.5fr 1fr 1fr}.table-head span:nth-child(4),.table-row>*:nth-child(4){display:none}.auth-card{padding:25px}}


.video-section {
    padding: 120px 20px 110px;
}

.video-content {
    width: min(100%, 680px);
    margin: 0 auto;
}

.video-heading {
    text-align: center;
    margin-bottom: 34px;
}

.video-heading .eyebrow {
    display: block;
    margin-bottom: 14px;

    color: #42d8ff;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.video-heading h2 {
    margin: 0;

    color: #f4f8fc;
    font-size: 34px;
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -1px;
}

.video-heading p {
    max-width: 500px;
    margin: 14px auto 0;

    color: #718493;
    font-size: 12px;
    line-height: 1.7;
}


/* VIDEO */

.preview-video {
    position: relative;
    width: 100%;
    aspect-ratio: 21 / 9;

    overflow: hidden;

    background: #02080e;

    border: 1px solid rgba(75, 190, 255, 0.16);
    border-radius: 14px;

    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.35),
        0 0 50px rgba(0, 150, 255, 0.06);

    isolation: isolate;
}

.preview-video video {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;

    background: #02080e;
}


/* Dark overlay */

.preview-video::after {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            to bottom,
            rgba(2, 8, 14, 0.08),
            rgba(2, 8, 14, 0.03) 50%,
            rgba(2, 8, 14, 0.35)
        );

    z-index: 2;
}


/* PLAY BUTTON */

.video-play {
    position: absolute;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    width: 64px;
    height: 64px;

    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 50%;

    background: rgba(3, 12, 20, 0.78);

    backdrop-filter: blur(10px);

    cursor: pointer;

    z-index: 5;

    display: flex;
    align-items: center;
    justify-content: center;

    transition:
        transform .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

.video-play span {
    display: block;

    width: 0;
    height: 0;

    margin-left: 4px;

    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 12px solid #ffffff;
}

.video-play:hover {
    transform: translate(-50%, -50%) scale(1.08);

    background: rgba(30, 170, 235, 0.9);

    box-shadow:
        0 0 30px rgba(45, 190, 255, 0.25);
}


/* SMALL LABEL */

.video-label {
    position: absolute;

    left: 14px;
    top: 14px;

    display: flex;
    align-items: center;
    gap: 7px;

    padding: 7px 10px;

    color: rgba(255,255,255,0.75);

    font-size: 9px;
    font-weight: 600;

    background: rgba(2, 9, 15, 0.7);

    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 7px;

    backdrop-filter: blur(8px);

    z-index: 5;
}

.video-dot {
    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: #42d8ff;

    box-shadow: 0 0 8px rgba(66,216,255,0.7);
}


/* Playing state */

.preview-video.is-playing .video-play {
    display: none;
}

.preview-video.is-playing::after {
    background: transparent;
}


/* MOBILE */

@media (max-width: 700px) {

    .video-section {
        padding: 90px 18px;
    }

    .video-heading h2 {
        font-size: 29px;
    }

    .video-heading p {
        font-size: 11px;
    }

    .preview-video {
        border-radius: 11px;
    }

    .video-play {
        width: 56px;
        height: 56px;
    }
}