[hidden]{display:none!important}
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Oswald:wght@400;500;600;700&display=swap');
:root{--ink:#171a1e;--wine:#ae263e;--red:#d6344c;--rose:#f5e3e1;--cream:#f7f5f1;--muted:#666d73;--line:#e4ded8;--white:#fff;--navy:#111721}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.6 'DM Sans',system-ui,sans-serif;background:var(--cream)}a{color:inherit}button{font:inherit}.container{max-width:1190px;width:calc(100% - 60px);margin:auto}.skip{position:absolute;top:-100px;left:20px;background:#fff;padding:12px 20px;z-index:20}.skip:focus{top:10px}.progress{position:fixed;top:0;left:0;height:3px;background:#ed4c63;z-index:999;width:0}.nav-wrap{position:relative;background:#10141b;color:#fff;z-index:10;border-bottom:1px solid #ffffff20}.nav{min-height:85px;display:flex;align-items:center;gap:24px;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;line-height:1}.sigil{display:grid;place-items:center;color:#fff;background:#d53650;width:43px;height:43px;border-radius:9px;font-size:24px;font-weight:800}.brand-word{font-family:'Oswald',Impact,sans-serif;letter-spacing:.015em;font-size:25px;font-weight:700}.brand-word>span{color:#ff536a}.brand-word small{display:block;color:#9fa5b1;font:700 8px/2 'DM Sans',sans-serif;letter-spacing:.20em;margin-top:2px}.nav-links{display:flex;gap:30px;align-items:center}.nav-links a{text-decoration:none;color:#cdd0d4;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.12em;transition:color .2s}.nav-links a:hover{color:#fff}.nav-cta{text-decoration:none;border:1px solid #6d7885;color:white;padding:11px 16px;border-radius:5px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.045em}.nav-cta:hover{background:#fff;color:#111}
.hero{background:#15171d;color:#fff;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 76% 36%,#762d3f55,transparent 37%),linear-gradient(120deg,#14191e,#16171e 60%,#222029);pointer-events:none}.hero-grid{position:relative;min-height:655px;display:grid;grid-template-columns:53% 47%;align-items:center;gap:5px}.hero-content{padding:86px 0 84px;position:relative;z-index:2}.strap{display:flex;gap:12px;align-items:center;color:#f4b3c2;font-weight:800;letter-spacing:.15em;font-size:10px}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ee536f;box-shadow:0 0 0 5px #ee536f28}.strap-line{width:44px;height:1px;background:#a24b5f}.hero-identity{color:#aeb4bf;font-weight:800;letter-spacing:.17em;font-size:11px;margin:30px 0 8px}.separator{padding:0 7px;color:#c94960}.hero h1{font:700 clamp(76px,7vw,117px)/.99 'Oswald',Impact,sans-serif;letter-spacing:-.035em;margin:0 0 30px;max-width:850px;position:relative}.hero h1>span{display:block;color:#f6f3ef}.hero h1 .dot{color:#e63d5a}.lede{font-size:16px;line-height:1.85;color:#c9cbd0;max-width:510px;margin:0 0 31px}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px}.button{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;text-decoration:none;padding:14px 18px;border-radius:4px;font-weight:800;font-size:13px;line-height:1.35;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px)}.button-red{background:#dc3e55;color:white}.button-red:hover{background:#be2c44}.button-border{border:1px solid #75757d;color:#fff}.button-border:hover{background:#ffffff12}.hero-trust{display:flex;flex-wrap:wrap;gap:16px;margin-top:45px;font-size:9px;letter-spacing:.12em;font-weight:800;color:#959ca6}.disc{display:inline-block;background:#d63a51;width:6px;height:6px;border-radius:50%;margin-right:7px}.hero-visual{min-height:650px;position:relative;display:flex;align-items:center;justify-content:center}.back-sun{position:absolute;width:540px;height:540px;max-width:94%;border-radius:50%;background:radial-gradient(circle,#9f3a4c,#5b2838 55%,transparent 72%);top:43px;right:-5%}.back-sun:after{content:'';position:absolute;inset:55px;border:1px solid #ffffff25;border-radius:50%}.vertical-type{position:absolute;top:44px;right:15px;color:#ffffff1c;font-size:84px;font-weight:800;writing-mode:vertical-rl;letter-spacing:-.15em}.portrait-shell{width:min(370px,85%);height:485px;position:relative;overflow:hidden;border:7px solid #f4e7de;background:linear-gradient(145deg,#9f3449,#361e2b);transform:rotate(2.5deg);box-shadow:0 35px 65px #0009;z-index:1}.portrait-shell:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#13121eaf,transparent 45%)}.portrait{position:relative;display:block;width:100%;height:100%;object-fit:cover;object-position:center 18%;z-index:1}.image-fallback{position:absolute;inset:0;display:grid;place-content:center;gap:4px;background:linear-gradient(135deg,#bd3a50,#311c27);color:#ffccda;text-align:center;font-family:Oswald,Impact,sans-serif;font-size:70px;letter-spacing:.08em}.image-fallback small{font:700 10px 'DM Sans',sans-serif;letter-spacing:.08em;max-width:200px;margin:auto}.portrait-shell .image-fallback{z-index:0}.portrait-shell.image-error .portrait{display:none}.portrait-shell.image-error .image-fallback{z-index:2}.portrait-label{position:absolute;left:18px;bottom:17px;z-index:3;font-weight:800;letter-spacing:.16em;font-size:10px;color:white}.portrait-badge{position:absolute;background:#f5e9dc;color:#17181c;z-index:3;bottom:66px;right:-10px;padding:17px 23px;border-left:7px solid #e03451;box-shadow:0 12px 34px #0007;transform:rotate(-4deg)}.portrait-badge span{font-weight:800;font-size:9px;letter-spacing:.12em;display:block}.portrait-badge strong{display:block;font:700 31px/.95 Oswald,Impact,sans-serif;margin:5px 0}.corner-lines{position:absolute;width:70px;height:70px;left:25px;top:78px;border-top:1px solid #ffffff65;border-left:1px solid #ffffff65}.hero-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;padding:15px 0 18px;border-top:1px solid #ffffff25;color:#a9aeb6;font-weight:800;letter-spacing:.13em;font-size:10px}.hero-scroll{color:#ef8595}
section{scroll-margin-top:15px}.snapshot,.technique,.relations,.quiz-section,.resource-section{padding:95px 0}.snapshot{background:#f8f5f0}.section-kicker{display:flex;gap:12px;align-items:center;font-size:11px;color:#9a3348;font-weight:800;letter-spacing:.18em;margin-bottom:15px}.section-kicker span{background:#d5354e;color:white;border-radius:3px;padding:1px 8px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:37px}.section-top h2,.quiz-layout h2,.end-cta h2{font:700 clamp(39px,4vw,62px)/1.04 Oswald,Impact,sans-serif;letter-spacing:-.015em;margin:0;max-width:720px}.section-top h2 em,.quiz-layout h2 em,.end-cta h2 em{font-style:normal;color:#c52d46}.section-top p{max-width:335px;color:#676d72;font-size:14px;line-height:1.8;margin:0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff}.stat-grid article{min-height:150px;padding:25px 27px;display:flex;flex-direction:column;justify-content:space-between;gap:6px}.stat-grid article+article{border-left:1px solid var(--line)}.stat-grid span{color:#ae5361;font-weight:800;letter-spacing:.12em;font-size:10px}.stat-grid strong{font-size:22px;line-height:1.25}.stat-grid small{font-size:11px;color:#797d84;font-weight:600}.editorial-note{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start;padding:28px 30px;background:#ede7e1;margin-top:22px}.editorial-note>div{display:flex;align-items:center;gap:10px}.square{display:inline-block;width:15px;height:15px;border:4px solid #db5064;transform:rotate(45deg)}.editorial-note strong{font:700 17px Oswald,sans-serif}.editorial-note p{margin:0;font-size:14px;color:#555d65}.editorial-note a{color:#b72a44;font-weight:800;text-underline-offset:4px}
.technique{background:#e9e5e0}.tech-grid{display:grid;grid-template-columns:46% 54%;background:#fff;box-shadow:0 9px 35px #1912180c;min-height:370px}.tech-select{display:flex;flex-direction:column;background:#191c24;padding:12px}.tech-btn{appearance:none;background:transparent;border:1px solid transparent;border-bottom-color:#ffffff20;color:#fff;padding:26px 17px;text-align:left;display:flex;align-items:center;gap:20px;cursor:pointer;width:100%;transition:background .15s}.tech-btn.active{background:#da3b55;border-color:#f4697c}.tech-btn:hover:not(.active){background:#282c38}.tech-no{font:600 20px Oswald,sans-serif;color:#f5a2ad}.tech-btn.active .tech-no{color:#fff}.tech-btn strong{display:block;font:600 20px Oswald,sans-serif;letter-spacing:.015em}.tech-btn small{display:block;font-size:11px;color:#c5c7cb;margin-top:3px}.tech-btn.active small{color:#fff}.tech-arrow{margin-left:auto;font-weight:700}.tech-panel{padding:40px 47px;display:flex;flex-direction:column;justify-content:center}.tech-topline{display:flex;align-items:center;justify-content:space-between;color:#a13b4d;font-size:10px;font-weight:800;letter-spacing:.16em}.tech-symbol{font-size:38px;font-weight:500;color:#d8455b}.tech-panel h3{font:700 41px/1.13 Oswald,sans-serif;margin:20px 0 13px}.tech-panel p{color:#65686c;font-size:15px;line-height:1.85;margin:0}.tech-takeaway{margin-top:27px;padding-top:23px;border-top:1px solid #e2e2e2}.tech-takeaway span{display:block;color:#b83b4f;font-size:9px;font-weight:800;letter-spacing:.13em;margin-bottom:7px}.tech-takeaway strong{font-size:14px}.context-link{border:1px solid #c7bab4;display:flex;gap:20px;align-items:center;padding:18px 24px;margin-top:15px}.context-link>span:first-child{font-size:10px;letter-spacing:.12em;font-weight:800;color:#a23749;white-space:nowrap}.context-link p{flex:1;font-size:13px;margin:0}.context-link a{color:#97283e;font-weight:800}
.relations{background:#faf8f4}.char-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.char-card{display:block;text-decoration:none;background:#fff;box-shadow:0 7px 20px #1717170c;transition:transform .18s,box-shadow .18s;overflow:hidden}.char-card:hover{transform:translateY(-5px);box-shadow:0 18px 32px #17171716}.char-img{height:275px;position:relative;background:linear-gradient(150deg,#252337,#6b3546);overflow:hidden}.char-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 15%;position:relative;z-index:1;transition:transform .3s}.char-card:hover .char-img img{transform:scale(1.06)}.char-img .image-fallback{font-size:38px;z-index:0}.char-img.image-error img{display:none}.char-img.image-error .image-fallback{z-index:2}.char-yuji{background:linear-gradient(135deg,#983e43,#251724)}.char-megumi{background:linear-gradient(135deg,#3e344e,#151929)}.char-maki{background:linear-gradient(135deg,#2c6359,#1a2229)}.char-gojo{background:linear-gradient(135deg,#697cbd,#1f2741)}.char-body{padding:23px 21px 24px}.char-body>span{color:#af3b52;font-size:9px;font-weight:800;letter-spacing:.13em}.char-body strong{display:block;font:700 25px Oswald,sans-serif;line-height:1.16;margin:9px 0}.char-body p{color:#65686f;font-size:12px;line-height:1.75;min-height:65px}.char-body small{display:block;padding-top:11px;border-top:1px solid #e5e2e0;font-size:11px;font-weight:800;color:#ad2d43}.char-body small span{float:right}
.quiz-section{background:#191b21;color:#fff}.quiz-layout{display:grid;grid-template-columns:40% 60%;gap:50px;align-items:center}.quiz-layout .section-kicker{color:#f3a7b5}.quiz-layout h2{margin:0 0 24px}.quiz-layout p{color:#c1c1c9;line-height:1.8;max-width:350px;font-size:15px}.quiz-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.quiz-meta span{border:1px solid #747985;padding:7px 10px;font-size:9px;font-weight:800;letter-spacing:.10em}.quiz-box{background:#f8f5f1;color:#13171a;padding:35px 36px;min-height:400px}.quiz-head{display:flex;justify-content:space-between;color:#a12a3f;font-size:10px;font-weight:800;letter-spacing:.13em}.quiz-track{height:5px;background:#e6dcda;margin:20px 0 30px}.quiz-track span{display:block;height:100%;width:33.333%;background:#d5364e;transition:width .2s}.quiz-box h3{font:600 30px/1.25 Oswald,sans-serif;margin:0 0 22px}.quiz-box #quiz-options{display:grid;gap:9px}.quiz-box #quiz-options button{cursor:pointer;border:1px solid #ded7d5;background:#fff;color:#1b1d1f;padding:13px 15px;font-size:13px;text-align:left;font-weight:700;transition:background .15s}.quiz-box #quiz-options button:hover:not(:disabled){background:#f9e4e7}.quiz-box #quiz-options button.correct{border-color:#269b77;background:#e0f4e9}.quiz-box #quiz-options button.incorrect{border-color:#d34558;background:#ffe7eb}.quiz-box #quiz-options button:disabled{cursor:default}.quiz-feedback{min-height:26px;margin:12px 0 0;font-size:12px;color:#4f5860}.quiz-next{margin-top:8px;cursor:pointer}.resource-section{background:#f3f0eb}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.resource-grid>a{display:block;position:relative;background:#fff;padding:30px 60px 30px 28px;min-height:156px;text-decoration:none;border-left:3px solid transparent;transition:border-color .2s,transform .2s}.resource-grid>a:hover{border-color:#d43750;transform:translateY(-2px)}.resource-grid span{font-size:10px;font-weight:800;color:#b93f52;letter-spacing:.11em}.resource-grid strong{display:block;font:600 27px/1.2 Oswald,sans-serif;margin-top:8px}.resource-grid small{display:block;color:#777e83;font-size:12px;margin-top:9px}.resource-grid b{position:absolute;right:25px;top:44px;color:#bc2e45;font-size:24px}
.end-cta{background:#d3344b;color:#fff;padding:70px 0;overflow:hidden}.end-layout{display:flex;align-items:center;justify-content:space-between;gap:30px}.end-cta .pill{display:inline-block;border:1px solid #ffffffa0;padding:6px 12px;border-radius:99px;font-size:10px;font-weight:800;letter-spacing:.11em;margin-bottom:22px}.end-cta h2{max-width:700px}.end-cta h2 em{color:#231821}.end-cta p{color:#fff2f3;font-size:14px;line-height:1.8;max-width:570px;margin:17px 0 25px}.button-light{background:#fff;color:#b5283d}.button-light:hover{background:#f5e3e6}.end-kanji{font-family:serif;letter-spacing:-.14em;font-size:88px;line-height:.85;opacity:.23;font-weight:800;transform:rotate(-5deg)}.footer{background:#0f141c;color:#e9e9ed;padding:46px 0}.footer-inner{display:grid;grid-template-columns:1.4fr .6fr;gap:35px}.footer-brand{text-decoration:none;font:700 27px Oswald,sans-serif}.footer-brand span{color:#ef4b64}.footer p{font-size:11px;line-height:1.9;color:#a1a8af;max-width:690px}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.footer-links a{text-decoration:none;color:#e1dde0;font-size:12px}.footer-links a:hover{color:#ff7287}.footer small{grid-column:1/-1;border-top:1px solid #ffffff24;padding-top:15px;color:#8a929c;font-size:10px}
@media(max-width:1000px){.nav-links{gap:15px}.hero-grid{grid-template-columns:1fr 43%}.hero h1{font-size:70px}.hero-visual{min-height:500px}.portrait-shell{height:370px}.portrait-badge{right:-4px}.char-grid{grid-template-columns:repeat(2,1fr)}.char-img{height:330px}.quiz-layout{gap:30px}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-grid article:nth-child(3){border-left:0;border-top:1px solid var(--line)}.stat-grid article:nth-child(4){border-top:1px solid var(--line)}}
@media(max-width:720px){.container{width:calc(100% - 36px)}.nav{min-height:72px}.nav-links{display:none}.brand-word{font-size:21px}.sigil{height:37px;width:37px}.nav-cta{font-size:10px;padding:10px 9px}.hero-grid{display:flex;flex-direction:column;gap:0;min-height:0}.hero-content{padding:60px 0 15px;width:100%}.hero h1{font-size:clamp(63px,14vw,90px)}.hero-identity{font-size:9px}.lede{font-size:15px}.hero-trust{margin-top:29px}.hero-visual{width:100%;min-height:455px;padding:16px 0 20px}.portrait-shell{height:375px;width:70%;max-width:315px}.portrait-badge{bottom:40px;right:6%}.back-sun{width:400px;height:400px;top:27px;right:auto}.vertical-type{right:10%;top:10px;font-size:62px}.hero-bottom{font-size:9px}.snapshot,.technique,.relations,.quiz-section,.resource-section{padding:69px 0}.section-top{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:26px}.section-top h2,.quiz-layout h2,.end-cta h2{font-size:45px}.section-top p{max-width:100%}.stat-grid article{padding:22px 17px;min-height:145px}.stat-grid strong{font-size:18px}.stat-grid article:nth-child(2){border-left:1px solid var(--line)}.editorial-note{grid-template-columns:1fr;padding:25px;gap:10px}.tech-grid{display:block}.tech-select{padding:8px}.tech-btn{padding:19px 12px}.tech-panel{padding:28px 24px}.tech-panel h3{font-size:35px}.context-link{flex-wrap:wrap;gap:5px}.context-link p{min-width:100%}.char-grid{grid-template-columns:repeat(2,1fr);gap:11px}.char-img{height:245px}.char-body{padding:16px 13px}.char-body strong{font-size:22px}.char-body p{font-size:11px;min-height:90px}.quiz-layout{display:block}.quiz-box{margin-top:32px;padding:25px 20px}.resource-grid{grid-template-columns:1fr}.resource-grid>a{min-height:130px}.end-cta{padding:55px 0}.end-kanji{display:none}.footer-inner{grid-template-columns:1fr}}
@media(max-width:440px){.hero h1{font-size:62px}.hero-buttons .button{width:100%}.char-img{height:185px}.char-body strong{font-size:20px}.char-body p{min-height:112px}.stat-grid strong{font-size:16px}.nav-cta{max-width:100px;text-align:center}.section-top h2,.quiz-layout h2,.end-cta h2{font-size:38px}.portrait-shell{width:79%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}