/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}
}
@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
small{font-size:80%}
sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
sub{bottom:-.25em}
sup{top:-.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
:-moz-focusring{outline:auto}
progress{vertical-align:baseline}
summary{display:list-item}
ol,ul,menu{list-style:none}
img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}
img,video{max-width:100%;height:auto}
button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
:where(select:is([multiple],[size])) optgroup{font-weight:bolder}
:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
::file-selector-button{margin-inline-end:4px}
::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}
}
}
textarea{resize:vertical}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
::-webkit-datetime-edit{display:inline-flex}
::-webkit-datetime-edit-fields-wrapper{padding:0}
::-webkit-datetime-edit{padding-block:0}
::-webkit-datetime-edit-year-field{padding-block:0}
::-webkit-datetime-edit-month-field{padding-block:0}
::-webkit-datetime-edit-day-field{padding-block:0}
::-webkit-datetime-edit-hour-field{padding-block:0}
::-webkit-datetime-edit-minute-field{padding-block:0}
::-webkit-datetime-edit-second-field{padding-block:0}
::-webkit-datetime-edit-millisecond-field{padding-block:0}
::-webkit-datetime-edit-meridiem-field{padding-block:0}
::-webkit-calendar-picker-indicator{line-height:1}
:-moz-ui-invalid{box-shadow:none}
button,input:where([type=button],[type=reset],[type=submit]){appearance:button}
::file-selector-button{appearance:button}
::-webkit-inner-spin-button{height:auto}
::-webkit-outer-spin-button{height:auto}
[hidden]:where(:not([hidden=until-found])){display:none!important}
}
@layer components;@layer utilities{.visible{visibility:visible}
.relative{position:relative}
.start{inset-inline-start:var(--spacing)}
.contents{display:contents}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
}
:root{--navy:#071326;--navy-2:#0a1d37;--ink:#0a1730;--muted:#607089;--line:#dce5ef;--cyan:#24d4f0;--cyan-2:#07aee4;--white:#fff;--soft:#f4f8fc;--purple:#9f7aea;--orange:#ff9d52}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{color:var(--ink);background:var(--navy);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.shell{width:min(1180px,100% - 40px);margin:0 auto}
.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#061122e6;border-bottom:1px solid #ffffff14;position:sticky;top:0}
.nav-wrap{justify-content:space-between;align-items:center;gap:24px;height:78px;display:flex}
.brand{flex-shrink:0;align-items:center;gap:16px;display:flex}
.brand img{object-fit:contain;width:176px;height:auto}
.brand span{color:#a9bad0;letter-spacing:.18em;border-left:1px solid #ffffff2e;padding-left:16px;font-size:11px;font-weight:800}
nav{align-items:center;gap:25px;display:flex}
nav a{color:#b8c5d6;font-size:13px;font-weight:650;transition:color .2s}
nav a:hover{color:#fff}
.button{color:#02111f;background:linear-gradient(135deg,#1dd6f0,#00aee9);border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:52px;padding:0 24px;font-size:14px;font-weight:850;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 12px 30px #00bfe833}
.button:hover{transform:translateY(-2px);box-shadow:0 16px 35px #00bfe847}
.button-small{min-height:42px;padding:0 17px;font-size:12px}
.button-ghost{color:#fff;box-shadow:none;background:#ffffff0f;border:1px solid #ffffff2b}
.button-dark{color:#fff;box-shadow:none;white-space:nowrap;background:#0a1930}
.button-wide{width:100%;margin-top:auto}
.hero{color:#fff;background:radial-gradient(circle at 70% 20%, #0d3459 0, var(--navy) 45%, #050e1c 100%);padding:90px 0 0;position:relative;overflow:hidden}
.hero-grid{opacity:.13;background-image:linear-gradient(#ffffff26 1px,#0000 1px),linear-gradient(90deg,#ffffff26 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}
.hero-glow{filter:blur(70px);pointer-events:none;border-radius:50%;position:absolute}
.hero-glow-one{background:#00bee633;width:400px;height:400px;top:12%;right:5%}
.hero-glow-two{background:#7453ff24;width:280px;height:280px;bottom:0;left:-5%}
.hero-layout{grid-template-columns:1.02fr .98fr;align-items:center;gap:65px;padding-bottom:85px;display:grid;position:relative}
.eyebrow{color:var(--cyan);letter-spacing:.18em;align-items:center;gap:8px;font-size:11px;font-weight:850;display:inline-flex}
.eyebrow.dark{color:#067fa9}
.hero h1{letter-spacing:-.055em;max-width:720px;margin:24px 0;font-size:clamp(47px,5.1vw,72px);font-weight:800;line-height:.99}
.hero h1 span,.section-heading h2 span{color:var(--cyan)}
.hero-lead{color:#b8c7d9;max-width:660px;margin:0;font-size:18px;line-height:1.72}
.hero-prelaunch-note{color:var(--cyan);letter-spacing:.18em;margin-top:31px;font-size:10px;font-weight:900}
.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}
.hero-prelaunch-note+.hero-actions{margin-top:10px}
.trust-row{color:#8ea3bc;flex-wrap:wrap;gap:22px;margin-top:30px;font-size:12px;font-weight:650;display:flex}
.trust-row span{align-items:center;gap:7px;display:inline-flex}
.trust-row svg{color:var(--cyan)}
.hero-visual{perspective:1000px;min-height:460px;position:relative}
.screen-card{background:#0d2039;border:1px solid #96ddf73b;border-radius:13px;position:absolute;overflow:hidden;box-shadow:0 28px 80px #0000007a}
.screen-card img{object-fit:cover;object-position:top;width:100%;height:100%}
.screen-front{z-index:3;width:88%;height:315px;top:75px;left:6%;transform:rotateY(-4deg)rotateX(2deg)}
.screen-front img{height:calc(100% - 28px)}
.screen-bar{background:#102641;align-items:center;gap:5px;height:28px;padding:0 11px;display:flex}
.screen-bar span{background:#50637a;border-radius:50%;width:6px;height:6px}
.screen-bar b{color:#67d9f1;letter-spacing:.16em;margin-left:auto;font-size:8px}
.screen-back-left{opacity:.78;width:54%;height:250px;top:20px;left:-1%;transform:rotate(-8deg)}
.screen-back-right{opacity:.74;width:53%;height:245px;top:10px;right:-3%;transform:rotate(8deg)}
.floating-note{z-index:5;color:#9eefff;letter-spacing:.12em;background:#051627db;border:1px solid #2edff56b;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:10px;font-weight:850;display:inline-flex;position:absolute;bottom:18px;right:-4px;box-shadow:0 20px 50px #0006}
.launch-strip{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a1f37db;border:1px solid #ffffff1f;border-bottom:0;border-radius:18px 18px 0 0;grid-template-columns:repeat(4,1fr);display:grid;position:relative}
.launch-strip>div{border-right:1px solid #ffffff1a;align-items:center;gap:14px;min-height:105px;padding:23px;display:flex}
.launch-strip>div:last-child{border-right:0}
.launch-strip svg{color:var(--cyan)}
.launch-strip span{color:#7f94ab;letter-spacing:.13em;font-size:9px;font-weight:800}
.launch-strip strong{color:#fff;letter-spacing:0;margin-top:7px;font-size:14px;display:block}
.section{padding:110px 0}
.section-light{background:#f6f9fc}
.section-dark{color:#fff;background:#071326}
.section-blue{color:#fff;background:linear-gradient(135deg,#0a2442 0%,#073457 48%,#0a1b34 100%);position:relative;overflow:hidden}
.section-heading{margin-bottom:52px}
.section-heading h2,.guidelines h2,.hooks-intro h2{letter-spacing:-.045em;max-width:760px;margin:18px 0 0;font-size:clamp(38px,4vw,57px);line-height:1.05}
.section-heading>p,.section-heading div>p{color:var(--muted);font-size:17px;line-height:1.7}
.split-heading{grid-template-columns:1.05fr .75fr;align-items:end;gap:80px;display:grid}
.split-heading>p,.heading-action p{margin:0}
.centered{text-align:center;max-width:820px;margin-left:auto;margin-right:auto}
.centered h2{max-width:820px}
.centered p{color:#92a6bd;max-width:720px;margin:20px auto 0}
.compact{margin-bottom:40px}
.steps{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}
.step-card{background:#fff;border:1px solid #dce6f0;border-radius:18px;min-height:245px;padding:28px 26px;position:relative;box-shadow:0 10px 35px #1530500f}
.step-card span{color:#a1b5c8;letter-spacing:.15em;font-size:12px;font-weight:900}
.step-card h3{margin:52px 0 12px;font-size:20px}
.step-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}
.step-card:before{content:"";background:var(--cyan-2);border-radius:4px;width:36px;height:3px;position:absolute;top:63px;left:26px}
.download-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}
.download-card{background:#0c1d34;border:1px solid #ffffff1f;border-radius:24px;flex-direction:column;padding:40px;display:flex;position:relative;overflow:hidden}
.launch-card{background:linear-gradient(145deg,#0b213b,#0b2b46);border-color:#24d4f080;box-shadow:0 28px 70px #0000003b}
.download-icon{width:52px;height:52px;color:var(--cyan);background:#24d4f01f;border-radius:14px;place-items:center;display:grid}
.tag{color:var(--cyan);letter-spacing:.17em;margin-top:28px;font-size:10px;font-weight:900}
.download-card h3{letter-spacing:-.03em;margin:12px 0;font-size:31px}
.download-card>p{color:#9eb0c4;margin:0;font-size:15px;line-height:1.7}
.download-card ul{grid-template-columns:1fr 1fr;gap:12px 15px;margin:28px 0 32px;padding:0;list-style:none;display:grid}
.download-card li{color:#d0dbe8;align-items:flex-start;gap:7px;font-size:13px;line-height:1.4;display:flex}
.download-card li svg{color:#55e5b2;flex:none;width:15px}
.ribbon{background:var(--cyan);color:#062037;text-align:center;letter-spacing:.12em;width:190px;padding:8px;font-size:8px;font-weight:950;position:absolute;top:19px;right:-40px;transform:rotate(36deg)}
.campaign-map{background:#ffffff06;border:1px solid #ffffff1a;border-radius:22px;margin-top:40px;padding:36px}
.map-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px;display:flex}
.map-heading>span{color:var(--cyan);letter-spacing:.16em;font-size:10px;font-weight:900}
.map-heading p{color:#8fa3ba;max-width:540px;margin:0;font-size:14px}
.angle-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}
.angle-card{background:#0a1a30;border:1px solid #ffffff17;border-radius:16px;padding:24px}
.angle-title{align-items:center;gap:9px;display:flex}
.angle-title svg{width:20px}
.angle-title h3{margin:0;font-size:17px}
.angle-title span{color:#8599b0;letter-spacing:.12em;margin-left:auto;font-size:8px;font-weight:850}
.angle-card ol{margin:22px 0 0;padding:0;list-style:none}
.angle-card li{color:#bdcad8;border-top:1px solid #ffffff12;gap:12px;padding:12px 0;font-size:12px;line-height:1.45;display:flex}
.angle-card li b{color:#5c728b;font-size:9px}
.angle-card.cyan svg{color:var(--cyan)}
.angle-card.purple svg{color:var(--purple)}
.angle-card.orange svg{color:var(--orange)}
.heading-action{flex-direction:column;align-items:flex-start;gap:20px;display:flex}
.screenshot-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}
.screenshot-item{background:#fff;border:1px solid #d8e3ee;border-radius:18px;transition:transform .25s,box-shadow .25s;overflow:hidden;box-shadow:0 12px 35px #112a4914}
.screenshot-item:hover{transform:translateY(-5px);box-shadow:0 22px 55px #112a4924}
.shot-image{background:#e9f0f7;height:285px;padding:12px;overflow:hidden}
.shot-image img{object-fit:cover;object-position:top;border-radius:8px;width:100%;height:100%}
.shot-meta{justify-content:space-between;align-items:center;padding:19px 22px;display:flex}
.shot-meta span{color:#0786b0;letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:850}
.shot-meta h3{margin:5px 0 0;font-size:16px}
.shot-meta svg{color:#6c8198;width:18px}
.hooks-layout{grid-template-columns:.9fr 1.1fr;align-items:center;gap:80px;display:grid}
.hooks-intro p{color:#a8bfd3;font-size:16px;line-height:1.7}
.big-hook{border-left:3px solid var(--cyan);letter-spacing:-.03em;margin-top:34px;padding-left:22px;font-size:25px;font-weight:900;line-height:1.32}
.big-hook span{color:var(--cyan)}
.hook-cards{grid-template-columns:1fr 1fr;gap:14px;display:grid}
.hook-cards article{background:#0413248c;border:1px solid #ffffff1f;border-radius:16px;min-height:185px;padding:25px}
.hook-cards span{color:var(--cyan);letter-spacing:.15em;font-size:9px;font-weight:900}
.hook-cards p{color:#d7e1eb;margin:18px 0 0;font-size:14px;line-height:1.65}
.resource-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}
.resource-card{background:#fff;border:1px solid #dbe5ef;border-radius:18px;padding:30px;box-shadow:0 10px 35px #1432540f}
.resource-card>div{color:#0b90bc;align-items:center;gap:10px;display:flex}
.resource-card>div span{letter-spacing:.14em;font-size:9px;font-weight:900}
.resource-card h3{margin:25px 0 12px;font-size:22px;line-height:1.2}
.resource-card p{min-height:72px;color:var(--muted);font-size:14px;line-height:1.65}
.resource-card b{color:#087fa9;align-items:center;gap:8px;margin-top:20px;font-size:13px;display:flex}
.resource-card b svg{width:15px}
.guidelines-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;display:grid}
.guidelines p{color:#9fb0c4;font-size:16px;line-height:1.75}
.text-link{color:var(--cyan);align-items:center;gap:8px;margin-top:15px;font-size:14px;font-weight:800;display:inline-flex}
.text-link svg{width:17px}
.dos-card{border:1px solid #ffffff1f;border-radius:20px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}
.dos-card>div{padding:30px}
.do-column{background:#26d7a512}
.avoid-column{background:#ff6e6e0a}
.dos-card h3{color:#63e7b8;letter-spacing:.14em;align-items:center;gap:8px;margin:0 0 20px;font-size:11px;display:flex}
.avoid-column h3{color:#ff9b9b}
.dos-card ul{margin:0;padding:0;list-style:none}
.dos-card li{color:#bdc9d7;border-top:1px solid #ffffff14;padding:10px 0;font-size:13px}
.final-cta{color:#fff;background:linear-gradient(100deg,#073153,#0a4869);border-top:1px solid #48d8f040;padding:62px 0}
.final-inner{justify-content:space-between;align-items:center;gap:30px;display:flex}
.final-inner span{color:var(--cyan);letter-spacing:.17em;font-size:9px;font-weight:900}
.final-inner h2{letter-spacing:-.035em;margin:9px 0 0;font-size:32px}
footer{color:#fff;background:#040c18}
.footer-main{justify-content:space-between;align-items:center;gap:30px;padding-top:55px;padding-bottom:45px;display:flex}
.footer-brand img{object-fit:contain;width:190px;height:auto}
.footer-brand p{color:#71849b;letter-spacing:.15em;margin:13px 0 0;font-size:9px;font-weight:800}
.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:22px;display:flex}
.footer-links a{color:#8fa0b4;font-size:12px}
.footer-bottom{color:#66798e;border-top:1px solid #ffffff14;justify-content:space-between;padding-top:22px;padding-bottom:30px;font-size:10px;display:flex}
@media (width<=1050px){nav{display:none}
.hero-layout,.hooks-layout,.guidelines-grid{grid-template-columns:1fr}
.hero-copy{text-align:center}
.hero-lead{margin:0 auto}
.hero-actions,.trust-row{justify-content:center}
.hero-visual{width:100%;max-width:650px;margin:0 auto}
.launch-strip{grid-template-columns:1fr 1fr}
.launch-strip>div:nth-child(2){border-right:0}
.split-heading{grid-template-columns:1fr;align-items:start;gap:25px}
.steps{grid-template-columns:1fr 1fr}
.angle-grid{grid-template-columns:1fr}
}
@media (width<=760px){.shell{width:min(100% - 28px,1180px)}
.nav-wrap{height:68px}
.brand img{width:135px}
.brand span{display:none}
.button-small{padding:0 12px}
.hero{padding-top:65px}
.hero-layout{gap:30px;padding-bottom:55px}
.hero h1{font-size:44px}
.hero-lead{font-size:16px}
.hero-actions{flex-direction:column}
.hero-actions .button{width:100%}
.trust-row{gap:10px 16px}
.hero-visual{min-height:320px}
.screen-front{height:220px;top:58px}
.screen-back-left,.screen-back-right{height:175px}
.floating-note{bottom:5px;right:0}
.launch-strip{border-radius:15px 15px 0 0;grid-template-columns:1fr}
.launch-strip>div{border-bottom:1px solid #ffffff1a;border-right:0;min-height:82px}
.section{padding:78px 0}
.section-heading h2,.guidelines h2,.hooks-intro h2{font-size:38px}
.steps,.download-grid,.screenshot-grid,.hook-cards,.resource-grid,.dos-card{grid-template-columns:1fr}
.step-card{min-height:210px}
.download-card{padding:28px 24px}
.download-card ul{grid-template-columns:1fr}
.campaign-map{padding:24px 18px}
.map-heading{flex-direction:column;align-items:flex-start}
.shot-image{height:220px}
.hooks-layout,.guidelines-grid{gap:45px}
.resource-card p{min-height:0}
.final-inner,.footer-main,.footer-bottom{flex-direction:column;align-items:flex-start}
.final-inner .button{width:100%}
.footer-links{justify-content:flex-start}
}

/* Affiliate media library */
.media-library{color:#fff;background:radial-gradient(circle at 15% 10%,#0b41634d,transparent 34%),radial-gradient(circle at 90% 45%,#113a7d4d,transparent 38%),#061122;border-top:1px solid #39d8ef24;border-bottom:1px solid #39d8ef24}
.media-library .section-heading h2 span{color:var(--cyan)}
.media-library .section-heading p{color:#9fb6cb;max-width:760px;margin-left:auto;margin-right:auto}
.media-feature-grid{display:grid;grid-template-columns:1fr;gap:22px;margin-bottom:22px}
.media-feature-card{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:24px;min-height:390px;background:linear-gradient(145deg,#0a1d36,#071429);border:1px solid #ffffff1c;border-radius:22px;padding:24px;overflow:hidden;box-shadow:0 28px 70px #0005}
.media-feature-card.reverse{grid-template-columns:.8fr 1.2fr}
.media-feature-card.reverse .media-preview{order:2}
.media-preview{display:flex;align-items:center;justify-content:center;height:340px;border-radius:16px;background:#020817;padding:14px;overflow:hidden}
.media-preview.portrait img{height:100%;width:auto;object-fit:contain;border-radius:9px;box-shadow:0 16px 40px #0008}
.media-preview.landscape img{width:100%;height:auto;object-fit:contain;border-radius:9px;box-shadow:0 16px 40px #0008}
.media-copy span{color:var(--cyan);letter-spacing:.16em;font-size:9px;font-weight:900}
.media-copy h3{font-size:27px;line-height:1.15;margin:9px 0 13px}
.media-copy p{color:#a9bbce;font-size:14px;line-height:1.65;margin:0 0 22px}
.media-copy .button{font-size:12px;padding-left:15px;padding-right:15px}
.media-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.media-card{position:relative;display:block;min-height:235px;background:#07182e;border:1px solid #ffffff1c;border-radius:18px;padding:24px;transition:transform .2s,border-color .2s,box-shadow .2s}
.media-card:hover{transform:translateY(-4px);border-color:#26d5ef78;box-shadow:0 18px 40px #0005}
.media-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:#03111e;background:linear-gradient(135deg,#66e9f8,#00addf);border-radius:13px;font-size:12px;font-weight:950;margin-bottom:23px;box-shadow:0 10px 24px #00bfe82e}
.media-card>span{color:#64dff1;letter-spacing:.14em;font-size:8px;font-weight:900}
.media-card h3{font-size:19px;margin:8px 0 7px}
.media-card p{color:#7f94aa;font-size:12px;line-height:1.5;margin:0}
.media-card b{position:absolute;left:24px;bottom:22px;color:#bfeef5;font-size:11px}
.media-card-complete{background:linear-gradient(145deg,#0a3250,#0b1b38);border-color:#36d7ec66}
.media-card-complete .media-card-icon{color:#fff;background:linear-gradient(135deg,#7259d7,#13bfe7)}
.media-standard-note{color:#a8bdd0;background:#ffffff09;border:1px solid #ffffff15;border-radius:14px;margin-top:22px;padding:17px 20px;text-align:center;font-size:12px;line-height:1.5}
.media-standard-note strong{color:var(--cyan);letter-spacing:.08em}
@media (width<=1050px){.media-feature-grid{grid-template-columns:1fr}.media-card-grid{grid-template-columns:repeat(2,1fr)}}
@media (width<=760px){.media-feature-card,.media-feature-card.reverse{grid-template-columns:1fr}.media-feature-card.reverse .media-preview{order:0}.media-preview{height:310px}.media-card-grid{grid-template-columns:1fr}.media-card{min-height:215px}.media-copy h3{font-size:24px}}

/* Premium multi-accent polish */
:root{--green:#2bcf9a;--blue:#4b9fff}

.step-card{--card-accent:var(--cyan-2);--card-soft:#07aee414;background:linear-gradient(180deg,var(--card-soft),#fff 42%);box-shadow:inset 0 4px 0 var(--card-accent),0 12px 38px #15305012;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.step-card:nth-child(2){--card-accent:var(--purple);--card-soft:#9f7aea17}
.step-card:nth-child(3){--card-accent:var(--orange);--card-soft:#ff9d5219}
.step-card:nth-child(4){--card-accent:var(--green);--card-soft:#2bcf9a17}
.step-card:hover{transform:translateY(-4px);border-color:var(--card-accent);box-shadow:inset 0 4px 0 var(--card-accent),0 22px 48px #15305020}
.step-card span{display:grid;width:43px;height:43px;color:var(--card-accent);background:var(--card-soft);border:1px solid var(--card-accent);border-radius:13px;place-items:center}
.step-card h3{margin:24px 0 12px}
.step-card:before{top:0;left:0;width:100%;height:4px;background:var(--card-accent);border-radius:18px 18px 0 0}

.start-download-bar{display:grid;grid-template-columns:.84fr 1.16fr;align-items:center;gap:28px;margin-top:24px;padding:24px;background:radial-gradient(circle at 10% 0,#1d4b7047,transparent 38%),linear-gradient(135deg,#091a30,#0a2844);border:1px solid #32d9ef4f;border-radius:20px;box-shadow:0 20px 50px #1530501f}
.start-download-copy span{display:block;color:var(--cyan);letter-spacing:.16em;font-size:9px;font-weight:900}
.start-download-copy strong{display:block;color:#fff;margin-top:7px;font-size:21px;letter-spacing:-.025em}
.start-download-copy small{display:block;color:#90a6bc;margin-top:7px;font-size:12px;line-height:1.55}
.start-download-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.start-swipe-link{--swipe-accent:var(--cyan);display:flex;flex-direction:column;justify-content:center;min-height:88px;padding:16px 18px;color:#fff;background:#ffffff0a;border:1px solid #ffffff1d;border-left:4px solid var(--swipe-accent);border-radius:14px;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.start-swipe-link.prelaunch{--swipe-accent:#b594ff}
.start-swipe-link.launch{--swipe-accent:var(--cyan)}
.start-swipe-link:hover{transform:translateY(-3px);background:#ffffff12;border-color:var(--swipe-accent);box-shadow:0 15px 34px #0004}
.start-swipe-link span{font-size:13px;font-weight:800}
.start-swipe-link b{color:var(--swipe-accent);margin-top:6px;font-size:12px;letter-spacing:.02em}

.prelaunch-card{background:linear-gradient(145deg,#101d36,#1a2140);border-color:#aa8cff70;box-shadow:0 24px 65px #00000030}
.prelaunch-card .download-icon{color:#c7b3ff;background:#9f7aea1f}
.prelaunch-card .tag{color:#c7b3ff}
.swipe-download-button{position:relative;justify-content:flex-start;min-height:64px;padding:0 20px;border:1px solid #9af3ff;box-shadow:0 16px 38px #00bfe84a;font-size:15px;letter-spacing:-.01em;overflow:hidden}
.swipe-download-button svg{width:21px;height:21px}
.swipe-download-button:after{content:"ZIP";display:grid;min-width:42px;height:30px;margin-left:auto;color:#052034;background:#ffffffb8;border:1px solid #fff;border-radius:9px;font-size:9px;font-weight:950;letter-spacing:.12em;place-items:center}
.prelaunch-card .swipe-download-button:after{color:#21133c;background:#e6ddff}

.angle-card{position:relative;overflow:hidden;box-shadow:inset 0 3px 0 var(--angle-accent,#24d4f0)}
.angle-card.cyan{--angle-accent:var(--cyan);background:linear-gradient(155deg,#0b243a,#09192e);border-color:#24d4f04d}
.angle-card.purple{--angle-accent:var(--purple);background:linear-gradient(155deg,#1a1c3c,#09192e);border-color:#9f7aea4d}
.angle-card.orange{--angle-accent:var(--orange);background:linear-gradient(155deg,#2a2031,#09192e);border-color:#ff9d524d}

.resource-card{--resource-accent:#0786b0;--resource-soft:#0786b00f;background:linear-gradient(180deg,var(--resource-soft),#fff 38%);box-shadow:inset 0 3px 0 var(--resource-accent),0 12px 38px #14325412;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.resource-card:nth-child(2){--resource-accent:#8567d8;--resource-soft:#9f7aea12}
.resource-card:nth-child(3){--resource-accent:#d8792f;--resource-soft:#ff9d5214}
.resource-card:hover{transform:translateY(-4px);border-color:var(--resource-accent);box-shadow:inset 0 3px 0 var(--resource-accent),0 22px 48px #14325420}
.resource-card>div,.resource-card b{color:var(--resource-accent)}

.media-card{--media-accent:var(--cyan);--media-gradient:linear-gradient(135deg,#66e9f8,#00addf);box-shadow:inset 0 3px 0 var(--media-accent)}
.media-card:nth-child(1){--media-accent:#b89cff;--media-gradient:linear-gradient(135deg,#bea8ff,#7e5bd8)}
.media-card:nth-child(2){--media-accent:#64e2b8;--media-gradient:linear-gradient(135deg,#77edc4,#22b982)}
.media-card:nth-child(3){--media-accent:#ffb26f;--media-gradient:linear-gradient(135deg,#ffc28c,#f08438)}
.media-card:nth-child(4){--media-accent:#70b4ff;--media-gradient:linear-gradient(135deg,#8bc3ff,#347fda)}
.media-card:nth-child(5){--media-accent:#b89cff;--media-gradient:linear-gradient(135deg,#bea8ff,#7e5bd8)}
.media-card:nth-child(6){--media-accent:#ffb26f;--media-gradient:linear-gradient(135deg,#ffc28c,#f08438)}
.media-card:nth-child(7){--media-accent:#64e2b8;--media-gradient:linear-gradient(135deg,#77edc4,#22b982)}
.media-card:nth-child(8){--media-accent:var(--cyan);--media-gradient:linear-gradient(135deg,#7259d7,#13bfe7)}
.media-card-icon,.media-card-complete .media-card-icon{background:var(--media-gradient);box-shadow:0 10px 24px #0004}
.media-card>span,.media-card b{color:var(--media-accent)}

@media (width<=1050px){.start-download-bar{grid-template-columns:1fr}.start-download-copy{text-align:center}.start-download-copy small{max-width:640px;margin-left:auto;margin-right:auto}}
@media (width<=760px){.start-download-bar{padding:20px}.start-download-actions{grid-template-columns:1fr}.start-download-copy{text-align:left}.start-swipe-link{min-height:78px}.swipe-download-button{min-height:60px;font-size:14px}.step-card{min-height:0}}