@charset "UTF-8";
:root{--ink:#17192b;--midnight:#17152c;--purple:#6846e8;--violet:#a996ff;--ice:#37c6f4;--lime:#ddf985;--paper:#f5f3ec;--muted:#656370;--line:#d8d7d1;--pointer-x:0px;--pointer-y:0px;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #0084a3;outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:800}em{font-style:normal}button{border:0}section{scroll-margin-top:24px}button[hidden],[hidden]{display:none!important}::selection{color:var(--ink);background:var(--lime)}
.skip-link{position:fixed;top:8px;left:8px;background:var(--lime);color:var(--ink);padding:15px;z-index:100;transform:translateY(-170%)}.skip-link:focus{transform:none}.preview-bar{display:flex;align-items:center;justify-content:center;gap:8px;min-height:32px;background:#e4e0f6;color:#40365e;font-size:11px;letter-spacing:.05em}.preview-dot{width:5px;height:5px;background:#6846e8;border-radius:50%}.preview-bar button{background:none;font-size:11px;text-decoration:underline;text-underline-offset:3px;margin-left:16px;padding:7px 0}.site-header{height:108px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;background:#271643;color:white;border-bottom:1px solid #ffffff18;position:relative;z-index:4}.logo{display:block;width:231px;height:83px;overflow:hidden;position:relative;flex-shrink:0}.logo img{width:100%;position:absolute;top:-17px;max-width:none}.site-header nav{display:flex;gap:38px;align-items:center;font-size:14px;font-weight:600}.site-header nav a:not(.nav-cta){padding:15px 0;position:relative}.site-header nav a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:8px;height:2px;background:var(--ice);transition:right .25s}.site-header nav a:hover:after{right:0}.nav-cta{padding:17px 22px;border:1px solid #ffffff70;border-radius:100px;display:flex;gap:27px;align-items:center;transition:background .2s,color .2s}.nav-cta:hover{background:var(--paper);color:var(--ink)}.menu-toggle{display:none}
.hero{isolation:isolate;min-height:725px;position:relative;overflow:hidden;background:#271643;color:white;padding:64px 5% 90px;display:grid;grid-template-columns:1.22fr 1fr;align-items:center}.hero-atmosphere{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 80% 40%,#58327b66 0,transparent 65%)}.grain,.character-grain{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.28' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.14;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(45px);will-change:transform}.orb-one{width:570px;height:570px;background:#7048e56b;right:-100px;top:140px;animation:ambient-drift 17s ease-in-out infinite alternate}.orb-two{width:300px;height:300px;background:#008bcc42;right:25%;top:-180px;animation:ambient-drift 23s ease-in-out infinite alternate-reverse}.orbit{position:absolute;right:-180px;top:-110px;width:820px;height:820px;border:1px solid #baa9db29;border-radius:50%;transform:rotate(-28deg);animation:orbit-turn 65s linear infinite}.orbit:before{content:"";position:absolute;left:18%;top:11%;width:11px;height:11px;background:#b7a0ff;border-radius:50%;box-shadow:0 0 23px #b7a0ff}.orbit-two{width:1000px;height:1000px;top:-200px;right:-270px;animation-direction:reverse}.orbit-three{width:1180px;height:1180px;top:-290px;right:-360px;animation-duration:85s}.spark{position:absolute;font-weight:400;color:#b3a1dd}.spark-one{font-size:80px;right:2%;top:58%;animation:orbit-turn 40s linear infinite}.spark-two{left:43%;bottom:12%;font-size:35px}.hero-copy{position:relative;z-index:2;align-self:center;padding-bottom:28px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.17em;display:flex;align-items:center;gap:10px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px #ddf98540}.hero h1{font-family:"Arial Black","Segoe UI",Arial,sans-serif;font-size:clamp(64px,7.7vw,123px);line-height:.99;letter-spacing:-.065em;margin:30px 0 24px;font-weight:900}.hero h1>span{display:block}.title-second{position:relative}.hero h1 em{color:var(--ice)}.title-star{font-family:Arial,sans-serif;display:inline-block;color:var(--lime);font-size:.8em;vertical-align:6%;margin-left:10px;animation:orbit-turn 38s linear infinite}.hero-tagline{font-size:26px;letter-spacing:-.035em;font-weight:650;margin-bottom:15px}.hero-description{max-width:370px;font-size:17px;line-height:1.65;color:#ded7ea}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:30px;flex-wrap:wrap}.button{min-height:56px;display:inline-flex;justify-content:space-between;align-items:center;gap:35px;padding:17px 24px;border-radius:5px;font-size:15px;font-weight:700;transition:transform .22s,box-shadow .22s,background .22s}.button span{font-size:24px;line-height:1;transition:transform .22s}.button:hover{transform:translateY(-3px);box-shadow:0 9px 0 #00000015}.button:hover span{transform:translate(3px,-2px)}.button-lime{background:var(--lime);color:#1d2630}.button-dark{background:var(--ink);color:white}.video-link{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:650}.play-circle{width:38px;height:38px;border:1px solid #c5bbd9;display:grid;place-items:center;border-radius:50%;font-size:11px;padding-left:2px;transition:background .2s}.video-link:hover .play-circle{background:#ffffff22}.hero-caption{font-size:11px;color:#c1b6d2;margin-top:29px;letter-spacing:.035em}.hero-art{height:540px;position:relative;margin-left:15px;transform:translate(var(--pointer-x),var(--pointer-y));transition:transform .35s ease-out}.character-frame{width:79%;height:95%;position:absolute;right:9%;top:0;border-radius:210px 210px 10px 10px;overflow:hidden;transform:rotate(5deg);border:1px solid #b9a4ce88;box-shadow:0 25px 60px #0c0c1a55;background:#2b5551}.character-frame>img{width:100%;height:100%;object-fit:cover;object-position:center}.character-grain{z-index:1;opacity:.1}.art-annotation{position:absolute;right:1%;top:28px;writing-mode:vertical-rl;font-size:10px;font-weight:700;letter-spacing:.22em;color:#cdbede}.floating-badge{position:absolute;left:-5%;top:27%;background:var(--lime);color:#252c32;padding:11px 20px 11px 11px;border-radius:100px;font-size:14px;font-weight:750;display:flex;align-items:center;gap:10px;transform:rotate(-8deg);box-shadow:0 9px 30px #0002;animation:badge-float 6s ease-in-out infinite alternate}.floating-badge>span{border:1.5px solid currentColor;border-radius:50%;height:26px;width:26px;display:grid;place-items:center;font-size:17px}.hero-message{position:absolute;bottom:-2%;left:-10%;width:320px;border-radius:14px;background:#f5f3ec;color:var(--ink);padding:18px 20px;box-shadow:0 20px 70px #0a061d40;transform:rotate(-6deg);transition:transform .3s,bottom .3s}.hero-message:hover,.hero-message:focus-within,.hero-message.is-revealed{transform:rotate(0)}.notification-heading{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700}.notification-icon{width:30px;height:30px;background:#ddd5fc;color:#44318a;display:grid;place-items:center;border-radius:9px;font-size:22px}.notification-heading small{display:block;font-size:9px;font-weight:400;color:#656170;margin-top:3px}.notification-now{margin-left:auto;font-size:9px;color:#777}.hero-message>p{font-size:21px;line-height:1.4;letter-spacing:-.02em;font-weight:700;margin:16px 0}.hero-message button{display:flex;align-items:center;justify-content:space-between;width:100%;border-top:1px solid #d8d4df;background:none;padding:12px 0 0;font-size:12px;font-weight:700}.hero-message button span{font-size:18px}.hero-message #hero-message-answer{font-size:14px;font-weight:400;line-height:1.55;border-top:1px solid #ddd5e3;padding-top:12px;margin-bottom:0}.fishy-stamp{position:absolute;right:-2%;bottom:7%;transform:rotate(9deg);background:#37c6f4;padding:15px 19px;color:#15222d;border-radius:3px;box-shadow:0 5px 0 #0002}.fishy-stamp span{font-size:34px;letter-spacing:-.06em;font-weight:900;display:block;line-height:.9}.fishy-stamp small{font-size:7px;letter-spacing:.13em;font-weight:800;display:block;margin-top:7px}.hero-bottom{position:absolute;left:5%;right:5%;bottom:24px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.07em;color:#d3c9e1}.hero-bottom>a{display:flex;align-items:center;gap:12px;min-height:44px}.scroll-line{width:34px;height:1px;background:#b3a6c6}.hero-index{opacity:.7}.ticker{background:var(--ice);color:#15212c;overflow:hidden;padding:17px 0;transform:rotate(-1.3deg) scale(1.015);position:relative;z-index:2;margin-top:-7px;margin-bottom:20px}.ticker-track{display:flex;width:max-content;align-items:center;gap:44px;animation:marquee 36s linear infinite;will-change:transform}.ticker span{font-size:20px;font-weight:900;letter-spacing:-.03em;white-space:nowrap}.ticker b{font-size:28px;font-weight:400}
.section-pad{padding:100px 7%}.section-label{margin-bottom:23px}.section-label>span{color:#777485;margin-right:6px}.section-intro h2,.stories-heading h2,.learn-heading h2,.registration-copy h2,.faq-section h2{font-size:clamp(37px,4vw,62px);letter-spacing:-.055em;line-height:1.08;font-weight:750}.section-intro h2 em{color:#6e52ba}.section-intro>p:last-child{margin-top:22px;max-width:540px;line-height:1.6;font-size:17px;color:var(--muted)}.scam-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:start;margin-top:58px}.small-label{font-size:10px;font-weight:750;letter-spacing:.12em}.scenario-list{margin-top:19px;border-top:1px solid var(--line)}.scenario-list>button{display:flex;align-items:center;width:100%;gap:17px;text-align:left;background:none;border-bottom:1px solid var(--line);padding:23px 9px;font-size:17px;font-weight:650;transition:background .2s,padding .2s}.scenario-list>button small{display:block;font-size:12px;font-weight:400;margin-top:7px;color:#66616f}.scenario-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid #b9b4c3;border-radius:50%;font-size:20px;flex-shrink:0}.scenario-arrow{margin-left:auto;font-size:23px}.scenario-list>button[aria-pressed=true]{background:#e5dff3;padding-left:17px}.scenario-list>button[aria-pressed=true] .scenario-icon{background:var(--purple);border-color:var(--purple);color:white}.scenario-list>button:hover{background:#ebe7f1}.fiction-note{font-size:12px;line-height:1.6;color:#77717e;max-width:280px;margin-top:22px}.message-workshop{background:#e4dfed;padding:26px;border-radius:12px;box-shadow:8px 8px 0 #d2cadc;border:1px solid #ccc3da;position:relative}.workshop-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.example-pill{border:1px solid currentColor;display:inline-flex;border-radius:100px;font-size:8px;letter-spacing:.06em;padding:6px 9px;font-weight:650;line-height:1.4}.message-device{background:#faf9f6;border:1px solid #b5adbf;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #52436d0b}.message-sender{display:flex;align-items:center;padding:19px 20px;gap:12px;border-bottom:1px solid #e5e0e9}.sender-avatar{border-radius:50%;background:#d7d0e2;display:grid;place-items:center;width:40px;height:40px;font-size:21px;color:#4a415a}.message-sender strong{display:block;font-size:14px;font-weight:650}.message-sender div>span{display:block;font-size:10px;color:#77717e;margin-top:3px}.message-menu{margin-left:auto;font-weight:800;font-size:23px}.message-body{padding:16px 24px 30px;background:linear-gradient(135deg,#eeece5,#f8f7f2);min-height:225px}.message-time{text-align:center;font-size:9px;color:#807a86;margin-bottom:22px}.message-bubble{font-size:20px;line-height:1.85;letter-spacing:-.02em;border-radius:0 15px 15px 15px;background:white;box-shadow:0 2px 5px #00000008;padding:19px 18px;max-width:97%}.scam-clue{background:#f3ead1;border:0;border-bottom:2px dashed #9b7c41;border-radius:3px;padding:0 4px;line-height:1.7;text-align:left;font-weight:600;margin:2px;transition:background .2s;display:inline}.scam-clue:hover{background:#eddbaf}.scam-clue.is-found{background:#ddf3ba;border-bottom-color:#476724;border-bottom-style:solid}.clue-number{display:inline-grid;place-items:center;vertical-align:2px;width:17px;height:17px;font-size:9px;border-radius:50%;background:#8a6e31;color:white;margin-right:4px}.is-found .clue-number{background:#4e6d2d}.clue-progress{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:11px;gap:10px}.clue-progress strong{font-variant-numeric:tabular-nums}.clue-progress button{padding:10px 0;background:none;font-size:10px;text-decoration:underline;text-underline-offset:3px}.clue-feedback{background:#f5f2fa;padding:16px;margin-top:12px;border-radius:6px;font-size:14px;line-height:1.55;min-height:76px;border-left:3px solid var(--purple)}.clue-feedback>span{font-size:20px;margin-right:8px}
.stories-section{background:#172b2e;color:#faf6ed;position:relative;overflow:hidden}.stories-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 0% 60%,#28696340,transparent 75%);pointer-events:none}.stories-heading{display:flex;justify-content:space-between;gap:45px;align-items:flex-end;position:relative}.stories-heading h2 em{color:#8abbb2}.stories-heading>p{font-size:15px;line-height:1.7;color:#bed0cb;padding-bottom:4px}.stories-section .section-label>span{color:#9cb7b2}.story-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:25px;margin-top:50px;align-items:start}.story-card{position:relative;display:block;text-align:left;overflow:hidden;border-radius:8px;height:520px;color:white;background:#254342;padding:0;border:1px solid #ffffff22}.story-bank{height:440px;margin-top:80px}.story-card>img{height:100%;width:100%;object-fit:cover;object-position:center 25%;transition:transform .7s ease}.story-card:hover>img{transform:scale(1.035)}.story-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0a181c40,transparent 28%,#0b1d20e6 100%)}.story-category{position:absolute;left:28px;top:26px;font-size:10px;letter-spacing:.12em;font-weight:650}.story-play{position:absolute;right:26px;top:25px;width:51px;height:51px;border:1px solid white;border-radius:50%;display:grid;place-items:center;font-size:14px;padding-left:3px;backdrop-filter:blur(8px);transition:background .2s,color .2s}.story-card:hover .story-play{background:var(--lime);border-color:var(--lime);color:var(--ink)}.story-copy{position:absolute;bottom:30px;left:30px;right:25px;display:flex;flex-direction:column}.story-copy>small{font-size:9px;font-weight:650;letter-spacing:.12em;margin-bottom:12px}.story-copy>strong{font-size:45px;line-height:1.03;letter-spacing:-.045em}.story-copy>span{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:650;border-top:1px solid #ffffff44;margin-top:23px;padding-top:19px}.story-copy>span>span{font-size:23px}.draft-tag{position:absolute;top:90px;left:28px;font-size:8px;letter-spacing:.1em;background:#132527ac;border:1px solid #ffffff55;border-radius:100px;padding:6px 9px}.cliffhanger{display:flex;align-items:center;gap:26px;padding-top:45px;position:relative}.cliffhanger>span{font-size:43px;color:var(--lime)}.cliffhanger p{font-size:37px;font-weight:600;letter-spacing:-.04em}.text-link{font-size:14px;font-weight:600;display:flex;gap:40px;align-items:center;border-bottom:1px solid #ffffff55;padding:14px 0}.cliffhanger .text-link{margin-left:auto}.text-link>span{font-size:23px}
.learn-section{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#ded6ef;position:relative;overflow:hidden}.learn-heading{position:relative}.learn-heading h2{font-size:76px;line-height:1;letter-spacing:-.065em}.learn-heading h2 em{color:#7153b3}.learn-heading>p:not(.eyebrow){font-size:16px;color:#5e556c;line-height:1.7;margin-top:26px}.learn-heading .button{margin-top:28px;position:relative;z-index:1}.learn-asterisk{display:block;font-size:160px;line-height:1;margin-top:36px;color:#6846e8;transform-origin:72px 84px;animation:orbit-turn 65s linear infinite;width:150px}.learning-list>.small-label{padding:7px 0 22px;border-bottom:1px solid #b9adc8;color:#64576e}.learning-list article{display:flex;align-items:flex-start;gap:25px;padding:27px 0;border-bottom:1px solid #b9adc8}.learning-list article>span{font-size:11px;color:#766285;padding-top:7px}.learning-list h3{font-size:25px;font-weight:650;letter-spacing:-.04em}.learning-list article p{color:#5e556c;font-size:15px;line-height:1.7;margin-top:10px;max-width:350px}
.registration-section{position:relative;isolation:isolate;overflow:hidden;background:#271643;color:var(--paper);display:grid;grid-template-columns:1.15fr 1fr;gap:10%;align-items:start}.registration-orbit{width:900px;height:900px;border:1px solid #ae9bdd22;position:absolute;border-radius:50%;left:-400px;top:50px;z-index:-1;box-shadow:0 0 0 80px #ffffff03,0 0 0 160px #ffffff03}.registration-copy h2 em{color:var(--lime)}.registration-copy>p:not(.eyebrow){margin-top:24px;font-size:17px;color:#d1c6e2}.registration-section .section-label>span{color:#b3a0ce}.class-details{margin-top:46px;border-top:1px solid #bba8d333}.class-details>div{display:flex;flex-direction:column;gap:6px;padding:16px 0;border-bottom:1px solid #bba8d333}.class-details span{font-size:11px;color:#bcabcf}.class-details strong{font-size:15px;font-weight:550}.registration-copy p.registration-note{font-size:12px;line-height:1.65;color:#b9a8ce;max-width:330px}.registration-card{background:#f5f3ec;color:var(--ink);padding:35px;border-radius:9px;border-top:5px solid var(--lime)}.registration-card>.example-pill{color:#716a78;font-size:8px}.registration-card h3{font-size:32px;letter-spacing:-.045em;margin:22px 0 10px}.registration-card>p{font-size:13px;line-height:1.6;color:#756c7b;margin-bottom:24px}.registration-card label:not(.checkbox-label){display:block;font-size:12px;font-weight:650;margin-bottom:8px}.registration-card input:not([type=checkbox]){width:100%;padding:14px 13px;border:1px solid #c9c3cf;background:#fffefd;font-size:15px;border-radius:4px;min-height:49px;margin-bottom:18px}.registration-card input::placeholder{color:#918796}.checkbox-label{display:flex;gap:11px;font-size:11px;line-height:1.5;align-items:flex-start;margin:3px 0 21px;cursor:pointer}.checkbox-label input{width:18px;height:18px;accent-color:#6846e8;margin:0;flex-shrink:0}.registration-card .button{width:100%;border:1px solid #c1d68a}.registration-card #form-status{font-size:13px;line-height:1.6;color:#55506b;margin-top:12px}.registration-card #form-status:empty{margin-top:0}.faq-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:10%;padding-bottom:110px}.faq-section h2{font-size:55px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:18px;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:26px;font-weight:300;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:15px;line-height:1.75;color:#696171;padding:0 40px 25px 0}.faq-list summary:hover{color:#6846e8}footer{background:#17152c;color:white;padding:50px 5% 65px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:25px}.footer-logo{width:250px;height:90px}.footer-logo img{top:-18px}footer>p{font-size:23px;letter-spacing:-.03em}footer>div{grid-column:1/3;display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #ffffff24;padding-top:23px;font-size:10px;color:#b7adc7}footer>div button{font-size:10px;background:none;text-decoration:underline;color:#d6cbea;text-underline-offset:3px;padding:10px 0}.back-top{grid-column:3;grid-row:1;width:50px;height:50px;display:grid;place-items:center;border:1px solid #ffffff60;border-radius:50%;font-size:24px}
dialog{border:0;border-radius:12px;padding:32px;background:var(--paper);color:var(--ink);max-width:760px;width:calc(100% - 40px);max-height:90dvh;overflow:auto;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#100d20d9;backdrop-filter:blur(6px)}.dialog-heading{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;margin-bottom:23px}.dialog-heading h2{font-size:32px;line-height:1.1;letter-spacing:-.04em;margin-top:10px}.close-dialog{background:#e5dfee;border:1px solid #cbc1dc;min-width:44px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;font-size:28px}.close-dialog:hover{background:#d7cce6}#video-content{background:#172b2e;border-radius:6px;overflow:hidden}#video-content video{width:100%;max-height:58dvh;display:block}#video-status{font-size:13px;line-height:1.6;margin:18px 0;color:#665b70}#video-dialog .button{font-size:13px;min-height:45px;padding:12px 18px}#review-dialog>p,#review-dialog li{font-size:15px;line-height:1.7;color:#60566a}#review-dialog ul{padding-left:23px;margin:20px 0}#review-dialog li+li{margin-top:13px}#review-dialog .review-source{font-size:12px;border-top:1px solid #d5ccd9;padding-top:15px}#review-dialog a{text-decoration:underline;text-underline-offset:3px}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.61,.36,1)}.js .reveal.is-visible{opacity:1;transform:none}
@keyframes ambient-drift{from{transform:translate(-40px,-20px) scale(1)}to{transform:translate(35px,60px) scale(1.18)}}@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes badge-float{from{transform:translateY(0) rotate(-8deg)}to{transform:translateY(-15px) rotate(-5deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes enter-copy{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes enter-art{from{opacity:0;translate:35px 15px}to{opacity:1;translate:0 0}}
html[data-motion=running] .hero-copy>.eyebrow{animation:enter-copy .7s both}html[data-motion=running] .hero-copy>h1{animation:enter-copy .8s .12s both}html[data-motion=running] .hero-copy>.hero-tagline,html[data-motion=running] .hero-copy>.hero-description{animation:enter-copy .8s .25s both}html[data-motion=running] .hero-actions{animation:enter-copy .8s .35s both}html[data-motion=running] .hero-art{animation:enter-art 1s .2s both}html[data-motion=paused] *,html[data-motion=paused] *:before,html[data-motion=paused] *:after{animation-play-state:paused!important;scroll-behavior:auto!important}html[data-motion=paused] .hero-copy>*,html[data-motion=paused] .hero-art{animation:none!important;opacity:1;translate:none}html[data-motion=paused] .hero-art{transform:none}html[data-motion=paused] .reveal{opacity:1;transform:none;transition:none}html[data-motion=paused]{scroll-behavior:auto}
@media(min-width:1600px){.hero,.section-pad,.site-header,footer{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}.hero{grid-template-columns:1.2fr 1fr}.hero-art{max-width:540px}.hero h1{font-size:124px}.hero-bottom{left:max(5%,calc((100vw - 1440px)/2));right:max(5%,calc((100vw - 1440px)/2))}}
@media(max-width:1100px){.site-header{padding:0 4%;height:96px}.site-header nav{gap:22px;font-size:13px}.logo{width:205px;height:75px}.logo img{top:-16px}.hero{padding:50px 5% 90px;min-height:670px;grid-template-columns:1.12fr 1fr}.hero-art{height:470px;margin-left:5px}.hero h1{font-size:7.6vw}.hero-description{max-width:315px;font-size:15px}.hero-tagline{font-size:23px}.hero-actions{gap:18px}.hero-actions .button{font-size:13px;padding:15px 18px;gap:23px}.video-link{font-size:12px}.hero-message{width:270px;left:-8%;padding:16px}.hero-message>p{font-size:18px}.floating-badge{font-size:12px;padding:9px 14px 9px 9px}.fishy-stamp{right:-3%;bottom:11%;padding:13px}.fishy-stamp span{font-size:28px}.section-pad{padding:80px 5%}.scam-layout{gap:5%;grid-template-columns:.9fr 1.1fr}.message-workshop{padding:20px}.message-bubble{font-size:18px;padding:15px}.scenario-list>button{font-size:15px;gap:12px}.scenario-list>button small{font-size:11px}.story-card{height:470px}.story-bank{height:390px}.learn-section{gap:8%}.learn-heading h2{font-size:65px}.registration-section{gap:7%}.registration-card{padding:28px}.registration-copy h2{font-size:46px}.stories-heading>p{font-size:13px}.faq-section{gap:7%}}
@media(max-width:760px){.preview-bar{font-size:9px;gap:5px;min-height:30px}.preview-bar button{font-size:9px;margin-left:9px}.site-header{height:88px;padding:0 6%}.site-header .logo{width:193px;height:75px}.site-header .logo img{top:-10px}.menu-toggle{display:flex;align-items:center;gap:12px;background:none;color:white;font-size:13px;min-height:44px;padding:10px 0}.menu-toggle span{font-size:19px}.site-header nav{display:none;position:absolute;top:88px;left:0;right:0;flex-direction:column;align-items:stretch;padding:15px 6% 25px;background:#271643;border-top:1px solid #ffffff30;gap:3px;box-shadow:0 20px 25px #0a061d33}.site-header nav[data-open=true]{display:flex}.site-header nav a{font-size:16px}.nav-cta{margin-top:9px;justify-content:space-between;border-radius:5px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:42px 6% 72px;min-height:auto}.hero-copy{padding:0;align-self:stretch}.eyebrow{font-size:9px;letter-spacing:.12em}.hero h1{font-size:clamp(55px,11.7vw,88px);margin:26px 0 23px;letter-spacing:-.065em;line-height:.99}.title-star{font-size:.75em!important;margin-left:8px;vertical-align:5%}.hero-tagline{font-size:24px}.hero-description{font-size:16px;max-width:380px;line-height:1.6}.hero-actions{margin-top:25px;gap:23px}.hero-actions .button{font-size:14px;gap:28px;min-height:53px}.hero-actions .video-link{font-size:12px}.hero-caption{font-size:10px;margin-top:22px}.hero-art{width:100%;max-width:440px;align-self:center;height:470px;margin:40px 0 32px}.character-frame{width:74%;right:9%;height:95%;transform:rotate(5deg)}.art-annotation{right:0;top:28px;font-size:8px}.floating-badge{left:0;top:30%;font-size:12px}.hero-message{left:0;bottom:-4%;width:270px}.fishy-stamp{right:0;bottom:14%}.hero-bottom{left:6%;right:6%;bottom:19px;font-size:9px}.hero-index{font-size:8px}.spark-two{left:5%;top:52%}.orb-one{width:400px;height:500px;right:-100px;top:30%;filter:blur(30px)}.orbit{top:40%;right:-320px}.orbit-two{top:30%;right:-410px}.orbit-three{display:none}.ticker{padding:12px 0;margin-bottom:6px}.ticker span{font-size:17px}.ticker-track{gap:27px}.ticker b{font-size:24px}.section-pad{padding:64px 6%}.section-label{margin-bottom:18px}.section-intro h2,.stories-heading h2,.registration-copy h2{font-size:36px;letter-spacing:-.05em}.section-intro>p:last-child{font-size:15px;margin-top:20px}.scam-layout{display:flex;flex-direction:column;margin-top:33px;gap:30px}.scenario-side,.message-workshop{width:100%}.scenario-list{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d6cfdc;border-radius:7px;overflow:hidden;margin-top:14px}.scenario-list>button{font-size:12px;padding:14px 10px;gap:9px;border-bottom:0;min-height:86px}.scenario-list>button:nth-child(-n+2){border-bottom:1px solid #d6cfdc}.scenario-list>button:nth-child(odd){border-right:1px solid #d6cfdc}.scenario-list>button[aria-pressed=true]{padding-left:10px}.scenario-list>button small{font-size:10px;line-height:1.35;margin-top:5px}.scenario-icon{height:27px;width:27px;font-size:16px}.scenario-arrow{display:none}.fiction-note{margin-top:13px;max-width:none;font-size:11px}.message-workshop{padding:18px;box-shadow:5px 5px 0 #d2cadc}.message-sender{padding:15px 12px}.message-sender strong{font-size:13px}.message-sender div>span{font-size:9px}.message-body{padding:12px 12px 23px}.message-bubble{font-size:18px;line-height:1.8;max-width:100%;padding:15px 13px}.clue-feedback{font-size:13px;padding:13px;min-height:72px}.clue-progress{font-size:10px}.clue-progress button{font-size:9px}.stories-heading{display:block}.stories-heading>p{font-size:14px;margin-top:20px}.story-grid{grid-template-columns:1fr;gap:22px;margin-top:30px}.story-card,.story-bank{height:440px;margin-top:0}.story-card>img{object-position:center 24%}.story-copy>strong{font-size:43px}.story-category{left:23px}.draft-tag{left:23px}.story-copy{left:23px}.cliffhanger{flex-wrap:wrap;gap:16px;padding-top:30px}.cliffhanger p{font-size:32px}.cliffhanger>span{font-size:35px}.cliffhanger .text-link{width:100%;margin-left:0;justify-content:space-between}.learn-section{grid-template-columns:1fr;gap:42px}.learn-heading h2{font-size:60px}.learn-heading>p:not(.eyebrow){font-size:15px;margin-top:22px;max-width:330px}.learn-asterisk{position:absolute;right:0;top:34px;font-size:115px;width:100px;transform-origin:51px 59px;opacity:.16;z-index:0}.learn-heading .button{margin-top:24px;font-size:14px}.learning-list article{padding:23px 0;gap:19px}.learning-list h3{font-size:25px}.learning-list article p{font-size:15px}.registration-section{grid-template-columns:1fr;gap:32px}.registration-copy h2{font-size:43px}.class-details{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.class-details strong{font-size:12px;line-height:1.6}.class-details span{font-size:10px}.registration-copy p.registration-note{margin-top:18px;font-size:11px;max-width:none}.registration-card{padding:25px 23px}.registration-card h3{font-size:30px}.faq-section{grid-template-columns:1fr;gap:25px;padding-bottom:72px}.faq-section h2{font-size:45px}.faq-list summary{font-size:17px;padding:22px 0}.faq-list details p{padding-right:10px;font-size:14px}footer{grid-template-columns:1fr auto;padding:30px 6% 80px;gap:18px}.footer-logo{width:230px;height:83px}footer>p{grid-column:1/3;font-size:23px}footer>div{display:flex;flex-direction:column;align-items:flex-start;font-size:10px;gap:13px;margin-top:10px;padding-top:22px}.back-top{grid-column:2;grid-row:1;width:44px;height:44px}dialog{padding:23px;width:calc(100% - 24px);max-height:93dvh}.dialog-heading{gap:12px}.dialog-heading h2{font-size:27px}.close-dialog{width:42px;min-width:42px;height:42px}#review-dialog>p,#review-dialog li{font-size:14px}#video-content video{max-height:58dvh}}
@media(max-width:380px){.hero h1{font-size:11.5vw}.hero-actions{gap:14px}.hero-actions .button{padding:14px 16px;gap:17px}.hero-art{height:430px}.hero-message{width:245px;padding:14px}.hero-message>p{font-size:17px}.fishy-stamp span{font-size:25px}.fishy-stamp{right:-1%;bottom:13%;padding:11px}.scenario-list>button{font-size:11px;gap:7px}.scenario-list>button small{font-size:9px}.message-workshop{padding:14px}.message-bubble{font-size:17px}.section-intro h2,.stories-heading h2{font-size:32px}.preview-bar{letter-spacing:0}.preview-bar button{margin-left:5px}}
/* Follow the device motion preference, including before scripts initialize. */
@media(prefers-reduced-motion:reduce){html:not([data-motion=running]){scroll-behavior:auto}html:not([data-motion=running]) *,html:not([data-motion=running]) *:before,html:not([data-motion=running]) *:after{animation:none!important;transition:none!important}html:not([data-motion=running]).js .reveal{opacity:1;transform:none}html:not([data-motion=running]) .hero-art{transform:none!important}html:not([data-motion=running]) .hero-copy>*{opacity:1!important;transform:none!important}}
/* Keep the campaign comfortable to read and operate at every screen size. */
html,body{overflow-x:clip}.hero-description{font-size:18px}.video-link{font-size:15px}.hero-message button{font-size:14px;min-height:44px}.scenario-list>button{font-size:17px}.scenario-list>button small{font-size:13px}.message-sender div>span{line-height:1.5;max-width:290px}.clue-progress{font-size:12px}.clue-progress button{font-size:12px;min-height:44px}.registration-card label:not(.checkbox-label){font-size:14px}.checkbox-label{font-size:13px}
@media(max-width:760px){.hero-description{font-size:17px}.hero-actions .video-link{font-size:14px}.hero-actions{gap:20px}.scenario-list{grid-template-columns:1fr}.scenario-list>button,.scenario-list>button[aria-pressed=true]{font-size:16px;padding:17px 14px;min-height:80px;gap:13px;border-right:0!important}.scenario-list>button:not(:last-child){border-bottom:1px solid #d6cfdc}.scenario-list>button small{font-size:13px}.scenario-icon{width:34px;height:34px;font-size:19px}.scenario-arrow{display:block}.message-sender div>span{font-size:11px}.message-sender strong{font-size:14px}.clue-progress{font-size:11px}.clue-progress button{font-size:11px}.clue-feedback{font-size:14px}.hero-message>p{font-size:20px}.hero-message button{font-size:13px}.registration-card>p{font-size:14px}.checkbox-label{font-size:13px}}
.logo img{height:auto}
/* Frame the original poster screenshots without altering the source artwork. */
.character-frame{width:88%;height:auto;aspect-ratio:380/390;top:24px;right:2%;border-radius:47% 47% 9px 9px;background:#b72d30}
.character-frame>img{position:absolute;width:186.58%;height:auto;max-width:none;left:-78.95%;top:-156.41%;object-fit:initial}
.story-card>img{position:absolute;max-width:none;width:auto;height:320%;top:-130%;left:50%;object-fit:initial;transform:translateX(-50%)}
.story-card:hover>img{transform:translateX(-50%) scale(1.035)}
.story-bank>img{height:279.27%;top:-100%}
@media(max-width:760px){.character-frame{width:90%;right:1%;top:18px}.hero-art{height:430px}.hero-message{bottom:-4%}.fishy-stamp{bottom:19%;right:-1%}.story-card>img{height:320%;top:-130%}.story-bank>img{height:279.27%;top:-100%}}
@media(max-width:380px){.hero-art{height:400px}}
.story-film-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;pointer-events:none;opacity:0;transition:opacity .3s,transform .7s}.story-film-still.is-ready{opacity:1}.story-card:hover .story-film-still{transform:scale(1.035)}

/* Compact session links and a native, keyboard-accessible disclosure. */
.registration-section {display:block}
.registration-copy {display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end}
.registration-copy h2 {font-size:clamp(43px,5.2vw,72px);line-height:1.02}
.registration-intro {justify-self:end;padding-bottom:4px}
.registration-intro .registration-cta {display:flex;justify-content:center;gap:13px;min-height:58px;padding:16px 22px;border-radius:7px;background:#146c3c;color:white;font-size:16px;box-shadow:0 8px 25px #10082028}
.registration-cta:hover {background:#1a804a}
.registration-cta>span {font-size:inherit;line-height:1.4}
.registration-cta>span[aria-hidden] {font-size:20px}
.whatsapp-mark {width:23px;height:23px;flex-shrink:0}
.registration-intro>p {font-size:14px;color:#d8cde6;margin-top:12px;text-align:center}
.registration-note {font-size:12px;line-height:1.5;color:#c9badd;margin:32px 0 16px}
.session-list-heading,.session-row {display:grid;grid-template-columns:140px 115px minmax(0,1fr) 145px;align-items:center;column-gap:22px}
.session-list-heading {padding:0 23px 12px;color:#c9badd;font-size:10px;font-weight:700;letter-spacing:.14em}
.session-list-heading>span:last-child {text-align:right}
.session-list {list-style:none;padding:0;margin:0;display:grid;gap:9px}
.session-row {min-height:76px;padding:14px 20px;border:1px solid #ffffff35;border-left:3px solid var(--lime);border-radius:7px;background:var(--paper);color:var(--ink)}
.session-row:hover,.session-row:focus-visible {background:var(--lime)}
.session-row:focus-visible {outline:3px solid var(--ice);outline-offset:3px}
.session-date {font-size:17px;white-space:nowrap}
.session-date strong {font-size:23px;font-weight:800;margin-right:3px;letter-spacing:-.04em}
.session-time {font-size:16px;font-weight:650;white-space:nowrap}
.session-place {font-size:18px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.session-action {display:flex;align-items:center;justify-content:center;gap:8px;justify-self:end;min-height:42px;padding:9px 11px;border-radius:5px;background:#dfeddf;color:#175b34;font-size:13px;font-weight:700;white-space:nowrap}
.session-action .whatsapp-mark {width:21px;height:21px}
.session-action-verb {display:none}
.session-action-arrow {font-size:18px;line-height:1}
.session-row:hover .session-action,.session-row:focus-visible .session-action {background:#146c3c;color:white}
.session-more {margin-top:13px}
.session-more>summary {list-style:none;display:flex;align-items:center;justify-content:center;gap:13px;width:100%;min-height:50px;padding:13px 20px;border:1px solid #c9badd70;border-radius:7px;color:var(--lime);background:#ffffff06;font-size:15px;font-weight:700;cursor:pointer}
.session-more>summary::-webkit-details-marker {display:none}
.session-more>summary:hover {background:#ffffff10}
.session-more>summary:focus-visible {outline:3px solid var(--ice);outline-offset:4px}
.session-more>summary svg {width:20px;height:20px}
.session-less-label {display:none}
.session-more[open] .session-more-label {display:none}
.session-more[open] .session-less-label {display:inline}
.session-more[open]>summary svg {transform:rotate(180deg)}
.session-more>.session-list {margin-top:13px}
.registration-help {display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;margin-top:25px;padding-top:25px;border-top:1px solid #c5aeea35}
.registration-contact .small-label {display:block;font-size:10px;color:#c9badd;letter-spacing:.12em}
.registration-contact>a {display:inline-flex;align-items:center;gap:30px;font-size:25px;font-weight:700;margin-top:10px}
.registration-contact>a:hover {color:var(--lime)}
.registration-help>p {font-size:13px;line-height:1.7;color:#d8cde6;max-width:400px}
.faq-list details a {text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px) {
  .session-list-heading,.session-row {grid-template-columns:120px 100px minmax(0,1fr) 135px;column-gap:15px}
  .session-place {font-size:16px}
  .registration-intro .registration-cta {font-size:14px;padding:16px;gap:10px}
}
@media(max-width:760px) {
  .registration-copy {grid-template-columns:1fr;gap:22px}
  .registration-intro {justify-self:stretch;max-width:370px}
  .registration-intro .registration-cta {font-size:15px;min-height:56px;padding:15px 12px}
  .registration-intro>p {font-size:13px}
  .registration-note {font-size:11px;margin:24px 0 14px}
  .session-list-heading {display:none}
  .session-list {gap:9px}
  .session-row {grid-template-columns:minmax(0,1fr) 106px;gap:5px 10px;padding:10px 12px;min-height:96px}
  .session-date {font-size:16px}
  .session-date strong {font-size:20px}
  .session-time {font-size:15px;text-align:right}
  .session-place {grid-column:1;grid-row:2;font-size:15px;line-height:1.3}
  .session-action {grid-column:2;grid-row:2;justify-self:stretch;margin:0;min-height:40px;padding:7px 6px;font-size:13px;gap:5px}
  .session-action-verb {display:none}
  .session-action-arrow {display:none}
  .registration-help {grid-template-columns:1fr;gap:18px}
}
@media(max-width:360px) {
  .session-row {column-gap:9px;padding:9px 10px}
  .session-place {font-size:15px}
  .registration-intro .registration-cta {font-size:14px;gap:9px}
}

/* Make course registration the primary hero action. */
.hero-actions {flex-wrap:wrap}
@media(max-width:760px) {
  .hero-actions {gap:16px}
  .hero-actions .hero-registration-cta {width:100%;max-width:370px;justify-content:space-between;font-size:15px;min-height:54px}
}

/* Familiar message formats keep the exercise grounded in everyday screens. */
.message-device {border:5px solid #283532;border-radius:25px;background:#f7faf8;box-shadow:0 10px 25px #202b261c;isolation:isolate}
.device-status {height:33px;padding:8px 17px 5px;display:flex;align-items:center;justify-content:space-between;position:relative;font-size:11px;font-weight:750;color:#243833}
.device-status svg {width:49px;height:14px}
.device-island {width:58px;height:14px;border-radius:20px;background:#283532;position:absolute;left:calc(50% - 29px);top:6px}
.message-device .message-sender {background:#f7faf8;gap:10px;padding:12px 14px;border-bottom:1px solid #cddbd5;color:#183c32}
.message-back {font-size:32px;font-weight:400;line-height:1}
.message-device .sender-avatar {width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:50%;background:#d6e5df;color:#56756a;font-size:19px;font-weight:600}
.sender-info {min-width:0;flex:1}
.message-device .message-sender strong {font-size:15px;line-height:1.35;overflow-wrap:anywhere}
.message-device .message-sender .sender-info>span {font-size:11px;line-height:1.35;color:#64766f;overflow-wrap:anywhere}
.message-phone {width:20px;height:20px;flex-shrink:0}
.message-device .message-menu {font-size:23px;margin-left:0;line-height:1}
.message-device .message-body {padding:14px 16px 20px;background-color:#e9e5dc;background-image:radial-gradient(ellipse at center,#77867b10 1px,transparent 2px);background-size:22px 22px;min-height:0}
.message-device .message-time {display:table;margin:0 auto 15px;padding:4px 10px;background:#ffffffc2;border-radius:6px;color:#63736e;font-size:11px;line-height:1.5;font-weight:500}
.message-thread {display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.message-entry {position:relative;width:94%;margin:0;background:#fff;border-radius:2px 9px 9px 9px;padding:11px 13px 7px;box-shadow:0 1px 2px #1b302218;font-size:16px;line-height:1.55;letter-spacing:0;color:#1e2b26;overflow-wrap:anywhere}
.message-entry:first-child:before {content:"";position:absolute;left:-7px;top:0;border-top:9px solid white;border-left:8px solid transparent}
.message-timestamp {display:block;text-align:right;font-size:10px;line-height:1.3;color:#7a8780;margin-top:4px}
.message-device .scam-clue {font:inherit;line-height:1.6;padding:2px 3px;margin:0;border-bottom:1px dashed #b28c40;background:#fff3d9;color:inherit;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.message-device .scam-clue:hover {background:#ffe6ad}
.message-device .scam-clue.is-found {background:#ddf3ba;border-bottom:1px solid #5a7934}
.message-device .clue-number {vertical-align:1px;width:18px;height:18px;font-size:10px;margin-right:4px;background:#967322;color:white}
.message-device .is-found .clue-number {background:#4e6d2d}
.message-composer {display:flex;align-items:center;gap:9px;padding:10px 12px 7px;color:#60766c;background:#e9e5dc;font-size:23px}
.message-composer>div {display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1;min-width:0;background:#fff;border-radius:25px;font-size:12px;color:#829087;padding:10px 13px}
.message-composer>div>span {font-size:20px;line-height:1}
.composer-mic {display:grid;place-items:center;border-radius:50%;width:32px;height:32px;background:#16846c;color:white;font-size:22px;flex-shrink:0}
.composer-mic svg {width:19px;height:19px}
.device-home {height:15px;display:grid;place-items:center;background:#e9e5dc}
.device-home:after {content:"";width:85px;height:4px;border-radius:9px;background:#263931}
.call-panel,.email-subject,.email-signature {display:none}
.message-device[data-channel=call] {border-color:#1d2b39;background:#233748}
.message-device[data-channel=call] .device-status {color:#e0edf5}
.message-device[data-channel=call] .message-sender {background:#233748;color:white;border:0;padding-top:18px}
.message-device[data-channel=call] .sender-avatar {background:#41586a;color:#e0edf5}
.message-device[data-channel=call] .sender-info>span {color:#b9cbd7}
.message-device[data-channel=call] .message-back,.message-device[data-channel=call] .message-phone,.message-device[data-channel=call] .message-menu {display:none}
.message-device[data-channel=call] .call-panel {display:flex;flex-direction:column;align-items:center;padding:8px 15px 20px;color:#d3e1e9}
.call-panel p {font-size:12px;margin:0 0 5px}
.call-panel strong {font-size:20px;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:.1em}
.call-wave {height:30px;display:flex;align-items:center;gap:4px;margin:14px 0}
.call-wave i {height:9px;width:3px;border-radius:3px;background:#8db2c7}
.call-wave i:nth-child(2n) {height:20px}.call-wave i:nth-child(3n) {height:28px}
.call-hangup {display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#de535e;color:white}
.call-hangup svg {width:24px;height:24px}
.message-device[data-channel=call] .message-body {background:#f3f6f8;padding:20px 17px}
.message-device[data-channel=call] .message-time {background:none;padding:0;color:#536675;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.message-device[data-channel=call] .message-entry {width:100%;border-radius:0;background:none;box-shadow:none;border-left:2px solid #cedbe3;padding:2px 0 2px 12px;color:#263c4b}
.message-device[data-channel=call] .message-entry:before,.message-device[data-channel=email] .message-entry:before {display:none}
.message-device[data-channel=call] .message-composer,.message-device[data-channel=email] .message-composer {display:none}
.message-device[data-channel=call] .device-home {background:#f3f6f8}
.message-device[data-channel=email] {border-color:#3d4250;background:#fff}
.message-device[data-channel=email] .device-status {background:#f4f5f7}
.message-device[data-channel=email] .message-sender {background:white;border:0;padding-top:18px;color:#262c39}
.message-device[data-channel=email] .sender-avatar {background:#e6e2f3;color:#7862a7}
.message-device[data-channel=email] .message-phone {display:none}
.message-device[data-channel=email] .email-subject {display:block;padding:13px 18px 0}
.email-subject>span {font-size:9px;font-weight:700;letter-spacing:.1em;color:#7b7e87;background:#eceef2;padding:4px 7px;border-radius:4px}
.email-subject h3 {font-size:19px;font-weight:650;line-height:1.35;margin:12px 0 8px;letter-spacing:-.02em}
.email-subject>p {font-size:11px;color:#707682;margin:0}
.email-subject>p>span {margin-left:5px}
.email-attachment {display:flex;align-items:center;gap:11px;background:#f6f7f9;border:1px solid #e0e3e9;border-radius:7px;padding:12px;margin-top:18px;font-size:13px}
.email-attachment>span {font-size:9px;font-weight:700;border:1px solid #e1c3c3;border-radius:3px;padding:10px 5px;color:#b35050;background:#fff}
.email-attachment small {display:block;font-size:10px;color:#808590;margin-top:4px}
.message-device[data-channel=email] .message-body {background:white;padding:19px 18px 12px}
.message-device[data-channel=email] .message-time {display:none}
.message-device[data-channel=email] .message-thread {gap:15px}
.message-device[data-channel=email] .message-entry {width:100%;padding:0;background:none;border-radius:0;box-shadow:none;color:#343b45}
.message-device[data-channel=email] .email-signature {display:block;padding:8px 18px 22px;font-size:12px;line-height:1.6;color:#6c7480}
.message-device[data-channel=email] .device-home {background:white}
@media(max-width:760px) {
  .message-device {border-width:4px;border-radius:23px}
  .message-device .message-sender {gap:7px;padding:11px 10px}
  .message-device .sender-avatar {width:31px;height:31px;flex-basis:31px;font-size:17px}
  .message-device .message-sender strong {font-size:14px}
  .message-device .message-sender .sender-info>span {font-size:10px}
  .message-device .message-body {padding:13px 12px 16px}
  .message-entry {width:97%;padding:10px 11px 7px;font-size:16px}
  .message-phone {width:17px;height:17px}
  .message-composer {padding:9px 9px 6px;gap:6px}
  .message-composer>div {font-size:11px;padding:9px 10px}
  .email-subject h3 {font-size:18px}
}
@media(max-width:360px) {
  .message-device .message-body {padding-left:10px;padding-right:10px}
  .message-entry {font-size:15px;padding:10px 9px 7px;width:100%}
  .message-device .message-phone {display:none}
  .device-status {padding-left:12px;padding-right:12px}
}

/* A compact return path from the message to the mobile example chooser. */
/* Give the existing atmosphere a visible, gentle drift on both screen sizes. */
.hero-atmosphere .orb-one {background:#7048e582;animation-duration:12s}
.hero-atmosphere .orb-two {background:#008bcc66;animation-duration:16s}
.hero-atmosphere .orbit {animation-duration:42s}
.hero-atmosphere .orbit-three {animation-duration:56s}
.hero-atmosphere .spark-two {animation:spark-drift 7s ease-in-out infinite alternate}
@keyframes spark-drift {to{transform:translate(12px,-18px) rotate(16deg)}}
.story-card>.story-film-still {width:100%;height:100%;top:0;left:0;max-width:100%;object-fit:cover;object-position:center 35%;transform:none}
.story-card:hover>.story-film-still {transform:scale(1.035)}
.schedule-notice {display:flex;align-items:flex-start;gap:20px;margin-top:36px;padding:25px;border:1px solid #bba8db66;border-radius:10px;background:#ffffff08;color:#f5f3ec}
.schedule-notice>svg {width:32px;height:32px;flex:0 0 32px;color:var(--lime)}
.schedule-notice h3 {font-size:23px;line-height:1.25;margin-bottom:10px}
.schedule-notice p {font-size:16px;line-height:1.6;color:#ddd3e9;max-width:620px}
.error-page {min-height:100dvh;display:grid;place-items:center;background:#271643;color:#f5f3ec;padding:30px}
.error-page main {width:min(680px,100%)}
.error-logo {display:block;width:220px;height:85px;overflow:hidden;margin-bottom:30px}
.error-logo img {width:100%;height:auto;margin-top:-14px}
.error-page h1 {font-size:clamp(36px,7vw,70px);line-height:1.1;letter-spacing:-.04em;margin:20px 0}
.error-page main>p:not(.eyebrow) {font-size:18px;line-height:1.5;color:#d7cce6}
.error-page .button {margin-top:28px}
@media(max-width:760px) {
  footer {grid-template-columns:minmax(0,1fr) auto}
  .footer-logo {max-width:100%}
  .schedule-notice {padding:20px 17px;gap:14px}
  .schedule-notice h3 {font-size:21px}
  .schedule-notice p {font-size:15px}
}
.choose-example-link {display:none}
#scenario-choices {scroll-margin-top:24px}
@media(max-width:760px) {
  .choose-example-link {display:flex;align-items:center;justify-content:center;gap:9px;width:fit-content;max-width:100%;min-height:44px;margin:16px auto 0;padding:10px 15px;border:1px solid #b6a8cb;border-radius:100px;background:#f5f1fa;color:#49325e;font-size:13px;line-height:1.4;font-weight:650;text-align:center}
  .choose-example-link>span {font-size:19px;line-height:1}
  .choose-example-link:hover {background:#fff;border-color:#8164a8}
}

/* Keep the session schedule within reach on phones. */
.mobile-registration-link {display:none}
.mobile-registration-link[hidden] {display:none}
@media(max-width:760px) {
  html {scroll-padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .mobile-registration-link {position:fixed;right:max(12px,env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:8;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid #27311326;border-radius:100px;background:var(--lime);color:var(--ink);box-shadow:0 3px 18px #14112430;font-size:14px;font-weight:750;line-height:1.25}
  .mobile-registration-link svg {width:18px;height:18px;flex-shrink:0}
  .mobile-registration-link:hover {background:#e6ffa2}
  .mobile-registration-link:focus-visible {outline:3px solid #0084a3;outline-offset:3px}

  footer {padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
}

/* Fade the shortcut without putting an invisible link in the tab order. */
.mobile-registration-link {opacity:1;visibility:visible;transition:opacity .22s ease,visibility 0s linear}
.mobile-registration-link[data-visibility="hidden"] {opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility 0s linear .22s}
html[data-motion="paused"] .mobile-registration-link {transition:none}
@media(prefers-reduced-motion:reduce) {
  html:not([data-motion=running]) .mobile-registration-link {transition:none}
}

/* Review: a continuous, level campaign strip. Both groups have identical
   geometry and cover at least the viewport; -50% is exactly one group. */
.ticker {transform:none;margin:0;padding:18px 0;isolation:isolate}
.ticker-track {gap:0;animation-duration:60s}
.ticker-group {display:flex;flex:0 0 auto;min-width:100vw;align-items:center;justify-content:space-around;gap:40px;padding:0 20px}
.ticker span {font-size:19px;letter-spacing:-.015em;line-height:1.4}
.ticker b {font-size:25px;line-height:1;flex-shrink:0}
@media(hover:hover) {.ticker:hover .ticker-track {animation-play-state:paused}}
/* Readable supporting text and comfortable controls for the campaign audience. */
.hero-caption {font-size:14px;line-height:1.5;color:#ded5ec;letter-spacing:0}
.fiction-note {font-size:14px;line-height:1.6;color:#655b70}
.scenario-list>button small {font-size:13px;line-height:1.5;color:#655b70}
.clue-progress {font-size:14px;gap:12px;flex-wrap:wrap}
.clue-progress button {min-height:44px;font-size:13px;padding:10px 0}
.clue-feedback {font-size:16px;line-height:1.6}
.hero-message button {min-height:44px;font-size:14px}

.faq-list details p {font-size:16px;color:#5d5466}
.faq-list details a {text-decoration:underline;text-underline-offset:3px}
.registration-section #session-schedule-note {display:flex;flex-direction:column;gap:7px;max-width:none;margin:30px 0 20px;padding:18px 20px;border:1px solid #dbf98366;border-left:4px solid var(--lime);border-radius:5px;background:#ffffff08;color:#f5f3ec;font-size:15px;line-height:1.55}
#session-schedule-note strong {font-size:16px;color:var(--lime)}
#session-schedule-note span {color:#e2daec}
.exercise-complete {margin-top:18px;padding:20px;border:1px solid #a8bc88;border-radius:7px;background:#edf5e1;color:#2f4120}
.exercise-complete[hidden] {display:none}
.exercise-complete>strong {font-size:18px;line-height:1.4}
.exercise-complete>p {margin:10px 0;font-size:16px;line-height:1.6}
.exercise-complete .text-link {display:inline-flex;min-height:44px;align-items:center;font-size:15px}
.story-card>.story-film-still {object-position:center top}
html[data-motion=paused] *,html[data-motion=paused] *::before,html[data-motion=paused] *::after {transition:none!important}
@media(max-width:760px) {
  .ticker {padding:14px 0}
  .ticker-group {gap:28px;padding:0 14px}
  .ticker span {font-size:16px}
  .ticker b {font-size:22px}
  .scenario-list>button {font-size:14px;line-height:1.4;min-height:104px}
  .scenario-list>button small {font-size:12px}
  .fiction-note {font-size:13px}
  .clue-feedback {font-size:15px}
  .hero-caption {font-size:13px}

  .registration-section #session-schedule-note {padding:16px;font-size:14px}
}

/* Fishy presents the class themes; visitors choose the pace. */
.theme-section {display:block;overflow:visible;background:#e3dcf0}
.theme-heading {display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}
.theme-heading h2 {font-size:clamp(38px,5.4vw,72px);line-height:1.02;letter-spacing:-.055em}
.theme-heading h2 em {color:#6846b4}
.theme-heading>div:last-child {max-width:430px}
.theme-heading p:not(.section-label) {font-size:17px;line-height:1.65;color:#554660}
.theme-heading .theme-instruction {margin-top:16px;font-weight:700;color:#38234e!important}
.theme-experience {display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:42px;align-items:start}
.theme-presenter {position:sticky;top:24px;isolation:isolate;overflow:hidden;border-radius:12px;background:radial-gradient(ellipse at 50% 75%,#6b43a0 0,transparent 66%),#271643;padding:28px 28px 20px;min-width:0}
.theme-speech {position:relative;z-index:4;background:#f7f4ec;color:#261b39;padding:22px 24px;border-radius:10px;min-height:150px}
.theme-speech:after {content:"";position:absolute;bottom:-15px;left:60%;border-top:16px solid #f7f4ec;border-right:19px solid transparent}
.theme-speaker {display:block;font-size:11px;font-weight:800;letter-spacing:.14em;color:#6846a3}
.theme-speech p {font-size:23px;line-height:1.35;font-weight:700;letter-spacing:-.02em;margin:12px 0}
.theme-position {display:block;font-size:11px;font-weight:750;letter-spacing:.12em;color:#65596e}
.theme-fishy {height:390px;position:relative;isolation:isolate;margin:8px -12px 0;pointer-events:none}
.theme-fishy .theme-fishy-cinema {inset:0;mask-image:none}
.theme-halo {position:absolute;width:290px;height:290px;max-width:100%;border:1px solid #d5c2ff33;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 30px #ffffff04}
.theme-spark {position:absolute;right:3%;top:27%;font-size:52px;color:var(--lime);opacity:.8}
.theme-character-note {font-size:12px;line-height:1.5;color:#d7cce7;text-align:center;margin-top:6px}
.theme-curriculum>.small-label {font-size:12px;letter-spacing:.12em;margin:4px 0 16px;color:#59466b}
.theme-options {display:flex;flex-direction:column;gap:12px}
.theme-option {display:grid;grid-template-columns:40px minmax(0,1fr) 20px;gap:16px;text-align:left;width:100%;padding:22px;background:#f7f4fa;border:1px solid #c7bad9;border-radius:9px;color:#281c3a;transition:background .2s,border-color .2s;scroll-margin-top:24px}
.theme-option:hover {background:#fff;border-color:#7650b6}
.theme-option[aria-pressed=true] {background:#fff;border:2px solid #6846b4;padding:21px;box-shadow:0 5px 18px #49306f0b}
.theme-number {display:grid;place-items:center;align-self:start;width:38px;height:38px;border-radius:50%;background:#e6dcf6;color:#604198;font-size:13px;font-weight:800}
.theme-option[aria-pressed=true] .theme-number {background:#6846b4;color:#fff}
.theme-option strong {display:block;font-size:21px;line-height:1.25;letter-spacing:-.025em;margin-bottom:8px}
.theme-option strong+span {display:block;font-size:16px;line-height:1.55;color:#66596e}
.theme-arrow {font-size:23px;line-height:1.3;color:#6846b4}
.theme-cta {margin-top:24px}
footer>div {font-size:13px;line-height:1.7}
@media(max-width:1100px) {
  .theme-experience {gap:26px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .theme-presenter {padding:20px}
  .theme-speech {padding:19px;min-height:160px}
  .theme-speech p {font-size:21px}
  .theme-option {gap:12px;padding:18px;grid-template-columns:34px minmax(0,1fr) 16px}
  .theme-option[aria-pressed=true] {padding:17px}
  .theme-number {width:32px;height:32px}
  .theme-option strong {font-size:19px}
  .theme-fishy {height:365px}
}
@media(max-width:760px) {
  .theme-heading {display:block;margin-bottom:28px}
  .theme-heading>div:last-child {margin-top:20px;max-width:none}
  .theme-heading p:not(.section-label) {font-size:16px}
  .theme-experience {display:block}
  .theme-presenter {position:sticky;top:0;z-index:4;border-radius:8px;min-height:225px;padding:17px 14px;margin-bottom:24px;box-shadow:0 8px 0 #e3dcf0}
  .theme-speech {width:calc(100% - 105px);min-height:170px;padding:14px;z-index:4}
  .theme-speech:after {left:auto;right:-11px;bottom:30px;border:0;border-left:12px solid #f7f4ec;border-bottom:13px solid transparent}
  .theme-speech p {font-size:17px;line-height:1.35;margin:10px 0}
  .theme-speaker,.theme-position {font-size:9px;letter-spacing:.07em}
  .theme-fishy {position:absolute;right:-8px;top:8px;width:155px;height:205px;margin:0}
  .theme-halo {width:130px;height:130px}
  .theme-spark {font-size:28px;right:6px;top:15px}
  .theme-character-note {text-align:left;font-size:10px;margin-top:12px;position:relative;z-index:4}
  .theme-option {scroll-margin-top:260px;padding:17px 14px;gap:11px;grid-template-columns:30px minmax(0,1fr) 14px}
  .theme-option[aria-pressed=true] {padding:16px 13px}
  .theme-number {width:29px;height:29px;font-size:11px}
  .theme-option strong {font-size:18px;line-height:1.3;margin-bottom:7px}
  .theme-option strong+span {font-size:15px;line-height:1.5}
  .theme-cta {width:100%}
  footer>div {flex-wrap:wrap;font-size:12px}
}
@media(max-width:360px) {
  .theme-speech {width:calc(100% - 85px);padding:12px;min-height:178px}
  .theme-speech p {font-size:16px}
  .theme-fishy {width:133px;right:-16px;top:19px;height:184px}
}

/* A quiet “aha” moment beside the answers. */
.faq-fishy-card {position:relative;max-width:310px;margin-top:26px;background:#e9e2f4;border:1px solid #dcd1ea;border-radius:18px;overflow:hidden}
.faq-fishy {position:relative;height:310px;isolation:isolate}
#faq-fishy .faq-fishy-cinema {inset:0;mask-image:none}
.faq-fishy-caption {position:absolute;left:22px;top:24px;z-index:4;font-size:24px;font-weight:750;letter-spacing:-.04em;color:#6846b4}
.faq-fishy-glow {position:absolute;width:185px;height:185px;left:50%;top:25px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,#ecf9b6aa,transparent 70%);opacity:.35;transition:opacity .8s}
.faq-fishy-spark {position:absolute;right:24px;top:31px;z-index:4;color:#887527;font-size:29px;opacity:0;transform:scale(.65);transition:opacity .5s,transform .5s}
.faq-fishy[data-playback=reaction] .faq-fishy-glow {opacity:1}
.faq-fishy[data-playback=reaction] .faq-fishy-spark {opacity:1;transform:scale(1)}
html[data-motion=paused] .faq-fishy-glow,html[data-motion=paused] .faq-fishy-spark {transition:none}
@media(max-width:760px) {
  .faq-fishy-card {max-width:none;margin-top:22px;margin-bottom:28px}
  .faq-fishy {height:210px}
  .faq-fishy-caption {left:22px;top:28px;font-size:25px}
  .faq-fishy-glow {width:150px;height:150px;top:10px}
  .faq-fishy-spark {right:22px;top:24px}
}