@font-face{font-family:Roboto;src:url("assets/fonts/roboto-regular.ttf") format("truetype");font-style:normal;font-weight:100 500;font-display:swap}
@font-face{font-family:Roboto;src:url("assets/fonts/roboto-bold.ttf") format("truetype");font-style:normal;font-weight:600 800;font-display:swap}
@font-face{font-family:Roboto;src:url("assets/fonts/roboto-black.ttf") format("truetype");font-style:normal;font-weight:900;font-display:swap}
:root{font-size:clamp(10px,1.111111vw,16px);--bg:#f7f9f6;--ink:#172326;--green:#095f44;--muted:#657080;--line:#e5ece6;--lime:#b4f55c}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{position:relative;isolation:isolate;margin:0;background:var(--bg);color:var(--ink);font:1rem Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button{cursor:pointer;color:inherit;border:0;background:none}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #47957b;outline-offset:4px}h1,h2,h3,p{margin:0}img,picture{display:block}
.icon{width:1.5rem;height:1.5rem;object-fit:contain;flex-shrink:0}
.container{width:calc(100% - 5rem);max-width:80.75rem;margin-inline:auto}.wide-container{width:calc(100% - 4rem);max-width:83.25rem;margin-inline:auto}
.skip-link{position:fixed;left:1rem;top:-6rem;background:white;padding:1rem;z-index:100;border-radius:.4rem}.skip-link:focus{top:1rem}
.site-header{height:5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative;z-index:10}
.brand{display:inline-flex;align-items:center;flex-shrink:0}.brand-logo{width:15.3rem;height:2.65rem;object-fit:contain}
.main-nav{display:flex;align-items:center;gap:2.25rem}.main-nav a{font-size:1.05rem}.main-nav a:hover,.site-footer nav a:hover,.site-footer nav button:hover{color:var(--green)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:3.2rem;padding:.75rem 1.85rem;font-size:1.1rem;font-weight:700;border-radius:.6rem;border:1px solid transparent;line-height:1.35;white-space:nowrap;transition:background .18s,box-shadow .18s,transform .18s}
.button:hover{transform:translateY(-2px)}.button:active{transform:none}.button-dark{background:#142d29;color:#fff;box-shadow:inset 0 1px 0 #627770}.button-dark:hover{background:#215244}
.button-small{font-size:.95rem;min-height:2.7rem;min-width:7.5rem;padding:.55rem 1.8rem;border-radius:.55rem}
.button-lime{background:linear-gradient(110deg,#b6f95b,#b9f36a);color:#132217;border-color:#a6ed55;box-shadow:inset 0 1px 1px #e1ffb4}.button-lime:hover{background:#c6ff79;box-shadow:0 .4rem 1.25rem #6dad4d25}.menu-toggle{display:none}
.hero{text-align:center;position:relative;padding:1.3rem 0 2.4rem;isolation:isolate}
/* The glow follows the page width, including wide desktop monitors. */
.hero-aura{position:absolute;pointer-events:none;z-index:-1;inset:0 0 auto;height:clamp(42rem,55vw,66rem);background:radial-gradient(ellipse 64% 57% at 50% 24%,#fff0 61%,#e5f7df80 76%,#e2f5dc55 85%,#fff0 100%)}
.eyebrow-pill{display:inline-flex;align-items:center;gap:.55rem;min-height:2.2rem;padding:.35rem .9rem;border:1px solid #b9c6c4;border-radius:2rem;background:#fafcf980;font-size:.875rem;box-shadow:inset 0 1px 1px #fff}
.live-dot{width:.65rem;height:.65rem;display:inline-block;background:#83d947;border-radius:50%;flex-shrink:0}
.hero h1{font-size:5rem;line-height:.97;letter-spacing:-.18rem;font-weight:900;margin:1.5rem 0 .8rem;color:#101d20}.hero h1 span{color:#065b40}
.hero-description{font-size:1.1rem;line-height:1.5;color:#46525b}.hero-audience{color:#7b8690;font-size:.875rem;margin-top:1.15rem;line-height:1.4}
.hero-note{position:absolute;top:6.7rem;width:11rem;color:#7c9086;font-size:.88rem;line-height:1.6;font-style:italic;text-align:center;pointer-events:none}
.hero-note span{display:block}.hero-note img{width:9.5rem;height:7.5rem;object-fit:contain;margin-top:-.3rem}
.hero-note-right{right:.4rem;transform:rotate(-11deg)}.hero-note-right img{transform:rotate(11deg)}
.hero-note-left{left:.2rem;transform:rotate(9deg)}.hero-note-left img{transform:scaleX(-1) rotate(11deg);margin-left:1rem}
.product-preview{margin-block:0;position:relative;max-width:104.5rem}.preview-frame{overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent),linear-gradient(to right,transparent,#000 2%,#000 98%,transparent);mask-composite:intersect;mix-blend-mode:multiply}
.preview-image{width:100%;height:auto}
.features{padding-top:3.4rem;scroll-margin-top:1.5rem}.section-intro{padding:0 1.3rem;margin-bottom:1.6rem}.section-eyebrow{font-size:.72rem;letter-spacing:.24rem;color:#80908f;margin-bottom:.65rem}
.section-intro h2{font-size:3.5rem;font-weight:900;line-height:1.08;letter-spacing:-.13rem;color:#1b2b2d}.section-subtitle{font-size:2rem;line-height:1.3;color:#566172;margin-top:.2rem}
.section-description{font-size:1.03rem;line-height:1.6;color:#78847e;margin-top:1rem}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.feature-card{display:flex;flex-direction:column;min-width:0;padding:1.45rem;background:white;border:1px solid var(--line);border-radius:.85rem;scroll-margin-top:2rem;transition:box-shadow .2s,border-color .2s}
.feature-card:hover,.feature-card:target{border-color:#aacfb6;box-shadow:0 .5rem 1.7rem #17422b07}.feature-heading{display:flex;align-items:center;gap:.85rem;margin-bottom:1.25rem}
.feature-icon{display:grid;place-items:center;width:2.8rem;height:2.8rem;flex-shrink:0;background:linear-gradient(120deg,#edfbee,#eaf8ef);border-radius:.55rem}.feature-icon .icon{width:1.9rem;height:1.9rem}
.feature-heading h3{font-size:1.02rem;font-weight:700;line-height:1.3;color:#19352b}.feature-number{margin-left:auto;font-size:.72rem;letter-spacing:.08rem;color:#bdcac1}
.feature-lead{font-size:1.45rem;font-weight:700;letter-spacing:-.035rem;line-height:1.22;max-width:23rem;min-height:3.55rem}
.feature-description{font-size:.97rem;line-height:1.6;color:#697770;margin:.8rem 0 1.25rem;flex:1}
.feature-result{display:flex;gap:.65rem;align-items:flex-start;padding-top:.95rem;border-top:1px solid #eaf1ec;color:#346a51;font-size:.87rem;line-height:1.5}.feature-result .icon{width:1.05rem;height:1.05rem;margin-top:.13rem}
.integrations{padding-top:3.5rem;scroll-margin-top:1.5rem}.integrations h2,.workflow h2{font-size:1.95rem;font-weight:900;line-height:1.2;letter-spacing:-.035rem;margin-bottom:.65rem}
.integration-description{font-size:1rem;color:#738078;line-height:1.5;margin-bottom:1.35rem}
.integration-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem}
.integration-grid li{min-width:0}.integration-card{display:flex;align-items:center;justify-content:flex-start;gap:.6rem;background:white;border:1px solid var(--line);border-radius:.65rem;min-height:4.3rem;padding:.6rem .75rem;font-size:.8rem;white-space:nowrap;transition:border-color .2s,box-shadow .2s}.integration-card:hover{border-color:#abc6b4;box-shadow:0 .35rem 1rem #173d2908}
.service-icon{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;overflow:hidden;flex-shrink:0;background:#fff;box-shadow:0 0 0 1px #edf0ed}.service-logo{width:100%;height:100%;object-fit:contain}
/* Isolate the official symbols from their PNG wordmarks. */
.service-symbol{display:block;position:relative;overflow:hidden;flex-shrink:0}.service-symbol-google{width:1.4rem;height:2rem}.service-symbol-google img{position:absolute;width:13.9rem;height:2rem;max-width:none;left:0;top:0}
.service-symbol-yandex{width:1.03rem;height:1.45rem}.service-symbol-yandex img{position:absolute;width:6.4rem;height:3.267rem;max-width:none;left:-.2rem;top:-.93rem}
.service-icon-indexnow{background:#9d0000}.service-icon-indexnow .service-logo{width:88%;height:88%;object-fit:contain}
.workflow{padding-top:3rem;scroll-margin-top:1.5rem}.workflow h2{margin-bottom:1.2rem}.workflow-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1.04fr 1fr .88fr;gap:1.4rem}
.workflow-steps li{position:relative;display:flex;gap:2rem;align-items:center;min-height:5.55rem}.step-number{font-size:5.7rem;font-weight:900;letter-spacing:-.35rem;line-height:1;color:#dde6e1}.workflow-steps h3{font-size:1.13rem;font-weight:700;margin-bottom:.7rem;line-height:1.25;color:#13232a}.workflow-steps p{font-size:.98rem;line-height:1.45;color:#6b7788}
.modal{border:1px solid #e2eae4;border-radius:1.1rem;padding:2.5rem;max-width:32rem;width:calc(100% - 2rem);background:#fcfefa;color:var(--ink);box-shadow:0 1.5rem 6rem #002a3040}.modal::backdrop{background:#102c265f;backdrop-filter:blur(5px)}
.modal h2{font-size:1.9rem;letter-spacing:-.04rem;margin:1.2rem 0 .8rem;line-height:1.15}.modal p:not(.section-eyebrow){font-size:1rem;color:#617169;line-height:1.6;margin-bottom:1rem}.modal-close{position:absolute;right:1rem;top:1rem;border-radius:.5rem;padding:.5rem}.modal-close:hover{background:#e9f3e7}
.login-form{display:grid;gap:1.2rem;margin-top:1.8rem}.login-field{display:grid;gap:.55rem}.login-field label{font-size:.92rem;font-weight:700;color:#29483b}.login-field input{display:block;width:100%;min-width:0;min-height:3.2rem;padding:.85rem 1rem;border:1px solid #d6e1d8;border-radius:.55rem;background:#fff;color:var(--ink);font-size:1rem;transition:border-color .2s,box-shadow .2s}.login-field input::placeholder{color:#96a299}.login-field input:focus-visible{border-color:#47957b;outline:2px solid #47957b;outline-offset:2px}.login-field input[aria-invalid=true]{border-color:#d8847b}.modal p.login-error{margin:0;color:#b63d32;font-size:.9rem;line-height:1.45}.login-error:empty{display:none}.login-submit{width:100%;margin-top:.2rem;min-height:3.25rem}

/* Final green banner */
.closing-cta{position:relative;isolation:isolate;overflow:hidden;min-height:14rem;margin-top:1.4rem;border-radius:.9rem;background:radial-gradient(ellipse at 83% 80%,#286c572b,transparent 50%),linear-gradient(111deg,#06352a,#11513f 60%,#145440);color:white;padding:1.9rem 2.7rem;box-shadow:inset 0 0 0 1px #24634d55}
.cta-copy{position:relative;z-index:2}
.cta-copy h2{font-size:3.25rem;font-weight:900;letter-spacing:-.1rem;line-height:1.1;margin-bottom:.45rem}
.cta-copy p{font-size:1.3rem;line-height:1.3;color:#e4f1e8;margin-bottom:1rem}
.cta-copy .button{font-size:1.05rem;padding-inline:1.5rem;min-height:3.2rem}
.radar{position:absolute;width:21rem;height:19rem;right:12rem;top:-2rem;z-index:0;background:radial-gradient(ellipse at 60% 60%,#8fed5e28,transparent 54%);opacity:.85}
.radar-ring{position:absolute;left:50%;top:50%;translate:-50% -50%;border:1px solid #a1ce8055;border-radius:50%}
.radar-ring.outer{width:17rem;height:17rem}.radar-ring.middle{width:13rem;height:13rem}.radar-ring.inner{width:8.2rem;height:8.2rem}
.radar-cross{position:absolute;left:50%;top:50%;background:linear-gradient(90deg,transparent,#b0dc7790,transparent);translate:-50% -50%}
.radar-cross.horizontal{width:24rem;height:1px}.radar-cross.vertical{width:1px;height:21rem;background:linear-gradient(transparent,#add777aa,transparent)}
.radar-dot{position:absolute;left:50%;top:50%;translate:-50% -50%;width:1.15rem;height:1.15rem;border-radius:50%;background:#aaf16a;box-shadow:0 0 1.6rem .7rem #98ef6255,0 0 4rem 1.1rem #b2f66635}
.radar-sweep{position:absolute;left:50%;top:50%;translate:-50% -50%;width:17rem;height:17rem;border-radius:50%;background:conic-gradient(from 145deg,transparent 0 270deg,#abfa5626 310deg,transparent 310.5deg)}
.radar-labels{position:absolute;right:3.2rem;top:2.55rem;font-size:.7rem;letter-spacing:.22rem;line-height:2.5;color:#97bdae;z-index:1}
.site-footer{display:flex;align-items:center;gap:2rem;min-height:7.5rem;padding-bottom:1rem}
.site-footer .brand-logo{width:11.8rem;height:2.6rem}
.footer-description{font-size:.8rem;color:#7e8c98}
.site-footer nav{margin-left:auto;display:flex;align-items:center;gap:2rem;color:#737f8e;font-size:.8rem}
.site-footer nav button{padding:0;font-size:inherit}



@media(max-width:1000px){.hero-note{display:none}.main-nav{gap:1.5rem}}
@media(max-width:900px){
 :root{font-size:14px}.container,.wide-container{width:calc(100% - 3rem)}.site-header{gap:1.5rem;height:5rem}.brand-logo{width:12rem;height:2.5rem}.main-nav a{font-size:.9rem}.button-small{min-width:6rem}
 .hero{padding:1.5rem 0 2rem}.hero h1{font-size:4.3rem;line-height:1;letter-spacing:-.15rem}.hero-description{font-size:1rem}.hero-audience{font-size:.85rem}
 .section-intro{padding:0}.section-intro h2{font-size:2.65rem;letter-spacing:-.1rem}.section-subtitle{font-size:1.6rem}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{padding:1.35rem}.feature-lead{font-size:1.4rem}.feature-description{font-size:1rem}
 .integration-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:13rem;overflow-x:auto;padding:.3rem .2rem 1rem;scrollbar-width:thin;scrollbar-color:#b7d6bf transparent;scroll-snap-type:x proximity}.integration-grid li{scroll-snap-align:start}.integration-card{font-size:.9rem;min-height:4.5rem}
 .integrations h2,.workflow h2{font-size:1.75rem}.workflow-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.workflow-steps li{gap:1rem;align-items:flex-start}.step-number{font-size:3.8rem}.workflow-steps h3{font-size:1rem}.workflow-steps p{font-size:.9rem}
 .closing-cta{padding:2rem;min-height:15rem}.cta-copy h2{font-size:2.5rem;letter-spacing:-.07rem}.cta-copy p{font-size:1.05rem}.radar{right:0;opacity:.35}.radar-labels{display:none}.site-footer{gap:1.5rem;flex-wrap:wrap;padding:2rem 0}.site-footer nav{gap:1.3rem}
}
@media(max-width:600px){
 :root{font-size:16px}.container,.wide-container{width:calc(100% - 2rem)}.site-header{height:4.5rem;gap:.65rem}.brand-logo{width:10rem;height:2rem}.header-actions{margin-left:auto}.header-actions .button{min-width:0;min-height:2.3rem;padding:.5rem .9rem;font-size:.8rem;border-radius:.45rem}
 .menu-toggle{display:grid;place-items:center;padding:.5rem;border:1px solid #dce6dd;border-radius:.45rem}.menu-toggle .icon{width:1.25rem;height:1.25rem}
 .main-nav{display:none;position:absolute;top:4rem;right:0;left:0;flex-direction:column;align-items:stretch;gap:0;padding:.5rem;background:white;border:1px solid #e0e9e2;border-radius:.7rem;box-shadow:0 .6rem 2rem #16352512}.main-nav.is-open{display:flex}.main-nav a{padding:.9rem 1rem;font-size:1rem;border-radius:.4rem}.main-nav a:hover{background:#eef8ed}
 .hero{padding:1.1rem 0 1.8rem}.eyebrow-pill{font-size:.63rem;min-height:1.9rem;gap:.4rem;padding:.3rem .6rem}.live-dot{width:.45rem;height:.45rem}.hero h1{font-size:clamp(2.2rem,9.6vw,3.55rem);line-height:1;letter-spacing:-.1rem;margin:1.3rem -.3rem .85rem}.hero-description{font-size:.91rem;line-height:1.55;max-width:25rem;margin-inline:auto}.hero-description br{display:none}.hero-audience{font-size:.73rem;line-height:1.45;margin:1rem auto 0;max-width:20rem}
 .product-preview{width:100%}.preview-frame{aspect-ratio:1.08}.preview-image{width:100%;height:100%;object-fit:cover;object-position:center}
 .features{padding-top:2.5rem}.section-eyebrow{font-size:.6rem;letter-spacing:.18rem}.section-intro h2{font-size:2rem;letter-spacing:-.06rem;line-height:1.08}.section-subtitle{font-size:1.1rem;line-height:1.4;margin-top:.55rem}.section-description{font-size:.88rem;line-height:1.55;margin-top:.8rem}.section-description br{display:none}
 .feature-grid{grid-template-columns:1fr;gap:.8rem}.feature-card{padding:1.3rem}.feature-heading{margin-bottom:1.1rem}.feature-heading h3{font-size:1rem}.feature-icon{width:2.65rem;height:2.65rem}.feature-icon .icon{width:1.75rem;height:1.75rem}.feature-lead{font-size:1.4rem;min-height:0;max-width:18rem}.feature-description{font-size:.91rem;line-height:1.65;margin:.7rem 0 1rem}.feature-result{font-size:.82rem}
 .integrations{padding-top:2.4rem}.integrations h2,.workflow h2{font-size:1.45rem;letter-spacing:-.03rem}.integration-description{font-size:.87rem;line-height:1.55;margin-bottom:.9rem}.integration-grid{grid-auto-columns:12.5rem}.integration-card{font-size:.82rem}
 .workflow{padding-top:2rem}.workflow h2{margin-bottom:1.1rem}.workflow-steps{grid-template-columns:1fr;gap:1rem}.workflow-steps li{align-items:center;gap:1.4rem;min-height:5.6rem}.step-number{font-size:4.5rem;letter-spacing:-.25rem;width:5rem;flex-shrink:0}.workflow-steps h3{font-size:1rem;margin-bottom:.45rem}.workflow-steps p{font-size:.88rem}.workflow-steps p br{display:none}
 .closing-cta{padding:1.7rem 1.25rem;margin-top:1.7rem;min-height:17rem}.cta-copy h2{font-size:2rem;letter-spacing:-.065rem;line-height:1.05;max-width:20rem}.cta-copy p{font-size:.9rem;line-height:1.5;max-width:18rem;margin:.7rem 0 1rem}.cta-copy .button{font-size:.9rem;padding:.75rem 1.1rem}.radar{right:-7rem;top:1rem;opacity:.25}
 .site-footer{gap:1rem 1.1rem;padding:1.6rem 0 2rem}.site-footer .brand-logo{width:9.4rem;height:2rem}.footer-description{font-size:.6rem;margin-left:auto;text-align:right;max-width:45%;line-height:1.5}.site-footer nav{width:100%;justify-content:space-between;gap:.65rem;margin-top:.5rem;font-size:.68rem;flex-wrap:wrap;row-gap:.8rem}
 .modal{padding:1.8rem 1.3rem}.modal h2{font-size:1.65rem}.modal p{font-size:.93rem}
}
@media(max-width:350px){.brand-logo{width:8.5rem}.site-header{gap:.5rem}.header-actions .button{padding:.5rem .75rem}.feature-card{padding:1.1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover{transform:none}}