:root{--maroon:#5b1020;--red:#9e2634;--red2:#c23a3b;--cream:#f4eee5;--tan:#d9c4a7;--gold:#f4c84a;--ink:#171414;--muted:#70675f;--white:#fffdf9;--line:#ded5ca;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif;--display:Manrope,'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.announcement{height:31px;background:var(--maroon);color:#f9e9d2;display:flex;align-items:center;justify-content:center;gap:9px;font-size:9px;font-weight:800;letter-spacing:1.5px}.announcement-dot,.pulse{width:6px;height:6px;background:var(--gold);border-radius:50%;display:inline-block}.announcement-sep{opacity:.45}.site-header{height:88px;padding:0 7.1%;display:flex;align-items:center;justify-content:space-between;background:var(--white);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(30,20,15,.08)}.brand{display:flex;align-items:center;gap:12px}.pup-logo{width:49px;height:49px;object-fit:contain}.logo-fallback{display:none;width:49px;height:49px;border-radius:50%;background:var(--maroon);color:var(--gold);place-items:center;font-weight:800;font-size:12px}.brand-copy{display:flex;flex-direction:column;gap:4px}.brand-copy strong{font:800 13px/1.02 var(--display);letter-spacing:.2px}.brand-copy strong span,.footer-brand b span{color:var(--red2)}.brand-copy small,.footer-brand small{font-size:8px;letter-spacing:1.55px;color:#887d73;font-weight:800}.main-nav{display:flex;align-items:center;gap:36px;font-size:11px;font-weight:700;color:#453d38}.main-nav a:not(.nav-cta):hover,.footer-links a:hover{color:var(--red)}.nav-cta{background:var(--maroon);color:white;padding:14px 19px;border-radius:2px}.nav-cta span{color:var(--gold);margin-left:8px}.menu-toggle{display:none;border:0;background:none;font-size:24px}.hero{background:var(--maroon);min-height:610px;color:white;position:relative;overflow:hidden;padding:82px 7.1% 78px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 43%,rgba(190,73,65,.28),transparent 35%),linear-gradient(110deg,rgba(35,5,13,.3),transparent 65%)}.hero-grain{position:absolute;inset:0;opacity:.1;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}.hero-content,.hero-art{position:relative;z-index:1}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:800;color:var(--red);display:flex;align-items:center;gap:10px}.eyebrow.light{color:#e8d3bf}.eyebrow-line{width:25px;height:1px;background:currentColor;opacity:.8}.hero h1,.section-heading h2,.intro h2,.protect-heading h2,.quiz-intro h2,.clicked-left h2,.closing h2{font:800 clamp(44px,5.5vw,75px)/.99 var(--display);letter-spacing:-3.7px;margin:27px 0 22px}.hero h1 em,.intro h2 em,.section-heading h2 em,.protect-heading h2 em,.quiz-intro h2 em,.closing h2 em{font-family:var(--serif);font-weight:400;color:var(--gold);letter-spacing:-2px}.hero-lede{font-size:14px;line-height:1.9;color:#e2d3c8;max-width:430px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:26px;padding:17px 20px;font-size:10px;font-weight:800;letter-spacing:.3px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-yellow{background:var(--gold);color:var(--maroon)}.button-yellow span,.button-dark span{font-size:16px}.text-link{font-size:10px;font-weight:800}.light-link{color:#f4e5d7}.light-link span{color:var(--gold);margin-left:7px}.hero-meta{display:flex;align-items:center;gap:12px;margin-top:57px;color:#d5b9aa;font-size:8px;font-weight:800;letter-spacing:1.5px}.meta-icon{color:var(--gold);font-size:17px}.meta-divider{height:13px;width:1px;background:#a87878}.hero-art{height:410px;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid rgba(255,220,185,.16);border-radius:50%;width:380px;height:380px}.orbit-two{width:470px;height:470px;border-style:dashed;opacity:.5}.mail-card{width:320px;background:#fffaf2;color:var(--ink);border-radius:5px;box-shadow:0 35px 80px rgba(20,0,0,.32);transform:rotate(3deg);z-index:2;position:relative;padding:0 23px 19px}.mail-top{height:35px;border-bottom:1px solid #e8ded2;display:flex;align-items:center;gap:5px}.mail-dot{width:5px;height:5px;background:#d8c8b8;border-radius:50%}.mail-top-label{margin-left:auto;font-size:7px;letter-spacing:1.5px;color:#8b8178;font-weight:800}.mail-sender{display:flex;align-items:center;gap:10px;margin:18px 0}.sender-avatar,.sample-avatar{width:33px;height:33px;border-radius:50%;background:#ead8c7;display:grid;place-items:center;color:var(--maroon);font-weight:800}.mail-sender b,.sample-from b{display:block;font-size:10px}.mail-sender small,.sample-from small{display:block;font-size:8px;color:#91877f;margin-top:4px}.mail-time{margin-left:auto;font-size:7px;color:#9c8e83}.mail-subject{font:800 23px/1.13 var(--display);letter-spacing:-.8px;margin:18px 0}.mail-lines{display:grid;gap:7px;margin:18px 0}.mail-lines i{height:5px;background:#e9e0d6;border-radius:5px;width:100%}.mail-lines i:nth-child(2){width:87%}.mail-lines i:nth-child(3){width:65%}.fake-button{background:var(--red);color:white;padding:13px 14px;font-size:8px;letter-spacing:1px;font-weight:800;display:flex;justify-content:space-between}.fake-button span{color:var(--gold)}.mail-warning{font-size:8px;letter-spacing:1px;color:#a72b32;font-weight:800;margin-top:15px}.mail-warning span{font-size:13px;margin-right:5px}.warning-orb{position:absolute;right:3%;top:10%;width:63px;height:63px;border-radius:50%;background:var(--gold);color:var(--maroon);display:grid;place-items:center;font:800 36px var(--display);z-index:3;box-shadow:0 10px 30px #270713}.float-label{position:absolute;background:#f8e9d7;color:var(--maroon);font-size:8px;letter-spacing:1.3px;font-weight:800;padding:12px 15px;z-index:4;box-shadow:0 9px 22px #29071344}.label-top{top:14%;left:1%;transform:rotate(-5deg)}.label-top span{color:var(--red);margin-left:8px;font-size:14px}.label-bottom{bottom:12%;right:0;display:flex;align-items:center;gap:9px;transform:rotate(3deg)}.hero-grid-mark{position:absolute;right:0;bottom:1%;font-size:9px;letter-spacing:2px;color:#d5b9aa}.hero-bottom{position:absolute;bottom:0;left:7.1%;right:7.1%;height:43px;border-top:1px solid #ffffff2a;display:flex;align-items:center;gap:14px;font-size:8px;letter-spacing:1.4px;color:#d7bdb0;font-weight:800}.hero-bottom span:last-child{margin-left:auto}.scroll-line{height:1px;width:47px;background:var(--gold)}.section-pad{padding:100px 10.2%}.section-index{font-size:9px;letter-spacing:1.8px;color:var(--red);font-weight:800;margin-bottom:42px}.section-index span{color:#9b9087;margin-left:8px}.intro{background:var(--cream)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.intro h2,.section-heading h2,.quiz-intro h2,.closing h2{font-size:clamp(40px,4.8vw,61px);margin:20px 0 0;letter-spacing:-3px}.intro h2 em,.section-heading h2 em,.quiz-intro h2 em,.closing h2 em{color:var(--red)}.intro-copy p{font-size:13px;line-height:1.95;color:#5e554d;margin:0 0 14px}.intro-copy strong{color:var(--maroon)}.source-note{font-size:8px;letter-spacing:1.3px;font-weight:800;color:var(--red);margin-top:25px}.source-note span{font-size:14px;margin-left:8px}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr) 1.4fr;margin-top:72px;border-top:1px solid #d5c8b8;border-bottom:1px solid #d5c8b8}.stat-strip>div{padding:23px 20px 23px 0;border-right:1px solid #d5c8b8;display:flex;flex-direction:column;gap:4px}.stat-strip>div+div{padding-left:24px}.stat-strip strong{font:800 28px var(--display);color:var(--red)}.stat-strip span{font-size:9px;font-weight:800;letter-spacing:1.4px}.stat-strip small{font-size:10px;color:#81766c}.stat-strip .strip-callout{border:0;justify-content:center;font:italic 18px/1.4 var(--serif);color:var(--maroon)}.strip-callout b{color:var(--red);font:20px var(--sans)}.warning-section{background:var(--white)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.section-heading>p{max-width:300px;font-size:12px;line-height:1.8;color:#766b62;margin:0 0 5px}.sign-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.sign-card{padding:27px 26px 25px;min-height:260px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:background .2s}.sign-card:hover{background:var(--cream)}.sign-number{font-size:9px;font-weight:800;color:#a99a8b;letter-spacing:1px}.sign-icon{font:30px var(--serif);color:var(--red);margin:18px 0 15px}.sign-card h3{font:800 16px var(--display);margin:0 0 10px}.sign-card p{font-size:11px;line-height:1.8;color:#756a61;margin:0 0 22px}.card-tag{font-size:7px;font-weight:800;letter-spacing:1.2px;color:var(--red);background:#f5e8e1;padding:7px 9px}.tip-band{margin-top:28px;padding:20px 22px;background:var(--cream);display:flex;align-items:center;gap:16px}.tip-star{font-size:23px;color:var(--red)}.tip-band p{font-size:11px;color:#63574f;flex:1}.tip-band p b{color:var(--maroon)}.tip-band a{font-size:9px;font-weight:800;color:var(--red);white-space:nowrap}.protect-section{background:var(--maroon);color:white;position:relative;overflow:hidden}.protect-section:after{content:'✳';position:absolute;right:-80px;top:60px;font-size:380px;line-height:1;color:#ffffff08}.light-index{color:var(--gold)}.light-index span{color:#d5b9aa}.protect-heading{max-width:610px;position:relative;z-index:1}.protect-heading h2,.clicked-left h2{font-size:clamp(42px,5vw,65px);margin:21px 0;letter-spacing:-3px}.protect-heading h2 em{color:var(--gold)}.protect-heading>p{font-size:12px;line-height:1.8;color:#dfc9bc;max-width:390px}.protect-list{margin-top:55px;position:relative;z-index:1;border-top:1px solid #ffffff35}.protect-item{display:grid;grid-template-columns:48px 52px 1fr 25px;gap:15px;align-items:center;padding:22px 0;border-bottom:1px solid #ffffff35}.protect-num{font-size:9px;color:var(--gold);font-weight:800}.protect-icon{width:40px;height:40px;background:#ffffff12;border:1px solid #ffffff2a;border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:18px}.protect-item h3{font:700 14px var(--display);margin:0 0 5px}.protect-item p{font-size:10px;line-height:1.7;color:#d9c5ba;margin:0;max-width:540px}.protect-arrow{color:var(--gold);font-size:16px}.protect-foot{display:flex;justify-content:space-between;margin-top:40px;font-size:8px;letter-spacing:1.5px;color:#d4b8aa;font-weight:800}.quiz-section{background:var(--cream)}.quiz-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:8%;align-items:start}.quiz-intro>p{font-size:12px;line-height:1.8;color:#6e6259;max-width:280px;margin-top:25px}.quiz-progress{margin-top:48px}.progress-track{width:120px;height:3px;background:#d6c9bb;display:block}.progress-track i{width:100%;height:100%;display:block;background:var(--red)}.quiz-progress small{font-size:8px;letter-spacing:1.4px;font-weight:800;color:#95877a;display:block;margin-top:10px}.quiz-card{background:white;box-shadow:0 18px 50px #563a2410}.quiz-card-top{padding:17px 23px;border-bottom:1px solid #eee5dc;display:flex;justify-content:space-between}.inbox-label{font-size:8px;letter-spacing:1.2px;font-weight:800;color:#5b5047}.fiction-label{font-size:7px;letter-spacing:1px;color:var(--red);background:#f7e9e3;padding:7px 9px;font-weight:800}.sample-mail{margin:23px;background:#fbf8f3;padding:22px;border:1px solid #eee5dc}.sample-from{display:flex;align-items:center;gap:10px}.sample-avatar{font-size:10px;background:var(--maroon);color:var(--gold)}.sample-from>span{margin-left:auto;font-size:8px;color:#9c8e83}.sample-mail h3{font:800 17px var(--display);margin:23px 0 16px}.sample-mail p{font-size:10px;line-height:1.8;color:#655a52}.sample-button{background:#e9d9c9;color:var(--maroon);text-align:center;padding:12px;font-size:8px;font-weight:800;letter-spacing:1px;margin:17px 0 12px}.sample-footnote{font-size:8px;color:#a0958b}.quiz-question{padding:0 23px 25px}.quiz-question>b{font-size:11px}.quiz-options{display:grid;gap:8px;margin-top:14px}.quiz-option{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #e8dfd6;background:white;padding:12px;font:600 10px var(--sans);color:#50473f;cursor:pointer;transition:.2s}.quiz-option span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--cream);font-size:9px;font-weight:800;color:var(--maroon);flex:none}.quiz-option:hover{border-color:var(--red);background:#fffaf5}.quiz-option.correct{border-color:#36805b;background:#f0f8f2}.quiz-option.wrong{border-color:#bf4545;background:#fff5f2}.quiz-option:disabled{cursor:default}.quiz-feedback{font-size:10px;line-height:1.7;margin-top:13px;color:#38714f;min-height:0}.quiz-feedback.error{color:#a33333}.quiz-reset{border:0;background:none;color:var(--red);font:800 9px var(--sans);cursor:pointer;padding:8px 0}.clicked-section{background:#a72b36;color:white;display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;position:relative}.clicked-left h2{margin:22px 0}.clicked-left>p{font-size:12px;line-height:1.8;color:#f1d9d0;max-width:330px}.clicked-note{display:flex;gap:13px;background:#ffffff14;padding:16px;margin-top:35px;max-width:360px}.clicked-note>span{font:800 20px var(--display);color:var(--gold)}.clicked-note p{font-size:10px;line-height:1.7;margin:0;color:#f4e2d9}.clicked-note b{color:white}.response-steps{border-top:1px solid #ffffff55}.response-step{display:grid;grid-template-columns:35px 1fr;gap:16px;padding:19px 0;border-bottom:1px solid #ffffff55}.response-step>span{font-size:9px;color:var(--gold);font-weight:800}.response-step h3{font:800 14px var(--display);margin:0 0 6px}.response-step p{font-size:10px;line-height:1.75;color:#f1d9d0;margin:0;max-width:420px}.closing{text-align:center;background:var(--tan);position:relative;overflow:hidden}.closing-mark{font-size:31px;color:var(--red);margin-bottom:25px}.closing .eyebrow{justify-content:center;color:var(--maroon)}.closing h2{font-size:clamp(47px,5.7vw,73px);margin:22px 0}.closing h2 em{color:var(--maroon)}.closing>p{font-size:12px;line-height:1.8;color:#5f5146;max-width:400px;margin:0 auto 27px}.button-dark{background:var(--maroon);color:white}.button-dark span{color:var(--gold)}.site-footer{background:#1e1718;color:white;padding:55px 7.1% 20px}.footer-main{display:grid;grid-template-columns:1.1fr 1.3fr .7fr;gap:7%;padding-bottom:42px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:48px;height:48px;object-fit:contain}.footer-brand>div{display:flex;flex-direction:column;gap:5px}.footer-brand b{font:800 11px var(--display)}.footer-brand small{color:#ad9d91}.footer-copy p{font-size:10px;line-height:1.8;color:#c7b8ac;margin:0 0 10px}.footer-copy .disclaimer{font-size:9px;color:#988a80}.footer-links{display:flex;flex-direction:column;gap:13px;font-size:9px;font-weight:700;color:#e4d5ca}.footer-bottom{border-top:1px solid #ffffff2b;padding:18px 0;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.3px;color:#a8998f;font-weight:800}.credits{font-size:8px;line-height:1.7;color:#92847b;border-top:1px solid #ffffff1a;padding-top:15px}.credits a{color:#e3c16b;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.site-header{padding:0 5%}.main-nav{gap:18px}.hero{padding-left:6%;padding-right:6%;grid-template-columns:1fr 1fr}.hero h1{font-size:58px}.hero-art{transform:scale(.88)}.section-pad{padding:80px 7%}.clicked-section{gap:6%}}
@media(max-width:680px){.announcement{font-size:7px;letter-spacing:1px}.site-header{height:72px}.pup-logo,.logo-fallback{width:42px;height:42px}.brand-copy strong{font-size:11px}.menu-toggle{display:block;color:var(--maroon)}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--white);padding:20px 6%;box-shadow:0 12px 20px #2a130f1a;flex-direction:column;align-items:stretch;gap:18px}.main-nav.open{display:flex}.nav-cta{text-align:center}.hero{display:block;padding:65px 7% 65px;min-height:auto}.hero h1{font-size:clamp(48px,13vw,67px);letter-spacing:-3px}.hero-lede{font-size:12px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-meta{margin-top:38px;font-size:7px}.hero-art{height:350px;margin:25px -5% 0;transform:scale(.9)}.mail-card{width:285px}.orbit{width:320px;height:320px}.orbit-two{width:390px;height:390px}.warning-orb{right:3%;top:8%}.label-top{left:0;top:12%}.label-bottom{right:0;bottom:8%}.hero-bottom{left:7%;right:7%}.hero-bottom span:last-child{display:none}.section-pad{padding:68px 7%}.section-index{margin-bottom:30px}.intro-grid,.quiz-layout,.clicked-section{grid-template-columns:1fr;gap:35px}.intro h2,.section-heading h2,.quiz-intro h2{font-size:47px}.intro-copy p{font-size:12px}.stat-strip{grid-template-columns:repeat(3,1fr);margin-top:45px}.stat-strip>div{padding:17px 8px 17px 0}.stat-strip>div+div{padding-left:12px}.stat-strip strong{font-size:23px}.stat-strip small{font-size:8px}.stat-strip .strip-callout{grid-column:1/-1;border-top:1px solid #d5c8b8;padding:15px 0!important;font-size:16px}.section-heading{display:block}.section-heading>p{margin-top:22px}.sign-grid{grid-template-columns:repeat(2,1fr)}.sign-card{padding:20px 16px;min-height:260px}.sign-card h3{font-size:14px}.sign-card p{font-size:10px}.tip-band{align-items:flex-start;flex-wrap:wrap}.tip-band p{flex-basis:calc(100% - 45px);margin:3px 0}.tip-band a{margin-left:40px}.protect-heading h2,.clicked-left h2{font-size:48px}.protect-item{grid-template-columns:25px 40px 1fr 15px;gap:9px}.protect-item h3{font-size:12px}.protect-item p{font-size:9px}.protect-foot{font-size:7px;gap:15px}.quiz-layout{gap:35px}.quiz-progress{margin-top:25px}.quiz-card-top{padding:14px}.sample-mail{margin:14px;padding:16px}.quiz-question{padding:0 14px 20px}.clicked-section{gap:40px}.response-step{padding:16px 0}.closing h2{font-size:58px}.footer-main{grid-template-columns:1fr;gap:25px}.footer-bottom{display:block;line-height:2.1}.footer-bottom span{display:block}.credits{font-size:7px}}
@media(max-width:390px){.sign-grid{grid-template-columns:1fr}.sign-card{min-height:220px}.hero-art{transform:scale(.8);margin-left:-10%;margin-right:-10%}.hero-actions .button{padding:15px}.protect-item{grid-template-columns:22px 34px 1fr 12px}.protect-icon{width:33px;height:33px}}


/* Readability and keyboard-accessibility refinements */
.sign-card p,.protect-item p,.response-step p,.section-heading>p,.intro-copy p,.quiz-intro>p,.sample-mail>p,.footer-copy p{font-size: max(12px, 1em);}
.quiz-option{font-size:12px;line-height:1.55;}
.quiz-feedback{font-size:12px;}
.sample-from small,.sample-footnote{font-size:10px;}
.card-tag,.credits{font-size:9px;}
.tip-band p{font-size:12px;line-height:1.65;}
.protect-item h3,.response-step h3{font-size:15px;}
.main-nav a:focus-visible,.button:focus-visible,.text-link:focus-visible,.quiz-option:focus-visible,.quiz-reset:focus-visible,.menu-toggle:focus-visible{outline:3px solid var(--gold);outline-offset:4px;}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}}