@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');

:root{--ink:#17302a;--muted:#6c7b76;--paper:#f5f6f2;--card:#fff;--line:#e1e6e2;--green:#173f35;--green2:#2d6b59;--mint:#e5f0eb;--soft:#f0f4f1;--amber:#fff6e4;--amber-line:#ecd9ae;--amber-text:#735822;--shadow:0 12px 38px rgba(25,55,47,.07);--radius:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:72px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;background:rgba(245,246,242,.96);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink)}.brand-mark{width:38px;height:38px;border-radius:9px;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px;letter-spacing:.03em}.brand strong{display:block;font:800 17px "Manrope",sans-serif}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.top-actions{display:flex;gap:8px}.outline-btn,.lang-btn,.back-btn{background:transparent;border:1px solid var(--line);border-radius:9px;padding:9px 13px;color:var(--ink);font-weight:600}.lang-btn{border:0}.outline-btn:hover,.back-btn:hover{background:#fff;border-color:#cdd6d1}.hero{min-height:610px;padding:86px 7vw 76px;display:grid;grid-template-columns:1.12fr .88fr;gap:7vw;align-items:center;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#f7f8f5 0,#f5f6f2 100%)}.hero-copy{max-width:720px}.eyebrow{color:var(--green2);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;margin-bottom:11px}.eyebrow-dot{display:inline-block;width:6px;height:6px;background:var(--green2);border-radius:50%;margin-right:7px;vertical-align:1px}.hero h1{font:800 clamp(43px,5.2vw,72px)/1.01 "Manrope",sans-serif;letter-spacing:-.055em;margin:0 0 22px;max-width:760px}.hero h1 em{font-style:normal;color:var(--green2)}.hero p{font-size:17px;line-height:1.7;color:var(--muted);max-width:650px}.hero-actions{display:flex;align-items:center;gap:16px;margin-top:28px}.primary-btn{border:0;background:var(--green);color:#fff;border-radius:9px;padding:13px 18px;font-weight:700;transition:.18s}.primary-btn:hover{background:#235849;transform:translateY(-1px)}.primary-btn.large{font-size:15px;padding:15px 20px}.primary-btn span{margin-left:10px}.quiet-btn{border:0;background:transparent;color:var(--green);font-weight:700;padding:12px 0}.full{width:100%}.trust-row{display:flex;gap:32px;margin-top:42px}.trust-row div{display:flex;gap:8px;align-items:center}.trust-row b{color:var(--green2);font-size:11px}.trust-row span{font-size:11px;color:var(--muted)}.hero-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px;box-shadow:var(--shadow);max-width:470px;margin-left:auto}.card-kicker{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;margin-bottom:21px}.live-pill{border:1px solid #c9ddd4;color:var(--green2);padding:4px 7px;border-radius:5px;font-size:9px}.profile-preview{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.avatar{width:42px;height:42px;border-radius:50%;background:var(--mint);color:var(--green);display:grid;place-items:center;font-weight:800}.profile-preview span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.match-preview{background:var(--soft);border:1px solid #e5ebe7;border-radius:12px;padding:18px;margin-top:18px}.match-preview>div{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.match-preview strong{font:800 27px "Manrope";color:var(--green2)}.match-preview h3{margin:11px 0 4px;font:700 17px "Manrope"}.match-preview p{margin:0 0 15px;font-size:11px;color:var(--muted)}.progress{height:7px;background:#dce5e0;border-radius:20px;overflow:hidden}.progress i{display:block;height:100%;background:var(--green2);border-radius:20px}.check-line{font-size:10px;color:var(--green2);margin-top:15px}.check-line span{font-weight:800;margin-right:3px}.section{padding:76px 7vw;max-width:1380px;margin:auto}.section-heading,.results-header{display:flex;gap:16px;align-items:flex-start;margin-bottom:30px}.step{background:var(--green);color:#fff;border-radius:7px;padding:8px 9px;font-size:10px;font-weight:800}.section h2,.results-header h2,.assistant-copy h2,.how-section h2{font:800 clamp(29px,3.6vw,45px)/1.08 "Manrope";letter-spacing:-.04em;margin:0 0 9px}.section-heading p,.results-header p{color:var(--muted);margin:0;font-size:13px}.form-card{background:#fff;border:1px solid var(--line);padding:28px;border-radius:14px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.form-grid label{font-size:11px;font-weight:700;color:#53635d}.form-grid input,.form-grid select{display:block;width:100%;margin-top:7px;border:1px solid #dce3df;background:#fbfcfb;padding:12px;border-radius:8px;outline:none;color:var(--ink);font-size:13px}.form-grid input:focus,.form-grid select:focus{border-color:var(--green2);box-shadow:0 0 0 3px rgba(45,107,89,.08)}.form-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:20px}.form-footer>span{font-size:10px;color:var(--muted)}.hidden{display:none!important}.analysis-card{display:flex;gap:20px;align-items:center;background:#edf4f0;border:1px solid #d6e5de;border-radius:14px;padding:25px}.analysis-card h2{font-size:28px}.analysis-card p{color:var(--muted);font-size:13px}.spinner{width:40px;height:40px;border:3px solid #cfe0d8;border-top-color:var(--green2);border-radius:50%;animation:spin .9s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.results-header{justify-content:space-between;align-items:center}.scheme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.scheme-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:21px;transition:.18s}.scheme-card:hover{border-color:#c9d5cf;box-shadow:var(--shadow);transform:translateY(-2px)}.scheme-card.best{border:1.5px solid var(--green2)}.scheme-top{display:flex;justify-content:space-between;align-items:center}.scheme-icon{width:45px;height:45px;border-radius:10px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-weight:800;font-size:12px}.score{font:800 23px "Manrope";color:var(--green2)}.scheme-card h3{font:700 18px "Manrope";margin:17px 0 5px}.scheme-card p{color:var(--muted);font-size:12px;line-height:1.5;min-height:36px}.tag{display:inline-block;background:#f1f4f2;border:1px solid #e4e9e6;border-radius:5px;padding:5px 7px;font-size:9px;font-weight:800;margin:4px 4px 0 0}.scheme-card button{width:100%;margin-top:18px}.detail-layout{display:grid;grid-template-columns:1.5fr .68fr;gap:24px}.back-btn{margin-bottom:18px}.detail-title-row{display:flex;align-items:center;gap:14px;margin-bottom:20px}.detail-title-row h2{margin:0;font-size:33px}.detail-title-row p{color:var(--muted);margin:4px 0;font-size:13px}.score-big{margin-left:auto;text-align:center}.score-big strong{font:800 39px "Manrope";color:var(--green2);display:block}.score-big span{font-size:10px;color:var(--muted)}.detail-card,.action-panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px;margin-bottom:15px}.detail-card h3,.action-panel h3{font:700 17px "Manrope";margin:0 0 15px}.reason-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.reason{background:#f7f9f7;border:1px solid #e9eeeb;border-radius:9px;padding:11px;font-size:11px}.reason b{color:var(--green2);margin-right:6px}.reason strong{font-size:12px}.reason span{color:var(--muted);display:inline-block;margin-left:19px;margin-top:2px}.gap-card{background:var(--amber);border-color:var(--amber-line)}.warning-icon{display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid #d4b66c;border-radius:50%;font-size:11px;color:var(--amber-text);margin-right:5px}.gap-card p{color:var(--amber-text);font-size:12px;line-height:1.55}.text-btn{border:0;background:transparent;padding:0;color:#805f1c;font-weight:700;font-size:11px}.document-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.doc{padding:11px;border:1px solid var(--line);border-radius:8px;font-size:11px}.doc.done::before{content:"✓";color:var(--green2);font-weight:800;margin-right:7px}.doc.need::before{content:"!";color:#9a741f;font-weight:800;margin-right:7px}.action-panel{position:sticky;top:92px;height:max-content}.timeline{margin:20px 0}.timeline-item{display:flex;gap:12px;padding:0 0 18px;position:relative}.timeline-item:not(:last-child):after{content:"";position:absolute;left:8px;top:20px;height:calc(100% - 14px);border-left:1px dashed #c8d4ce}.timeline-dot{width:17px;height:17px;border-radius:50%;background:var(--mint);color:var(--green2);font-size:9px;display:grid;place-items:center;font-weight:800;z-index:1}.timeline-item b{font-size:12px}.timeline-item span{display:block;color:var(--muted);font-size:10px;margin-top:3px;line-height:1.4}.assistant-wrap{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;background:#eef4f0;border:1px solid #dfe9e4;border-radius:16px;padding:40px}.quick-questions{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.quick-questions button{background:#fff;border:1px solid var(--line);padding:9px 11px;border-radius:7px;font-size:11px;color:var(--ink)}.quick-questions button:hover{border-color:#c8d5cf}.chat-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:var(--shadow)}.chat-head{padding:13px 16px;border-bottom:1px solid var(--line);font-weight:700;font-size:12px}.status-dot{display:inline-block;width:7px;height:7px;background:#4f8b73;border-radius:50%;margin-right:7px}.chat-messages{height:220px;padding:16px;overflow:auto}.bot-message,.user-message{max-width:82%;padding:10px 12px;border-radius:9px;font-size:11px;line-height:1.5;margin-bottom:9px}.bot-message{background:#f0f4f1}.user-message{background:var(--green);color:#fff;margin-left:auto}.chat-input{display:flex;border-top:1px solid var(--line);padding:9px;gap:7px}.chat-input input{flex:1;border:0;outline:0;padding:8px;font-size:11px}.chat-input button{background:var(--green);color:#fff;border:0;border-radius:7px;padding:8px 13px;font-weight:700;font-size:11px}.how-section{text-align:center}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px;text-align:left}.how-grid div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.how-grid span{color:var(--green2);font-weight:800;font-size:10px}.how-grid h3{font:700 16px "Manrope"}.how-grid p{color:var(--muted);font-size:11px;line-height:1.6}footer{padding:30px 7vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px}footer strong{color:var(--ink);margin-right:12px}.toast{position:fixed;bottom:22px;right:22px;background:var(--green);color:#fff;padding:11px 14px;border-radius:8px;font-size:11px;opacity:0;transform:translateY(8px);transition:.2s;z-index:50}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:60px}.hero-card{max-width:600px;margin:0}.form-grid{grid-template-columns:1fr 1fr}.scheme-grid,.how-grid{grid-template-columns:1fr}.detail-layout,.assistant-wrap{grid-template-columns:1fr}.action-panel{position:static}.detail-title-row{align-items:flex-start}.score-big{margin-left:auto}}@media(max-width:560px){.topbar{padding:0 5vw}.section,.hero{padding-left:5vw;padding-right:5vw}.hero h1{font-size:42px}.hero-actions{align-items:flex-start;flex-direction:column;gap:5px}.form-grid{grid-template-columns:1fr}.form-footer{align-items:flex-start;flex-direction:column}.reason-list,.document-list{grid-template-columns:1fr}.results-header{display:block}.results-header button{margin-top:14px}footer{display:block}footer small{display:block;margin-top:8px}}
.form-group-block{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.form-group-block:first-child{border-top:0;padding-top:0;margin-top:0}.form-group-title{display:flex;gap:11px;align-items:center;margin-bottom:16px}.form-group-title>span{width:27px;height:27px;border-radius:7px;background:var(--mint);color:var(--green2);display:grid;place-items:center;font-size:9px;font-weight:800}.form-group-title strong{display:block;font:700 15px "Manrope"}.form-group-title small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.profile-summary{display:flex;align-items:center;gap:10px;margin-top:20px;padding:12px 14px;background:#f7f9f7;border:1px solid #e5ebe7;border-radius:9px}.profile-summary>span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green2);font-weight:800;font-size:11px}.profile-summary strong{display:block;font-size:11px}.profile-summary small{display:block;color:var(--muted);font-size:9px;margin-top:2px}
@media(max-width:900px){.form-group-block .form-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.form-group-block .form-grid{grid-template-columns:1fr}}

/* Google-style assisted option fields */
.combo{position:relative;display:flex;align-items:center}
.combo-input{width:100%;padding:13px 42px 13px 14px;border:1px solid var(--line,#d9e1dd);border-radius:10px;background:#fff;color:var(--ink,#18342c);font:inherit;outline:none;transition:border-color .18s,box-shadow .18s}
.combo-input:focus{border-color:#6f8f83;box-shadow:0 0 0 3px rgba(45,91,76,.08)}
.combo-arrow{position:absolute;right:4px;top:4px;height:38px;width:38px;border:0;background:transparent;color:#61746d;font-size:18px;cursor:pointer;border-radius:8px}
.combo-arrow:hover{background:#f1f5f2}
.combo-menu{display:none;position:absolute;z-index:30;left:0;right:0;top:calc(100% + 6px);max-height:240px;overflow:auto;background:#fff;border:1px solid #dce4e0;border-radius:12px;box-shadow:0 12px 28px rgba(25,50,43,.12);padding:6px}
.combo.open .combo-menu{display:block}
.combo-option{display:flex;align-items:center;justify-content:space-between;padding:10px 11px;border-radius:8px;cursor:pointer;font-size:14px;color:#263d35}
.combo-option:hover,.combo-option.active{background:#f0f5f2}
.combo-option .tick{opacity:0;color:#2d6b57;font-weight:700}
.combo-option.selected .tick{opacity:1}
.combo-empty{padding:14px 11px;color:#71817b;font-size:13px}
@media(max-width:700px){.combo-menu{max-height:210px}}

.money-input{display:flex;align-items:center;border:1px solid var(--border,#d9ded9);border-radius:10px;background:#fff;overflow:hidden;margin-top:7px}
.money-input:focus-within{border-color:#1d6b4f;box-shadow:0 0 0 3px rgba(29,107,79,.08)}
.money-input>span{padding-left:13px;font-weight:700;color:#506057}
.money-input input{border:0!important;box-shadow:none!important;border-radius:0!important;flex:1;min-width:0;padding-left:8px!important}
.field-hint{display:block;margin-top:6px;color:#758078;font-size:12px;line-height:1.35}

.register-card{border-color:#d6e5de;background:#f8fbf9}
.register-card h3{margin-bottom:8px}
.register-card p{color:var(--muted);font-size:11px;line-height:1.5;margin:0 0 12px}
.register-link{display:inline-flex;align-items:center;gap:6px;color:var(--green2);font-size:12px;font-weight:800;text-decoration:none;word-break:break-word}
.register-link:hover,.register-link:focus{text-decoration:underline}