/* Srie Digital Media — responsive landing page */
:root{--navy:#080d1b;--navy2:#101a32;--blue:#4387e8;--blue2:#70b4ff;--gold:#f5b83f;--ink:#121a2b;--muted:#657087;--paper:#f7f9fc;--white:#fff;--line:#e7ebf2;--radius:22px;--shadow:0 22px 70px rgba(15,29,58,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 48px));margin:auto}.announcement{height:36px;background:#111d37;color:#dce7fb;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;letter-spacing:.03em}.announcement a{color:var(--gold);font-weight:700;margin-left:8px}.pulse{width:7px;height:7px;border-radius:50%;background:#55d89b;box-shadow:0 0 0 4px #55d89b22}.site-header{position:sticky;top:0;z-index:20;background:rgba(8,13,27,.96);backdrop-filter:blur(16px);border-bottom:1px solid #ffffff13}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:#fff}.brand img{width:57px;height:43px;object-fit:contain}.brand-text{display:flex;flex-direction:column;line-height:1.05;letter-spacing:.12em}.brand-text strong{font-size:17px;color:var(--gold);font-weight:800}.brand-text b{font-size:10px;color:#a9c8fa;letter-spacing:.2em;margin-top:5px}.main-nav{display:flex;align-items:center;gap:30px;color:#d2d9e8;font-size:12px;font-weight:600}.main-nav>a:not(.nav-cta):hover{color:var(--gold)}.nav-cta{padding:12px 17px;border-radius:8px;background:var(--gold);color:#111827}.nav-cta span{margin-left:8px}.menu-toggle{display:none}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 40%,#1c3768 0,transparent 42%),linear-gradient(115deg,#080d1b,#0d1830 70%,#0b1429);color:#fff;padding:92px 0 26px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:38px;min-height:490px;position:relative;z-index:1}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.glow-one{width:360px;height:360px;background:#347de91c;right:5%;top:5%}.glow-two{width:220px;height:220px;background:#f5b83f12;left:-100px;bottom:-100px}.eyebrow,.section-kicker{font-size:10px;font-weight:800;letter-spacing:.2em;color:#6e9fe9}.eyebrow{display:flex;align-items:center;gap:10px;color:#a8c6f7}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px #f5b83f20}.hero h1,.section-heading h2,.intro h2,.audience h2,.price-copy h2,.faq h2,.final-cta h2{font-family:"Plus Jakarta Sans",sans-serif;letter-spacing:-.055em;line-height:1.12;font-weight:800}.hero h1{font-size:clamp(39px,5vw,63px);max-width:620px;margin:24px 0 20px}.hero h1 span,.intro h2 span,.section-heading h2 span,.audience h2 span,.price-copy h2 span,.faq h2 span,.final-cta h2 span{color:var(--gold)}.hero-lead{font-size:15px;color:#b7c4d9;max-width:510px;line-height:1.85}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 21px;border-radius:9px;font-size:12px;font-weight:800;transition:.2s transform,.2s box-shadow}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0002}.btn-primary{background:var(--gold);color:#121827}.btn-ghost{border:1px solid #ffffff40;color:#e7edf8}.hero-proof{display:flex;gap:12px;align-items:center;margin-top:42px}.proof-icon{width:34px;height:34px;border-radius:10px;background:#f5b83f1c;color:var(--gold);display:grid;place-items:center}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:11px}.hero-proof small{font-size:10px;color:#8797b2;margin-top:2px}.hero-visual{height:440px;position:relative;display:flex;align-items:center;justify-content:center}.visual-orbit{position:absolute;border:1px solid #ffffff12;border-radius:50%;width:410px;height:410px}.orbit-b{width:330px;height:330px;border-style:dashed}.laptop{position:relative;width:390px;z-index:2;filter:drop-shadow(0 25px 28px #0007)}.laptop-screen{height:260px;border:9px solid #1b263b;border-bottom-width:12px;border-radius:13px 13px 5px 5px;background:#f7f8fb;overflow:hidden}.mock-browser{height:21px;background:#e7ebf2;display:flex;align-items:center;gap:4px;padding:0 8px}.mock-browser i,.mini-window-bar i{width:5px;height:5px;border-radius:50%;background:#9da8b9}.mock-browser span{font-size:6px;color:#6d788b;margin:auto}.mock-page{height:calc(100% - 21px);position:relative;background:#fff;padding:12px 17px;color:#18223a;overflow:hidden}.mock-nav{display:flex;justify-content:space-between;font-size:7px}.mock-nav b{font-size:10px;letter-spacing:1px}.mock-nav b span,.phone-mini-nav span{color:#e9a92e}.mock-nav small{color:#8590a3}.mock-content{position:relative;z-index:2;margin-top:29px}.mock-label{font-size:6px;letter-spacing:1.5px;color:#5087d5;font-weight:bold}.mock-title{font-family:"Plus Jakarta Sans";font-size:27px;font-weight:800;line-height:1.1;margin-top:8px;letter-spacing:-1px}.mock-title em{font-style:normal;color:#397edb}.mock-line{height:4px;width:115px;background:#e6eaf1;border-radius:5px;margin-top:12px}.mock-line.short{width:78px;margin-top:5px}.mock-button{display:inline-block;background:#f0b63f;color:#1c2639;border-radius:3px;padding:7px 10px;font-size:6px;font-weight:bold;margin-top:13px}.mock-art{position:absolute;right:10px;top:50px;width:150px;height:145px}.art-circle{position:absolute;width:120px;height:120px;border-radius:50%;background:linear-gradient(140deg,#f7ca68,#e99539);right:5px;top:0}.art-card{position:absolute;width:88px;height:100px;background:linear-gradient(150deg,#78b5f6,#326fd0);border:5px solid #fff;border-radius:8px;right:40px;top:33px;transform:rotate(9deg);box-shadow:0 8px 20px #183d7330}.art-spark{position:absolute;right:0;top:4px;color:#e9ac37;font-size:26px}.laptop-base{height:13px;background:linear-gradient(#9da8b8,#45536b 55%,#253149);width:430px;margin-left:-20px;border-radius:0 0 18px 18px;position:relative}.laptop-base:after{content:"";position:absolute;width:90px;height:5px;background:#65738a;left:calc(50% - 45px);border-radius:0 0 6px 6px}.phone{position:absolute;z-index:4;width:116px;height:226px;border:5px solid #26344d;border-radius:19px;background:#101a2d;right:1%;bottom:33px;padding:7px;box-shadow:0 18px 30px #0008;transform:rotate(7deg)}.phone-speaker{width:32px;height:4px;border-radius:4px;background:#52627c;margin:0 auto 5px}.phone-screen{height:194px;background:white;border-radius:10px;padding:9px 7px;color:#17233a;overflow:hidden}.phone-mini-nav{font-size:7px;font-weight:800}.phone-mini-nav b{float:right}.phone-visual{height:58px;background:linear-gradient(135deg,#f7d078,#e9a43a 55%,#5b9be8 56%);border-radius:5px;margin:8px 0}.phone-kicker{font-size:4px;color:#4385d7;letter-spacing:1px}.phone-title{font-size:12px;line-height:1.2;font-weight:800;margin-top:4px}.phone-title em{font-style:normal;color:#397edb}.phone-copy{height:3px;width:80%;background:#e6eaf1;margin-top:7px}.phone-copy.tiny{width:60%;margin-top:4px}.phone-cta{font-size:5px;background:#f0b63f;padding:5px;margin-top:8px;text-align:center;border-radius:3px;font-weight:bold}.float-tag{position:absolute;z-index:5;background:#fff;color:#24334c;border-radius:9px;padding:10px 13px;font-size:9px;font-weight:800;box-shadow:0 12px 30px #0003}.tag-top{top:43px;right:4px}.tag-bottom{bottom:20px;left:0}.tag-check{color:#1eae78;margin-right:6px}.tag-bottom span{color:#e9a72f;margin-right:5px}.hero-bottom{display:flex;align-items:center;gap:18px;color:#7485a3;font-size:8px;letter-spacing:.17em;margin-top:26px}.hero-bottom-line{height:1px;background:#ffffff1c;flex:1}.bottom-mark{color:#c7d2e4}.bottom-mark b{color:var(--gold);margin-left:5px}
.section-pad{padding:100px 0}.intro-grid{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:end}.intro h2,.section-heading h2,.audience h2,.price-copy h2,.faq h2{font-size:clamp(32px,4vw,47px);margin:16px 0 0}.intro h2 span,.section-heading h2 span,.faq h2 span{color:#4387e8}.intro-text p,.section-heading>p{color:var(--muted);font-size:13px;line-height:1.9;margin:0 0 18px}.text-link{font-size:11px;font-weight:800;color:#397bd3}.text-link span{margin-left:8px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:55px}.benefit-card{position:relative;border:1px solid var(--line);border-radius:15px;padding:24px 21px 27px;min-height:205px;overflow:hidden;transition:.2s}.benefit-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#d5e3f8}.card-icon{width:38px;height:38px;border-radius:11px;background:#edf4ff;color:#4387e8;display:grid;place-items:center;font-size:19px}.benefit-card h3{font-size:14px;margin:20px 0 7px}.benefit-card p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.card-number{position:absolute;right:18px;top:16px;font-size:10px;color:#c5ccd8;font-weight:bold}
.audience{background:var(--navy);color:#fff;position:relative;overflow:hidden}.audience:after{content:"";position:absolute;width:500px;height:500px;border:1px solid #ffffff0b;border-radius:50%;right:-140px;top:-210px;box-shadow:0 0 0 60px #ffffff05,0 0 0 120px #ffffff03}.audience-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;position:relative;z-index:1}.light-kicker{color:#84b5ff}.audience h2,.price-copy h2,.final-cta h2{color:#fff}.audience h2 span,.price-copy h2 span,.final-cta h2 span{color:var(--gold)}.audience-copy>p,.price-copy>p{font-size:13px;color:#aab8cf;line-height:1.9;max-width:350px;margin:20px 0 25px}.btn-light{background:#fff;color:#17233a}.audience-list{border-top:1px solid #ffffff25}.audience-item{display:grid;grid-template-columns:40px 1fr 20px;align-items:center;gap:14px;padding:18px 5px;border-bottom:1px solid #ffffff25}.audience-item>span{font-size:10px;color:var(--gold);font-weight:800}.audience-item b,.audience-item small{display:block}.audience-item b{font-size:13px}.audience-item small{font-size:10px;color:#93a4c0;margin-top:3px}.audience-item i{font-style:normal;color:#87b8ff}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:45px}.section-heading>p{max-width:350px;margin-bottom:4px}.service-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px}.service-feature{border-radius:20px;background:linear-gradient(145deg,#101c36,#1b3767);padding:28px;color:#fff;min-height:420px;overflow:hidden;position:relative}.feature-top{display:flex;justify-content:space-between;align-items:center}.feature-badge{background:#ffffff18;color:#a9caff;border:1px solid #ffffff20;padding:7px 10px;border-radius:5px;font-size:8px;font-weight:800;letter-spacing:.12em}.feature-star{font-size:25px;color:var(--gold)}.feature-illustration{height:195px;display:grid;place-items:center;position:relative}.mini-window{width:78%;height:155px;background:#fff;border-radius:9px;box-shadow:0 15px 35px #0005;overflow:hidden;transform:rotate(-4deg)}.mini-window-bar{height:17px;background:#e9edf4;display:flex;align-items:center;gap:4px;padding-left:9px}.mini-window-bar i{width:5px;height:5px;border-radius:50%;background:#a8b3c4}.mini-window-body{display:flex;height:138px;padding:16px;position:relative;color:#14213a}.mini-window-text{position:relative;z-index:2}.mini-window-text b{font-family:"Plus Jakarta Sans";font-size:18px;line-height:1.1}.mini-window-text em{font-style:normal;color:#4788df}.mini-window-text span{display:block;width:80px;height:3px;background:#e8edf5;margin-top:8px}.mini-window-text span+span{width:55px;margin-top:4px}.mini-window-text label{display:inline-block;background:#f2b943;padding:6px 8px;border-radius:3px;font-size:6px;margin-top:10px}.mini-window-shape{position:absolute;right:15px;top:22px;width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#f8cf76,#e99e36);box-shadow:12px 12px 0 #4d8ee1}.service-feature h3{font-size:19px;margin:0 0 8px}.service-feature>p{font-size:11px;color:#b6c4db;line-height:1.8;max-width:400px;margin-bottom:17px}.service-feature .text-link{color:#91bdff}.included-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.included-item{border:1px solid var(--line);border-radius:13px;padding:20px 15px;display:flex;gap:12px;align-items:flex-start;min-height:124px}.included-icon{width:31px;height:31px;flex:0 0 31px;border-radius:9px;background:#edf4ff;color:#4387e8;display:grid;place-items:center}.included-item b,.included-item small{display:block}.included-item b{font-size:11px;margin:2px 0 5px}.included-item small{font-size:10px;color:var(--muted);line-height:1.6}
.price-section{background:#0d1730;position:relative;overflow:hidden}.price-section:before{content:"";position:absolute;width:450px;height:450px;border:1px solid #ffffff10;border-radius:50%;left:-230px;bottom:-220px;box-shadow:0 0 0 60px #ffffff04,0 0 0 120px #ffffff03}.price-wrap{display:grid;grid-template-columns:1fr .78fr;align-items:center;gap:100px;position:relative}.price-copy h2{font-size:clamp(36px,4.5vw,54px)}.price-note{font-size:10px;color:#aab9d2;margin-top:30px}.price-note span{color:var(--gold);margin-right:8px}.price-card{background:#fff;color:var(--ink);border-radius:19px;padding:29px 30px;box-shadow:0 25px 70px #0005}.price-card-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:800;letter-spacing:.13em}.discount{background:#fff1d4;color:#a36a00;padding:6px 8px;border-radius:5px;letter-spacing:0}.old-price{font-size:10px;color:#8b95a7;margin-top:25px}.old-price del{font-size:12px;color:#8b95a7;margin-left:5px}.price-amount{font-family:"Plus Jakarta Sans";font-weight:800;font-size:61px;letter-spacing:-.07em;line-height:1.12;color:#14213a;margin-top:2px}.price-amount small{font-size:20px;vertical-align:top;letter-spacing:0;margin:13px 4px 0 0;display:inline-block}.price-amount span{color:#4787df}.price-period{font-size:10px;color:#8b95a7;margin-top:2px}.price-divider{height:1px;background:var(--line);margin:22px 0 17px}.price-card ul{list-style:none;padding:0;margin:0 0 22px}.price-card li{font-size:11px;color:#566176;padding:6px 0}.price-card li b{color:#269b70;margin-right:8px}.price-button{width:100%;padding:16px}.price-footnote{display:block;text-align:center;color:#8993a5;font-size:9px;line-height:1.6;margin-top:13px}
.centered{display:block;text-align:center}.centered>p{margin:14px auto 0;max-width:440px}.steps{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;align-items:center;gap:10px;margin-top:55px}.step{text-align:center;padding:25px 20px;position:relative}.step-number{font-size:10px;font-weight:800;color:#a8b4c6;letter-spacing:.15em}.step-icon{width:55px;height:55px;margin:15px auto;border-radius:17px;background:#edf4ff;color:#4387e8;display:grid;place-items:center;font-size:22px}.step h3{font-size:14px;margin:8px 0}.step p{font-size:11px;color:var(--muted);max-width:220px;margin:auto;line-height:1.8}.step-arrow{color:#a6b5ca;font-size:20px;text-align:center}
.faq{background:#f7f9fc}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}.faq>div>div:first-child>p,.faq-grid>div:first-child>p{font-size:12px;color:var(--muted);line-height:1.9;margin:20px 0}.faq-list details{border-bottom:1px solid #dfe5ee;padding:18px 0}.faq-list details:first-child{border-top:1px solid #dfe5ee}.faq-list summary{font-size:12px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#4387e8;font-size:18px;line-height:1}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:11px;color:var(--muted);line-height:1.8;max-width:620px;margin:12px 25px 0 0}
.final-cta{background:radial-gradient(ellipse at 50% 100%,#254c85 0,transparent 55%),#080d1b;color:#fff;text-align:center;padding:85px 0 90px;overflow:hidden}.final-cta-inner{position:relative}.cta-spark{font-size:27px;color:var(--gold);margin-bottom:14px}.final-cta h2{font-size:clamp(37px,5vw,58px);margin:16px 0}.final-cta p{font-size:13px;color:#aab8ce;margin:0 0 26px}.cta-large{padding:17px 25px}.final-cta small{display:block;color:#8c9bb5;font-size:10px;margin-top:13px;letter-spacing:.1em}.footer{background:#060a14;color:#aab6ca}.footer-main{display:flex;align-items:center;gap:25px;padding:30px 0;border-bottom:1px solid #ffffff16}.footer-brand img{width:52px;height:38px}.footer-main>p{font-size:11px;margin:0;flex:1}.footer-domain{font-size:11px;color:#80b3ff}.footer-bottom{display:flex;justify-content:space-between;padding:17px 0;font-size:9px;color:#71809b}.floating-wa{position:fixed;right:22px;bottom:22px;z-index:30;display:flex;align-items:center;gap:9px;background:#20b86b;color:#fff;padding:11px 17px;border-radius:50px;box-shadow:0 10px 28px #092d1e55;font-size:11px;font-weight:800;transition:.2s}.floating-wa:hover{transform:translateY(-3px)}.wa-icon{font-size:19px;line-height:1}
@media(max-width:900px){.main-nav{gap:17px}.hero-grid{gap:10px}.hero-visual{transform:scale(.88);transform-origin:center right}.audience-wrap{gap:45px}.price-wrap{gap:45px}.faq-grid{gap:50px}.benefit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.container{width:min(100% - 36px,540px)}.announcement{font-size:9px;padding:0 8px}.announcement a{display:none}.nav-wrap{height:68px}.brand img{width:49px;height:37px}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:0;padding:8px}.menu-toggle span{width:23px;height:2px;background:#fff;border-radius:2px}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;padding:18px;background:#0b1428;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #ffffff15}.main-nav.open{display:flex}.main-nav>a{padding:13px 8px}.main-nav .nav-cta{text-align:center;margin-top:8px}.hero{padding:62px 0 22px}.hero-grid{grid-template-columns:1fr;gap:8px}.hero h1{font-size:43px;margin:18px 0 14px}.hero-lead{font-size:13px}.hero-proof{margin-top:27px}.hero-visual{height:340px;transform:scale(.82);transform-origin:top center;margin:12px -30px -40px}.laptop{width:350px}.laptop-screen{height:235px}.laptop-base{width:385px}.phone{right:-2%;bottom:25px}.tag-top{right:0;top:30px}.tag-bottom{left:0;bottom:8px}.visual-orbit{width:350px;height:350px}.orbit-b{width:285px;height:285px}.hero-bottom{margin-top:20px}.section-pad{padding:70px 0}.intro-grid,.audience-wrap,.service-layout,.price-wrap,.faq-grid{grid-template-columns:1fr;gap:30px}.intro-grid{gap:17px}.intro h2,.section-heading h2,.audience h2,.price-copy h2,.faq h2{font-size:36px}.intro-text p{font-size:12px}.benefit-grid{gap:10px;margin-top:35px}.benefit-card{padding:18px 15px;min-height:200px}.benefit-card h3{font-size:12px;margin-top:15px}.benefit-card p{font-size:10px}.audience-wrap{gap:35px}.audience-copy>p{font-size:12px}.audience-item{padding:15px 2px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:14px;font-size:12px}.service-feature{min-height:400px;padding:23px}.included-grid{gap:9px}.included-item{padding:15px 11px;min-height:115px;gap:8px}.included-item b{font-size:10px}.included-item small{font-size:9px}.price-wrap{gap:35px}.price-card{padding:25px 22px}.price-amount{font-size:57px}.steps{grid-template-columns:1fr;gap:0;margin-top:30px}.step{padding:17px}.step-icon{margin:10px auto}.step-arrow{transform:rotate(90deg);font-size:16px}.faq-grid{gap:22px}.final-cta{padding:70px 0}.final-cta h2{font-size:39px}.footer-main{flex-wrap:wrap;gap:14px}.footer-main>p{flex-basis:100%;order:3}.footer-domain{margin-left:auto}.footer-bottom{gap:8px;flex-direction:column}.floating-wa{right:13px;bottom:13px;padding:10px 14px}}
@media(max-width:380px){.hero h1{font-size:37px}.hero-visual{transform:scale(.72);margin-left:-45px;margin-right:-45px;margin-bottom:-70px}.benefit-grid{grid-template-columns:1fr 1fr}.price-card{padding:22px 17px}}