:root{
 --green:#00b86b;--green-dark:#009b59;--green-soft:#eafaf3;--green-line:#19cf86;
 --blue:#1698ed;--text:#202734;--muted:#657083;--u-muted:#5c6a7b;--line:#e5ebe9;--danger:#f04444;--warn:#e9a41b;
 --shadow:0 24px 70px rgba(31,54,44,.08)
}
*{box-sizing:border-box}
html.segment-html{width:100%;min-height:0;margin:0;padding:0;overflow-x:hidden;scroll-behavior:smooth}
body.segment-page{
 width:100%;margin:0;color:var(--text);
 font-family:"GTEestiProDisplay","GT Eesti Pro Display","GT Eesti Pro",Arial,sans-serif;
 background:radial-gradient(circle at 4% 10%,rgba(0,184,107,.12),transparent 25%),
 radial-gradient(circle at 95% 2%,rgba(22,152,237,.08),transparent 27%),#f7faf9;
 background-attachment:fixed;-webkit-font-smoothing:antialiased
}
.segment-wrap{width:100%;max-width:1500px;margin:0 auto;padding:24px 20px 16px}
.segment-shell{
 position:relative;width:100%;background:#fff;border:1.5px solid var(--green-line);
 border-radius:28px;padding:46px 38px 38px;box-shadow:var(--shadow);overflow:hidden
}
.segment-shell:before,.segment-shell:after{content:"";position:absolute;pointer-events:none;border-radius:50%;background:rgba(0,184,107,.035)}
.segment-shell:before{width:440px;height:440px;right:-180px;top:-220px}
.segment-shell:after{width:320px;height:320px;left:-180px;bottom:-180px}
.content{position:relative;z-index:1}
.service-nav{display:flex;align-items:center;justify-content:space-between;margin:-20px 0 18px;gap:14px}
.brand-link{display:inline-flex;align-items:center;text-decoration:none}
.brand-link img{display:block;width:150px;max-height:46px;object-fit:contain;object-position:left center}
.back-site{display:inline-flex;align-items:center;gap:7px;color:var(--green-dark);text-decoration:none;font-size:14px;font-weight:600;padding:9px 13px;border:1px solid #ccefe0;border-radius:10px;background:#fff}
.top-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(390px,.8fr);gap:54px;align-items:start}
.hero{padding:28px 4px 0}
.kicker,.section-kicker{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;background:var(--green-soft);color:var(--green-dark);font-size:13px;font-weight:800;text-transform:uppercase}
h1{margin:16px 0 14px;font-size:clamp(38px,3.45vw,56px);line-height:1;letter-spacing:-.025em;font-weight:300}
h1 .accent{display:block;color:var(--green)}
.sub{max-width:780px;margin:16px 0 18px;color:var(--u-muted);font-size:18px;line-height:1.48}
@media (min-width:1200px) and (max-height:900px){
 h1{font-size:clamp(38px,3.1vw,50px)!important}
 .sub{font-size:17px!important;line-height:1.42!important;margin:12px 0 14px!important}
 .feature-grid{margin-top:12px!important;gap:8px 24px!important}
 .hero{padding-top:20px!important}
 .search-form-card{margin-top:16px!important}
}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;margin-top:28px;max-width:740px}
.feature{display:flex;align-items:center;gap:10px;font-size:16px}
.check{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--green);color:#fff;font-size:12px;font-weight:900}
.side-card,.search-form-card,.result-section{border:1px solid var(--line);background:#fff;border-radius:20px}
.side-card{padding:27px;box-shadow:0 18px 45px rgba(34,60,49,.07)}
.side-card h2{margin:0 0 18px;color:var(--green);font-size:21px;font-weight:400}
.scoreline{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:14px;margin:8px 0;background:#f7f8f8;border-radius:12px;font-size:13px}
.scoreline i{font-style:normal;color:var(--green);font-size:15px;font-weight:800}
.scoreline b{font-size:17px;font-weight:600;color:var(--green)}
.side-card p{font-size:11px;color:var(--muted);line-height:1.5;margin:16px 2px 0}
.search-form-card{margin-top:22px;padding:26px;box-shadow:0 10px 30px rgba(32,63,50,.05)}
.section-head,.section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.section-head h2,.section-title h2{margin:8px 0 0;font-size:25px;font-weight:400}
.section-kicker{min-height:27px;font-size:10px;padding:0 11px}
.form-row.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{min-width:0}
.field label{display:block;margin:0 0 7px;color:#58635f;font-size:12px;font-weight:700}
.field label span{font-weight:400;color:#8b9692}
input,textarea,select{
 width:100%;border:1px solid #dce3e1;border-radius:12px;background:#fff;color:var(--text);
 font:inherit;font-size:15px;outline:none;transition:.18s
}
input,select{height:54px;padding:0 15px} textarea{padding:14px 15px;resize:vertical;line-height:1.45;min-height:118px}
input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(0,184,107,.08)}
.compact{margin-top:14px}.compact input{max-width:620px}
.hint{margin-top:7px;color:#89928f;font-size:12px;line-height:1.45}.hint b{color:#697571}
.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 14px}
.mode-switch label{display:flex;align-items:center;gap:11px;padding:14px 16px;border:1px solid #dce3e1;border-radius:14px;cursor:pointer;background:#fff}
.mode-switch label:has(input:checked){border-color:var(--green);background:var(--green-soft);box-shadow:0 0 0 2px rgba(0,184,107,.06)}
.mode-switch input{width:18px;height:18px;accent-color:var(--green)}
.mode-switch span{display:flex;flex-direction:column;gap:2px}.mode-switch b{font-size:14px}.mode-switch small{color:var(--muted);font-size:11px}
.mode-box{padding:18px;border-radius:16px;background:#f8fbfa;border:1px solid #edf2f0}
.mode-box.hidden,.hidden{display:none!important}
.mode-box .mini{max-width:260px;margin-top:12px}
.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}
.check-row{display:flex;align-items:center;gap:10px;padding:12px 14px;margin:4px 0 14px;background:#fff;border:1px solid #e2ece8;border-radius:12px;font-size:13px}
.check-row input{width:18px;height:18px;accent-color:var(--green);flex:0 0 auto}
.notice{margin-top:12px;padding:12px 14px;border-radius:12px;background:#fff7df;border:1px solid #f4df9c;color:#6c5c2c;font-size:12px;line-height:1.45}
.actions{display:flex;align-items:center;gap:16px;margin-top:18px}
.button{min-height:52px;border:0;border-radius:12px;padding:0 21px;font:inherit;font-size:15px;font-weight:650;cursor:pointer;transition:.18s}
.button:hover{transform:translateY(-1px);filter:brightness(.98)}
.button.green{background:var(--green);color:#fff;box-shadow:0 8px 20px rgba(0,184,107,.18)}
.button.primary{background:var(--blue);color:#fff;box-shadow:0 8px 20px rgba(22,152,237,.18)}
.button.outline{background:#fff;color:var(--green-dark);border:1px solid #bfe7d6;box-shadow:none}
.progress{display:none;flex:1;min-width:220px}.progress.show{display:block}
.bar{height:8px;border-radius:999px;background:#edf3f0;overflow:hidden}.bar span{display:block;height:100%;width:70%;background:var(--green);animation:pulse 1.4s ease-in-out infinite alternate}
.progress small{display:block;margin-top:6px;color:var(--muted)}
@keyframes pulse{from{width:18%}to{width:88%}}
.status{margin-top:18px;padding:15px 18px;border:1px solid #bee9d5;background:#f0fbf6;border-radius:14px;color:#217653;font-size:14px}
.status.error{border-color:#facaca;background:#fff4f4;color:#b63737}
.result-section{margin-top:26px;padding:26px}
.metrics{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:12px}
.metric{min-height:118px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fafcfb}
.metric span{display:block;color:var(--muted);font-size:12px}.metric b{display:block;margin-top:10px;color:var(--green-dark);font-size:30px;font-weight:500}
.metric.featured{background:linear-gradient(135deg,#effbf6,#fff)}.metric.featured b{font-size:36px}
.metric small{display:block;color:var(--muted);font-size:10px;margin-top:6px}
.meter{height:7px;margin-top:10px;border-radius:999px;background:#e6eeeb;overflow:hidden}.meter i{display:block;height:100%;width:0;background:var(--green);transition:.35s}
.zone-cards{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.zone-card{padding:12px 15px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:12px}
.zone-card b{color:var(--green-dark);font-size:17px;margin-left:7px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 16px;border-bottom:1px solid var(--line);padding-bottom:10px}
.tabs button{min-height:40px;padding:0 15px;border:1px solid #dce7e3;border-radius:10px;background:#fff;color:#5e6965;font:inherit;font-size:13px;cursor:pointer}
.tabs button.active{background:var(--green);border-color:var(--green);color:#fff}
.tabbody{display:none}.tabbody.active{display:block}
.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:14px}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{padding:12px 13px;text-align:left;border-bottom:1px solid #edf1ef;vertical-align:middle}
th{background:#f7faf9;color:#68736f;font-size:11px;text-transform:uppercase;letter-spacing:.02em}
tr:last-child td{border-bottom:0}
.tag{display:inline-block;margin-left:7px;padding:3px 6px;border-radius:999px;background:#fff2ca;color:#8d6712;font-size:9px;font-weight:800;text-transform:uppercase}
.competitor{display:grid;grid-template-columns:22px 1fr;gap:10px;padding:13px 4px;border-bottom:1px solid #edf1ef}
.competitor input{width:17px;height:17px;accent-color:var(--green)}
.competitor b{font-size:13px}.competitor a{color:var(--blue);font-size:12px;text-decoration:none;word-break:break-all}.competitor small{color:var(--muted)}
.recalc{margin-top:16px}
.brief-card{padding:20px;border-radius:16px;background:#f7faf9;border:1px solid var(--line)}
.brief-card h3{margin:0 0 8px;font-size:20px;font-weight:400}.brief-card p{color:var(--muted);line-height:1.55}
.brief-terms{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.brief-terms span{padding:8px 10px;border-radius:999px;background:#fff;border:1px solid #dce7e3;font-size:12px}
.empty{padding:22px;color:var(--muted);text-align:center;background:#fafcfb;border-radius:12px}

/* ===== TOP SEO LEAD ===== */
.top-seo-lead{margin-top:24px;padding:20px 22px;border:1px solid #ccefe0;border-radius:17px;background:linear-gradient(100deg,#effbf6,#fbfdfc)}
.top-seo-lead h3{margin:0 0 5px;font-size:22px;line-height:1.2;font-weight:500;color:#152238}
.top-seo-lead p{margin:0;font-size:13px;line-height:1.45;color:#657083}
.top-seo-lead .lead-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 260px;gap:14px;align-items:stretch;width:100%;margin-top:16px}
.top-seo-lead input{width:100%;min-width:0;height:58px;margin:0;border:1px solid #dce3e1;border-radius:12px;padding:0 14px;background:#fff;color:var(--text);font:inherit;font-size:15px;outline:none}
.top-seo-lead input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(0,184,107,.08)}
.top-seo-lead button{width:100%;min-width:0;height:58px;min-height:58px;margin:0;border:0;border-radius:12px;background:var(--blue);color:#fff;font:inherit;font-size:15px;font-weight:650;cursor:pointer;transition:.18s}
.top-seo-lead button:disabled{opacity:.6;cursor:default}
.top-seo-lead .privacy{display:flex;align-items:center;gap:7px;width:100%;margin:10px 0 0;font-size:12px;line-height:1.3;color:#657083}
.top-seo-lead .privacy input{width:16px;height:16px;min-width:16px;flex:0 0 16px;margin:0}
.privacy a{color:var(--green-dark)}
.lead-message{display:none;margin-top:9px;font-size:13px;color:var(--green-dark)}
.lead-message.error{color:var(--danger)}
#leadSend.sent{background:var(--green-dark)}
@media(max-width:980px){
 .segment-shell{padding:28px 22px}.top-grid{grid-template-columns:1fr;gap:22px}.side-card{display:none}
 .form-row.two,.settings-grid,.metrics{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr}
 .top-seo-lead .lead-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
 .segment-wrap{padding:10px}.segment-shell{border-radius:20px;padding:22px 15px}.service-nav{align-items:flex-start}
 h1{font-size:34px;line-height:1.05}.sub{font-size:17px}.form-row.two,.settings-grid,.metrics,.mode-switch{grid-template-columns:1fr}
 .search-form-card,.result-section{padding:16px}.actions{align-items:stretch;flex-direction:column}.button{width:100%}
 .section-title{align-items:flex-start;flex-direction:column}.section-title .button{width:auto}
 .top-seo-lead .lead-grid{grid-template-columns:1fr}
}