:root{--navy:#0c1b29;--navy2:#132d3c;--ink:#15252e;--muted:#546771;--paper:#f5f3ed;--white:#fffefa;--line:#d8ded9;--mint:#5fe0c5;--mint2:#d6f7ec;--gold:#f2b567;--blue:#dcecf0;--shadow:0 20px 60px rgba(12,27,41,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.62}a{color:inherit}a:hover{text-decoration-color:var(--mint)}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(2.8rem,6.6vw,6.2rem);max-width:980px;margin-bottom:1.1rem}h2{font-size:clamp(2rem,4.2vw,3.6rem)}h3{font-size:1.35rem}p{max-width:70ch}.skip-link{position:absolute;top:-5rem;left:1rem;z-index:100;padding:.65rem 1rem;background:var(--mint);color:var(--navy)}.skip-link:focus{top:1rem}.wrap{width:min(1220px,calc(100% - 48px));margin-inline:auto}.eyebrow{display:flex;align-items:center;gap:.6rem;color:#3d666c;font-size:.76rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.eyebrow:before{content:"";width:23px;height:2px;background:currentColor}.kicker{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .7rem;border:1px solid rgba(255,255,255,.3);border-radius:99px;color:#d1f7ed;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint)}.site-header{background:var(--navy);color:white;border-bottom:1px solid rgba(255,255,255,.1)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:80px}.brand{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none;font-size:1.05rem;font-weight:850;line-height:1.05;letter-spacing:.05em;text-transform:uppercase}.brand img{width:42px;height:42px;border-radius:11px}.brand small{display:block;color:var(--mint);font-size:.75em}.nav{display:flex;gap:1.8rem;align-items:center}.nav a{font-size:.86rem;color:#d6e2e7;text-decoration:none;font-weight:700}.nav a[aria-current="page"],.nav a:hover{color:var(--mint)}.nav-toggle{display:none;border:1px solid #526571;background:none;color:#fff;border-radius:8px;padding:.4rem .7rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;border:1px solid var(--navy);border-radius:7px;padding:.85rem 1.15rem;text-decoration:none;font-weight:800;font-size:.89rem;line-height:1.3;transition:transform .15s,box-shadow .15s,background .15s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(12,27,41,.13)}.button.primary{background:var(--mint);color:var(--navy);border-color:var(--mint)}.button.dark{background:var(--navy);color:white}.button.ghost{background:transparent;color:var(--navy)}.button.small{padding:.55rem .8rem;font-size:.78rem}.hero{position:relative;overflow:hidden;background:var(--navy);color:white;padding:80px 0 100px}.hero:after,.guide-hero:after{content:"";position:absolute;right:-9rem;top:-13rem;width:30rem;height:30rem;border:4rem solid rgba(95,224,197,.1);border-radius:50%;pointer-events:none}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.75fr);gap:5rem;align-items:center}.hero h1{margin-top:1.4rem}.hero h1 em,.guide-hero h1 em{font-style:normal;color:var(--mint)}.hero .lead{color:#c7d6da;font-size:1.19rem;max-width:58ch}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2rem}.hero .button.ghost{color:white;border-color:#58717a}.hero-visual{position:relative;background:#173447;border:1px solid #315165;border-radius:18px;padding:1.1rem;box-shadow:var(--shadow);transform:rotate(2deg)}.hero-visual:before{content:"";position:absolute;inset:12px;border:1px dashed #4b6c77;border-radius:10px;pointer-events:none}.visual-top{display:flex;justify-content:space-between;align-items:center;padding:.4rem .6rem 1rem;color:#8eb7b9;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800}.visual-dots{display:flex;gap:5px}.visual-dots i{display:block;width:7px;height:7px;background:#5fe0c5;border-radius:50%}.visual-dots i:nth-child(2){background:#f2b567}.visual-dots i:nth-child(3){background:#7094a5}.visual-row{display:flex;align-items:center;gap:.8rem;padding:1rem;background:#f9faf6;border-radius:8px;color:var(--navy);margin:.5rem 0;box-shadow:0 3px 0 rgba(0,0,0,.11)}.visual-row .num{font-size:.75rem;font-weight:900;color:#55706e}.visual-row b{font-size:.9rem}.visual-row span:last-child{margin-left:auto;font-size:.72rem;font-weight:800;color:#356a64}.visual-row:nth-last-child(2){transform:translateX(-.45rem)}.visual-row:last-child{transform:translateX(.25rem)}.visual-footer{padding:1.1rem .4rem .2rem;color:#b4d2d4;font-size:.75rem}.section{padding:88px 0}.section.compact{padding:64px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.1rem}.section-head h2{margin:.8rem 0 0}.section-head p{margin-bottom:.2rem;color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.episode-card{display:flex;flex-direction:column;min-width:0;background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 3px 0 rgba(12,27,41,.04);transition:transform .2s,box-shadow .2s}.episode-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card-art{position:relative;aspect-ratio:16/9;background:#112b3b;overflow:hidden}.card-art img{height:100%;width:100%;object-fit:cover}.card-art .card-index{position:absolute;left:1rem;top:1rem;background:var(--mint);color:var(--navy);font-size:.75rem;font-weight:900;letter-spacing:.1em;border-radius:3px;padding:.3rem .45rem}.card-body{display:flex;flex:1;flex-direction:column;padding:1.3rem}.card-body .topic{font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.11em;color:#467b78}.card-body h3{margin:.55rem 0 .7rem;font-size:1.45rem}.card-body p{color:var(--muted);font-size:.91rem;margin-bottom:1.3rem}.card-link{margin-top:auto;border-top:1px solid var(--line);padding-top:.9rem;text-decoration:none;font-size:.83rem;font-weight:850}.card-link span{color:#267e72}.process-band{background:#e7ede7;border-block:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.process-item{border-left:2px solid var(--mint);padding-left:1.1rem}.process-item strong{display:block;font-size:1rem;margin-bottom:.3rem}.process-item p{color:var(--muted);font-size:.9rem;margin:0}.note-band{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;background:var(--navy);color:#e7efed;border-radius:14px;padding:2.5rem;margin:0 auto 88px}.note-band h2{font-size:clamp(1.65rem,3vw,2.6rem);margin:.7rem 0}.note-band p{color:#b9cfd0;margin:0}.note-band .note-meta{border-left:1px solid #42606b;padding-left:2rem}.note-meta li{margin:.55rem 0}.site-footer{background:#071622;color:#a9c0c3;padding:38px 0}.footer-inner{display:flex;justify-content:space-between;gap:2rem;align-items:center}.footer-inner p{margin:0;font-size:.8rem}.footer-inner a{color:#d8eeea}.guide-hero{position:relative;overflow:hidden;background:var(--navy);color:white;padding:64px 0 70px}.breadcrumbs{display:flex;gap:.6rem;flex-wrap:wrap;color:#a9c6c7;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.breadcrumbs a{text-decoration:none;color:var(--mint)}.guide-hero h1{font-size:clamp(2.6rem,5.3vw,4.9rem);margin:1.2rem 0;max-width:1020px}.guide-hero .lead{color:#c2d4d5;font-size:1.14rem;max-width:72ch}.meta-list{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}.meta-list span{border:1px solid #45616e;border-radius:99px;color:#c8e8e1;padding:.28rem .7rem;font-size:.75rem;font-weight:750}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:4rem;align-items:start}.guide-main{min-width:0}.guide-aside{position:sticky;top:1.5rem;padding:1.25rem;background:var(--white);border:1px solid var(--line);border-radius:10px}.guide-aside h2{font-size:1rem;letter-spacing:0;margin:0 0 .9rem}.guide-aside nav a{display:block;text-decoration:none;padding:.45rem 0;color:var(--muted);font-size:.83rem;border-top:1px solid var(--line)}.guide-aside nav a:hover{color:#147b69}.guide-aside .aside-note{border-top:1px solid var(--line);padding-top:1rem;margin-top:1rem;font-size:.75rem;color:var(--muted)}.guide-section{scroll-margin-top:2rem;margin-bottom:4.5rem}.guide-section h2{margin:.35rem 0 1.25rem}.guide-section>p,.guide-section>ul{color:#40535b}.video-shell{background:#081722;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.video-shell video{display:block;width:100%;aspect-ratio:16/9;background:#081722}.video-caption{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:#b7cdcf;background:#102837;padding:.7rem 1rem;font-size:.76rem}.video-caption a{color:var(--mint)}.callout{background:#e1f6ee;border-left:4px solid #32bfa9;padding:1.1rem 1.3rem;border-radius:0 8px 8px 0;margin:1.5rem 0}.callout p{margin:0;font-size:.89rem}.callout.warning{background:#fff1dc;border-color:var(--gold)}.callout strong{display:block;margin-bottom:.25rem}.demo{background:var(--white);border:1px solid #cbd8d5;border-radius:12px;box-shadow:0 8px 25px rgba(12,27,41,.05);overflow:hidden}.demo-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;background:#102d3b;color:white;font-size:.79rem;font-weight:800}.demo-body{padding:1.4rem}.segmented{display:inline-flex;gap:4px;padding:4px;background:#e7eeec;border-radius:8px}.segmented button{border:0;background:transparent;color:#456168;border-radius:5px;padding:.48rem .8rem;font-size:.78rem;font-weight:800}.segmented button[aria-pressed="true"]{background:var(--navy);color:white}.demo-panel[hidden]{display:none}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:7px}.data-table{width:100%;border-collapse:collapse;min-width:600px;font-size:.78rem}.data-table th{text-align:left;background:#e7f0ed;color:#24444b;letter-spacing:.04em}.data-table th,.data-table td{padding:.65rem .75rem;border-bottom:1px solid #e1e7e3;white-space:nowrap}.data-table tr:last-child td{border-bottom:none}.data-table .flag{background:#fff0d9}.data-table .good{background:#e0f6e9}.demo-summary{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem;font-size:.78rem;color:#44646b}.demo-summary strong{color:var(--navy)}.step-list{counter-reset:steps;list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.step-list>li{counter-increment:steps;position:relative;padding:1.55rem 0 1.55rem 4rem;border-bottom:1px solid var(--line)}.step-list>li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:1.55rem;color:#3c9c8c;font-size:.82rem;font-weight:900;letter-spacing:.05em}.step-list h3{margin:0 0 .5rem;font-size:1.16rem}.step-list p{font-size:.92rem;color:#40535b;margin-bottom:.6rem}.step-list ul{font-size:.88rem;color:#40535b;padding-left:1.2rem}.step-list code,.inline-code{background:#e7eeeb;padding:.12rem .35rem;border-radius:4px;font-size:.88em}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.check-item{display:flex;gap:.7rem;background:var(--white);border:1px solid var(--line);border-radius:8px;padding:.85rem;font-size:.85rem}.check-item input{accent-color:#188a76;margin-top:.25rem}.mistake-list{display:grid;gap:.7rem}.mistake{background:#fff9ef;border:1px solid #efdfc4;border-radius:8px;padding:1rem 1.1rem}.mistake strong{display:block;font-size:.88rem}.mistake p{margin:.2rem 0 0;font-size:.84rem;color:#675743}.downloads{display:grid;gap:.65rem}.download{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;background:var(--white);border:1px solid var(--line);border-radius:8px;text-decoration:none}.download:hover{border-color:#4bbbaa;background:#f7fffb}.download strong{display:block;font-size:.85rem}.download small{display:block;color:var(--muted);font-size:.75rem}.download b{color:#16856f;font-size:1.1rem}.sources{font-size:.82rem;color:var(--muted)}.sources li{margin:.4rem 0}.sources a{color:#1e746f}.next-guide{background:var(--navy);color:white;border-radius:12px;padding:1.7rem 2rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;text-decoration:none}.next-guide:hover{background:#173544}.next-guide small{display:block;color:var(--mint);text-transform:uppercase;letter-spacing:.13em;font-weight:850}.next-guide strong{font-size:1.3rem}.input-row{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.input-row label{font-size:.78rem;font-weight:800}.input-row select{background:#fff;border:1px solid #bdcdca;border-radius:5px;padding:.55rem .65rem;font-size:.8rem}.checkbox-control{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem}.mail-list{display:grid;gap:.5rem}.mail-row{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:.6rem;align-items:center;background:#f5f7f3;border:1px solid var(--line);border-radius:6px;padding:.75rem;font-size:.76rem}.mail-row.is-archived{opacity:.64}.mail-row strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-row p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-row .label-pill{display:inline-block;padding:.1rem .35rem;border-radius:3px;background:var(--mint2);font-size:.67rem;font-weight:850;color:#175f55}.mail-row .mail-status{color:#6a7c7c}.prompt-box{background:#102d3b;color:#e3f3ef;border-radius:8px;padding:1rem 1.15rem;font-size:.82rem;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.example-note{background:#f5f4ef;border:1px solid var(--line);border-radius:8px;padding:1rem 1.1rem;font-size:.83rem}.example-note p{margin:.35rem 0}.review-result{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.review-result>div{background:#f1f6f2;border:1px solid var(--line);border-radius:8px;padding:1rem}.review-result h4{font-size:.79rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 .6rem;color:#3d7770}.review-result ul{margin:0;padding-left:1.1rem;font-size:.81rem}.review-result li{margin-bottom:.45rem}.review-highlight{background:#e4f5e9;padding:0 .13rem;border-radius:3px}.page-intro{font-size:.96rem;color:#50646b}.micro{font-size:.75rem;color:var(--muted)}
@media(max-width:980px){.hero-grid{gap:2rem}.guide-layout{grid-template-columns:minmax(0,1fr) 220px;gap:2rem}.card-grid{gap:.75rem}.card-body{padding:1rem}.card-body h3{font-size:1.25rem}}
@media(max-width:760px){.wrap{width:min(100% - 32px,1220px)}.header-inner{min-height:68px}.nav-toggle{display:block}.nav{display:none;position:absolute;z-index:20;top:68px;left:0;right:0;background:var(--navy);padding:1rem 16px 1.4rem;flex-direction:column;align-items:stretch;border-top:1px solid #315165}.nav.is-open{display:flex}.nav a{padding:.55rem}.hero{padding:55px 0 70px}.hero-grid{grid-template-columns:1fr;gap:2.4rem}.hero-visual{max-width:520px;transform:rotate(1deg)}.section{padding:66px 0}.section-head{display:block}.card-grid{grid-template-columns:1fr}.episode-card{display:grid;grid-template-columns:minmax(150px,38%) 1fr}.card-art{height:100%;aspect-ratio:auto}.process-grid,.note-band{grid-template-columns:1fr}.note-band{gap:1rem;margin-bottom:66px}.note-band .note-meta{border-left:0;border-top:1px solid #42606b;padding:1rem 0 0}.guide-layout{display:block}.guide-aside{position:static;margin-bottom:2.7rem;order:-1}.guide-main{display:flex;flex-direction:column}.guide-hero{padding:45px 0 52px}.guide-hero h1{font-size:clamp(2.55rem,9vw,4rem)}.review-result{grid-template-columns:1fr}}
@media(max-width:520px){.brand{font-size:.88rem}.brand img{width:35px;height:35px}.episode-card{display:block}.card-art{aspect-ratio:16/9}.card-body{padding:1.1rem}.hero h1{font-size:clamp(2.7rem,11vw,4.2rem)}.hero-actions .button{width:100%}.visual-row{padding:.8rem}.visual-row b{font-size:.77rem}.visual-row span:last-child{font-size:.62rem}.guide-section{margin-bottom:3.2rem}.guide-aside{display:none}.check-grid{grid-template-columns:1fr}.mail-row{grid-template-columns:1fr auto}.mail-row p{grid-column:1 / -1}.footer-inner{display:block}.footer-inner p+ p{margin-top:.7rem}.video-caption{display:block}.video-caption a{display:block;margin-top:.25rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.episode-card{transition:none}}
@media(max-width:760px){.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-grid>*{min-width:0}.hero h1{overflow-wrap:anywhere}.hero-visual{width:100%;min-width:0;overflow:hidden}.visual-row b{min-width:0}}

.youtube-player,.video-pending{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:9px}.video-pending{background:#102d3b;color:#e3f3ef;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;text-align:center}.video-pending strong{font-size:1.4rem}.video-caption{flex-wrap:wrap;gap:.7rem 1.2rem}