@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css');
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#142238;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#142238;--muted:#53657c;--green:#079b61;--green-dark:#04724c;--mint:#e9f8f1;--line:#e4ebef;--blue:#1479dc;--violet:#7952da;--amber:#ed8a1a;--surface:#fff;letter-spacing:0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;min-width:320px;color:var(--ink);background:#fff;font-size:15px;line-height:1.5;letter-spacing:0}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #1686dd;outline-offset:3px}.wrap{width:min(1440px,calc(100% - 56px));margin-inline:auto}.skip{position:absolute;z-index:100;top:-60px;left:12px;padding:10px 16px;color:#fff;background:var(--green-dark)}.skip:focus{top:12px}
.site-header{position:sticky;top:0;z-index:30;display:flex;min-height:70px;align-items:center;gap:28px;padding:8px clamp(22px,4vw,64px);background:#fff;border-bottom:1px solid #e8eef2;box-shadow:0 2px 10px #10203308}.site-brand{display:flex;flex:0 0 218px;align-items:center}.site-brand img{display:block;width:190px;max-height:48px;object-fit:contain;object-position:left center}.primary-nav{display:flex;align-items:center;justify-content:center;gap:clamp(17px,2.3vw,37px);margin-left:auto}.primary-nav>a,.nav-dropdown>button{position:relative;display:inline-flex;min-height:48px;align-items:center;gap:7px;padding:0 1px;color:#354258;font-size:13px;font-weight:650;white-space:nowrap}.primary-nav>a[aria-current=page],.nav-dropdown>button:hover,.primary-nav>a:hover{color:var(--green)}.primary-nav>a[aria-current=page]:after{position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--green);content:""}.nav-dropdown{position:relative}.nav-dropdown>button{border:0;background:none;cursor:pointer}.nav-dropdown>button i{font-size:10px;transition:transform .18s}.nav-dropdown.open>button i{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 1px);left:-15px;display:none;width:245px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 16px 35px #1020331a}.nav-dropdown.open .dropdown-menu,.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{display:grid}.dropdown-menu a{padding:10px 12px;color:#354258;border-radius:4px;font-size:12px}.dropdown-menu a:hover{color:var(--green-dark);background:var(--mint)}.header-actions{display:flex;align-items:center;gap:8px}.button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid transparent;border-radius:5px;font-size:12px;font-weight:750;white-space:nowrap;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.button:hover{transform:translateY(-1px)}.login-button{color:var(--green-dark);background:#fff;border-color:#bde3d0}.register-button,.button.primary{color:#fff;background:var(--green);border-color:var(--green)}.register-button:hover,.button.primary:hover{background:var(--green-dark);border-color:var(--green-dark)}.menu-toggle{display:none;width:40px;height:40px;place-items:center;color:var(--ink);background:#f4f7f9;border:1px solid var(--line);border-radius:5px;font-size:21px}.search-toggle{display:grid;width:36px;height:38px;place-items:center;color:#34445a;background:transparent;border:0;border-radius:5px;font-size:16px;cursor:pointer}.search-toggle:hover{color:var(--green);background:#f0f8f4}.site-search{position:absolute;top:calc(100% + 7px);right:clamp(22px,4vw,64px);z-index:5;width:min(340px,calc(100vw - 30px));padding:15px;background:white;border:1px solid var(--line);border-radius:7px;box-shadow:0 16px 35px #10203322}.site-search[hidden]{display:none}.site-search label{display:block;margin-bottom:7px;color:var(--muted);font-size:11px;font-weight:700}.site-search input{width:100%;height:40px;padding:0 11px;border:1px solid #cfdae2;border-radius:5px}.search-results{display:grid;max-height:260px;overflow:auto;margin-top:8px}.search-results a,.search-results>span{display:flex;justify-content:space-between;padding:9px;color:#34445a;border-radius:4px;font-size:12px}.search-results a:hover{background:var(--mint);color:var(--green-dark)}
.hero{position:relative;isolation:isolate;overflow:hidden;color:white;background:#0c171c}.hero-home{min-height:332px}.hero-image{position:absolute;inset:0;z-index:-2;background-image:url("assets/uygulama-panel.png");background-size:cover;background-position:center 43%;opacity:.52}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061419f5 0%,#071b20e8 37%,#0a2225b8 58%,#0b151b87 100%)}.hero-inner{display:grid;width:min(1440px,calc(100% - 56px));min-height:332px;grid-template-columns:minmax(310px,.92fr) minmax(450px,1.2fr);align-items:center;gap:42px;margin:auto;padding:35px 0 32px}.hero-copy{max-width:530px}.eyebrow{margin:0 0 12px;color:#d5e8e0;font-size:10px;font-weight:800;line-height:1.4;letter-spacing:.6px}.eyebrow i{display:inline-block;width:16px;height:2px;margin:0 7px 3px 0;background:#16c27a}.eyebrow.green{color:var(--green)}h1,h2,h3,p{letter-spacing:0}.hero h1,.page-hero h1{margin:0 0 10px;color:#fff;font-size:clamp(34px,4.2vw,54px);line-height:1.03;font-weight:820}.hero h1 em,.page-hero h1 em,.split-copy h2 em{color:#10bd7b;font-style:normal}.hero-copy>p:not(.eyebrow){max-width:485px;margin:12px 0;color:#e1e8ec;font-size:13px;line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.hero-actions .button{min-height:36px;font-size:11px}.hero-actions .ghost{color:#fff;background:#ffffff13;border-color:#ffffff52}.hero-assurances{display:flex;flex-wrap:wrap;gap:18px;margin-top:19px;color:#d5e4e2;font-size:10px}.hero-assurances span{display:inline-flex;align-items:center;gap:7px}.hero-assurances i{color:#20c985;font-size:15px}.hero-product{position:relative;max-width:680px;justify-self:end;padding:10px 4px 4px}.hero-product>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center 18%;border:1px solid #ffffff72;border-radius:7px;box-shadow:0 16px 42px #0007}.hero-phone{position:absolute;right:-14px;bottom:18px;display:flex;align-items:center;gap:9px;padding:9px 12px;color:var(--ink);background:#fff;border:1px solid #dce8e6;border-radius:8px;box-shadow:0 12px 32px #0003}.hero-phone>i:first-child{display:grid;width:32px;height:32px;place-items:center;color:white;background:var(--green);border-radius:50%;font-size:18px}.hero-phone span{display:grid;gap:1px}.hero-phone b{font-size:10px}.hero-phone small{color:var(--muted);font-size:9px}.hero-phone>i:last-child{color:var(--green);font-size:14px}
.feature-ribbon{position:relative;z-index:2;display:grid;width:min(1440px,calc(100% - 44px));grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:-1px auto 0;padding:12px 0 20px}.feature-ribbon>a{display:grid;min-height:93px;align-content:start;grid-template-columns:35px minmax(0,1fr);column-gap:9px;padding:12px 11px;background:#fff;border:1px solid #edf1f3;border-radius:7px;box-shadow:0 6px 18px #152b3610}.feature-ribbon>a>i{display:grid;width:32px;height:32px;grid-row:span 2;place-items:center;color:var(--green);background:#e6f7ee;border-radius:9px;font-size:15px}.feature-ribbon>a:nth-child(2)>i{color:#1289dd;background:#e9f3ff}.feature-ribbon>a:nth-child(3)>i{color:#7657d7;background:#f1edff}.feature-ribbon>a:nth-child(4)>i{color:#ea7b13;background:#fff2e5}.feature-ribbon>a:nth-child(5)>i{color:#176fda;background:#eaf3ff}.feature-ribbon>a:nth-child(6)>i{color:#079b61}.feature-ribbon b{align-self:center;color:#1c2b3f;font-size:10px;line-height:1.25}.feature-ribbon span{grid-column:2;color:#68768a;font-size:9px;line-height:1.35}.feature-ribbon>a:hover{transform:translateY(-2px);border-color:#b8e7cf;box-shadow:0 9px 20px #152b3618}
.split-section{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(230px,.8fr) minmax(220px,.75fr);align-items:center;gap:28px;padding-top:32px;padding-bottom:36px}.split-copy h2,.centered{margin:0 0 12px;color:var(--ink);font-size:clamp(26px,3vw,36px);line-height:1.13;font-weight:790}.split-copy>p:not(.eyebrow){max-width:440px;color:var(--muted);font-size:12px;line-height:1.65}.split-copy .text-link,.text-link{display:inline-flex;align-items:center;gap:9px;margin-top:9px;color:var(--green-dark);font-size:11px;font-weight:750}.text-link span{font-size:17px}.person-visual{position:relative;overflow:hidden;aspect-ratio:1.05;border:1px solid var(--line);border-radius:7px;background:#eaf4ef}.person-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 28%}.visual-badge{position:absolute;left:14px;bottom:18px;display:grid;width:46px;height:46px;place-items:center;color:#fff;background:var(--green);border:3px solid #fff;border-radius:50%;font-size:22px;box-shadow:0 5px 15px #0003}.benefit-list{display:grid;gap:8px}.benefit-list>a{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;min-height:63px;padding:9px;background:#fff;border:1px solid #eef1f4;border-radius:6px;box-shadow:0 3px 10px #10203308}.benefit-list>a>i{display:grid;width:36px;height:36px;place-items:center;color:var(--green);background:#e7f7ef;border-radius:9px;font-size:16px}.benefit-list>a:nth-child(2)>i{color:var(--blue);background:#ebf4ff}.benefit-list>a:nth-child(3)>i{color:#136dd2;background:#eaf2ff}.benefit-list>a:nth-child(4)>i{color:var(--violet);background:#f2edff}.benefit-list span{display:grid;gap:3px}.benefit-list b{font-size:11px}.benefit-list small{color:var(--muted);font-size:9px;line-height:1.4}.steps-band{padding:25px 0 30px;background:#f1fbf7}.centered{text-align:center}.steps-band .eyebrow{margin-bottom:3px}.steps-band h2,.feature-showcase h2,.faq-teaser h2{margin:0 0 18px;font-size:25px}.steps{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:8px 0 0;list-style:none}.steps:before{position:absolute;top:24px;right:9%;left:9%;height:1px;background:#b6decb;content:""}.steps li{position:relative;display:grid;justify-items:center;gap:5px;text-align:center}.steps li>b{display:grid;width:31px;height:31px;place-items:center;color:white;background:var(--green);border:2px solid #c5efda;border-radius:50%;font-size:12px}.steps li strong{margin-top:4px;font-size:10px}.steps li span{color:var(--muted);font-size:9px}
.dashboard-story{grid-template-columns:minmax(0,1.3fr) minmax(270px,.9fr);gap:38px;padding-top:38px;padding-bottom:42px}.dashboard-shot{overflow:hidden;border:1px solid var(--line);border-radius:7px;box-shadow:0 10px 28px #18304412}.dashboard-shot img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.dashboard-story .split-copy h2{font-size:30px}.check-list{display:grid;gap:9px;margin:17px 0;padding:0;list-style:none;color:#34445a;font-size:11px}.check-list li{display:flex;align-items:center;gap:8px}.check-list i{display:grid;width:17px;height:17px;place-items:center;color:#fff;background:var(--green);border-radius:50%;font-size:11px}.feature-showcase{padding:28px 0 38px;background:linear-gradient(180deg,#f5fbf8,#fff)}.feature-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:19px}.feature-grid>a{display:grid;min-height:94px;justify-items:center;align-content:center;gap:5px;padding:12px 7px;background:#fff;border:1px solid #edf1f3;border-radius:6px;box-shadow:0 4px 12px #10203308;text-align:center}.feature-grid>a:hover{border-color:#b5e3cc;transform:translateY(-2px)}.feature-grid i{display:grid;width:34px;height:34px;place-items:center;color:var(--green);background:#e8f7ef;border-radius:9px;font-size:17px}.feature-grid a:nth-child(2) i,.feature-grid a:nth-child(5) i{color:var(--blue);background:#edf5ff}.feature-grid a:nth-child(3) i{color:#0b9c64}.feature-grid a:nth-child(6) i{color:#7657d7;background:#f2eeff}.feature-grid b{font-size:10px}.feature-grid small{color:var(--muted);font-size:9px}.security-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:60px;padding-top:36px;padding-bottom:42px}.security-visual{position:relative;display:grid;min-height:220px;place-items:center;overflow:hidden;color:#08a96a;background:radial-gradient(ellipse at center,#e2f8ee 0,#f2fbf7 47%,transparent 72%)}.security-visual>i{font-size:132px;filter:drop-shadow(0 12px 13px #0d6c4933)}.security-visual>span{position:absolute;display:grid;width:61px;height:61px;place-items:center;color:#fff;background:var(--green);border:4px solid white;border-radius:50%;font-size:32px}.security-points{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px;color:#33445a;font-size:11px}.security-points span{display:flex;align-items:center;gap:8px}.security-points i{display:grid;width:27px;height:27px;place-items:center;color:var(--green);background:#e7f7ef;border-radius:8px}.faq-teaser{padding:33px 0 38px;background:#f7f9fa}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:16px 0}.faq-grid details,.faq-page-list details{padding:13px 15px;background:#fff;border:1px solid #e7ecef;border-radius:5px}.faq-grid summary,.faq-page-list summary{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#22334a;font-size:11px;font-weight:680;cursor:pointer;list-style:none}.faq-grid summary::-webkit-details-marker,.faq-page-list summary::-webkit-details-marker{display:none}.faq-grid summary:after,.faq-page-list summary:after{content:"+";color:var(--green);font-size:18px}.faq-grid details[open] summary:after,.faq-page-list details[open] summary:after{content:"−"}.faq-grid p,.faq-page-list details p{margin:9px 0 0;color:var(--muted);font-size:10px;line-height:1.6}.faq-teaser>.wrap>.text-link{display:flex;width:max-content;margin:10px auto 0}.home-cta,.page-cta{padding:28px 0;color:white;background:#0d2830}.home-cta>.wrap,.page-cta>.wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.home-cta h2,.page-cta h2{margin:0;font-size:23px;line-height:1.2}.home-cta .eyebrow{margin-bottom:7px;color:#82dfb4}.button.light{color:#0b6043;background:white;border-color:#fff}
.site-footer{color:#d7e1e8;background:#0a1a23}.footer-main{display:grid;grid-template-columns:1.55fr repeat(3,minmax(105px,.7fr)) 1.15fr;gap:28px;padding-top:35px;padding-bottom:25px}.footer-about>a img{display:block;width:190px;height:56px;object-fit:contain;object-position:left}.footer-about p{max-width:280px;margin:9px 0 13px;color:#b4c1c9;font-size:10px;line-height:1.65}.social-links{display:flex;gap:8px}.social-links a{display:grid;width:27px;height:27px;place-items:center;color:#d9e4e9;background:#132a35;border-radius:50%;font-size:12px}.social-links a:hover{color:#fff;background:var(--green)}.footer-column{display:grid;align-content:start;gap:8px}.footer-column>b{margin:3px 0 3px;color:#fff;font-size:11px}.footer-column>a{color:#b7c4cb;font-size:10px}.footer-column>a:hover{color:#43d696}.footer-contact .footer-whatsapp{display:flex;min-height:31px;align-items:center;justify-content:center;gap:6px;margin-top:5px;color:#fff;background:var(--green);border-radius:5px}.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding-top:12px;padding-bottom:13px;border-top:1px solid #28404b;color:#a8b8c0;font-size:9px}.floating-whatsapp{position:fixed;right:20px;bottom:19px;z-index:20;display:grid;width:48px;height:48px;place-items:center;color:white;background:#0aa967;border:3px solid white;border-radius:50%;box-shadow:0 6px 20px #061a1750;font-size:25px}.floating-whatsapp:hover{background:#078451;transform:translateY(-2px)}
.page-hero{position:relative;isolation:isolate;display:flex;min-height:310px;align-items:center;overflow:hidden;color:white;background:#0b1d24}.page-hero:before{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07191ff2,#07191fdc 47%,#07191f5c);content:""}.page-hero .wrap{position:relative;z-index:1;padding-top:40px;padding-bottom:40px}.page-hero h1{max-width:620px;font-size:44px}.page-hero .wrap>p:last-child{max-width:570px;color:#d3e1e4;font-size:13px}.page-hero>img{position:absolute;top:0;right:0;z-index:-2;width:58%;height:100%;object-fit:cover;object-position:center 22%;opacity:.58}.page-hero.compact{min-height:260px}.page-hero.text-only{min-height:245px}.page-hero.text-only:after{position:absolute;right:10%;z-index:-1;width:290px;height:290px;border:1px solid #ffffff18;border-radius:50%;box-shadow:0 0 0 35px #ffffff09,0 0 0 70px #ffffff06;content:""}.feature-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:28px;padding-bottom:32px}.feature-detail-grid article{min-height:162px;padding:19px;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 5px 15px #10203308}.feature-detail-grid article>i{display:grid;width:37px;height:37px;place-items:center;color:var(--green);background:var(--mint);border-radius:9px;font-size:17px}.feature-detail-grid article:nth-child(2n)>i{color:var(--blue);background:#edf5ff}.feature-detail-grid article:nth-child(3n)>i{color:var(--violet);background:#f2eeff}.feature-detail-grid h2{margin:12px 0 5px;font-size:15px}.feature-detail-grid p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.page-cta{margin-top:6px}.page-cta h2{font-size:20px}.solution-list{display:grid;max-width:1050px;gap:0;padding-top:18px;padding-bottom:35px}.solution-list article{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:21px 8px;border-bottom:1px solid var(--line);scroll-margin-top:85px}.solution-icon{display:grid;width:54px;height:54px;place-items:center;border-radius:12px;font-size:22px}.green-tint{color:var(--green);background:var(--mint)}.blue-tint{color:var(--blue);background:#edf5ff}.violet-tint{color:var(--violet);background:#f2eeff}.amber-tint{color:var(--amber);background:#fff4e8}.solution-list .eyebrow{margin:1px 0 5px}.solution-list h2{margin:0 0 5px;font-size:20px}.solution-list p:last-child{max-width:740px;margin:0;color:var(--muted);font-size:12px;line-height:1.65}.pricing-visual{position:absolute;right:8%;top:50%;display:grid;width:180px;height:130px;place-items:center;transform:translateY(-50%);border:1px solid #ffffff38;border-radius:10px;background:#ffffff14}.pricing-visual img{position:absolute;top:13px;width:120px;height:40px;object-fit:contain}.pricing-visual>i{margin-top:24px;color:#28c981;font-size:47px}.pricing-section{padding-top:34px;padding-bottom:34px}.pricing-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:17px}.pricing-heading h2{margin:0;font-size:25px}.pricing-heading>p{max-width:420px;margin:0;color:var(--muted);font-size:11px}.pricing-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.price-card{position:relative;display:flex;min-height:190px;flex-direction:column;padding:16px;border:1px solid var(--line);border-radius:7px;background:white;box-shadow:0 5px 16px #152b3608}.price-card>span:first-child{color:var(--muted);font-size:10px;font-weight:700}.price-card h3{margin:17px 0 2px;font-size:22px}.price-card h3 small{color:var(--muted);font-size:10px;font-weight:600}.price-card .price{margin:0 0 15px;color:var(--green-dark);font-size:22px;font-weight:800}.price-card .price small{font-size:12px}.price-card>a{display:flex;min-height:34px;align-items:center;justify-content:center;gap:7px;margin-top:auto;color:var(--green-dark);border:1px solid #b9dfca;border-radius:5px;font-size:10px;font-weight:750}.price-card>a:hover{color:white;background:var(--green);border-color:var(--green)}.price-card.popular{border:2px solid var(--green);box-shadow:0 8px 20px #0a9a601c}.popular-label{position:absolute;top:-11px;right:12px;padding:3px 8px;color:white!important;background:var(--green);border-radius:10px;font-size:8px!important}.pricing-note{display:flex;align-items:flex-start;gap:8px;margin:15px 0 0;padding:10px 12px;color:#52677c;background:#f4f8fa;border:1px solid var(--line);border-radius:5px;font-size:10px}.pricing-note i{color:var(--blue);font-size:14px}.faq-page{display:grid;grid-template-columns:190px minmax(0,1fr);gap:40px;padding-top:32px;padding-bottom:40px}.faq-categories{position:sticky;top:92px;display:grid;align-content:start;gap:5px;height:max-content}.faq-categories a{padding:9px 11px;color:var(--muted);border-radius:4px;font-size:11px}.faq-categories a:hover{color:var(--green-dark);background:var(--mint)}.faq-page-list h2{margin:16px 0 8px;font-size:19px}.faq-page-list h2:first-child{margin-top:0}.faq-page-list details{margin-bottom:7px}.faq-page-list summary{font-size:12px}.faq-page-list details p{font-size:11px}.contact-page{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;padding-top:36px;padding-bottom:48px}.contact-info h2,.contact-form-area h2{margin:0 0 11px;font-size:24px}.contact-info>p:not(.eyebrow){max-width:430px;color:var(--muted);font-size:12px;line-height:1.7}.contact-info>a{display:flex;align-items:center;gap:12px;margin-top:17px}.contact-info>a>i{display:grid;width:38px;height:38px;place-items:center;color:var(--green);background:var(--mint);border-radius:9px}.contact-info>a span{display:grid;gap:2px}.contact-info>a small{color:var(--muted);font-size:9px}.contact-info>a b{font-size:12px}.contact-form-area{padding:21px;background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 6px 18px #10203308}.contact-form-area form label{display:block;margin:0 0 13px;color:#32445a;font-size:10px;font-weight:700}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.contact-form-area :is(input,select,textarea){display:block;width:100%;min-height:38px;margin-top:5px;padding:8px 10px;color:var(--ink);background:#fff;border:1px solid #d2dde4;border-radius:4px;font-size:11px}.contact-form-area textarea{min-height:86px;resize:vertical}.contact-form-area .button{min-height:39px}.form-privacy{margin:9px 0 0;color:var(--muted);font-size:9px}.contact-form-area #form-status{min-height:16px;color:var(--green-dark);font-size:10px}
@media(min-width:1600px){.hero-home,.hero-inner{min-height:390px}.hero-inner{padding-top:41px;padding-bottom:38px}.hero h1{font-size:58px}.feature-ribbon>a{min-height:100px}}
@media(max-width:1100px){.site-header{gap:13px;padding-inline:22px}.site-brand{flex-basis:160px}.site-brand img{width:155px}.primary-nav{gap:15px}.primary-nav>a,.nav-dropdown>button{font-size:11px}.header-actions{gap:5px}.header-actions .button{padding-inline:9px;font-size:10px}.hero-inner{grid-template-columns:minmax(270px,.9fr) minmax(340px,1.1fr);gap:22px}.feature-ribbon{grid-template-columns:repeat(3,minmax(0,1fr))}.split-section.home-intro{grid-template-columns:1fr .8fr}.home-intro .benefit-list{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-main{grid-template-columns:1.4fr repeat(2,minmax(105px,.7fr));}.footer-contact{grid-column:2/-1}}
@media(max-width:760px){html{scroll-padding-top:74px}.wrap{width:calc(100% - 34px)}.site-header{min-height:64px;justify-content:space-between;gap:10px;padding:7px 17px}.site-brand{flex:0 0 142px}.site-brand img{width:140px;max-height:39px}.menu-toggle{display:grid;margin-left:auto;order:3}.primary-nav{position:absolute;top:calc(100% + 1px);right:0;left:0;display:none;align-items:stretch;gap:0;margin:0;padding:7px 16px 13px;background:white;border-bottom:1px solid var(--line);box-shadow:0 15px 22px #10203312}.primary-nav.open{display:flex;flex-direction:column}.primary-nav>a,.nav-dropdown>button{width:100%;min-height:42px;justify-content:space-between;border-bottom:1px solid #eff2f4;font-size:12px}.primary-nav>a[aria-current=page]:after{right:auto;width:3px;height:22px;top:10px;bottom:auto}.nav-dropdown{display:grid}.dropdown-menu{position:static;width:100%;padding:4px 8px;border:0;box-shadow:none}.nav-dropdown.open .dropdown-menu{display:grid}.header-actions{margin-left:auto}.search-toggle{width:32px}.header-actions .button{min-height:34px;padding-inline:8px;font-size:9px}.header-actions .login-button{display:none}.site-search{right:12px}.hero-home{min-height:auto}.hero-inner{width:calc(100% - 34px);grid-template-columns:1fr;gap:20px;padding:35px 0 31px}.hero h1{font-size:40px}.hero-copy>p:not(.eyebrow){font-size:12px}.hero-product{width:100%;justify-self:center}.hero-product>img{aspect-ratio:16/9}.hero-phone{right:0;bottom:9px;padding:7px 9px}.hero-assurances{gap:12px}.feature-ribbon{width:calc(100% - 24px);grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px 0 16px}.feature-ribbon>a{min-height:85px;padding:9px}.split-section.home-intro,.dashboard-story,.security-section{grid-template-columns:1fr;gap:18px;padding-top:27px;padding-bottom:28px}.home-intro .benefit-list{grid-column:auto;grid-template-columns:1fr 1fr}.person-visual{max-height:310px;aspect-ratio:1.35}.benefit-list>a{min-height:70px}.split-copy h2{font-size:29px}.steps-band{padding:23px 0}.steps{grid-template-columns:repeat(5,minmax(88px,1fr));gap:6px;overflow:auto;padding-bottom:5px}.steps:before{right:55px;left:55px}.steps li strong{font-size:9px}.steps li span{font-size:8px}.dashboard-story{padding-top:27px}.dashboard-story .split-copy h2{font-size:27px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.feature-grid>a{min-height:94px}.security-visual{min-height:160px}.security-visual>i{font-size:104px}.faq-grid{grid-template-columns:1fr;gap:7px}.home-cta>.wrap,.page-cta>.wrap{align-items:flex-start;flex-direction:column}.home-cta h2{font-size:22px}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 18px;padding-top:27px}.footer-about{grid-column:1/-1}.footer-about p{max-width:440px}.footer-contact{grid-column:auto}.footer-bottom{flex-direction:column;gap:5px}.page-hero,.page-hero.compact,.page-hero.text-only{min-height:230px}.page-hero h1{font-size:37px}.page-hero>img{width:75%;opacity:.34}.page-hero .wrap{padding-top:30px;padding-bottom:30px}.feature-detail-grid{grid-template-columns:1fr 1fr;gap:8px;padding-top:16px;padding-bottom:22px}.feature-detail-grid article{min-height:165px;padding:13px}.feature-detail-grid h2{font-size:13px}.feature-detail-grid p{font-size:10px}.solution-list{padding-top:6px}.solution-list article{grid-template-columns:46px minmax(0,1fr);gap:11px;padding:16px 0}.solution-icon{width:42px;height:42px;font-size:17px}.solution-list h2{font-size:17px}.solution-list p:last-child{font-size:11px}.pricing-visual{right:8%;width:106px;height:90px}.pricing-visual img{width:80px;height:30px}.pricing-visual>i{font-size:33px}.pricing-heading{align-items:flex-start;flex-direction:column;gap:7px}.pricing-heading h2{font-size:23px}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.price-card{min-height:172px;padding:13px}.price-card h3{font-size:20px}.price-card .price{font-size:20px}.faq-page{grid-template-columns:1fr;gap:14px;padding-top:21px}.faq-categories{position:static;display:flex;overflow:auto;gap:4px}.faq-categories a{flex:0 0 auto;background:#f5f8f9}.faq-page-list h2{font-size:17px}.contact-page{grid-template-columns:1fr;gap:23px;padding-top:25px;padding-bottom:30px}.contact-form-area{padding:15px}.contact-info h2,.contact-form-area h2{font-size:21px}}
@media(max-width:390px){.site-brand{flex-basis:120px}.site-brand img{width:120px}.header-actions{gap:2px}.header-actions .button{padding:0 6px}.register-button{font-size:8px!important}.hero h1{font-size:35px}.home-intro .benefit-list{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr 1fr}.feature-detail-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.hero-image{background-image:url("assets/marketing-office.png");background-position:center 48%;opacity:1}
.hero-product{z-index:0;padding:12px 12px 18px;background:#15232b;border:1px solid #53636a;border-radius:13px;box-shadow:0 22px 54px #0008;transform:perspective(1200px) rotateY(-2deg)}
.hero-product>img{aspect-ratio:16/9;border:1px solid #b8c9cf;border-radius:5px;box-shadow:none;object-position:center 18%}
.hero-product:after{position:absolute;right:-4%;bottom:3px;left:-4%;height:8px;background:linear-gradient(90deg,#71818a,#d4dde0 12%,#f3f6f6 50%,#a0adb3 88%,#52626b);border-radius:0 0 50% 50%;box-shadow:0 8px 10px #0005;content:""}
.hero-device{position:absolute;right:-18px;bottom:11px;z-index:2;width:122px;padding:15px 8px 10px;overflow:hidden;color:#1d2c40;background:#fff;border:5px solid #1b2733;border-radius:18px;box-shadow:0 14px 32px #0008}
.device-notch{position:absolute;top:3px;left:calc(50% - 18px);width:36px;height:6px;background:#1b2733;border-radius:0 0 6px 6px}
.device-top{display:flex;align-items:center;gap:5px;padding:3px 1px 8px;border-bottom:1px solid #e9eef1;font-size:8px}.device-top>i:first-child{color:#0ea765;font-size:13px}.device-top>i:last-child{margin-left:auto;color:#68788b}
.device-caption{padding:8px 1px 5px;color:#718196;font-size:7px;font-weight:700;text-transform:uppercase}
.device-row{display:flex;align-items:center;gap:5px;padding:7px 1px;border-bottom:1px solid #edf1f3}.device-row>i{display:grid;width:19px;height:19px;flex:0 0 19px;place-items:center;color:#078d56;background:#e7f8ef;border-radius:6px;font-size:9px}.device-row:nth-of-type(4)>i{color:#2168d9;background:#edf4ff}.device-row span{display:grid;min-width:0;gap:2px}.device-row b,.device-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-row b{font-size:7px}.device-row small,.device-row time{color:#708096;font-size:6px}.device-row time{margin-left:auto}.device-compose{display:flex;align-items:center;gap:4px;margin-top:7px;padding:6px;color:#78889a;background:#f3f6f8;border-radius:9px;font-size:6px}.device-compose i:last-child{margin-left:auto;color:#0a9e61}
.person-visual img{display:block}
.security-visual{min-height:280px;background:radial-gradient(ellipse at center,#e8f8f0 0,#f5fbf8 51%,transparent 73%)}
.security-visual>img{display:block;width:min(100%,560px);height:auto;max-height:320px;object-fit:contain;filter:drop-shadow(0 14px 18px #0d6c4920)}
.wrap,.hero-inner{width:min(1800px,calc(100% - 56px))}
.feature-ribbon{width:min(1800px,calc(100% - 32px))}
@media(max-width:760px){.hero-product{padding:8px 8px 13px;border-radius:10px}.hero-device{right:-7px;bottom:7px;width:100px;padding:12px 6px 7px;border-width:4px}.device-top{font-size:7px}.device-row{gap:3px;padding:5px 0}.device-row>i{width:16px;height:16px;flex-basis:16px;font-size:8px}.hero-phone{z-index:3;right:4px;bottom:auto;top:-12px}.security-visual{min-height:190px}.security-visual>img{max-height:230px}}
@media(max-width:760px){.wrap{width:calc(100% - 34px)}.hero-inner{width:calc(100% - 34px)}.feature-ribbon{width:calc(100% - 24px)}}

/* Reference-scale branding and readable controls across the full marketing site. */
@media (min-width: 1101px) {
  .site-header { min-height: 78px; gap: 18px; }
  .site-brand { flex-basis: 250px; }
  .site-brand img { width: 230px; max-height: 58px; }
  .primary-nav { gap: clamp(15px, 1.8vw, 30px); }
  .primary-nav > a, .nav-dropdown > button { font-size: 14px; }
  .header-actions .button { min-height: 42px; font-size: 13px; }
}

@media (min-width: 761px) and (max-width: 1100px) {
  .site-header { min-height: 72px; gap: 10px; padding-inline: 18px; }
  .site-brand { flex-basis: 180px; }
  .site-brand img { width: 172px; max-height: 48px; }
  .primary-nav { gap: 11px; }
  .primary-nav > a, .nav-dropdown > button { font-size: 12px; }
  .header-actions { gap: 4px; }
  .header-actions .button { min-height: 38px; padding-inline: 8px; font-size: 11px; }
}

@media (max-width: 760px) {
  .site-header { min-height: 70px; gap: 8px; padding: 7px 14px; }
  .site-brand { flex: 0 0 150px; }
  .site-brand img { width: 148px; max-height: 46px; }
  .menu-toggle { width: 44px; height: 44px; font-size: 23px; }
  .primary-nav { padding: 8px 16px 15px; }
  .primary-nav > a, .nav-dropdown > button { min-height: 48px; font-size: 15px; }
  .dropdown-menu a { padding: 11px 12px; font-size: 14px; }
  .header-actions { gap: 5px; }
  .header-actions .button { min-height: 40px; padding-inline: 10px; font-size: 11px; }
  .search-toggle { width: 38px; height: 40px; font-size: 18px; }
  .hero-copy > p:not(.eyebrow) { font-size: 15px; }
  .eyebrow { font-size: 11px; }
  .hero-actions .button { min-height: 42px; font-size: 13px; }
  .hero-assurances { gap: 13px; font-size: 12px; }
  .feature-ribbon b { font-size: 12px; }
  .feature-ribbon span { font-size: 11px; }
  .split-copy > p:not(.eyebrow) { font-size: 14px; }
  .benefit-list b { font-size: 13px; }
  .benefit-list small { font-size: 11px; }
  .steps { grid-template-columns: 1fr; gap: 12px; overflow: visible; padding: 5px 0 0; }
  .steps:before { top: 20px; right: auto; bottom: 20px; left: 15px; width: 1px; height: auto; }
  .steps li { grid-template-columns: 32px minmax(0, 1fr); justify-items: start; column-gap: 10px; text-align: left; }
  .steps li > b { grid-row: span 2; width: 32px; height: 32px; }
  .steps li strong { align-self: end; margin-top: 0; font-size: 13px; }
  .steps li span { align-self: start; font-size: 12px; }
  .check-list { gap: 10px; font-size: 13px; }
  .feature-grid > a { min-height: 106px; }
  .feature-grid b { font-size: 12px; }
  .feature-grid small { font-size: 11px; }
  .faq-grid details summary { font-size: 14px; }
  .faq-grid details p { font-size: 13px; }
  .footer-column > a { font-size: 12px; }
}

@media (max-width: 390px) {
  .site-header { gap: 5px; padding-inline: 10px; }
  .site-brand { flex-basis: 128px; }
  .site-brand img { width: 128px; }
  .menu-toggle { width: 42px; height: 42px; }
  .header-actions { gap: 3px; }
  .search-toggle { width: 34px; }
  .header-actions .register-button { width: auto; padding: 0 7px; font-size: 11px !important; }
  .header-actions .register-button i { font-size: 14px; }
  .hero h1 { font-size: 35px; }
}

@media (max-width: 360px) {
  .site-brand { flex-basis: 112px; }
  .site-brand img { width: 112px; }
  .header-actions .register-button { width: 38px; padding: 0; font-size: 0 !important; }
}

.dropdown-menu a,.search-results a,.search-results > span { font-size:13px; }
.eyebrow { font-size:11px; }
.hero-copy > p:not(.eyebrow) { font-size:15px; }
.hero-actions .button { min-height:40px; font-size:13px; }
.hero-assurances { font-size:12px; }
.hero-phone b { font-size:12px; }
.hero-phone small { font-size:11px; }
.feature-ribbon b,.feature-grid b { font-size:12px; }
.feature-ribbon span,.feature-grid small { font-size:11px; }
.split-copy > p:not(.eyebrow) { font-size:14px; }
.split-copy .text-link,.text-link { font-size:13px; }
.benefit-list b { font-size:12px; }
.benefit-list small { font-size:11px; }
.steps li strong { font-size:12px; }
.steps li span { font-size:11px; }
.check-list { font-size:13px; }
.faq-grid details summary { font-size:14px; }
.faq-grid details p { font-size:13px; }
.footer-column > a { font-size:12px; }
.footer-about p { font-size:13px; }
.footer-bottom small { font-size:11px; }
.menu-toggle .menu-glyph { display:grid; width:19px; gap:4px; }
.menu-toggle .menu-glyph i { display:block; width:19px; height:2px; border-radius:2px; background:currentColor; transition:transform .18s,opacity .18s; }
.menu-toggle[aria-expanded="true"] .menu-glyph i:first-child { transform:translateY(6px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] .menu-glyph i:nth-child(2) { opacity:0; }
.menu-toggle[aria-expanded="true"] .menu-glyph i:last-child { transform:translateY(-6px) rotate(-45deg); }

/* Premium sizing, visible mobile actions, and an animated product tour. */
.site-header { min-height:96px; }
.site-brand { flex-basis:260px; }
.site-brand img { width:240px; max-height:none; }
.primary-nav > a,.nav-dropdown > button { font-size:15px; }
.header-actions .button { min-height:44px; font-size:13px; }
.feature-ribbon > a > i,.feature-grid > a > i { font-size:22px; }
.feature-ribbon b,.feature-grid b { font-size:13px; }
.feature-ribbon span,.feature-grid small { font-size:12px; line-height:1.5; }
.hero-copy > p:not(.eyebrow),.split-copy > p:not(.eyebrow) { font-size:16px; line-height:1.6; }
.eyebrow { font-size:12px; }
.hero-actions .button { min-height:44px; font-size:14px; }
.hero-product { overflow:visible; }
.hero-product > img { animation:hero-screen-drift 7s ease-in-out infinite alternate; transition:opacity .18s ease,transform .18s ease; }
.hero-product > img.is-changing { animation:none; opacity:.18; transform:scale(.985); }
@keyframes hero-screen-drift { from { transform:scale(1.005); } to { transform:scale(1.035); } }
.hero-live-badge { position:absolute; top:23px; left:23px; z-index:4; display:flex; align-items:center; gap:8px; padding:8px 11px; color:#fff; background:#061b1bd9; border:1px solid #ffffff3c; border-radius:20px; font-size:12px; font-weight:750; backdrop-filter:blur(8px); }
.hero-live-badge > span { width:8px; height:8px; border-radius:50%; background:#20dc87; box-shadow:0 0 0 4px #20dc8730; animation:live-pulse 1.6s ease-in-out infinite; }
@keyframes live-pulse { 50% { box-shadow:0 0 0 7px #20dc8708; opacity:.72; } }
.hero-slider-controls { position:absolute; bottom:26px; left:24px; z-index:5; display:flex; align-items:center; gap:7px; padding:5px; color:#fff; background:#061b1bd9; border:1px solid #ffffff3c; border-radius:8px; backdrop-filter:blur(8px); }
.hero-slider-controls button { display:grid; width:34px; height:34px; place-items:center; padding:0; color:inherit; background:transparent; border:0; border-radius:5px; font-size:23px; line-height:1; cursor:pointer; }
.hero-slider-controls button:hover { background:#ffffff22; }
.hero-slider-controls [data-slide-pause] { font-size:16px; }
.hero-slider-dots { display:flex; align-items:center; gap:6px; padding-inline:3px; }
.hero-slider-dots button { width:9px; height:9px; border:1px solid #ffffffb8; border-radius:50%; }
.hero-slider-dots button[aria-current="true"] { background:#19c67b; border-color:#19c67b; }
.hero-slide-caption { position:absolute; right:24px; bottom:34px; z-index:4; max-width:45%; padding:5px 8px; color:#fff; background:#061b1bd9; border-radius:6px; font-size:12px; font-weight:700; text-align:right; text-shadow:0 1px 5px #000; }
@media (max-width:1100px) and (min-width:761px) {
  .site-header { min-height:80px; }
  .site-brand { flex-basis:205px; }
  .site-brand img { width:200px; }
}
@media (max-width:760px) {
  .site-header { display:grid; min-height:0; grid-template-columns:minmax(0,1fr) 46px; grid-template-rows:auto auto; align-items:center; gap:7px 9px; padding:8px 14px 10px; }
  .site-brand { grid-column:1; grid-row:1; flex:none; width:max-content; max-width:100%; }
  .site-brand img { width:190px; max-width:100%; max-height:none; }
  .menu-toggle { display:grid; grid-column:2; grid-row:1; width:46px; height:46px; margin:0; order:initial; font-size:23px; }
  .header-actions { display:grid; grid-column:1/-1; grid-row:2; grid-template-columns:44px repeat(2,minmax(0,1fr)); width:100%; gap:8px; margin:0; }
  .search-toggle { grid-column:1; width:44px; height:44px; font-size:21px; }
  .header-actions .button,.header-actions .login-button { display:inline-flex; width:100%; min-width:0; min-height:44px; justify-content:center; padding-inline:7px; font-size:12px; }
  .header-actions .login-button { grid-column:2; }
  .header-actions .register-button { grid-column:3; font-size:12px !important; }
  .header-actions .register-button i { font-size:14px; }
  .primary-nav { top:100%; z-index:40; max-height:calc(100dvh - 126px); overflow:auto; }
  .primary-nav > a,.nav-dropdown > button { min-height:48px; font-size:15px; }
  .hero h1 { font-size:clamp(37px,10vw,46px); }
  .hero-product { padding:8px 8px 15px; }
  .hero-live-badge { top:14px; left:14px; padding:6px 8px; font-size:10px; }
  .hero-slider-controls { bottom:20px; left:14px; gap:3px; padding:3px; }
  .hero-slider-controls button { width:30px; height:30px; }
  .hero-slide-caption { right:12px; bottom:59px; max-width:50%; font-size:10px; }
  .hero-phone { top:-8px; right:8px; }
  .feature-ribbon > a > i,.feature-grid > a > i { font-size:23px; }
  .feature-ribbon b,.feature-grid b { font-size:13px; }
  .feature-ribbon span,.feature-grid small { font-size:12px; }
  .split-copy > p:not(.eyebrow),.hero-copy > p:not(.eyebrow) { font-size:15px; }
  .steps li strong { font-size:13px; }
  .steps li span { font-size:12px; }
}
@media (max-width:390px) {
  .site-header { padding-inline:10px; }
  .site-brand img { width:178px; }
  .header-actions { grid-template-columns:42px repeat(2,minmax(0,1fr)); gap:6px; }
  .search-toggle { width:42px; }
  .header-actions .button,.header-actions .login-button,.header-actions .register-button { font-size:11px !important; }
  .hero-live-badge { top:12px; left:11px; }
  .hero-slider-controls { left:11px; }
  .hero-slide-caption { right:9px; max-width:47%; font-size:9px; }
}
@media (max-width:340px) {
  .site-brand img { width:160px; }
  .menu-toggle { width:42px; height:42px; }
  .header-actions { grid-template-columns:38px repeat(2,minmax(0,1fr)); gap:5px; }
  .search-toggle { width:38px; }
  .header-actions .button,.header-actions .login-button,.header-actions .register-button { padding-inline:4px; font-size:10px !important; }
}
.search-toggle { position:relative; }
.search-toggle > i { display:none; }
.search-toggle::before { position:absolute; top:calc(50% - 8px); left:calc(50% - 8px); width:11px; height:11px; border:2px solid currentColor; border-radius:50%; content:""; }
.search-toggle::after { position:absolute; top:calc(50% + 4px); left:calc(50% + 4px); width:7px; height:2px; background:currentColor; border-radius:2px; transform:rotate(45deg); transform-origin:left center; content:""; }
@media (min-width:761px) and (max-width:940px) {
  .site-header { display:grid; min-height:0; grid-template-columns:minmax(0,1fr) 46px; grid-template-rows:auto auto; gap:7px 9px; padding:8px 18px 10px; }
  .site-brand { grid-column:1; grid-row:1; flex:none; width:max-content; max-width:100%; }
  .site-brand img { width:190px; max-width:100%; max-height:none; }
  .menu-toggle { display:grid; grid-column:2; grid-row:1; width:46px; height:46px; margin:0; order:initial; }
  .primary-nav { position:absolute; top:100%; right:0; left:0; display:none; align-items:stretch; gap:0; max-height:calc(100dvh - 126px); overflow:auto; margin:0; padding:8px 18px 14px; background:#fff; border-bottom:1px solid var(--line); box-shadow:0 15px 22px #10203312; }
  .primary-nav.open { display:flex; flex-direction:column; }
  .primary-nav > a,.nav-dropdown > button { width:100%; min-height:46px; justify-content:space-between; border-bottom:1px solid #eff2f4; font-size:14px; }
  .nav-dropdown { display:grid; }
  .dropdown-menu { position:static; width:100%; padding:4px 8px; border:0; box-shadow:none; }
  .header-actions { display:grid; grid-column:1/-1; grid-row:2; grid-template-columns:44px minmax(110px,140px) minmax(110px,140px); justify-content:space-between; width:100%; gap:8px; margin:0; }
  .search-toggle { grid-column:1; width:44px; height:44px; font-size:21px; }
  .header-actions .button,.header-actions .login-button { display:inline-flex; width:100%; min-height:44px; justify-content:center; font-size:12px; }
  .header-actions .login-button { grid-column:2; }
  .header-actions .register-button { grid-column:3; font-size:12px !important; }
}