:root{color-scheme:light;--ink:#172e2a;--copy:#52655e;--muted:#687a72;--green:#00786f;--mint:#00bba7;--paper:#f8faf7;--line:#dbe5df;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,summary,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:5px}
svg{width:22px;height:22px;flex:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.page{min-height:100svh;display:flex;flex-direction:column;overflow-x:clip;isolation:isolate;background:radial-gradient(ellipse at 98% 24%,#e7f1e880,transparent 44%)}
.wrap{width:calc(100% - 112px);max-width:1200px;margin-inline:auto}
.header{height:108px;display:flex;align-items:center;justify-content:space-between;flex:none;gap:24px}
.brand{display:inline-flex;align-items:center;gap:11px;min-height:48px;flex:none}
.brand img{border-radius:12px}
.brand-name{font-size:28px;font-weight:650;letter-spacing:-1.2px;line-height:1}
.brand-crm{font-size:11px;font-weight:550;letter-spacing:1.4px;margin-left:9px;vertical-align:middle;color:var(--muted)}
.header-actions{display:flex;align-items:center;gap:32px}
.early-access{display:flex;align-items:center;gap:7px;font-size:12px;color:#53665d}
.early-access>span{width:6px;height:6px;background:#36a588;border-radius:50%}
.sign-in{font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px;min-height:48px}
.sign-in svg{width:18px;height:18px;transition:transform .2s}
.sign-in:hover svg{transform:translateX(3px)}
.hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:36px;align-items:center;flex:1;padding-block:18px 30px}
.intro{padding-bottom:18px;position:relative;z-index:2;animation:arrive .55s both}
.eyebrow{font-size:12px;font-weight:550;letter-spacing:.65px;display:flex;align-items:center;gap:9px;color:#52695d;margin:0 0 26px}
.eyebrow>span{height:1px;width:26px;background:#729d87}
h1{font-size:clamp(42px,4.9vw,68px);font-weight:600;letter-spacing:-.055em;line-height:1.06;margin:0 0 27px}
h1>span{color:var(--green)}
.description{font-size:18px;line-height:1.6;letter-spacing:-.12px;max-width:425px;margin:0 0 13px;color:#3d534a}
.audience{font-size:15px;line-height:1.6;color:var(--muted);margin:0 0 32px}
.actions{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}
.button{min-height:54px;padding:14px 19px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:13px;font-size:14px;font-weight:600;line-height:1.4;transition:background .2s,transform .2s,border-color .2s;white-space:nowrap}
.button svg{width:19px;height:19px}
.button .button-arrow{width:17px;height:17px;margin-left:4px}
.button:hover{transform:translateY(-2px)}
.button:active{transform:translateY(0)}
.primary{background:var(--green);color:white;border-color:var(--green);box-shadow:0 5px 13px -6px #00786f50}
.primary:hover{background:#00645d;border-color:#00645d}
.secondary{background:#fff9;color:#233f34;border-color:#d5e1d8}
.secondary:hover{background:#fff;border-color:#8bb5a2}
.secondary .android{color:#467e5c;width:18px;height:18px;stroke-width:1.6}
.download-info{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:13px;font-size:11px;line-height:1.5;color:var(--muted)}
.info-dot{color:#9bab9f}
.install-help{position:relative}
.install-help summary{cursor:pointer;list-style:none;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#a4b3ab;min-height:48px;display:flex;align-items:center}
.install-help summary::-webkit-details-marker{display:none}
.install-help summary:hover{color:var(--green)}
.install-popover{position:absolute;left:-28px;top:52px;width:318px;max-width:calc(100vw - 48px);background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;box-shadow:0 16px 50px -20px #173b3450;font-size:13px;line-height:1.5;z-index:10;color:var(--copy)}
.install-popover strong{font-size:15px;color:var(--ink);font-weight:600}
.install-popover ol{margin:13px 0;padding-left:18px}
.install-popover li{margin-bottom:8px;padding-left:4px}
.install-popover p{margin:12px 0 0}
.install-popover .install-note{border-top:1px solid var(--line);padding-top:12px;font-size:11px}
.account-note{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.5;color:var(--muted);margin:4px 0 0}
.account-note svg{width:15px;height:15px;color:#548c73}
.features{list-style:none;margin:38px 0 0;padding:23px 0 0;border-top:1px solid var(--line);display:flex;align-items:flex-start;gap:24px;max-width:494px}
.features li{display:flex;flex-direction:column;gap:9px;font-size:11px;font-weight:500;color:#526b5f;line-height:1.5}
.features svg{height:20px;width:20px;color:#658f7c;stroke-width:1.5}
.product{margin:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 0 0;animation:arrive .7s .08s both;min-width:0}
.product-glow{width:490px;height:490px;position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#d4eadd 0,#e2eee375 45%,transparent 69%);z-index:-2}
.orbit{border:1px solid #b7cfbd35;position:absolute;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-22deg);width:480px;height:385px;border-radius:50%;z-index:-1}
.orbit-two{width:590px;height:470px;border-color:#b7cfbd22}
.phone{width:clamp(245px,calc((100svh - 196px)*.462),300px);padding:7px;background:#fff;border:1px solid #d5ded8;border-radius:37px;box-shadow:0 32px 55px -24px #355e4d38,0 2px 4px #264c3420;transform:rotate(2deg);overflow:hidden;position:relative}
.app-preview{display:block;width:100%;height:auto;aspect-ratio:780/1688;object-fit:cover;border-radius:29px;background:#fff}
.telegram-card{position:absolute;bottom:114px;left:-7px;display:flex;align-items:center;gap:12px;padding:16px 18px;background:#fffffff5;border:1px solid #e5ece6;border-radius:17px;box-shadow:0 14px 40px -22px #1e5e4650;transform:rotate(-3deg);max-width:calc(100% + 20px)}
.telegram-icon{display:flex;width:43px;height:43px;align-items:center;justify-content:center;border-radius:13px;background:#e6f6f1;color:#238977;flex:none}
.telegram-icon svg{width:23px;height:23px;stroke-width:1.5}
.telegram-title{display:block;color:#223e33;font-size:12px;font-weight:650;margin-bottom:4px}
.telegram-copy{font-size:11px;color:#6c7b72;line-height:1.5;display:block}
.telegram-check{height:19px;width:19px;display:flex;align-items:center;justify-content:center;align-self:flex-start;margin:1px 0 0 9px;border-radius:50%;background:#e7f5ed;color:#39946a}
.telegram-check svg{width:12px;height:12px;stroke-width:2.2}
figcaption{text-align:center;font-size:11px;color:#60786b;margin-top:22px;line-height:1.6}
figcaption span{display:block;font-size:9px;color:#84968c;margin-top:2px}
.footer{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;color:#7f9085;flex:none;padding-block:16px}
.skip-link{position:fixed;top:12px;left:12px;z-index:30;background:white;padding:12px 18px;border:1px solid var(--green);border-radius:8px;transform:translateY(-150%)}
.skip-link:focus{transform:translateY(0)}
@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.hero{gap:76px}.telegram-card{left:-10px}.description{max-width:432px}}
@media(max-width:1190px) and (min-width:768px){.wrap{width:calc(100% - 72px)}.hero{grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:26px}.header{height:92px}h1{font-size:clamp(41px,5.2vw,58px)}.description{font-size:16px}.audience{font-size:13px}.button{padding:13px 15px;font-size:13px}.button .button-arrow{display:none}.features{gap:19px}.telegram-card{left:-16px;padding:13px;bottom:108px;gap:9px}.telegram-icon{width:34px;height:34px}.telegram-check{margin-left:0}.telegram-title{font-size:11px}}
@media(max-width:950px) and (min-width:768px){.hero{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:22px}.actions{flex-direction:column;align-items:flex-start}.button{min-width:222px}.features{gap:15px;margin-top:26px}.features li{font-size:10px}.telegram-card{left:-15px;bottom:92px}.telegram-check{display:none}.phone{width:245px}.eyebrow{font-size:10px}.description{max-width:325px}}
@media(max-width:767px){.page{background:radial-gradient(ellipse at 95% 65%,#e6f0e7b0,transparent 60%)}.wrap{width:calc(100% - 48px)}.header{height:88px;gap:16px}.brand{gap:9px}.brand img{width:33px;height:33px;border-radius:10px}.brand-name{font-size:25px}.brand-crm{font-size:9px;letter-spacing:1.1px;margin-left:7px}.header-actions{gap:14px}.early-access{display:none}.sign-in{font-size:13px;gap:7px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding-top:22px;padding-bottom:24px}.intro{padding:0}.eyebrow{font-size:10px;letter-spacing:.4px;margin-bottom:20px}.eyebrow>span{width:22px}h1{font-size:clamp(36px,10.5vw,55px);line-height:1.08;letter-spacing:-.055em;margin-bottom:23px}.description{font-size:16px;line-height:1.55;max-width:400px;margin-bottom:10px}.audience{font-size:13px;line-height:1.6;margin-bottom:25px}.desktop-break{display:none}.actions{flex-direction:column;gap:10px}.button{font-size:14px;min-height:54px;padding:15px 18px;justify-content:center;gap:10px}.button .button-arrow{display:block;margin-left:5px}.download-info{position:relative;margin-top:9px;font-size:10px;gap:7px;justify-content:center}.account-note{justify-content:center;font-size:10px;margin-top:2px}.install-help{position:static}.install-popover{left:0;right:0;top:100%;margin-inline:auto;width:min(300px,100%)}.features{margin-top:28px;padding-top:21px;justify-content:space-between;gap:16px;max-width:420px}.features li{font-size:10px;gap:7px}.features svg{width:19px;height:19px}.product{padding:14px 0 0;align-self:center;width:min(100%,370px)}.phone{width:260px;border-radius:35px}.app-preview{border-radius:27px}.product-glow{width:460px;height:480px}.orbit-one{width:350px;height:370px}.orbit-two{width:450px;height:440px}.telegram-card{bottom:108px;left:-9px;padding:14px;gap:10px}.telegram-title{font-size:11px}.telegram-copy{font-size:10px}.telegram-icon{height:38px;width:38px}.telegram-check{margin-left:7px}.footer{font-size:9px;min-height:62px;line-height:1.6;gap:12px}.footer>span:last-child{text-align:right;max-width:150px}figcaption{font-size:10px}}
@media(max-width:370px){.wrap{width:calc(100% - 40px)}.hero{padding-top:14px}.header{height:78px}h1{font-size:36px}.description{font-size:15px}.audience{font-size:12px;margin-bottom:21px}.button{min-height:51px}.features li{font-size:9px}.features{gap:10px}.phone{width:246px}.telegram-card{left:-1px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none}.sign-in:hover svg{transform:none}}