:root{--ink:#262626;--muted:#667987;--blue:#409eef;--cyan:#2fc0f0;--green:#bdf300;--pale:#f5fbff;--line:#dcecf5;--white:#fff;--r:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:16px/1.5 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.topbar{height:76px;padding:0 5vw;position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}.logo{display:flex;align-items:center;gap:10px;white-space:nowrap}.logo>span{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--blue);font-weight:900}.logo>b{font-size:13px;letter-spacing:.1em}.nav{margin:auto;display:flex;gap:24px;font-size:13px;font-weight:700}.nav a:hover{color:var(--blue)}.top-phone{font-size:14px;font-weight:800;white-space:nowrap}.top-action{padding:10px 16px;border-radius:999px;color:#262626;background:var(--green);font-size:12px;font-weight:800;white-space:nowrap;transition:.2s}.top-action:hover{background:#d0ff28;transform:translateY(-1px)}.menu{display:none;margin-left:auto;border:0;background:none}.menu i{width:24px;height:2px;margin:6px;display:block;background:var(--ink)}.hero{min-height:720px;padding:90px 7vw 70px;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden;color:#fff;background:linear-gradient(125deg,#409eef 0%,#348fe9 45%,#2fc0f0 100%)}.hero:before{content:'';width:650px;height:650px;position:absolute;right:-180px;top:-250px;border:1px solid #ffffff42;border-radius:50%}.kicker{margin:0 0 22px;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900}.kicker.blue{color:var(--blue)}h1,h2{letter-spacing:-.055em}.hero h1{margin:0;font-size:clamp(52px,6.5vw,94px);line-height:.93}.hero h1 em{font-family:Georgia,serif;font-weight:400}.hero-text{max-width:650px;margin:32px 0;font-size:20px;color:#ffffffdd}.hero-buttons{display:flex;align-items:center;gap:25px}.button{min-width:195px;padding:16px 20px;display:inline-flex;justify-content:space-between;gap:25px;border:0;border-radius:4px;font-weight:800;cursor:pointer;transition:.2s}.button.white,.button.blue-button{color:#262626;background:var(--green)}.button.white:hover,.button.blue-button:hover{background:#d0ff28;transform:translateY(-2px)}.hero-link{font-size:13px;font-weight:800}.hero-facts{margin-top:75px;display:grid;grid-template-columns:repeat(3,1fr);max-width:650px;border-top:1px solid #ffffff4a}.hero-facts div{padding:20px 20px 0 0}.hero-facts strong,.hero-facts span{display:block}.hero-facts strong{font-size:20px}.hero-facts span{font-size:11px;color:#ffffffbb}.hero-art{height:520px;position:relative}.hero-circle{width:205px;height:205px;position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:var(--blue);box-shadow:0 35px 80px #08679b44}.hero-circle span{font-size:20px;font-weight:800}.hero-circle b{font-size:54px}.art-ring{position:absolute;inset:10%;border:1px solid #ffffff59;border-radius:50%}.ring-two{inset:0;border-style:dashed}.portal-card{position:absolute;z-index:5;padding:20px;border-radius:15px;color:var(--ink);background:#fff;box-shadow:0 22px 50px #09648b33}.portal-card small,.portal-card span{display:block;color:var(--muted);font-size:11px}.card-main{left:0;top:12%;width:205px}.card-main b{display:block;margin:5px 0 14px}.progress{height:5px;margin-bottom:9px;border-radius:5px;background:#eaf3f7}.progress i{width:62%;height:100%;display:block;border-radius:5px;background:var(--green)}.card-chat{right:0;top:25%;display:flex;align-items:center;gap:12px}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--blue);font-style:normal}.card-task{right:8%;bottom:8%}.card-task strong{display:block;font-size:28px}.section{padding:120px 7vw}.section-title{display:grid;grid-template-columns:1fr 2fr 1fr;gap:45px;align-items:end;margin-bottom:65px}.section-title h2{margin:0;font-size:clamp(42px,5vw,70px);line-height:.98}.section-title>p:last-child{margin:0;color:var(--muted)}.intro{background:var(--pale)}.tool-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #c9e2ee}.tool-tabs button{padding:18px 8px;border:0;border-bottom:3px solid transparent;color:var(--muted);background:none;font-size:13px;font-weight:800;cursor:pointer}.tool-tabs button.active{color:var(--blue);border-color:var(--blue)}.tool-stage{min-height:430px;display:grid;grid-template-columns:1fr 1.3fr;background:#fff}.tool-copy{padding:60px}.tool-copy>span{color:var(--blue);font-size:12px;font-weight:900}.tool-copy h3{max-width:430px;margin:30px 0 18px;font-size:38px;line-height:1.06}.tool-copy p{max-width:480px;color:var(--muted)}.tool-copy a{margin-top:30px;display:inline-block;color:var(--blue);font-weight:800}.tool-visual{display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#409eef,#2fc0f0)}.window{width:72%;height:68%;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 30px 70px #145e8438}.window-head{height:38px;padding:13px;display:flex;gap:6px;background:#edf5f8}.window-head i{width:8px;height:8px;border-radius:50%;background:#b7cbd4}.window-nav{width:22%;height:calc(100% - 38px);float:left;background:#283f4b}.window-content{height:calc(100% - 38px);padding:25px 20px 0 26%;display:grid;grid-template-columns:1fr 1fr;gap:12px}.window-content div{border-radius:7px;background:#eaf6fb}.feature{padding:110px 7vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}.feature-light{background:#fff}.feature-blue{color:#fff;background:linear-gradient(135deg,#409eef,#2fc0f0)}.feature-copy h2{margin:0 0 26px;font-size:clamp(44px,5.3vw,76px);line-height:.96}.feature-copy>p:not(.kicker){max-width:570px;font-size:18px;color:var(--muted)}.feature-blue .feature-copy>p{color:#ffffffd2}.feature-copy ul{margin:30px 0;padding:0;list-style:none}.feature-copy li{padding:12px 0;border-bottom:1px solid var(--line)}.feature-copy li:before{content:'✓';margin-right:10px;color:var(--blue);font-weight:900}.feature-board{min-height:480px;padding:28px;border-radius:var(--r);background:var(--pale);box-shadow:0 30px 80px #124d6c18}.board-top{display:flex;justify-content:space-between;margin-bottom:30px;font-weight:800}.board-top b{padding:8px 12px;border-radius:4px;color:#262626;background:var(--green);font-size:11px}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kanban>div>small{display:block;margin-bottom:12px;color:var(--muted)}.kanban article{margin-bottom:10px;padding:16px;border-left:3px solid var(--blue);background:#fff;box-shadow:0 8px 20px #194a6012}.kanban article b,.kanban article span,.kanban article i{display:block}.kanban article span{margin-top:16px;font-size:14px}.kanban article i{margin-top:8px;color:var(--muted);font-size:10px;font-style:normal}.task-board{display:grid;align-content:center;gap:13px;background:#ffffff17;border:1px solid #ffffff45}.task-line{padding:20px;display:flex;align-items:center;gap:16px;border-radius:10px;color:var(--ink);background:#fff}.task-line>i{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--blue);font-style:normal}.task-line.done{opacity:.7}.task-line.done>i{color:#262626;background:var(--green)}.task-line b,.task-line span{display:block}.task-line span{color:var(--muted);font-size:11px}.feature-metrics{display:flex;gap:50px;margin:35px 0}.feature-metrics div{max-width:150px}.feature-metrics strong,.feature-metrics span{display:block}.feature-metrics strong{font-size:38px}.feature-metrics span{font-size:11px;color:#ffffffc4}.site-preview{min-height:500px;position:relative;display:grid;place-items:center;background:var(--pale)}.browser{width:76%;overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 25px 70px #124d6c24}.browser>div{padding:11px;display:flex;align-items:center;gap:6px;background:#e7f1f6}.browser>div i{width:8px;height:8px;border-radius:50%;background:#b9cad2}.browser>div span{margin-left:15px;color:var(--muted);font-size:9px}.browser main{padding:55px 40px}.browser main small{color:var(--blue);font-weight:800}.browser main h3{max-width:400px;margin:13px 0;font-size:33px;line-height:1.05}.browser main p{color:var(--muted)}.browser main b{margin-top:20px;padding:10px 15px;display:inline-block;background:var(--green);font-size:11px}.lead-toast{position:absolute;right:5%;bottom:10%;padding:16px 20px;display:flex;align-items:center;gap:12px;border-radius:10px;background:#fff;box-shadow:0 18px 50px #124d6c29}.lead-toast>i{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#262626;background:var(--green);font-style:normal}.lead-toast b,.lead-toast span{display:block}.lead-toast span{color:var(--muted);font-size:10px}.automation{padding:120px 7vw;background:var(--pale)}.section-title.centered{display:block;text-align:center}.section-title.centered>p{max-width:650px;margin:20px auto;color:var(--muted)}.automation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.automation-grid article{min-height:330px;padding:32px;position:relative;background:#fff;border:1px solid var(--line);transition:.25s}.automation-grid article:hover{transform:translateY(-7px);box-shadow:0 25px 60px #16536c12}.automation-grid span{color:var(--blue);font-size:11px;font-weight:900}.automation-grid i{width:50px;height:50px;position:absolute;right:28px;top:28px;display:grid;place-items:center;border-radius:50%;color:#262626;background:var(--green);font-style:normal;font-weight:900}.automation-grid h3{margin-top:130px;font-size:25px}.automation-grid p{color:var(--muted)}.prices{padding:120px 5vw;background:#fff}.official-price-shell{min-height:420px;overflow-x:auto}.official-price-loading{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line)}.official-price-loading[hidden]{display:none}.official-price-loading>span{width:38px;height:38px;margin-bottom:10px;border:3px solid #dcecf5;border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite}.official-price-loading small{color:var(--muted)}.official-price-loading a{margin-top:12px;color:var(--blue);font-weight:800}.official-price-container{min-width:980px;display:none}.official-price-container.is-loaded{display:block}.price-note{padding-top:18px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.price-note a{color:var(--blue);font-weight:800}.steps{background:var(--pale)}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr)}.steps-grid article{min-height:230px;padding:25px 30px 20px 0;border-top:1px solid #bfd9e5}.steps-grid span{color:var(--blue);font-weight:900}.steps-grid h3{margin-top:65px;font-size:21px}.steps-grid p{max-width:240px;color:var(--muted);font-size:13px}.contacts{padding:110px 7vw;display:grid;grid-template-columns:1fr .8fr;gap:10vw;color:#fff;background:linear-gradient(135deg,#409eef,#2fc0f0)}.contacts-copy h2{margin:0;font-size:clamp(45px,5.5vw,76px);line-height:.96}.contacts-copy>p:not(.kicker){font-size:19px;color:#ffffffd4}.contacts-copy>div{margin-top:45px;display:grid;gap:7px;font-weight:800}.contact-form{padding:38px;background:#fff;color:var(--ink)}.contact-form label{margin-bottom:22px;display:block;font-size:11px;font-weight:800}.contact-form input,.contact-form textarea{width:100%;padding:10px 0;border:0;border-bottom:1px solid var(--line);outline:0;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--blue)}.agree{display:flex!important;gap:8px;color:var(--muted);font-weight:400!important}.agree input{width:auto}.agree a{text-decoration:underline}.dark-button{width:100%;color:#262626;background:var(--green)}.dark-button:hover{background:#d0ff28}.form-status{margin-bottom:0;color:var(--muted);font-size:12px}footer{padding:55px 7vw 30px;color:#fff;background:#262626}.footer-main{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:40px}.logo.inverse>span{color:#262626;background:var(--green)}.footer-main>div{display:grid;align-content:start;gap:5px;font-size:12px}.footer-main>div:last-child a:hover{color:var(--green)}footer>p{margin-top:35px;padding-top:20px;border-top:1px solid #484848;color:#aeb8bd;font-size:11px}.reveal{opacity:0;transform:translateY(20px);transition:.65s}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.nav{gap:13px}.top-phone{display:none}.hero{grid-template-columns:1fr 1fr}.feature{gap:4vw}.kanban{grid-template-columns:1fr 1fr}.kanban>div:last-child{display:none}}@media(max-width:850px){.topbar{padding:0 20px}.nav,.top-action{display:none}.menu{display:block}.topbar.open{height:auto;flex-wrap:wrap;padding-bottom:20px}.topbar.open .nav{width:100%;order:5;display:flex;flex-direction:column}.hero{grid-template-columns:1fr;padding:75px 24px 50px}.hero-art{height:430px;margin-top:20px}.hero-facts{margin-top:50px}.section,.automation,.prices{padding:80px 24px}.section-title{grid-template-columns:1fr;gap:12px}.tool-tabs{display:flex;overflow-x:auto}.tool-tabs button{min-width:150px}.tool-stage,.feature,.contacts{grid-template-columns:1fr}.tool-copy{padding:35px 24px}.tool-visual{min-height:340px}.feature{padding:80px 24px}.feature-board,.site-preview{min-height:420px}.automation-grid,.steps-grid{grid-template-columns:1fr 1fr}.contacts{padding:80px 24px}.footer-main{grid-template-columns:1fr}.price-note{flex-direction:column;gap:10px}}@media(max-width:560px){.hero h1{font-size:50px}.hero-buttons{align-items:flex-start;flex-direction:column}.hero-facts{grid-template-columns:1fr}.hero-facts div{padding:12px 0;border-bottom:1px solid #ffffff30}.hero-art{height:350px}.hero-circle{width:150px;height:150px}.hero-circle b{font-size:40px}.card-main{width:160px;left:-15px}.card-chat{right:-15px}.card-task{display:none}.tool-stage{display:block}.tool-visual{min-height:280px}.feature-copy h2{font-size:45px}.feature-board{padding:15px}.kanban{grid-template-columns:1fr}.kanban>div:nth-child(2){display:none}.automation-grid,.steps-grid{grid-template-columns:1fr}.contact-form{padding:28px 20px}.browser{width:90%}.browser main{padding:35px 24px}.section-title h2{font-size:43px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
