:root{--blue:#099e9f;--ink:#162139;--muted:#677187;--line:#e6eaf2;--bg:#f7f9fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #87a7ff;outline-offset:4px}.wrap{max-width:1160px;margin:auto;padding:0 28px}header{background:#ffffffed;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}nav{height:84px;justify-content:space-between;gap:24px}.brand,nav{display:flex;align-items:center}.brand{font-size:24px;font-weight:760;letter-spacing:-1px;gap:10px}.brand span:last-child{color:var(--blue)}.logo{display:grid;place-items:center;border-radius:11px;width:37px;height:37px;background:var(--blue);color:white;font-size:26px;font-weight:800;letter-spacing:-2px}nav .links{display:flex;gap:32px;align-items:center;font-size:14px;font-weight:600}.navcta{border:1px solid var(--line);padding:9px 17px;border-radius:9px;background:white}.hero{padding:75px 0 45px;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-size:13px;font-weight:650;background:#e7f8f3;border:1px solid #c8eee5;padding:6px 12px;border-radius:50px}.eyebrow svg{width:15px;height:15px}h1{font-size:clamp(39px,5vw,64px);line-height:1.12;letter-spacing:-2.8px;font-weight:750;margin:23px auto 20px}h1 span{color:var(--blue)}.hero p{max-width:530px;margin:0 auto;color:var(--muted);font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin-top:28px}.btn,.hero-actions{justify-content:center}.btn{display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border-radius:9px;font-size:14px;font-weight:650;border:1px solid var(--line);background:white;color:var(--ink);transition:background .2s,transform .2s}.btn.primary{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 4px 10px #099e9f1c}.btn:hover{transform:translateY(-2px);background:#e7f8f3}.btn.primary:hover{background:#087e80}.btn svg{width:17px;height:17px}.hero-stats{display:flex;max-width:670px;margin:39px auto 0;justify-content:center;gap:0}.stat{flex:1 1;padding:0 24px;border-right:1px solid var(--line)}.stat:last-child{border:none}.stat strong{display:block;font-size:25px;font-weight:700;letter-spacing:-.7px}.stat span{font-size:13px;color:var(--muted)}.sample-note{font-size:12px!important;margin-top:14px!important;color:#8a93a4!important}section{padding:44px 0 18px}section+section{padding-top:54px;padding-bottom:75px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.section-label{color:var(--blue);font-size:12px;letter-spacing:1.5px;font-weight:700;margin-bottom:3px}h2{font-size:29px;letter-spacing:-1px;line-height:1.3;margin:0 0 6px}.section-top p{margin:0;color:var(--muted);font-size:15px}.count{font-size:13px;padding:6px 12px;background:white;border:1px solid var(--line);border-radius:20px;color:var(--muted);white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:25px;display:flex;flex-direction:column;box-shadow:0 3px 8px #15213a03;transition:box-shadow .2s,border-color .2s}.card:hover{border-color:#c9d6f7;box-shadow:0 12px 24px #17253e08}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.appicon{width:50px;height:50px;border-radius:13px;display:grid;place-items:center}.appicon svg{width:25px;height:25px;stroke-width:1.7}.blue{background:#edf2ff;color:#099e9f}.purple{background:#f2edff;color:#8956dc}.teal{background:#e8f7f5;color:#168d85}.orange{background:#fff1e8;color:#e98537}.pink{background:#fff0f6;color:#da5b97}.tag{font-size:12px;font-weight:550;background:#f6f8fb;color:#738097;border-radius:6px;padding:4px 9px}h3{font-size:20px;line-height:1.35;letter-spacing:-.4px;margin:0 0 9px}.description{font-size:14px;color:var(--muted);margin:0 0 20px;min-height:67px}.features{padding:0;margin:0 0 23px;list-style:none;font-size:14px;display:grid;gap:8px}.features li{display:flex;align-items:center;gap:9px}.features svg{width:16px;height:16px;color:var(--blue);flex-shrink:0}.card-bottom{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}.metric{justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:15px}.metric,.metric span{display:flex;align-items:center}.metric span{gap:6px}.metric svg{width:14px;height:14px}.metric b{color:#47536b;font-weight:600}.card .btn{width:100%}.extension .btn{background:#f7f9ff;border-color:#e1e8fd;color:var(--blue)}footer{border-top:1px solid var(--line);background:white}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0}.footer-inner .brand{font-size:19px}.footer-inner .logo{height:29px;width:29px;font-size:21px;border-radius:8px}.footer-inner p{font-size:13px;color:var(--muted);margin:0}dialog{border:1px solid var(--line);border-radius:18px;padding:30px;max-width:420px;width:calc(100% - 36px);box-shadow:0 24px 80px #10204530;color:var(--ink)}dialog::backdrop{background:#111d3b70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog h2{font-size:23px}dialog p{color:var(--muted);font-size:15px}dialog .btn{width:100%;margin-top:12px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.grid .card:last-child{grid-column:1/-1}.description{min-height:0}}@media(max-width:600px){.wrap{padding:0 20px}nav{height:72px}.brand{font-size:21px}nav .links{gap:17px}nav .navcta{display:none}.hero{padding:49px 0 23px}h1{letter-spacing:-1.8px}.hero p{font-size:16px}.hero-actions .btn{padding:11px 14px}.stat{padding:0 9px}.stat strong{font-size:22px}.stat span{font-size:12px}.grid{grid-template-columns:1fr}.grid .card:last-child{grid-column:auto}section{padding-top:35px}section+section{padding-top:42px}.section-top{align-items:flex-start}h2{font-size:25px}.count{margin-top:23px}.card{padding:23px}.footer-inner{flex-direction:column;align-items:flex-start;gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.brand-logo{width:47px;height:47px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:white;border-radius:10px}.brand-logo img{width:85px;height:85px;max-width:none}.product-logo{width:50px;height:50px;object-fit:contain;border-radius:11px}.admin-shell{max-width:1150px;margin:auto;padding:40px 24px}.admin-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}.admin-header h1{font-size:32px;letter-spacing:-1px;margin:0}.admin-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.admin-tabs .active{background:var(--blue);color:white}.admin-panel{background:white;border:1px solid var(--line);padding:27px;border-radius:16px;margin-bottom:23px}.admin-panel h2{font-size:23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.field{display:grid;gap:7px;font-size:14px;color:#43536c;font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid #d7dfe8;border-radius:8px;padding:11px;font:400 15px/1.5 inherit;color:var(--ink);background:white}.field input:focus,.field textarea:focus{outline:2px solid var(--blue);outline-offset:1px}.field textarea{min-height:100px;font:400 15px/1.5 sans-serif}.full{grid-column:1/-1}.admin-row{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-top:1px solid var(--line);gap:15px}.admin-row h3{margin:0;font-size:17px}.admin-row small{color:var(--muted)}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.danger{color:#b63636}.admin-note{font-size:14px;color:var(--muted)}.status{position:sticky;top:10px;z-index:10;background:#edf9f4;border:1px solid #b5ddcc;padding:14px;border-radius:10px;margin:15px 0;color:#145c42}.status.error{background:#fff0ee;color:#9e2929;border-color:#efbcb5}.upload-zone{background:#f4faf8;border:1px dashed #a0cfc6;padding:20px;border-radius:12px;margin-top:16px}.file-link{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px;overflow-wrap:anywhere}.file-link code{font-size:13px;max-width:100%;overflow-wrap:anywhere}.check-field{display:flex;align-items:center;gap:9px;font-size:14px}button:disabled{opacity:.6;cursor:wait}.empty{padding:30px;background:white;border:1px solid var(--line);border-radius:14px;color:var(--muted)}@media(max-width:600px){.form-grid{grid-template-columns:1fr}.admin-panel{padding:20px}.admin-header,.admin-row{align-items:flex-start;flex-direction:column}}.btn.primary:hover{background:color-mix(in srgb,var(--blue) 83%,black)}.extension .btn{background:color-mix(in srgb,var(--blue) 5%,white);border-color:color-mix(in srgb,var(--blue) 20%,white)}.eyebrow{background:color-mix(in srgb,var(--blue) 8%,white);border-color:color-mix(in srgb,var(--blue) 18%,white)}.features svg,.section-label{color:var(--blue)}.btn.primary{box-shadow:0 4px 10px color-mix(in srgb,var(--blue) 12%,transparent)}.field{min-width:0}.field input,.field select,.field textarea{min-width:0;font:inherit;font-size:15px;font-weight:400;line-height:1.5}.card .tutorial{margin-top:10px;background:white;border-color:var(--line);color:var(--blue)}