:root{--blue:#1679bf;--blue2:#0f5f9a;--red:#ef3e42;--ink:#14263a;--muted:#61748a;--line:#dce6ef;--soft:#f4f8fb;--card:#fff;--shadow:0 18px 44px rgba(32,66,96,.11);font-family:Inter,Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;line-height:1.65}a{color:var(--blue2)}img{max-width:100%}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 22px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800}.brand-mark{width:38px;height:38px;border-radius:11px}.main-nav{display:flex;gap:18px;align-items:center}.main-nav a{text-decoration:none;color:#344b62;font-size:14px;font-weight:700}.main-nav a:hover{color:var(--blue)}.nav-button,.button{display:inline-flex;justify-content:center;align-items:center;gap:7px;border-radius:10px;padding:11px 16px;font-weight:800;text-decoration:none;border:1px solid transparent;cursor:pointer}.button-primary,.nav-button{background:var(--blue);color:#fff}.button-primary:hover,.nav-button:hover{background:var(--blue2);color:#fff}.button-secondary{background:#fff;color:var(--ink);border-color:var(--line)}.button-secondary:hover{border-color:#9fc1d9}.hero{background:linear-gradient(145deg,#f6fbff 0%,#fff 58%,#fff5f5 100%);border-bottom:1px solid var(--line)}.hero-inner{max-width:1180px;margin:auto;padding:72px 22px;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}.eyebrow{display:inline-flex;background:#eaf5fc;color:var(--blue2);border:1px solid #cce5f6;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;letter-spacing:.08em}.hero h1{font-size:clamp(38px,5vw,66px);line-height:1.04;margin:16px 0}.hero p{font-size:19px;color:var(--muted);max-width:680px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:25px}.trust-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px;color:#4d6278;font-size:13px;font-weight:700}.product-window{background:#edf3f8;border:1px solid #cbd9e5;border-radius:22px;padding:12px;box-shadow:var(--shadow)}.window-bar{display:flex;gap:6px;padding:4px 5px 11px}.window-bar i{width:10px;height:10px;border-radius:50%;background:#d6e0e8}.window-bar i:first-child{background:#ef6a6a}.window-bar i:nth-child(2){background:#f1be58}.window-bar i:nth-child(3){background:#64bf7a}.mock-app{background:#fff;border-radius:14px;overflow:hidden;border:1px solid #dce6ef}.mock-head{display:flex;align-items:center;gap:9px;padding:13px 14px;border-bottom:1px solid #e5edf4}.mock-head img{width:34px;height:34px;border-radius:10px}.mock-head strong{display:block}.mock-head span{font-size:11px;color:var(--muted)}.mock-nav{display:grid;grid-template-columns:repeat(5,1fr);font-size:11px;text-align:center;border-bottom:1px solid #e5edf4}.mock-nav b{padding:9px 3px}.mock-nav b:first-child{color:var(--blue);border-bottom:2px solid var(--blue)}.mock-body{padding:14px;background:#f7fafc}.mock-add{display:grid;grid-template-columns:1fr auto;gap:7px;background:#fff;padding:10px;border:1px solid #dce6ef;border-radius:10px}.mock-add span{color:#7c8fa2;font-size:12px;padding:7px}.mock-add b{background:var(--blue);color:white;border-radius:8px;padding:7px 10px;font-size:12px}.mock-task{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;background:#fff;border:1px solid #dce6ef;border-left:4px solid #ef3e42;border-radius:10px;padding:10px;margin-top:8px}.mock-task.medium{border-left-color:#e49a25}.mock-task.low{border-left-color:#4a9fd2}.mock-check{width:18px;height:18px;border:2px solid #9fb3c5;border-radius:5px}.mock-task strong{font-size:12px;display:block}.mock-task small{font-size:10px;color:#6f8295}.mock-trash{color:#d63a3a;font-size:14px}.section{max-width:1180px;margin:auto;padding:70px 22px}.section-heading{max-width:740px;margin-bottom:30px}.section-heading h2{font-size:clamp(30px,4vw,46px);line-height:1.12;margin:7px 0 10px}.section-heading p{color:var(--muted);font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--card);box-shadow:0 8px 24px rgba(32,66,96,.05)}.card-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eaf5fc;font-size:21px}.card h3{margin:13px 0 6px}.card p{margin:0;color:var(--muted)}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.feature{display:flex;gap:12px;border:1px solid var(--line);border-radius:14px;padding:17px}.feature b{display:block;margin-bottom:3px}.feature span{color:var(--muted);font-size:14px}.feature-icon{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;background:#edf7fd}.band{background:#102a43;color:#fff}.band .section-heading p{color:#c6d4e0}.band .card{background:#173a5b;border-color:#285270}.band .card p{color:#c7d6e2}.steps{counter-reset:steps;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{border:1px solid var(--line);border-radius:16px;padding:22px}.step:before{counter-increment:steps;content:counter(steps);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--blue);color:white;font-weight:900}.step h3{margin:13px 0 6px}.step p{color:var(--muted);margin:0}.content-layout{max-width:1050px;margin:42px auto 76px;padding:0 22px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:35px}.article h1{font-size:42px;line-height:1.12}.article h2{margin-top:32px;font-size:26px}.article h3{margin-top:22px}.article p,.article li{color:#435a70}.notice{border-left:4px solid var(--blue);background:#eef7fd;padding:16px 18px;border-radius:0 12px 12px 0}.warning{border-left-color:#e29a2d;background:#fff8ea}.success{border-left-color:#2e9b62;background:#edf9f2}.sidebar{position:sticky;top:90px;align-self:start;border:1px solid var(--line);border-radius:15px;padding:16px}.sidebar strong{display:block;margin-bottom:8px}.sidebar a{display:block;text-decoration:none;padding:7px 0;color:#40566c}.sidebar a:hover{color:var(--blue)}.faq details{border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:10px}.faq summary{cursor:pointer;font-weight:800}.faq p{margin-bottom:0}.cta{max-width:1180px;margin:20px auto 70px;padding:0 22px}.cta-box{border-radius:20px;background:linear-gradient(135deg,#1679bf,#0f5f9a);color:#fff;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-box h2{margin:0 0 5px}.cta-box p{margin:0;color:#dbeefb}.cta-box .button{background:#fff;color:#114f79}.site-footer{background:#0d2134;color:#c2d2df}.footer-inner{max-width:1180px;margin:auto;padding:42px 22px 28px;display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:28px}.site-footer h3{color:#fff;font-size:15px}.site-footer a{display:block;color:#c2d2df;text-decoration:none;margin:7px 0;font-size:14px}.site-footer a:hover{color:#fff}.copyright{max-width:1180px;margin:auto;padding:17px 22px;border-top:1px solid #284157;font-size:13px}.extension-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.extension-card{display:flex;gap:18px;border:1px solid var(--line);border-radius:18px;padding:22px}.extension-card img{width:76px;height:76px;border-radius:18px}.extension-card h2{margin:0}.tag{display:inline-flex;border-radius:999px;background:#eaf5fc;color:#0f5f9a;font-size:11px;font-weight:900;padding:4px 8px;margin:6px 0}.table-wrap{overflow:auto}.permissions{width:100%;border-collapse:collapse}.permissions th,.permissions td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}.permissions th{background:#f4f8fb}.screenshot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.screenshot-grid img{border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 25px rgba(32,66,96,.08)}
@media(max-width:850px){.main-nav{display:none}.hero-inner{grid-template-columns:1fr;padding-top:52px}.cards,.steps{grid-template-columns:1fr 1fr}.content-layout{grid-template-columns:1fr}.sidebar{position:static}.footer-inner{grid-template-columns:1fr 1fr}.extension-grid{grid-template-columns:1fr}.screenshot-grid{grid-template-columns:1fr}}
@media(max-width:560px){.header-inner{padding:11px 15px}.hero-inner,.section{padding-left:16px;padding-right:16px}.hero h1{font-size:39px}.cards,.steps,.feature-list{grid-template-columns:1fr}.cta-box{display:block}.cta-box .button{margin-top:18px}.footer-inner{grid-template-columns:1fr}.mock-nav{font-size:9px}.content-layout{padding:0 16px}.article h1{font-size:34px}.extension-card{display:block}.extension-card img{margin-bottom:10px}}