.seo-experience{--pop:#1ca4ff;--second:#d394ff;--wash:#172d4a;--reading:0%;background-image:radial-gradient(ellipse at 90% 12%,color-mix(in srgb,var(--pop) 16%,transparent),transparent 40%)}.reading-track{position:fixed;top:0;left:0;right:0;height:4px;z-index:60;background:transparent}.reading-track span{display:block;height:100%;width:var(--reading);background:linear-gradient(90deg,var(--pop),var(--second));box-shadow:0 0 18px var(--pop)}.seo-experience .samplebar{top:0}.seo-experience .demo-header{position:relative}.seo-experience .seo-heading{max-width:none;padding:50px 0 36px}.seo-experience .crumb{margin-bottom:28px}.story-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:5%;position:relative;min-height:450px;padding:36px 0}.story-hero:before{content:'';position:absolute;inset:2% -3%;background:radial-gradient(ellipse at 60% 40%,color-mix(in srgb,var(--pop) 15%,transparent),transparent 65%);pointer-events:none;animation:aura 9s ease-in-out infinite alternate}.story-copy{position:relative;z-index:2}.seo-experience .seo-heading h1{font-size:clamp(3.3rem,6.5vw,6.8rem);line-height:.95;margin:20px 0 26px;max-width:850px}.seo-experience .seo-heading h1 em{font-style:normal;color:var(--pop);background:linear-gradient(110deg,var(--pop),var(--second));background-clip:text;-webkit-text-fill-color:transparent}.story-copy>p{font-size:1.15rem;max-width:570px}.story-art{position:relative;padding:18px 0 34px}.story-art .hero-image{width:100%;max-width:none;margin:0;transform:none;border:1px solid color-mix(in srgb,var(--pop) 65%,var(--stroke));box-shadow:0 25px 80px #0005,0 0 50px color-mix(in srgb,var(--pop) 18%,transparent)}.story-art:after{content:'';position:absolute;inset:0 -12px 17px 14px;border:1px solid color-mix(in srgb,var(--pop) 32%,transparent);border-radius:var(--radius,15px);pointer-events:none;transform:rotate(3deg)}.art-tag{position:absolute;bottom:7px;left:-18px;z-index:3;padding:14px 22px;background:var(--panel);border:1px solid var(--stroke);border-left:4px solid var(--pop);box-shadow:0 16px 40px #0003;backdrop-filter:blur(20px);font-size:.9rem;font-weight:700;max-width:95%}.art-tag small{display:block;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--soft);font-weight:500}.seo-experience .sample-note{padding:10px 15px;margin-top:32px;font-size:.8rem;display:flex;justify-content:space-between;gap:16px;align-items:center}.motion-control{background:transparent;border:1px solid var(--stroke);color:var(--text);padding:7px 12px;border-radius:30px;font-size:.8rem;white-space:nowrap}.chapter-ribbon{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:12px 0 48px}.chapter-ribbon a{display:flex;align-items:center;gap:16px;border:1px solid var(--stroke);border-radius:var(--radius,8px);background:var(--panel);padding:22px;transition:transform .25s,box-shadow .25s}.chapter-ribbon a:hover{transform:translateY(-5px);box-shadow:0 12px 30px color-mix(in srgb,var(--pop) 16%,transparent)}.chapter-ribbon strong{font-family:'Barlow Condensed',sans-serif;font-size:2.5rem;color:var(--pop);font-weight:500}.chapter-ribbon span{font-size:.9rem;line-height:1.4}.seo-experience .seo-layout{grid-template-columns:minmax(0,1fr) 285px;gap:45px}.seo-experience .seo-copy>p{font-size:1.12rem;padding:5px 5px 24px;line-height:1.85}.seo-experience .seo-copy section{position:relative;background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius,14px);padding:36px;margin-bottom:24px;overflow:hidden;transition:border-color .25s,box-shadow .25s}.seo-experience .seo-copy section:target{border-color:var(--pop);box-shadow:0 0 35px color-mix(in srgb,var(--pop) 18%,transparent)}.seo-experience .seo-copy section h2{font-size:clamp(2rem,3vw,3rem);line-height:1.05;max-width:650px}.chapter-label{color:var(--pop);font-size:.75rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase;display:block;margin-bottom:14px}.seo-experience .seo-copy p{line-height:1.8}.seo-experience .seo-aside{background:var(--panel);backdrop-filter:blur(22px);border-top:3px solid var(--pop)}.seo-experience .seo-aside a:hover,.seo-experience .seo-aside a.is-current{color:var(--pop);border-color:var(--pop)}.reader-progress{font-size:.8rem;color:var(--soft);margin-bottom:20px}.seo-experience .faq details{background:color-mix(in srgb,var(--sample-bg) 65%,transparent);padding:18px;border:1px solid var(--stroke);margin-top:12px;border-radius:8px}.seo-experience .faq details[open]{border-color:var(--pop)}.seo-experience .faq summary{line-height:1.5}.priority-lab{margin:0 0 50px;padding:32px;border:1px solid var(--stroke);border-radius:var(--radius,16px);background:linear-gradient(120deg,color-mix(in srgb,var(--pop) 10%,var(--sample-bg)),var(--sample-bg));display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.priority-lab h2{font-size:2.5rem;margin:12px 0 20px}.priority-choices{display:flex;flex-wrap:wrap;gap:8px}.priority-choice{background:var(--panel);border:1px solid var(--stroke);color:var(--text);padding:11px 16px;border-radius:30px;font-size:.9rem;transition:background .2s,transform .2s}.priority-choice[aria-pressed=true]{background:var(--pop);color:var(--pick-ink,#06111b);border-color:var(--pop);box-shadow:0 4px 20px color-mix(in srgb,var(--pop) 28%,transparent)}.priority-result{padding:24px;border-left:3px solid var(--pop);background:var(--panel);min-height:155px;border-radius:0 12px 12px 0}.priority-result h3{margin-bottom:12px;font-size:1.3rem}.priority-result p{font-size:.95rem;line-height:1.7}.shopping-checks{display:grid;gap:10px;margin:24px 0 0;padding:0;border:0}.shopping-checks legend{font-weight:600;margin-bottom:12px;font-size:.95rem}.shopping-checks label{display:flex;align-items:center;gap:12px;padding:15px;background:color-mix(in srgb,var(--pop) 7%,var(--sample-bg));border:1px solid var(--stroke);border-radius:8px;cursor:pointer;color:var(--text)}.shopping-checks label:has(input:checked){border-color:var(--pop);background:color-mix(in srgb,var(--pop) 16%,var(--sample-bg))}.shopping-checks input{width:20px;height:20px;accent-color:var(--pop);flex:none}.check-status{margin-top:14px;font-size:.85rem!important;color:var(--pop)!important}.next-experience{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:10px 0 50px;padding:35px;border:1px solid var(--stroke);border-radius:var(--radius,12px);background:linear-gradient(110deg,color-mix(in srgb,var(--pop) 20%,var(--sample-bg)),color-mix(in srgb,var(--second) 12%,var(--sample-bg)))}.next-experience h2{margin:10px 0;font-size:2.7rem}.next-experience .btn{flex:none}.seo-experience .btn.primary{background:var(--pop);border-color:var(--pop);color:var(--pick-ink,#06111b);box-shadow:0 6px 24px color-mix(in srgb,var(--pop) 20%,transparent)}.seo-experience .btn:hover{transform:translateY(-2px)}
.seo-experience.pearl{--pop:#996600;--second:#b87c00;--wash:#e3ebf3;--pick-ink:#fff;background-image:linear-gradient(125deg,#fdfefe 0,#dbe5ed 30%,#fff 55%,#e5edf3 80%)}.pearl .story-copy h1{text-shadow:0 2px 0 white,0 5px 15px #23394f22}.pearl .story-art .hero-image{border:5px solid #f6fbff;box-shadow:0 22px 40px #5c738a40}.pearl .seo-copy section{border-top:4px solid #c5a169;background:linear-gradient(120deg,#fff,#e8eff5)}.pearl .chapter-ribbon a{box-shadow:inset 0 1px white,0 9px 25px #28496516}.pearl .story-art:after{border-color:#baa579}
.seo-experience.panels{--pop:#63c7ff;--second:#d3f2ff;--radius:16px;background-image:linear-gradient(135deg,#10283d,#020810 70%)}.panels .story-art{perspective:1000px}.panels .story-art .hero-image{transform:rotateY(-10deg) rotateX(3deg)}.panels .seo-copy section{box-shadow:8px 8px 0 #020812,9px 9px 0 #6396b9;border-top:2px solid #d1edff}.panels .chapter-ribbon a:nth-child(2){transform:translateY(8px)}.panels .chapter-ribbon a{background:linear-gradient(145deg,#36506a,#091728)}
.seo-experience.cube{--pop:#62eaff;--second:#d477ff;background-image:linear-gradient(90deg,#225ab411 1px,transparent 1px),linear-gradient(#225ab411 1px,transparent 1px),radial-gradient(ellipse at 70% 20%,#2f1974,#051026 65%);background-size:45px 45px,45px 45px,auto}.cube .story-art .hero-image{max-height:470px;aspect-ratio:1/1;overflow:hidden;border:2px solid var(--pop);box-shadow:10px 10px 0 #952af825,0 0 50px #008dff50}.cube .story-art img{top:-66.5%}.cube .chapter-ribbon a,.cube .seo-copy section{border-color:#7863d3;box-shadow:inset 0 0 28px #2258d322,0 0 18px #985cff19}.cube .seo-copy section:nth-of-type(2){border-left:5px solid #d477ff}.cube .art-tag{background:#111438e8}
.seo-experience.adventure{--pop:#ffc36b;--second:#ff865a;--sample-bg:#101e25;--panel:#18313a;--radius:7px;background-image:radial-gradient(ellipse at 70% 0,#75482988,transparent 50%)}.adventure .story-hero{grid-template-columns:1fr 1.05fr}.adventure .story-art .hero-image{border-radius:100px 8px 8px 8px;border:0;box-shadow:18px 18px 0 #e7ae6530}.adventure .chapter-ribbon{gap:0;border-block:1px solid #947650}.adventure .chapter-ribbon a{background:transparent;border:0;border-right:1px solid #947650;border-radius:0}.adventure .seo-copy section{border-left:4px solid var(--pop)}.adventure .seo-copy section:nth-of-type(2){margin-left:35px}.adventure .story-art:after{display:none}
.seo-experience.minimal{--pop:#175ce5;--second:#6a44df;--pick-ink:#fff;--radius:2px;background:#fff}.minimal .story-hero{gap:7%}.minimal .seo-heading h1{font-family:var(--font);font-size:clamp(3.1rem,5.4vw,5.8rem);font-weight:700;letter-spacing:-.06em}.minimal .story-art .hero-image{box-shadow:22px 22px 0 #e5edff;border:0}.minimal .story-art:after{display:none}.minimal .art-tag{left:15px;background:#fff;border:0;border-left:4px solid var(--pop)}.minimal .chapter-ribbon a{background:white;border:0;border-bottom:3px solid #165ce5;box-shadow:none;border-radius:0}.minimal .seo-copy section{border:0;border-top:1px solid #cbd3de;background:#fff;padding:34px 0}.minimal .priority-lab{background:#edf2ff;border:0}.minimal .chapter-label{color:#175ce5}
.seo-experience.glass{--pop:#0368c6;--second:#006f83;--pick-ink:#fff;--panel:#ffffffe0;--radius:24px;background:radial-gradient(ellipse at 80% 20%,#b8e8ff,transparent 45%),linear-gradient(145deg,#eaf8ff,#c4e1f6 60%,#f5fcff)}.glass .seo-copy section,.glass .chapter-ribbon a,.glass .seo-aside{backdrop-filter:blur(22px);border:1px solid white;box-shadow:inset 0 1px 0 white,0 14px 38px #2376b521}.glass .story-art .hero-image{border:6px solid #ffffffaa;border-radius:32px;box-shadow:0 0 0 1px #64c5fb,0 24px 60px #378ec755}.glass .story-art:after{border-color:#fff}.glass .priority-lab{background:#ffffff6e;border-color:#fff}.glass .art-tag{background:#ffffffdd}
.seo-experience.curved{--pop:#68ddff;--second:#b4eaff;--radius:35px;background:radial-gradient(ellipse at 50% 0,#155a96,#061320 58%)}.curved .story-hero{grid-template-columns:1fr;text-align:center;padding-bottom:20px}.curved .story-copy>p,.curved .story-copy h1{margin-left:auto;margin-right:auto}.curved .story-copy .hero-actions{justify-content:center}.curved .story-art{width:min(790px,100%);margin:20px auto 0}.curved .story-art .hero-image{aspect-ratio:2.6;border-radius:100px 100px 30px 30px;border-top:5px solid #c0e6ff}.curved .story-art img{top:-160%}.curved .story-art:after{border-radius:100px}.curved .art-tag{left:50%;transform:translateX(-50%);white-space:nowrap}.curved .seo-copy section{border-radius:45px 12px 45px 12px}.curved .chapter-ribbon a{border-bottom:3px solid var(--pop);border-radius:0 0 35px 35px}
.seo-experience.elite{--pop:#43d8ff;--second:#c4f4ff;background:#02060d}.elite .seo-heading h1{text-transform:uppercase;letter-spacing:-.01em}.elite .story-art .hero-image{border:0;box-shadow:0 25px 55px #003d8655}.elite .story-art:after{border-color:#235d80;transform:none;inset:4px -12px 15px 12px}.elite .seo-copy section{background:linear-gradient(140deg,#0c1926,#03070d);border-color:#1b3b51;border-top:2px solid #40cefa}.elite .chapter-ribbon a{border-radius:0;background:#030b14;box-shadow:inset 0 -2px #1fa1d8}.elite .priority-lab{background:#050c15}.elite .art-tag{background:#020812}
.seo-experience.video{--pop:#ffbe72;--second:#ff805c;--panel:#182c45;background:linear-gradient(150deg,#263957,#111e34 45%,#1a2437)}.video .story-hero{min-height:600px;display:block;padding:75px 45px;isolation:isolate;overflow:hidden;border-radius:16px}.video .story-art{position:absolute;inset:0;padding:0;z-index:-2}.video .story-art .hero-image{height:100%;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}.video .story-art img{width:var(--scene-width);top:-115%}.video .story-art:after{inset:0;border:0;border-radius:0;transform:none;background:linear-gradient(90deg,#081a32f7 0%,#081a32bd 52%,#081a3260)}.video .story-art .art-tag,.video .image-caption,.video .story-art .film-toggle{display:none}.video .story-copy{max-width:700px}.video .story-copy>p{color:#e0e9f7}.video .story-copy h1{max-width:600px}.video .chapter-ribbon strong{color:#ffbe72}.video .seo-copy section:nth-of-type(2){background:linear-gradient(110deg,#493443,#192d48)}.video .story-art img{animation:cinema 18s ease-in-out infinite alternate}
.seo-experience.tech{--pop:#3ae5ed;--second:#67aaff;--panel:#08223a;background-image:linear-gradient(90deg,#18bfff08 1px,transparent 1px),linear-gradient(#18bfff08 1px,transparent 1px),radial-gradient(ellipse at 80% 5%,#064b79,#020c1b 65%);background-size:32px 32px,32px 32px,auto}.tech .story-art .hero-image{border-radius:0 45px 0 45px;box-shadow:0 0 45px #039eff55}.tech .story-art:after{border-radius:0 45px 0 45px;transform:none;inset:3px -10px 20px 10px}.tech .priority-lab{border:1px solid #1c9bb6;box-shadow:inset 0 0 50px #04b7ff0c}.tech .seo-copy section{border-radius:4px 24px 4px 24px;border-left:3px solid #23dfeb}.tech .chapter-label{font-family:monospace}.tech .chapter-ribbon a{border-top:3px solid #33dce8}.tech .art-tag{background:#072139}
@keyframes aura{to{opacity:.45;transform:translateY(12px)}}@keyframes cinema{to{transform:scale(1.06)}}.effects-paused *,.effects-paused *:before,.effects-paused *:after{animation-play-state:paused!important;transition:none!important}.seo-experience .reveal-ready{animation:chapter-entry .65s ease both}@keyframes chapter-entry{from{opacity:.45;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:1000px){.seo-experience .seo-layout{grid-template-columns:minmax(0,1fr) 245px;gap:24px}.chapter-ribbon a{padding:16px;gap:12px}.story-hero{gap:5%;min-height:380px}.seo-experience .seo-copy section{padding:26px}.priority-lab{padding:25px}.seo-experience .seo-heading h1{font-size:clamp(3rem,6vw,5.5rem)}}@media(max-width:760px){.story-hero,.adventure .story-hero{grid-template-columns:1fr;gap:25px;padding:15px 0}.story-art{max-width:550px;width:100%;margin:auto}.story-art:after{inset:5px -5px 20px 10px}.art-tag{left:10px}.seo-experience .seo-heading{padding-top:25px}.seo-experience .seo-heading h1{font-size:clamp(3.2rem,10vw,5rem)}.chapter-ribbon{gap:8px;margin-bottom:28px}.chapter-ribbon a{flex-direction:column;align-items:flex-start;padding:13px;gap:6px}.chapter-ribbon span{font-size:.85rem}.chapter-ribbon strong{font-size:2rem}.seo-experience .seo-layout{display:flex;flex-direction:column}.seo-experience .seo-aside{position:static;width:100%;order:-1;display:none}.priority-lab{grid-template-columns:1fr;gap:20px}.seo-experience .sample-note{align-items:flex-start;font-size:.75rem}.seo-experience .seo-copy section{padding:25px}.adventure .seo-copy section:nth-of-type(2){margin-left:0}.next-experience{display:block;padding:26px}.next-experience .btn{margin-top:20px}.video .story-hero{padding:40px 23px;min-height:570px}.video .story-art{max-width:none;margin:0}.video .story-art img{top:-44%;width:var(--scene-width)}.curved .art-tag{font-size:.8rem}.curved .story-art .hero-image{border-radius:45px 45px 16px 16px}.cube .story-art .hero-image{max-height:430px}.minimal .seo-copy section{padding:26px 0}.seo-experience .hero-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.seo-experience *,.seo-experience *:before,.seo-experience *:after{animation:none!important;transition:none!important}}
.seo-experience .seo-heading h1 em{text-shadow:none}
