:root{--ink:#101722;--navy:#15253a;--blue:#2464a8;--cyan:#63c8d6;--cream:#f4f0e8;--paper:#fbfaf7;--muted:#667180;--line:#d9dde1;--orange:#e17846;--sans:"DM Sans",sans-serif;--serif:"Playfair Display",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans)}a{color:inherit}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(251,250,247,.94);backdrop-filter:blur(12px);z-index:10}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;font-weight:700}.mark{background:var(--ink);color:white;padding:5px 8px;letter-spacing:.11em;font-size:12px}.topbar nav{display:flex;gap:26px}.topbar nav a{text-decoration:none;font-size:14px;font-weight:600}.topbar nav a:hover{color:var(--blue)}.hero{min-height:570px;padding:80px clamp(24px,7vw,110px);display:grid;grid-template-columns:1.55fr .65fr;gap:8vw;align-items:center;background:radial-gradient(circle at 84% 25%,rgba(99,200,214,.22),transparent 24%),linear-gradient(135deg,#f8f6f0,#edf2f4)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700;color:var(--blue);margin:0 0 14px}.hero h1,.section h2,.ai-note h2{font:700 clamp(43px,6vw,82px)/1.05 var(--serif);letter-spacing:-.035em;margin:0}.hero h1 em{color:var(--blue);font-weight:600}.lede{max-width:670px;font-size:20px;color:#4f5b69;margin:28px 0 32px}.hero-actions{display:flex;gap:12px}.button{padding:12px 19px;border:1px solid var(--ink);text-decoration:none;font-weight:700;font-size:14px}.button.primary{background:var(--ink);color:white}.button:hover{transform:translateY(-1px)}.quick-rule{border-top:4px solid var(--blue);background:white;padding:30px;box-shadow:0 18px 50px rgba(21,37,58,.1)}.quick-rule .number{font:700 64px/1 var(--serif);color:#dbe3e9}.quick-rule>p:last-child{font:600 20px/1.5 var(--serif);margin-bottom:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy);color:white;padding:26px clamp(24px,7vw,110px);gap:20px}.stats div{display:flex;gap:12px;align-items:center;border-right:1px solid #425064}.stats div:last-child{border:0}.stats strong{font:700 31px var(--serif);color:var(--cyan)}.stats span{font-size:13px;max-width:130px;line-height:1.35}.section{padding:100px clamp(24px,7vw,110px)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:46px}.section-heading h2{font-size:clamp(38px,5vw,64px)}.section-heading>p{max-width:520px;color:var(--muted);margin:0}.category-tool{display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid var(--line);background:white}.choice-panel{padding:16px;border-right:1px solid var(--line)}.choice{width:100%;display:grid;grid-template-columns:38px 1fr;text-align:left;gap:0 12px;border:0;background:transparent;padding:18px;margin:0 0 4px;cursor:pointer;color:var(--ink);font:inherit}.choice span{grid-row:1/3;border:1px solid var(--line);width:32px;height:32px;display:grid;place-items:center;font-weight:700}.choice b{font-size:16px}.choice small{color:var(--muted)}.choice:hover,.choice.active{background:#edf4f8}.choice.active span{background:var(--blue);border-color:var(--blue);color:#fff}.result-card{padding:42px 48px;background:linear-gradient(145deg,#f6f9fa,#fff)}.result-card h3,.filename-card h3{font:700 34px var(--serif);margin:0 0 12px}.result-card>p:nth-of-type(2){font-size:18px;color:#4a5663}.rule-line{display:grid;grid-template-columns:90px 1fr;gap:14px;border-top:1px solid var(--line);padding:15px 0}.rule-line span{text-transform:uppercase;color:var(--blue);font-size:11px;letter-spacing:.12em;font-weight:700}.rule-line p{margin:0}.dark-section{background:var(--navy);color:white}.dark-section .section-heading>p{color:#b4bec9}.dark-section .eyebrow{color:var(--cyan)}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.checklist-card,.filename-card{background:#1d3049;border:1px solid #405069;padding:32px}.progress-row{display:flex;justify-content:space-between}.progress-row strong{color:var(--cyan)}.progress{height:4px;background:#46566b;margin:12px 0 22px}.progress i{display:block;height:100%;width:0;background:var(--cyan);transition:width .25s}.checklist-card label{display:flex;gap:13px;border-top:1px solid #3c4c61;padding:15px 0;cursor:pointer}.checklist-card input{width:19px;height:19px;accent-color:var(--cyan)}.checklist-card span{display:grid}.checklist-card small{color:#b4bec9}.fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:20px}.fields label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#aeb8c4}.fields .wide{grid-column:1/-1}.fields input,.fields select{width:100%;margin-top:6px;padding:12px;background:#13253c;color:white;border:1px solid #506077;font:16px var(--sans);text-transform:none;letter-spacing:0}.filename-output{display:flex;margin-top:18px}.filename-output code{flex:1;overflow:auto;padding:15px;background:#0d1c2e;color:var(--cyan);white-space:nowrap}.filename-output button{border:0;background:var(--cyan);color:var(--navy);padding:0 18px;font-weight:700;cursor:pointer}.hint{color:#aeb8c4;font-size:13px}.limit-note{margin-top:22px;background:var(--cyan);color:var(--navy);padding:18px 24px;display:flex;gap:25px;align-items:center}.limit-note strong{font:700 21px var(--serif)}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.score-grid article{border-top:4px solid var(--blue);background:#fff;padding:30px;box-shadow:0 10px 30px rgba(21,37,58,.06)}.score-grid article>span{color:#aeb9c3;font:700 35px var(--serif)}.score-grid h3{font:700 25px var(--serif);margin:12px 0 4px}.score-grid p{color:var(--muted)}.score-grid b{font-size:13px;color:var(--blue)}.score-total{margin-top:20px;padding:25px 32px;background:var(--cream);display:grid;grid-template-columns:1fr 2fr;align-items:center}.score-total div{display:flex;align-items:center;gap:16px}.score-total strong{font:700 45px var(--serif);color:var(--blue)}.score-total p{border-left:1px solid #c9c5bb;padding-left:30px}.calendar-section{background:#eef2f3}.segmented{display:flex;border:1px solid #bbc5ca}.segmented button{border:0;background:transparent;padding:9px 15px;font:600 13px var(--sans);cursor:pointer}.segmented button.active{background:var(--ink);color:#fff}.timeline{display:grid;grid-template-columns:repeat(6,1fr);border-left:1px solid #bdc7cc;border-top:1px solid #bdc7cc}.timeline article{min-height:145px;padding:20px;border-right:1px solid #bdc7cc;border-bottom:1px solid #bdc7cc;display:flex;flex-direction:column;transition:.2s;background:#f8faf9}.timeline article.hidden{display:none}.timeline span{font-size:12px;letter-spacing:.15em;color:var(--blue);font-weight:700}.timeline b{margin-top:auto;font:700 19px var(--serif)}.timeline small{color:var(--muted)}.timeline .pause{background:#dfe5e7}.awards{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:center}.awards h2{font-size:clamp(38px,5vw,62px)}.awards>div>p:last-child{color:var(--muted);font-size:18px}.award-list{border-top:1px solid var(--line)}.award-list span{display:block;padding:18px 4px;border-bottom:1px solid var(--line);font:600 19px var(--serif)}.ai-note{padding:65px clamp(24px,7vw,110px);background:var(--orange);color:#221812;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.ai-note .eyebrow{color:#56301e}.ai-note h2{font-size:clamp(36px,4.5vw,58px)}.ai-note>p{font-size:18px}footer{padding:30px clamp(24px,7vw,110px);display:flex;justify-content:space-between;gap:20px;background:#0c1725;color:#c0cad4;font-size:13px}footer a{color:var(--cyan)}@media(max-width:850px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.stats{grid-template-columns:1fr 1fr}.stats div:nth-child(2){border:0}.section-heading,.category-tool,.entry-grid,.awards,.ai-note{grid-template-columns:1fr;display:grid}.section{padding-top:72px;padding-bottom:72px}.choice-panel{border:0;border-bottom:1px solid var(--line)}.score-grid{grid-template-columns:1fr}.timeline{grid-template-columns:repeat(3,1fr)}.limit-note{align-items:start;flex-direction:column;gap:4px}.score-total{grid-template-columns:1fr}.score-total p{border:0;border-top:1px solid #c9c5bb;padding:18px 0 0}.ai-note{gap:25px}}@media(max-width:520px){.hero h1{font-size:44px}.hero-actions{flex-direction:column}.stats{grid-template-columns:1fr}.stats div{border:0;border-bottom:1px solid #425064;padding-bottom:12px}.timeline{grid-template-columns:repeat(2,1fr)}.fields{grid-template-columns:1fr}.fields .wide{grid-column:auto}.result-card{padding:30px 24px}.section-heading{gap:18px}footer{flex-direction:column}}