:root{--bg: #f0f1ec;--surface: #ffffff;--surface-2: #e5e9e1;--ink: #111411;--ink-2: #303630;--muted: #687168;--line: rgba(17, 20, 17, .12);--line-strong: rgba(17, 20, 17, .24);--green: #256c48;--green-light: #83d99f;--green-pale: #dcecdf;--radius: 14px;--shadow: 0 14px 34px rgba(12, 17, 13, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,sans-serif;line-height:1.5}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid rgba(37,108,72,.3);outline-offset:3px}.site-header{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,56px);border-bottom:1px solid var(--line);background:#f0f1ecf0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.brand{display:inline-flex;gap:10px;align-items:center;font-size:17px;font-weight:700;letter-spacing:-.02em}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--green-light);font-size:18px}nav{display:flex;gap:30px;font-size:13px;font-weight:600;color:var(--muted)}nav a:hover{color:var(--green)}.small-button{border:1px solid var(--line-strong);border-radius:999px;padding:9px 14px;font-size:12px;font-weight:700;background:var(--surface)}.small-button:hover{border-color:var(--ink);background:var(--ink);color:#fff}.hero{max-width:860px;margin:0 auto;padding:92px 24px 82px;text-align:center}.hero-copy{display:flex;flex-direction:column;align-items:center}.hero-label,.section-label{margin:0 0 15px;color:var(--green);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}h1,h2{margin:0;letter-spacing:-.05em;line-height:1.06}h1{font-size:clamp(52px,8vw,82px);font-weight:700}h1 span{color:var(--green)}.hero-subtitle{max-width:620px;margin:25px 0 31px;color:var(--ink-2);font-size:16px;line-height:1.7}.primary-button{display:inline-flex;align-items:center;gap:25px;padding:12px 14px 12px 19px;border-radius:999px;background:var(--ink);color:#fff;font-size:13px;font-weight:700}.primary-button span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--green)}.primary-button:hover{background:var(--green)}.generator-section{max-width:1080px;margin:0 auto;padding:30px 24px 96px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:28px}.section-heading h2{max-width:650px;font-size:clamp(34px,4.5vw,50px)}.generator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.generator-card{position:relative;overflow:hidden;min-height:208px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;display:grid;grid-template-columns:66px minmax(0,1fr) auto;grid-template-rows:auto auto 1fr auto;column-gap:18px;transition:border-color .18s,transform .18s,box-shadow .18s}.generator-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--green) 0 18%,var(--ink) 18% 24%,transparent 24%);opacity:.8}.generator-card:hover{border-color:var(--line-strong);transform:translateY(-3px);box-shadow:var(--shadow)}.generator-card:active{transform:translateY(0)}.card-number{position:relative;grid-column:1;grid-row:1 / span 4;align-self:start;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--green-light);font-size:13px;font-weight:700;letter-spacing:.03em}.card-number:before{content:"";position:absolute;inset:-5px;border:1px solid rgba(37,108,72,.35);border-radius:50%;border-right-color:transparent;transform:rotate(-25deg)}.card-number:after{content:"";position:absolute;right:-5px;top:7px;width:8px;height:8px;border:3px solid var(--surface);border-radius:50%;background:var(--green)}.card-icon{grid-column:2;color:var(--green);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.11em}.card-title{grid-column:2 / span 2;margin-top:8px;font-size:24px;font-weight:700;line-height:1.06;letter-spacing:-.035em}.card-cta{grid-column:2 / span 2;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;padding-top:14px;border-top:1px solid var(--line);color:var(--ink-2);font-size:11px;font-weight:700}.card-cta b{color:var(--green);font-size:18px;font-weight:400;transition:transform .18s}.generator-card:hover .card-cta b{transform:translate(4px)}.how-section{max-width:1032px;margin:0 auto 88px;padding:40px;border-radius:18px;background:var(--ink);color:#fff}.how-section .section-label{color:var(--green-light)}.how-section h2{max-width:690px;font-size:clamp(34px,4.5vw,48px)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:34px;border-top:1px solid rgba(255,255,255,.15)}.steps article{padding:25px 28px 2px 0}.steps article+article{border-left:1px solid rgba(255,255,255,.15);padding-left:28px}.steps b{color:var(--green-light);font-size:11px}.steps h3{margin:13px 0 7px;font-size:18px}.steps p{margin:0;color:#adb6ae;font-size:13px;line-height:1.58}footer{max-width:1080px;min-height:112px;margin:0 auto;padding:27px 24px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);color:var(--muted);font-size:11px}dialog{width:min(900px,calc(100% - 28px));max-height:calc(100vh - 28px);padding:0;border:1px solid var(--line-strong);border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:0 30px 90px #0000004d}dialog::backdrop{background:#070a08b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:16px;right:16px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--surface);font-size:24px;cursor:pointer;z-index:2}.dialog-close:hover{background:var(--green-pale)}.dialog-shell{padding:clamp(38px,6vw,68px)}.dialog-intro{max-width:690px}.dialog-kicker{margin:0 0 11px;color:var(--green);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.dialog-intro h2{font-size:clamp(34px,5vw,50px)}.dialog-intro>p:not(.dialog-kicker){color:var(--muted);line-height:1.6}.progress{height:4px;overflow:hidden;border-radius:99px;background:var(--surface-2);margin:28px 0 34px}.progress span{display:block;height:100%;width:38%;background:var(--green);transition:width .35s}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.field label{display:block;margin:0 0 8px;font-size:11px;font-weight:700}.field select{width:100%;padding:13px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--ink)}.generate-button,.again-button{border:0;border-radius:999px;background:var(--ink);color:#fff;padding:13px 21px;font-weight:700;cursor:pointer}.generate-button{margin-top:24px}.generate-button:hover,.again-button:hover{background:var(--green)}.result{display:none}.result.visible{display:block;animation:rise .3s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(7px)}}.result-tag{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--green-pale);color:var(--green);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.result h3{margin:17px 0 10px;font-size:clamp(30px,4.5vw,44px);line-height:1.1}.result-lead{max-width:720px;color:var(--muted);font-size:16px;line-height:1.6}.result-meta{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0 28px}.result-meta span{padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px;font-weight:600}.result-columns{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;border-top:1px solid var(--line);padding-top:26px}.result h4{margin:0 0 13px;font-size:13px}.result ul,.result ol{padding-left:20px;margin:0}.result li{margin:0 0 10px;line-height:1.55}.result-note{margin-top:22px;padding:15px 17px;border-left:3px solid var(--green);border-radius:0 10px 10px 0;background:var(--green-pale);font-size:13px;line-height:1.55}.again-button{margin-top:26px}@media(max-width:760px){nav{display:none}.hero{padding-top:70px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.generator-grid{grid-template-columns:1fr}.how-section{margin-left:20px;margin-right:20px;padding:30px}.steps{grid-template-columns:1fr}.steps article{padding:21px 0}.steps article+article{border-left:0;border-top:1px solid rgba(255,255,255,.15);padding-left:0}}@media(max-width:560px){.site-header{height:60px}.small-button{display:none}h1{font-size:47px}.hero{padding:58px 18px 64px}.generator-section{padding-left:16px;padding-right:16px}.generator-card{min-height:200px;padding:19px;grid-template-columns:58px minmax(0,1fr) auto;column-gap:14px}.card-number{width:50px;height:50px}.card-title{font-size:21px}footer{align-items:flex-start;flex-direction:column;gap:13px}.dialog-shell{padding:54px 22px 32px}.form-grid,.result-columns{grid-template-columns:1fr}.result-columns{gap:24px}}