* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
}

/* Per-page landing systems — generated pages only */
.layout-shell{width:min(1180px,calc(100% - 4rem));margin:auto}.layout-head{max-width:720px;margin-bottom:3rem}.layout-head h2,.table-intro h2,.wedding-intro h2,.detail-copy h2,.ops-grid h2{font:700 clamp(2rem,4vw,3.4rem)/1.08 Poppins,sans-serif;letter-spacing:-.035em;margin:.6rem 0 1rem}.layout-head p,.table-intro p,.wedding-intro p,.detail-copy p{color:var(--text-secondary);font-size:1.05rem}.page-hero{min-height:760px;padding:150px 0 90px;display:flex;align-items:center;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;width:650px;height:650px;border-radius:50%;filter:blur(30px);background:radial-gradient(circle,rgba(148,0,255,.23),transparent 67%);pointer-events:none}.page-hero-shell{width:min(1180px,calc(100% - 4rem));margin:auto;display:grid;grid-template-columns:1.02fr .98fr;gap:5rem;align-items:center;position:relative}.page-hero-copy{position:relative;z-index:2}.hero-eyebrow,.section-eyebrow{text-transform:uppercase;letter-spacing:.16em;font:700 .72rem Inter;color:#c070ff}.page-hero h1{font:800 clamp(3.2rem,5.7vw,5.8rem)/.98 Poppins;margin:1rem 0 1.5rem;letter-spacing:-.055em}.page-hero h1 span{color:#b84dff}.page-hero-copy>p{font-size:1.16rem;color:#c8c8d0;max-width:620px}.page-hero-actions{display:flex;align-items:center;gap:1.5rem;margin-top:2rem}.hero-text-link{color:#fff;text-decoration:none;font-weight:600}.hero-text-link span{color:#b84dff}.page-hero-art{min-height:460px;display:flex;align-items:center;justify-content:center;position:relative}.page-hero-art:before{content:"";position:absolute;inset:8%;border:1px solid rgba(184,77,255,.2);border-radius:50%;box-shadow:0 0 100px rgba(148,0,255,.14)}
.hero-map{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:2rem;transform:rotate(2deg)}.hero-map>*{padding:1rem 1.15rem;border:1px solid #2b2332;background:rgba(17,17,22,.92);border-radius:12px}.hero-map span{grid-column:1/-1;color:#bd79ee;font-size:.7rem;letter-spacing:.14em}.hero-map b{font-size:.9rem}.hero-features{background:radial-gradient(circle at 72% 45%,#15051f,transparent 40%)}
.hero-decks{width:100%;height:390px;border:1px solid #27232a;border-radius:26px;background:linear-gradient(145deg,#18151b,#070708);box-shadow:0 35px 80px #000;position:relative}.deck-disc{position:absolute;width:230px;height:230px;border:2px solid #3d3542;border-radius:50%;left:35px;top:78px;background:repeating-radial-gradient(circle,#19171a 0 3px,#0b0a0c 4px 8px)}.deck-disc i{position:absolute;width:52px;height:52px;border-radius:50%;background:#9400ff;inset:0;margin:auto;box-shadow:0 0 35px #9400ff}.booth-screen{position:absolute;right:35px;top:42px;width:235px;padding:1.5rem;background:#0b0710;border:1px solid #5f237f;border-radius:14px;display:flex;flex-direction:column}.booth-screen small{color:#c070ff}.booth-screen strong{font-size:2.6rem}.booth-screen span{color:#aaa}.booth-screen em{margin-top:1rem;padding:.5rem;background:#9400ff;border-radius:6px;text-align:center;font-style:normal}.deck-faders{position:absolute;right:50px;bottom:48px;display:flex;gap:42px}.deck-faders i{height:75px;width:4px;background:#433a47;position:relative}.deck-faders i:after{content:"";position:absolute;width:24px;height:10px;left:-10px;top:var(--x,25px);background:#ddd;border-radius:2px}.deck-faders i:nth-child(2):after{top:45px}.hero-for-djs:after{content:"";position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(transparent,rgba(148,0,255,.08))}
.hero-rotation,.hero-ops{width:100%;padding:1.5rem;border:1px solid #4c176e;background:linear-gradient(160deg,#16081d,#08080a);border-radius:20px;box-shadow:0 30px 90px rgba(148,0,255,.18)}.rotation-head,.hero-ops>div{display:flex;justify-content:space-between;color:#ca83ff;font-size:.72rem;letter-spacing:.1em}.hero-rotation ol,.hero-ops ol{list-style:none;margin:1.2rem 0 0;padding:0}.hero-rotation li{display:grid;grid-template-columns:40px 1fr auto;gap:1rem;align-items:center;padding:1rem;border-top:1px solid #28202d}.hero-rotation li i{font-style:normal;font-size:1.5rem;color:#9c61bf}.hero-rotation li span{display:flex;flex-direction:column}.hero-rotation li small{color:#999}.hero-rotation li b,.hero-rotation li em{font-size:.65rem;color:#60f0b0;font-style:normal}.hero-for-karaoke{background:linear-gradient(115deg,#050307,#13031d)}
.hero-invitation{width:350px;min-height:440px;padding:3.5rem 2rem;text-align:center;background:#f7f1e8;color:#261b2b;border-radius:3px;box-shadow:16px 16px 0 rgba(148,0,255,.15),0 35px 80px #000;display:flex;flex-direction:column;align-items:center}.invitation-monogram{font:500 3.5rem Georgia,serif}.invitation-monogram i{font-size:2rem;color:#9400ff}.hero-invitation small{letter-spacing:.2em;margin-top:2.4rem}.hero-invitation strong{font:500 2.1rem Georgia;margin:.5rem 0}.invitation-rule{width:50px;border-top:1px solid #9400ff;margin:1rem}.invitation-qr{width:76px;height:76px;margin-top:1.2rem;background:repeating-linear-gradient(45deg,#211824 0 5px,#fff 5px 10px)}.hero-for-weddings{background:radial-gradient(circle at 80% 40%,#29102a,transparent 38%)}.landing-for-weddings .page-hero h1,.landing-for-weddings .layout-head h2,.landing-for-weddings .wedding-intro h2,.landing-for-weddings .detail-copy h2{font-family:Georgia,serif;font-weight:500;letter-spacing:-.025em}
.hero-ops section{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin:1.2rem 0}.hero-ops section span{padding:1rem;background:#131218;border-radius:8px;font-size:1.8rem;font-weight:700}.hero-ops section small{display:block;color:#777;font-size:.65rem}.hero-ops li{display:flex;justify-content:space-between;padding:.75rem;border-top:1px solid #27242a}.hero-ops li b{color:#65e8aa}.hero-ops li em{color:#aaa}.hero-for-venues{background:linear-gradient(140deg,#030405,#0c0b10)}.hero-price{width:360px;padding:2.5rem;border:1px solid #9400ff;border-radius:20px;background:#111116;box-shadow:0 0 80px rgba(148,0,255,.24);display:flex;flex-direction:column;position:relative}.hero-price small{color:#c070ff}.hero-price strong{font-size:4rem;line-height:1.2}.hero-price>span{color:#999}.hero-price div{padding:.8rem 0;border-top:1px solid #2c2930}.hero-price div:first-of-type{margin-top:1.5rem}.hero-price>b{position:absolute;right:-20px;top:24px;background:#9400ff;padding:.5rem 1rem;border-radius:99px;font-size:.7rem}
.capability-section,.dj-night,.rotation-section,.reception-story,.venue-floor,.pricing-guide{padding:7rem 0}.capability-map{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.capability-column{border:1px solid #27242b;border-radius:18px;padding:1.8rem;background:linear-gradient(180deg,#121116,#09090b)}.capability-column:nth-child(2){transform:translateY(2rem);border-color:#5c2879}.capability-icon,.tool-list>li>span{width:42px;height:42px;color:#bd62ff}.capability-icon svg,.tool-list svg{width:100%;height:100%}.capability-column h3{font-size:1.25rem;margin:.8rem 0 1.5rem}.capability-item{padding:1.2rem 0;border-top:1px solid #28252b}.capability-item p{color:#999;font-size:.88rem;margin:.35rem 0}.capability-table-section{padding:8rem 0;background:#09090c}.table-intro{max-width:650px;margin-bottom:2rem}.feature-flow{padding:4rem 0}.flow-line{display:flex;align-items:center;justify-content:space-between}.flow-line>div{display:flex;align-items:center;gap:.7rem}.flow-line b{font-size:2rem;color:#9400ff}.flow-line i{height:1px;flex:1;background:linear-gradient(90deg,#9400ff,#3d264c);margin:0 2rem}.feature-flow a{display:block;text-align:right;margin-top:2rem;color:#c070ff}
.set-timeline{display:grid;grid-template-columns:repeat(4,1fr);position:relative}.set-timeline:before{content:"";position:absolute;top:53px;left:5%;right:5%;height:1px;background:linear-gradient(90deg,#392344,#9400ff,#392344)}.set-timeline article{position:relative;padding:0 1rem}.set-timeline time{font-size:.75rem;color:#a66aca}.set-timeline i{display:block;width:14px;height:14px;background:#9400ff;border:3px solid #1b0d24;border-radius:50%;margin:1.3rem 0 2rem;position:relative;z-index:1}.set-timeline h3{margin-bottom:.7rem}.set-timeline p{color:#999;font-size:.9rem}.booth-focus{padding:8rem 0;background:#08070a}.booth-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:5rem;align-items:center}.booth-dashboard{border:1px solid #34283b;border-radius:16px;padding:1.5rem;background:#111015;box-shadow:0 25px 80px #000}.dashboard-top{display:flex;justify-content:space-between;border-bottom:1px solid #2d2930;padding-bottom:1rem}.dashboard-top b{color:#64e6aa;font-size:.75rem}.now-playing{padding:2rem 1rem;display:flex;flex-direction:column}.now-playing small{color:#bf6cf6}.now-playing strong{font-size:1.7rem}.now-playing span{color:#888}.request-row{display:grid;grid-template-columns:35px 1fr auto;gap:1rem;align-items:center;padding:1rem;border-top:1px solid #28252c}.request-row span{display:flex;flex-direction:column}.request-row small{color:#888}.request-row em{font-style:normal;color:#c070ff}.tool-list{list-style:none}.tool-list li{display:flex;gap:1rem;margin:1.3rem 0}.tool-list>li>span{width:28px;height:28px;flex:none}.tool-list p{color:#929097;font-size:.87rem}.dj-gig-types{padding:5rem 0}.gig-pills{display:flex;gap:1rem;flex-wrap:wrap}.gig-pills span{border:1px solid #463450;border-radius:99px;padding:.8rem 1.3rem}
.rotation-grid{display:grid;grid-template-columns:1fr .85fr;gap:5rem;align-items:center}.rotation-grid h2{font-size:3.5rem;margin:.8rem 0}.rotation-grid>div>p{color:#aaa}.singer-queue{list-style:none;margin:2rem 0}.singer-queue li{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid #28232c}.singer-queue li>b{font-size:1.5rem;color:#a85dd5}.singer-queue li span{display:flex;flex-direction:column}.singer-queue small{color:#888}.singer-queue em{font-style:normal;font-size:.68rem;color:#65e8aa}.host-panel{border:1px solid #5c2579;padding:1.5rem;border-radius:20px;background:#110b15;box-shadow:0 0 60px rgba(148,0,255,.13)}.host-panel-head{display:flex;justify-content:space-between;color:#c070ff;font-size:.7rem}.host-action{padding:1.3rem 0;border-bottom:1px solid #302737;display:flex;flex-direction:column;gap:.7rem}.host-action button{background:#211a26;border:1px solid #473552;color:#ddd;padding:.4rem .7rem;margin-right:.5rem;border-radius:5px}.host-panel>p{color:#999;margin-top:1.4rem}.karaoke-songbook{padding:7rem 0;background:linear-gradient(90deg,#100418,#060607)}.songbook-title{max-width:700px}.songbook-search{margin-top:2rem;max-width:700px;padding:1.2rem;border:1px solid #4e2464;border-radius:10px;display:grid;grid-template-columns:auto 1fr auto;gap:1rem}.songbook-search p{color:#888}.songbook-search b{font-size:.8rem;color:#c070ff}.fact-note{color:#68656b}.host-tools{padding:7rem 0}.host-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.host-tool-grid article{padding:1.5rem;border-left:2px solid #9400ff;background:#0c0b0e}.host-tool-grid svg{width:32px;color:#bd62ff}.host-tool-grid p{color:#929097;font-size:.9rem}
.wedding-intro{max-width:760px;text-align:center;margin:0 auto 5rem}.reception-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.reception-timeline article{padding:2rem;border-top:1px solid #8e5ca0}.reception-timeline article>span{color:#c98be0;font-family:Georgia;font-size:2rem}.reception-timeline p{color:#999}.playlist-guardrails{padding:8rem 0;background:#0d080f}.playlist-guardrails>.layout-shell{display:grid;grid-template-columns:1fr .35fr 1fr;align-items:center}.playlist-card{padding:3rem;border:1px solid #4a354e;min-height:340px}.playlist-card small{letter-spacing:.18em;color:#b884c8}.playlist-card h2{font:500 2.6rem Georgia;margin:.8rem 0 2rem}.playlist-card li{padding:.6rem 0;border-bottom:1px solid #302534}.playlist-knot{text-align:center}.playlist-knot span{font:italic 5rem Georgia;color:#b46cd0}.playlist-knot p{color:#aaa;font-size:.8rem}.wedding-details{padding:8rem 0}.wedding-details>.layout-shell{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.detail-copy a{color:#c88add}.place-cards{display:flex;gap:1rem;transform:rotate(-2deg)}.place-cards article{width:50%;padding:2rem 1rem;text-align:center;background:#eee6df;color:#271c29;min-height:210px;display:flex;flex-direction:column}.place-cards article:nth-child(2){transform:translateY(2rem)}.place-cards span{font-family:Georgia;margin:1rem}.place-cards i{display:block;width:52px;height:52px;background:repeating-linear-gradient(45deg,#231a25 0 4px,#fff 4px 8px);margin:auto}
.venue-floor-head{display:flex;justify-content:space-between;align-items:flex-end}.floor-status{color:#67e5aa;margin-bottom:3rem;font-size:.8rem}.table-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.table-grid article{border:1px solid #2b2930;background:#0e0e12;border-radius:10px;padding:1.5rem;display:grid;grid-template-columns:1fr auto}.table-grid article span{font-size:1.5rem;font-weight:700}.table-grid article strong{grid-row:2;color:#999;font-size:.85rem}.table-grid article em{font-style:normal;color:#67e5aa;font-size:.72rem}.ops-workflow{padding:8rem 0;background:#08090b}.ops-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:5rem}.workflow-list article{display:flex;gap:1rem;padding:1.3rem 0;border-bottom:1px solid #26262a}.workflow-list article>b{width:35px;height:35px;border:1px solid #9400ff;display:grid;place-items:center;border-radius:5px;color:#c070ff}.workflow-list p{color:#999}.ops-metrics{padding:2rem;border:1px solid #302c36;background:#101015}.ops-metrics>small{color:#c070ff}.ops-metrics div{padding:1.5rem 0;border-bottom:1px solid #29272d;display:flex;flex-direction:column}.ops-metrics span{color:#888}.venue-value{padding:5rem 0}.venue-value>.layout-shell{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.venue-value article{padding:2rem;background:#101014}.venue-value svg{width:32px;color:#c070ff}.venue-value p{color:#999}.pricing-value{padding:2.4rem 0;border-bottom:1px solid #231e28}.pricing-value>.layout-shell{display:flex;justify-content:space-between;gap:1rem}.pricing-value span:before{content:"✓";color:#b84dff;margin-right:.6rem}.pricing-guide{background:#09090b}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.guide-grid article{padding:2rem;border-top:2px solid #5f277e;background:#111116}.guide-grid article>b{color:#bc67ef;font-size:1.8rem}.guide-grid p{color:#999}.landing-pricing .pricing{padding-top:7rem}
@media(max-width:1000px){.page-hero-shell{gap:2rem}.page-hero h1{font-size:3.7rem}.capability-map,.table-grid{grid-template-columns:1fr 1fr}.capability-column:nth-child(2){transform:none}.set-timeline{grid-template-columns:1fr 1fr;gap:2rem}.set-timeline:before{display:none}.booth-grid,.rotation-grid,.ops-grid{gap:2.5rem}}

        :root {
            --primary: #9400FF;
            --primary-dark: #7400C7;
            --primary-light: #B84DFF;
            --secondary: #808080; /* grey */
            --secondary-dark: #606060;
            --accent: #9400FF;
            --background: #000000;
            --surface: #111116;
            --surface-light: #111116;
            --text-primary: #ffffff;
            --text-secondary: #bfbfbf;
            --text-muted: #808080;
            --border: #111116;
        }

        body {
            font-family: 'Inter', 'Poppins', sans-serif;
            background: linear-gradient(135deg, var(--background) 0%, #000000 50%, #000000 100%);
            color: var(--text-primary);
            margin: 0;
            overflow-x: hidden;
            line-height: 1.6;
        }

        /* Navigation */
        .navbar {
            position: fixed;
            top: 0;
            width: 100%;
            padding: 1rem 2rem;
            background: rgba(17, 17, 22, 0.9);
            backdrop-filter: blur(10px);
            z-index: 1000;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .nav-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width: 1200px;
            margin: 0 auto;
        }

        .logo {
            font-size: 1.8rem;
            font-weight: 800;
            color: var(--primary);
            text-decoration: none;
        }

        .nav-buttons {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 1rem;
        }

        .btn {
            padding: 0.75rem 1.5rem;
            border-radius: 8px;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
            font-size: 0.95rem;
        }

        .btn-primary {
            /* Force solid brand color for primary actions on this page */
            background: #9400FF !important;
            color: #ffffff !important;
            border: none !important;
        }

        .btn-primary:hover {
            background: #7400C7 !important;
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(148, 0, 255, 0.25) !important;
        }

        /* Utility for buttons that should be solid white */
        .btn-white {
            background: #ffffff !important;
            color: #9400FF !important;
            border: none !important;
        }

        .btn-outline {
            background: transparent;
            color: var(--text-primary);
            border: 2px solid var(--border);
        }

        .btn-outline:hover {
            border-color: var(--primary);
            background: rgba(99, 102, 241, 0.1);
        }

        /* Borderless nav buttons (Login / Pricing) */
        .nav-buttons .btn-outline {
            border: none !important;
            background: transparent !important;
            box-shadow: none !important;
            padding: 0.5rem 0.85rem;
            color: var(--text-primary);
        }
        .nav-buttons .btn-outline:hover {
            border: none !important;
            background: transparent !important;
            color: var(--primary-light);
            box-shadow: none !important;
        }

        /* Hero Section */
        .hero {
            padding: 69px 0 0;
            text-align: center;
            min-height: 100vh;
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
        }

        .hero-container {
            max-width: none;
            width: 100%;
            margin: 0;
        }

        .hero-photo-frame {
            position: relative;
            width: 100%;
            height: calc(100vh - 69px);
            overflow: hidden;
            border-radius: 0;
            border: 0;
            background: var(--surface);
            box-shadow: none;
        }

        .hero-photo-frame img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

        .hero-photo-frame::after {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.76) 0%, rgba(0, 0, 0, 0.34) 42%, rgba(0, 0, 0, 0.04) 76%);
            pointer-events: none;
        }

        .hero-photo-copy {
            position: absolute;
            z-index: 2;
            left: 50%;
            top: 12%;
            width: min(92%, 1040px);
            transform: translateX(-50%);
            text-align: center;
        }

        .hero-photo-title {
            margin: 0;
            color: #fff;
            font-family: 'Poppins', 'Inter', sans-serif;
            font-size: clamp(2.75rem, 5.2vw, 5.25rem);
            font-weight: 850;
            line-height: 1.02;
            letter-spacing: -0.045em;
            text-align: center;
            text-wrap: balance;
            text-shadow: 0 4px 30px rgba(0, 0, 0, 0.92);
        }

        .hero-photo-title span {
            color: #B84DFF;
            text-shadow: 0 0 28px rgba(148, 0, 255, 0.55), 0 4px 30px rgba(0, 0, 0, 0.92);
        }

        .hero-photo-message {
            width: min(90%, 740px);
            margin: 1.15rem auto 0;
        }

        .hero-photo-tagline {
            margin: 0;
            color: #fff;
            font-size: clamp(1.05rem, 1.65vw, 1.4rem);
            font-weight: 400;
            line-height: 1.5;
            text-align: center;
            text-wrap: balance;
            text-shadow: 0 3px 18px rgba(0, 0, 0, 0.95);
        }

        .hero-photo-cta {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-top: 1.6rem;
            padding: 0.9rem 1.8rem;
            border: 1px solid rgba(255, 255, 255, 0.16);
            border-radius: 999px;
            background: linear-gradient(135deg, #9400FF, #7400C7);
            color: #fff;
            font-weight: 700;
            letter-spacing: 0.01em;
            text-decoration: none;
            box-shadow: 0 12px 32px rgba(148, 0, 255, 0.38);
            transition: background 0.2s ease, transform 0.2s ease;
        }
        .hero-photo-cta:hover { background: linear-gradient(135deg, #A52BFF, #7F12D8); transform: translateY(-2px); }

        .hero-title {
            font-size: clamp(2.5rem, 5vw, 4.5rem);
            font-weight: 800;
            margin-bottom: 1.5rem;
            color: #9400FF;
            line-height: 1.2;
        }

        .hero-subtitle {
            font-size: clamp(1.1rem, 2vw, 1.4rem);
            color: var(--text-secondary);
            margin-bottom: 2.5rem;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }

        .hero-buttons {
            display: flex;
            gap: 1rem;
            justify-content: center;
            margin-bottom: 4rem;
            flex-wrap: wrap;
        }

        .btn-hero {
            padding: 1rem 2rem;
            font-size: 1.1rem;
            border-radius: 12px;
        }

        /* Hero Slider */
        .hero-slider {
            position: relative;
            width: 100%;
            max-width: 1100px;
            margin: 0 auto;
        }
        .hero-slides {
            position: relative;
            overflow: hidden;
            border-radius: 24px;
        }
        .hero-slide {
            position: absolute;
            inset: 0;
            opacity: 0;
            visibility: hidden;
            transform: translateX(40px);
            transition: opacity 0.6s ease, transform 0.6s ease, visibility 0s linear 0.6s;
            padding: 3rem 1.5rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
        }
        .hero-slide.active {
            position: relative;
            opacity: 1;
            visibility: visible;
            transform: translateX(0);
            transition: opacity 0.6s ease, transform 0.6s ease, visibility 0s linear 0s;
        }
        .hero-slide-eyebrow {
            display: inline-block;
            padding: 0.4rem 0.95rem;
            border-radius: 999px;
            background: rgba(148, 0, 255,0.15);
            border: 1px solid rgba(184, 77, 255,0.3);
            color: var(--primary-light);
            font-size: 0.75rem;
            font-weight: 600;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            margin-bottom: 1.4rem;
        }
        .hero-slide .hero-title {
            margin-bottom: 1.2rem;
        }
        .hero-slide .hero-subtitle {
            margin-bottom: 2.25rem;
        }
        .hero-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background: rgba(20,15,25,0.85);
            border: 1px solid rgba(184, 77, 255,0.35);
            color: var(--text-primary);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 5;
            transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
            backdrop-filter: blur(8px);
        }
        .hero-arrow:hover {
            background: rgba(148, 0, 255,0.55);
            box-shadow: 0 12px 28px rgba(148, 0, 255,0.35);
        }
        .hero-arrow.prev { left: -8px; }
        .hero-arrow.next { right: -8px; }
        .hero-arrow svg { width: 22px; height: 22px; }
        .hero-dots {
            display: flex;
            justify-content: center;
            gap: 0.55rem;
            margin-top: 1.75rem;
        }
        .hero-dot {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: rgba(255,255,255,0.18);
            border: none;
            cursor: pointer;
            padding: 0;
            transition: background 0.2s ease, transform 0.2s ease;
        }
        .hero-dot.active {
            background: var(--primary-light);
            transform: scale(1.15);
            box-shadow: 0 0 14px rgba(184, 77, 255,0.55);
        }
        @media (max-width: 768px) {
            .hero-arrow { width: 38px; height: 38px; }
            .hero-arrow.prev { left: 4px; }
            .hero-arrow.next { right: 4px; }
            .hero-slide { padding: 2rem 0.75rem; }
        }

        /* Features Section */
        .features {
            padding: 7rem 2rem;
            background:
                radial-gradient(900px 500px at 15% 0%, rgba(148, 0, 255,0.18) 0%, transparent 60%),
                radial-gradient(700px 400px at 100% 100%, rgba(80,20,120,0.18) 0%, transparent 60%),
                var(--surface);
            position: relative;
            overflow: hidden;
        }
        .features::before {
            content: '';
            position: absolute; inset: 0;
            background-image:
                linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
            background-size: 56px 56px;
            mask-image: radial-gradient(ellipse at center, #000 30%, transparent 80%);
            pointer-events: none;
        }

        .features-container {
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }

        .section-eyebrow {
            display: inline-block;
            padding: 0.4rem 0.95rem;
            border-radius: 999px;
            background: rgba(148, 0, 255,0.12);
            border: 1px solid rgba(184, 77, 255,0.25);
            color: var(--primary-light);
            font-size: 0.75rem;
            font-weight: 600;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            margin-bottom: 1.1rem;
        }

        .features-title {
            text-align: center;
            font-family: 'Poppins', 'Inter', sans-serif;
            font-size: clamp(2rem, 3.5vw, 2.75rem);
            font-weight: 800;
            margin-bottom: 0.9rem;
            color: var(--text-primary);
            letter-spacing: -0.01em;
        }
        .features-subtitle {
            text-align: center;
            color: var(--text-secondary);
            font-size: 1.05rem;
            max-width: 640px;
            margin: 0 auto 3.5rem;
            line-height: 1.55;
        }
        .features-head { text-align: center; }

        .features-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.5rem;
            margin-bottom: 4rem;
        }

        .feature-card {
            position: relative;
            background: linear-gradient(160deg, rgba(20,15,25,0.85) 0%, rgba(15,10,20,0.85) 100%);
            padding: 2.25rem 1.85rem;
            border-radius: 18px;
            border: 1px solid rgba(255,255,255,0.06);
            transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
            text-align: left;
            backdrop-filter: blur(8px);
            overflow: hidden;
        }
        .feature-card::after {
            content: '';
            position: absolute; inset: 0;
            border-radius: inherit;
            padding: 1px;
            background: linear-gradient(135deg, rgba(184, 77, 255,0.0), rgba(184, 77, 255,0.0));
            -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
            mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
            -webkit-mask-composite: xor; mask-composite: exclude;
            pointer-events: none;
            transition: background 0.25s ease;
        }
        .feature-card:hover {
            transform: translateY(-6px);
            border-color: rgba(184, 77, 255,0.35);
            box-shadow: 0 24px 60px rgba(148, 0, 255,0.18);
        }
        .feature-card:hover::after {
            background: linear-gradient(135deg, rgba(184, 77, 255,0.55), rgba(148, 0, 255,0.05) 60%);
        }

        .feature-icon {
            width: 52px; height: 52px;
            border-radius: 14px;
            background: #9400FF;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            margin-bottom: 1.25rem;
            box-shadow: 0 12px 28px rgba(148, 0, 255,0.35);
        }
        .feature-icon svg { width: 26px; height: 26px; }

        .feature-title {
            font-family: 'Poppins', 'Inter', sans-serif;
            font-size: 1.2rem;
            font-weight: 700;
            margin-bottom: 0.55rem;
            color: var(--text-primary);
            letter-spacing: -0.005em;
        }

        .feature-description {
            color: var(--text-secondary);
            line-height: 1.6;
            font-size: 0.97rem;
        }

        /* How it Works */
        .how-it-works {
            padding: 3rem 2rem 7rem;
            background: var(--bg);
            position: relative;
        }

        .steps {
            max-width: 1200px;
            margin: 0 auto;
        }

        .steps-head { text-align: center; margin-bottom: 2rem; }
        .steps-title {
            text-align: center;
            font-family: 'Poppins', 'Inter', sans-serif;
            font-size: clamp(2rem, 3.5vw, 2.75rem);
            font-weight: 800;
            margin-bottom: 0.9rem;
            color: var(--text-primary);
            letter-spacing: -0.01em;
        }
        .steps-subtitle {
            text-align: center;
            color: var(--text-secondary);
            font-size: 1.05rem;
            max-width: 640px;
            margin: 0 auto 0;
            line-height: 1.55;
        }

        .steps-divider {
            height: 2px;
            width: 100%;
            max-width: 760px;
            margin: 0 auto 3rem;
            background: linear-gradient(90deg, transparent 0%, rgba(184, 77, 255,0.55) 20%, rgba(184, 77, 255,0.55) 80%, transparent 100%);
            border-radius: 2px;
        }
        .steps-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.5rem;
            position: relative;
        }
        .step-icon { display: none !important; }

        .step {
            position: relative;
            background: linear-gradient(160deg, rgba(20,15,25,0.85) 0%, rgba(15,10,20,0.85) 100%);
            border: 1px solid rgba(255,255,255,0.06);
            border-radius: 18px;
            padding: 2.25rem 1.75rem 1.85rem;
            text-align: center;
            transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
            z-index: 1;
        }
        .step:hover {
            transform: translateY(-6px);
            border-color: rgba(184, 77, 255,0.35);
            box-shadow: 0 24px 60px rgba(148, 0, 255,0.18);
        }

        .step-number {
            background: #9400FF;
            color: white;
            width: 56px;
            height: 56px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-family: 'Poppins', 'Inter', sans-serif;
            font-size: 1.35rem;
            font-weight: 700;
            margin: 0 auto 1.25rem;
            box-shadow: 0 12px 28px rgba(148, 0, 255,0.4), 0 0 0 6px rgba(17,17,22,1);
        }

        .step-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 44px;
            height: 44px;
            border-radius: 12px;
            background: rgba(148, 0, 255,0.12);
            color: var(--primary-light);
            margin-bottom: 1rem;
        }
        .step-icon svg { width: 22px; height: 22px; }

        .step-content { flex: 1; }

        .step-title {
            font-family: 'Poppins', 'Inter', sans-serif;
            font-size: 1.2rem;
            font-weight: 700;
            margin-bottom: 0.55rem;
            color: var(--text-primary);
        }

        .step-description {
            color: var(--text-secondary);
            font-size: 0.97rem;
            line-height: 1.55;
        }

        @media (max-width: 900px) {
            .steps-grid { grid-template-columns: 1fr; }
        }

        /* CTA Section */
        .cta {
            padding: 6rem 2rem;
            background: #9400FF;
            text-align: center;
        }

        .cta-container {
            max-width: 800px;
            margin: 0 auto;
        }

        .cta-title {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 1rem;
            color: white;
        }

        .cta-subtitle {
            font-size: 1.2rem;
            margin-bottom: 2rem;
            color: rgba(255, 255, 255, 0.9);
        }

        /* Pricing Section */
        .pricing {
            padding: 6rem 2rem;
            background: var(--surface);
        }

        .pricing-container {
            max-width: 1200px;
            margin: 0 auto;
        }

        .pricing-title {
            text-align: center;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 0.75rem;
            color: var(--text-primary);
        }

        .pricing-subtitle {
            text-align: center;
            color: var(--text-secondary);
            margin-bottom: 3rem;
            font-size: 1.1rem;
        }



        .pricing-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 2rem;
            align-items: stretch;
        }

        .pricing-card {
            background: var(--surface-light);
            border: 1px solid var(--border);
            border-radius: 16px;
            padding: 2.5rem 2rem;
            display: flex;
            flex-direction: column;
            transition: all 0.3s ease;
            position: relative;
        }

        .pricing-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
            border-color: var(--primary);
        }

        .pricing-card.featured {
            border-color: rgba(184, 77, 255, .55);
            background: linear-gradient(160deg, rgba(148, 0, 255, 0.18) 0%, var(--surface-light) 70%);
            box-shadow: 0 0 0 1px rgba(184, 77, 255,.35), 0 0 36px -2px rgba(184, 77, 255,.45), 0 10px 30px rgba(148, 0, 255, 0.2);
            animation: pricingCardGlow 2.6s ease-in-out infinite;
        }
        @keyframes pricingCardGlow {
            0%, 100% { box-shadow: 0 0 0 1px rgba(184, 77, 255,.35), 0 0 30px -4px rgba(184, 77, 255,.4),  0 10px 30px rgba(148, 0, 255, 0.2); }
            50%      { box-shadow: 0 0 0 1px rgba(184, 77, 255,.55), 0 0 50px 0px  rgba(184, 77, 255,.55), 0 10px 30px rgba(148, 0, 255, 0.2); }
        }
        /* Compact billing toggle inside the Pro card — matches select-plan.html */
        .pro-billing-toggle {
            display: inline-flex;
            align-self: center;
            background: rgba(0,0,0,0.35);
            border: 1px solid rgba(255,255,255,0.18);
            border-radius: 999px;
            padding: .2rem;
            gap: .15rem;
            margin: .25rem auto .85rem;
        }
        .pro-billing-toggle .bt-btn {
            border: 0;
            background: transparent !important;
            color: #fff !important;
            padding: .35rem .85rem;
            border-radius: 999px;
            font-weight: 600;
            font-size: .8rem;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            line-height: 1;
            min-width: 96px;
            box-shadow: none !important;
        }
        .pro-billing-toggle .bt-btn.is-active {
            background: #fff !important;
            color: #111 !important;
        }
        .pro-billing-toggle .bt-btn:focus,
        .pro-billing-toggle .bt-btn:active {
            outline: none;
            box-shadow: none;
        }
        .pro-billing-toggle .bt-btn:focus:not(.is-active),
        .pro-billing-toggle .bt-btn:active:not(.is-active) {
            background: transparent;
        }
        /* SAVE pill shown below toggle when Yearly is active */
        .pro-billing-save {
            display: none;
            align-self: center;
            margin: -.55rem auto .9rem;
            font-size: .68rem;
            background: rgba(34,197,94,.18);
            color: #86efac;
            padding: .22rem .6rem;
            border-radius: 999px;
            font-weight: 700;
            letter-spacing: .04em;
            border: 1px solid rgba(34,197,94,.35);
        }
        .pro-billing-save.is-shown { display: inline-block; }

        .pricing-badge {
            position: absolute;
            top: -14px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--primary);
            color: #fff;
            font-size: 0.75rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            padding: 0.35rem 0.9rem;
            border-radius: 999px;
        }

        .plan-name {
            font-size: 1.4rem;
            font-weight: 700;
            color: var(--text-primary);
            margin-bottom: 0.5rem;
            text-align: center;
        }

        .plan-tagline {
            color: var(--text-secondary);
            font-size: 0.95rem;
            margin-bottom: 1.5rem;
        }

        .plan-price {
            font-size: 2.75rem;
            font-weight: 800;
            color: var(--text-primary);
            line-height: 1;
            margin-bottom: 0.25rem;
        }

        .plan-price .price-suffix {
            font-size: 1rem;
            font-weight: 500;
            color: var(--text-muted);
            margin-left: 0.25rem;
        }

        .plan-price-note {
            color: var(--text-muted);
            font-size: 0.85rem;
            margin-bottom: 1.75rem;
            min-height: 1.2em;
        }

        .plan-features {
            list-style: none;
            padding: 0;
            margin: 0 0 2rem 0;
            flex-grow: 1;
        }

        .plan-features li {
            padding: 0.55rem 0;
            color: var(--text-secondary);
            display: flex;
            align-items: flex-start;
            gap: 0.6rem;
            font-size: 0.95rem;
        }

        .plan-features li::before {
            content: "✓";
            color: var(--primary-light);
            font-weight: 700;
            flex-shrink: 0;
        }

        .plan-cta {
            display: block;
            text-align: center;
            padding: 0.85rem 1.5rem;
            border-radius: 10px;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s ease;
        }

        .plan-cta.primary {
            background: var(--primary);
            color: #fff;
        }

        .plan-cta.primary:hover {
            background: var(--primary-dark);
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(148, 0, 255, 0.3);
        }

        .plan-cta.secondary {
            background: transparent;
            color: var(--text-primary);
            border: 2px solid var(--border);
        }

        .plan-cta.secondary:hover {
            border-color: var(--primary);
            color: var(--primary-light);
        }

        @media (max-width: 960px) {
            .pricing-grid {
                grid-template-columns: 1fr;
                max-width: 460px;
                margin: 0 auto;
            }
        }

        /* Responsive */
        @media (max-width: 768px) {
            .navbar {
                padding: 1rem;
            }
            
            .hero {
                padding: 69px 0 0;
            }
            
            .hero-buttons {
                flex-direction: column;
                align-items: center;
            }
            
            .step {
                flex-direction: column !important;
                text-align: center;
            }
            
            .features, .how-it-works, .cta {
                padding: 4rem 1rem;
            }
            .how-it-works {
                padding-top: 2rem;
            }
        }

        @media (max-width: 1100px) {
            .features-grid {
                grid-template-columns: repeat(2, minmax(280px, 1fr));
            }

            .features-grid .feature-card:last-child:nth-child(odd) {
                grid-column: 1 / -1;
                max-width: 520px;
                justify-self: center;
            }
        }

        @media (max-width: 680px) {
            .features-grid {
                grid-template-columns: 1fr;
            }

            .features-grid .feature-card:last-child:nth-child(odd) {
                grid-column: auto;
                max-width: none;
                justify-self: stretch;
            }
        }

        /* Animations */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .animate-fade-in {
            animation: fadeInUp 0.6s ease-out;
        }

        /* Floating particles background effect */
        .particles {
            position: absolute;
            width: 100%;
            height: 100%;
            overflow: hidden;
            top: 0;
            left: 0;
            z-index: -1;
        }

        .particle {
            position: absolute;
            background: var(--primary);
            border-radius: 50%;
            opacity: 0.1;
            animation: float 6s ease-in-out infinite;
        }

        @keyframes float {
            0%, 100% { transform: translateY(0px) rotate(0deg); }
            50% { transform: translateY(-20px) rotate(180deg); }
        }
/* Rich landing-page component system */
.hero-photo-frame::before{content:"";position:absolute;z-index:1;width:70vw;height:70vw;max-width:900px;max-height:900px;left:50%;top:-42%;transform:translateX(-50%);background:radial-gradient(circle,rgba(148,0,255,.42),rgba(148,0,255,.1) 38%,transparent 70%);filter:blur(15px);pointer-events:none}
.hero-device{position:absolute;z-index:3;right:6vw;bottom:7vh;width:min(390px,32vw);padding:18px;border:1px solid rgba(184,77,255,.38);border-radius:22px;background:linear-gradient(145deg,rgba(24,17,31,.92),rgba(7,7,10,.94));box-shadow:0 28px 70px rgba(0,0,0,.55),0 0 50px rgba(148,0,255,.2);backdrop-filter:blur(15px);transform:perspective(900px) rotateY(-7deg) rotateX(3deg)}
.device-bar,.device-request{display:flex;align-items:center;gap:10px}.device-bar{padding-bottom:14px;color:#fff;font:600 .8rem Poppins;border-bottom:1px solid rgba(255,255,255,.1)}.device-bar i{width:9px;height:9px;border-radius:50%;background:#9400ff;box-shadow:0 0 12px #9400ff}.device-bar b{margin-left:auto;color:#c986ff;font-size:.66rem}.device-request{margin-top:12px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.045)}.device-request>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(148,0,255,.2);color:#c986ff;font-weight:700}.device-request div{display:grid;text-align:left}.device-request strong{font-size:.76rem}.device-request small{color:#90909a;font-size:.65rem}.device-request em{margin-left:auto;color:#c986ff;font-size:.66rem;font-style:normal}.hero-chip{position:absolute;z-index:4;padding:9px 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(8,8,11,.82);color:#fff;font-size:.72rem;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.4);backdrop-filter:blur(8px)}.hero-chip-one{right:32vw;bottom:18vh}.hero-chip-two{right:4vw;bottom:38vh}
.how-it-works{padding:110px 24px;background:#050507}.steps{max-width:1180px;margin:auto}.steps-head{text-align:center}.steps-subtitle,.features-subtitle{max-width:720px;margin:12px auto 0;color:#aaa;text-align:center}.steps-timeline{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:64px}.steps-timeline::before{content:"";position:absolute;left:15%;right:15%;top:42px;height:2px;background:linear-gradient(90deg,transparent,#9400ff 15%,#b84dff 85%,transparent)}.step{position:relative;text-align:center}.step-number{position:relative;z-index:1;display:grid;place-items:center;width:84px;height:84px;margin:0 auto 26px;border:1px solid rgba(184,77,255,.5);border-radius:50%;background:#0b0710;color:#c26aff;font:800 2rem Poppins;box-shadow:0 0 30px rgba(148,0,255,.2)}.step-title{font-size:1.25rem}.step-description{margin-top:10px;color:#aaa}
.features{padding:110px 24px;background:#09090c}.features-container,.benefit-shell,.faq-shell{max-width:1180px;margin:auto}.features-head{text-align:center;margin-bottom:65px}.features-title,.steps-title,.pricing-title{font:700 clamp(2rem,4vw,3.4rem)/1.12 Poppins;color:#fff}.feature-rows{display:grid;gap:100px}.feature-row{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:8%;min-height:390px}.feature-row.is-reversed .feature-visual{order:2}.feature-copy h3{font:700 clamp(1.55rem,2.5vw,2.3rem)/1.2 Poppins}.feature-copy>p{margin-top:16px;color:#b7b7be;font-size:1.04rem}.section-eyebrow{display:inline-block;margin-bottom:15px;color:#c36dff;font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.feature-checks{display:flex;gap:24px;padding:0;margin:24px 0 0;list-style:none;color:#ddd;font-size:.86rem}.feature-checks li::before{content:"✓";margin-right:8px;color:#b84dff}.feature-visual{position:relative;min-height:390px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.07);border-radius:32px;background:radial-gradient(circle at 50% 45%,rgba(148,0,255,.2),transparent 57%),linear-gradient(145deg,#111016,#08080b);overflow:hidden}.visual-orb{position:absolute;width:240px;height:240px;border-radius:50%;border:1px solid rgba(184,77,255,.18);box-shadow:0 0 80px rgba(148,0,255,.2)}.visual-window{position:relative;width:67%;padding:18px;border:1px solid rgba(184,77,255,.35);border-radius:18px;background:rgba(9,9,13,.92);box-shadow:0 25px 55px rgba(0,0,0,.5);transform:rotate(-2deg)}.visual-toolbar{display:flex;gap:6px}.visual-toolbar i{width:7px;height:7px;border-radius:50%;background:#343039}.visual-toolbar i:first-child{background:#9400ff}.visual-icon{display:grid;place-items:center;width:55px;height:55px;margin:28px 0 18px;border-radius:16px;background:rgba(148,0,255,.16);color:#c671ff}.visual-icon svg,.benefit-icon svg{width:27px}.mock-row{display:flex;align-items:center;gap:12px;margin:11px 0}.mock-row i{height:7px;width:var(--w);border-radius:9px;background:#35313c}.mock-row b{width:10px;height:10px;margin-left:auto;border-radius:50%;background:#9400ff}.visual-chip{position:absolute;right:15px;top:47px;color:#c671ff;font-size:.64rem}.visual-float{position:absolute;right:11%;bottom:13%;display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#9400ff;color:white;box-shadow:0 15px 35px rgba(148,0,255,.4)}.visual-float svg{width:23px}
.benefit-section{padding:95px 24px;background:#050507}.benefit-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(184,77,255,.25);border-radius:24px;background:linear-gradient(110deg,rgba(148,0,255,.13),rgba(255,255,255,.025));overflow:hidden}.benefit-item{display:flex;gap:16px;padding:34px;border-right:1px solid rgba(255,255,255,.08)}.benefit-item:last-child{border:0}.benefit-icon{flex:0 0 42px;color:#c36dff}.benefit-item h3{font-size:1rem}.benefit-item p{margin-top:7px;color:#999;font-size:.83rem}
.faq-section{padding:110px 24px;background:#09090c}.faq-list{max-width:850px;margin:auto;border-top:1px solid rgba(255,255,255,.13)}.faq-item{border-bottom:1px solid rgba(255,255,255,.13)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 5px;cursor:pointer;color:#fff;font:600 1.05rem Poppins;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{position:relative;width:24px;height:24px;flex:0 0 24px}.faq-item summary span::before,.faq-item summary span::after{content:"";position:absolute;left:5px;right:5px;top:11px;height:2px;background:#b84dff}.faq-item summary span::after{transform:rotate(90deg);transition:.2s}.faq-item[open] summary span::after{transform:rotate(0)}.faq-answer{padding:0 50px 25px 5px;color:#aaa}
.pricing{padding:110px 24px;background:#050507}.pricing-container{max-width:1180px;margin:auto;text-align:center}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;margin-top:50px}.pricing-card{position:relative;display:flex;flex-direction:column;padding:35px;text-align:left;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#0d0d11}.pricing-card.featured{border-color:#9400ff;box-shadow:0 0 55px rgba(148,0,255,.22);transform:translateY(-12px)}.pricing-badge{position:absolute;top:0;right:25px;transform:translateY(-50%);padding:7px 13px;border-radius:999px;background:#9400ff;font-size:.68rem;font-weight:700}.plan-name{font-size:1.2rem}.plan-tagline,.plan-price-note{color:#929299;font-size:.82rem}.plan-price{margin:20px 0 5px;font:700 2.4rem Poppins}.price-suffix{font-size:.8rem;color:#999}.plan-features{padding:0;margin:25px 0;list-style:none}.plan-features li{padding:8px 0;color:#bbb;font-size:.82rem}.plan-features li::before{content:"✓";margin-right:8px;color:#b84dff}.plan-cta{display:block;margin-top:auto;padding:12px;border-radius:10px;text-align:center;text-decoration:none;font-weight:700}.plan-cta.primary{background:#9400ff;color:#fff}.plan-cta.secondary{border:1px solid #4a4650;color:#fff}.pro-billing-toggle{display:inline-flex;margin-top:28px;padding:5px;border:1px solid rgba(184,77,255,.3);border-radius:999px;background:#101014}.bt-btn{padding:10px 18px;border:0;border-radius:999px;background:transparent;color:#aaa;cursor:pointer}.bt-btn.is-active{background:#9400ff;color:#fff}.bt-btn small{color:inherit}.comparison-wrap{margin-top:65px;overflow:auto;border:1px solid rgba(255,255,255,.1);border-radius:20px}.comparison-table{width:100%;border-collapse:collapse;text-align:center;background:#0b0b0e}.comparison-table caption{padding:24px;text-align:left;font:600 1.2rem Poppins}.comparison-table th,.comparison-table td{padding:17px;border-top:1px solid rgba(255,255,255,.08)}.comparison-table th:first-child{text-align:left}.comparison-table td{color:#aaa}.comparison-table .is-pro{color:#c36dff}
.trust-strip{display:flex;justify-content:center;gap:0;padding:0 24px;background:#050507}.trust-strip span{padding:24px 35px;color:#aaa;font-size:.78rem;border-top:1px solid rgba(184,77,255,.25)}.trust-strip span::before{content:"◆";margin-right:10px;color:#9400ff}