:root{--ink:#20282b;--paper:#f7f4ed;--accent:#daff6f;--muted:#626a68}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 Arial,sans-serif}a{color:inherit}header,main,footer{max-width:1240px;margin:auto;padding:0 48px}header{display:flex;align-items:center;justify-content:space-between;padding-top:30px;padding-bottom:26px;border-bottom:1px solid #d4d5cc}.brand{font-size:25px;font-weight:800;text-decoration:none;letter-spacing:-1px}.brand span{font-size:14px;font-weight:400;letter-spacing:0;color:var(--muted)}small,.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:700}.hero{padding:76px 0 62px}.eyebrow{margin:0 0 20px}.hero h1{font-size:clamp(50px,7vw,94px);line-height:1.04;letter-spacing:-5px;font-weight:600;margin:0 0 36px}.hero em{font-family:Georgia,serif;font-weight:400}.intro{display:flex;justify-content:space-between;align-items:center;gap:40px}.intro p{max-width:540px;margin:0;font-size:20px}.button{display:inline-flex;align-items:center;text-decoration:none;border:1px solid var(--ink);border-radius:4px;background:var(--accent);padding:17px 22px;font-size:15px;font-weight:700;white-space:nowrap}.button:hover{transform:translateY(-2px)}.section-title{border-top:1px solid #bfc2ba;display:flex;justify-content:space-between;align-items:center;padding:25px 0}.section-title h2{font-size:18px;margin:0}.project{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:center;padding:35px 0 65px}.project h3{font-size:44px;line-height:1.08;letter-spacing:-2px;margin:0 0 24px}.project ul{padding-left:18px;font-size:14px;line-height:1.9}.text-link{font-size:15px;font-weight:700;text-underline-offset:6px}.caption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:20px}.preview{background:#273a36;color:var(--paper);border-radius:8px;padding:30px;text-decoration:none;box-shadow:10px 10px 0 #dedfd4;min-height:395px}.preview-top,.preview-bottom{font-size:9px;letter-spacing:1.5px}.preview-top span{float:right}.preview>p{font-family:Georgia,serif;font-size:35px;line-height:1.15;margin:45px 0 30px}.option{border:1px solid #91a199;border-radius:4px;margin-top:10px;padding:13px;font-size:14px;display:flex;gap:16px;align-items:center;color:var(--accent)}.option b{font-weight:400;color:white;flex:1}.preview-bottom{margin-top:30px;color:#c5d1bc}.second{border-top:1px solid #d4d5cc;padding-top:55px}.video-wrap{padding:14px;background:#e8e8df;border-radius:8px}video{width:100%;display:block;border-radius:3px}.video-wrap .caption{margin:10px 3px 0}.approach{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;padding:60px 0 75px;border-top:1px solid #bfc2ba}.approach h2{font-size:46px;line-height:1.12;letter-spacing:-2px;margin:0}.approach>div>p:first-child{margin-top:0}.dark{background:var(--ink);color:white}footer{padding-top:25px;padding-bottom:30px;border-top:1px solid #d4d5cc;font-size:11px;color:var(--muted)}footer strong{color:var(--ink)}footer p{margin:8px 0}a:focus-visible,button:focus-visible{outline:3px solid #467b76;outline-offset:5px}.quiz-shell{max-width:760px;padding:60px 0 90px}.quiz-shell h1{font:50px/1.1 Georgia,serif;letter-spacing:-2px;margin:15px 0 25px}fieldset{border:0;padding:0;margin:30px 0}legend{font-size:22px;font-weight:bold;margin-bottom:20px}label{display:block;border:1px solid #a7b1a9;border-radius:5px;margin:10px 0;padding:15px;cursor:pointer;background:white}label:has(input:checked){background:var(--accent);border-color:var(--ink)}input{margin-right:12px;accent-color:#273a36}.quiz-actions{display:flex;justify-content:space-between;gap:15px;align-items:center}button{cursor:pointer;font:inherit}.plain{background:none;border:0;text-decoration:underline;font-size:14px}button:disabled{opacity:.4;cursor:not-allowed}.result{background:#273a36;color:white;border-radius:8px;padding:30px;margin:30px 0}.result h2{font:36px/1.15 Georgia,serif}.result .eyebrow{color:var(--accent)}.progress{height:4px;background:#dfe1d5;margin:25px 0}.progress span{display:block;height:100%;background:#273a36}.demo-note{border-top:1px solid #c4c8bd;padding-top:20px;font-size:13px;color:var(--muted)}@media(max-width:760px){header,main,footer{padding-left:22px;padding-right:22px}header>small{display:none}.hero{padding:48px 0}.hero h1{letter-spacing:-2.5px}.intro{display:block}.intro .button{margin-top:25px}.project,.approach{grid-template-columns:1fr;gap:30px}.project h3,.approach h2{font-size:38px}.section-title small{font-size:9px}.preview{padding:25px;min-height:370px}.project{padding-top:20px;padding-bottom:45px}.second{padding-top:40px}.approach{padding:40px 0}.brand span{font-size:12px}.quiz-shell h1{font-size:40px}}