:root{--bg: #ffffff;--bg2: #f6f7fb;--card: rgba(255,255,255,.92);--card2: rgba(255,255,255,.82);--border: rgba(10,20,40,.12);--text: #0b1220;--muted: rgba(11,18,32,.7);--accent1:#2dd4ff;--accent2:#7c5cff;--shadow: 0 10px 24px rgba(10,20,40,.1)}html[data-theme=dark]{--bg:#0b1020;--bg2: #0f1730;--card: rgba(255,255,255,.06);--card2: rgba(255,255,255,.04);--border: rgba(255,255,255,.12);--text:#eaf2ff;--muted:#9ab0cf;--shadow: 0 12px 32px rgba(0,0,0,.4)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:radial-gradient(1200px 700px at 15% 10%,rgba(124,92,255,.1),transparent 60%),radial-gradient(900px 600px at 85% 15%,rgba(45,212,255,.1),transparent 60%),linear-gradient(180deg,var(--bg),var(--bg2))}a{color:inherit}.container{width:min(1680px,94vw);margin:0 auto}@media (min-width: 1920px){.container{width:min(1920px,92vw)}}@media (min-width: 2560px){.container{width:min(2100px,88vw)}}@media (min-width: 3400px){.container{width:min(2400px,86vw)}}@media (min-width: 4000px){.container{width:min(2600px,84vw)}}.page{min-height:100vh;display:flex;flex-direction:column}main{flex:1;padding:22px 0 28px}@media (min-width: 1920px){main{padding:26px 0 34px}}.header{position:sticky;top:0;z-index:50;background:color-mix(in oklab,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.headerInner{position:relative;display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:12px}@media (min-width: 1920px){.headerInner{padding:14px 0}}.brand{display:flex;align-items:center;gap:12px;cursor:pointer;min-width:0}.logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent1),var(--accent2));color:#06101a;font-weight:900}.brandName{font-weight:950;letter-spacing:.2px;line-height:1}.brandTag{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52vw}.navRight{display:flex;align-items:center;gap:10px}.nav{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.burger{display:none}@media (min-width: 861px){.burger{display:none!important}.nav{display:flex!important}}@media (max-width: 860px){.burger{display:inline-flex}.nav{display:none}.nav.navOpen{display:flex;position:absolute;right:0;top:56px;width:min(420px,92vw);padding:10px;flex-direction:column;align-items:stretch;gap:8px;border:1px solid var(--border);border-radius:16px;background:color-mix(in oklab,var(--bg) 92%,transparent);box-shadow:var(--shadow);z-index:60}}h1{margin:12px 0 10px;line-height:1.06;font-size:clamp(30px,3.2vw,58px)}h2{margin:10px 0 12px;font-size:clamp(22px,2.1vw,34px)}h3{margin:0 0 8px}.muted{color:var(--muted)}.tiny{font-size:13px;line-height:1.5}.lead{color:var(--muted);font-size:16px;line-height:1.6;margin:0 0 16px}.accent{background:linear-gradient(90deg,var(--accent1),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.card{background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:12px;padding:10px 14px;border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 80%,transparent);color:var(--text);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btnPrimary{background:linear-gradient(135deg,#2dd4fff2,#7c5cffe6);color:#06101a;font-weight:950;border-color:transparent}.btnFull{width:100%}.iconBtn{padding:10px 12px}.badge{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:color-mix(in oklab,var(--bg) 80%,transparent);color:color-mix(in oklab,var(--text) 92%,transparent);font-size:13px}.seg{display:flex;gap:10px;margin:10px 0 12px;flex-wrap:wrap}.segBtn{border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 80%,transparent);color:var(--text);padding:10px 12px;border-radius:12px;cursor:pointer;font-weight:900}.segOn{border-color:color-mix(in oklab,var(--accent1) 55%,var(--border));background:color-mix(in oklab,var(--accent1) 12%,var(--bg))}.bullets{margin:8px 0 0;padding-left:18px}.bullets li{margin:6px 0}.note{padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:color-mix(in oklab,var(--card) 88%,transparent)}.noteTitle{font-weight:900;margin-bottom:4px}.hero{display:grid;gap:22px;grid-template-columns:1.15fr .85fr;align-items:start;padding:18px 0 12px}@media (min-width: 1400px){.heroLeft{max-width:760px}}.cta{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 14px}.pills{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:7px 10px;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 82%,transparent);font-size:13px}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.trustItem{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid var(--border);border-radius:16px;background:color-mix(in oklab,var(--bg) 86%,transparent)}.trustItem b{font-weight:900}@media (max-width: 980px){.trust{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.trust{grid-template-columns:1fr}}.testimonials{margin-top:14px}.tHead{margin:0 0 10px}.tGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tQuote{font-size:15px;line-height:1.6}@media (max-width: 980px){.tGrid{grid-template-columns:1fr}}.oauthRow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.oauthBtn{justify-content:center;width:100%}.divider{height:1px;background:var(--border);margin:12px 0}.authActions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px}@media (max-width: 560px){.oauthRow{grid-template-columns:1fr}.authActions{flex-direction:column;align-items:flex-start}}.sectionHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:10px}.appGrid{display:grid;grid-template-columns:320px 1fr 420px;gap:14px;align-items:start}.appNav{position:sticky;top:88px;align-self:start}.navCard .navTitle{font-weight:900;margin-bottom:4px}.navList{display:flex;flex-direction:column;gap:10px;margin-top:12px}.navItem{width:100%;display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 82%,transparent);cursor:pointer;color:var(--text)}.navItem:hover{background:color-mix(in oklab,var(--bg) 88%,transparent)}.navItemOn{border-color:color-mix(in oklab,var(--accent1) 45%,var(--border));background:color-mix(in oklab,var(--accent1) 16%,var(--bg))}.navIcon{width:26px;display:inline-flex;justify-content:center}.navTxt{font-weight:650}@media (max-width: 1200px){.appGrid{grid-template-columns:280px 1fr}.side{display:none}}@media (max-width: 900px){.appGrid{grid-template-columns:1fr}.appNav{position:static}.side{display:flex}}.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.col,.side{display:flex;flex-direction:column;gap:14px}@media (max-width: 900px){.hero,.grid{grid-template-columns:1fr}}.heroMedia{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 900px){.heroMedia{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1600px){.heroMedia{grid-template-columns:repeat(3,1fr)}}.imgCard{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:color-mix(in oklab,var(--bg) 70%,transparent)}.imgCard img{width:100%;height:clamp(160px,18vh,240px);object-fit:cover;display:block}.imgCaption{padding:12px}.imgTitle{font-weight:950}@media (min-width: 900px){.imgCard img{height:clamp(180px,16vh,260px)}}.planGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.planCard{text-align:left;border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 78%,transparent);border-radius:16px;padding:12px}.planTop{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:4px}.planName{font-weight:950}.planPrice{font-weight:950;font-size:18px}.miniBar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0 6px}@media (max-width: 900px){.planGrid{grid-template-columns:1fr}}.form{display:flex;flex-direction:column;gap:10px;margin-top:10px}.label{display:flex;flex-direction:column;gap:6px;font-size:13px}.input{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 70%,transparent);color:var(--text);outline:none}.input:focus{border-color:color-mix(in oklab,var(--accent1) 55%,var(--border))}textarea{resize:vertical}.faq{padding:12px 0 0}details{border:1px solid var(--border);border-radius:14px;padding:12px 14px;margin:10px 0;background:color-mix(in oklab,var(--bg) 82%,transparent)}summary{cursor:pointer;font-weight:900}.pricingHero{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;align-items:stretch}.pricingTitle{margin-top:10px}.pricingGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.keywords .kTitle{font-weight:900;color:var(--muted);font-size:12px;margin-bottom:8px}.chipsWrap{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:6px 9px;border-radius:999px;font-size:12px;border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 80%,transparent)}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.howItem{display:flex;gap:10px;align-items:flex-start}.howN{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:color-mix(in oklab,var(--accent2) 14%,var(--bg));border:1px solid var(--border);font-weight:950}.howT{font-weight:950}@media (max-width: 980px){.pricingHero,.pricingGrid,.how{grid-template-columns:1fr}}.footer{border-top:1px solid var(--border);padding:18px 0 26px}.footerInner{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.toast{position:fixed;right:14px;bottom:14px;z-index:80;width:min(360px,calc(100vw - 28px));background:color-mix(in oklab,var(--bg) 92%,transparent);border:1px solid var(--border);border-radius:14px;padding:12px;box-shadow:var(--shadow)}.toastTitle{font-weight:950;margin-right:22px}.toastMsg{color:var(--muted);font-size:13px;line-height:1.45;margin-top:4px}.toastX{position:absolute;top:8px;right:10px;border:none;background:transparent;color:var(--muted);font-size:18px;cursor:pointer}.table{display:flex;flex-direction:column;gap:10px;margin-top:10px}.rowItem{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:14px;border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 84%,transparent)}.badge2{padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 70%,transparent);font-size:12px;text-transform:capitalize}.badge2-received{border-color:color-mix(in oklab,var(--accent1) 28%,var(--border))}.badge2-in_progress{border-color:color-mix(in oklab,var(--accent2) 28%,var(--border))}.badge2-done{border-color:#78ffaa4d}.badge2-canceled{border-color:#ff78784d}.linkBtn{border:none;background:transparent;color:color-mix(in oklab,var(--accent2) 60%,var(--text));cursor:pointer;font-weight:900;padding:8px 0}.linkBtn:hover{text-decoration:underline}.showcase{padding:14px 0 8px}.showcaseHead{margin-bottom:12px}.featureGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.featureCard{overflow:hidden}.featureTop{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}.featureIcon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:color-mix(in oklab,var(--bg) 70%,transparent);border:1px solid var(--border);font-size:20px}.featureTitle{font-weight:950;letter-spacing:.2px}.featureVisual{margin:10px 0 8px}.toneVault{border-color:color-mix(in oklab,var(--accent1) 22%,var(--border))}.toneBoard{border-color:color-mix(in oklab,var(--accent2) 22%,var(--border))}.toneQuote{border-color:color-mix(in oklab,#ffb020 22%,var(--border))}.toneAlert{border-color:color-mix(in oklab,#ff5a5a 22%,var(--border))}.tonePlan{border-color:color-mix(in oklab,#4ade80 22%,var(--border))}.mockFrame{border:1px solid var(--border);border-radius:16px;background:color-mix(in oklab,var(--bg) 70%,transparent);overflow:hidden}.mockBar{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--bg) 78%,transparent)}.dot{width:10px;height:10px;border-radius:999px;display:inline-block;opacity:.9}.dotR{background:#ff7878e6}.dotY{background:#ffd278e6}.dotG{background:#78ffaae6}.mockUrl{margin-left:auto;color:var(--muted);font-size:12px}.mockBody{padding:10px}.mockHeader{font-weight:950;margin-bottom:8px}.mockChips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.mockList{display:flex;flex-direction:column;gap:8px}.mockRow{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px;border-radius:12px;border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 82%,transparent)}.tag{font-size:12px;padding:5px 8px;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 70%,transparent);color:color-mix(in oklab,var(--text) 86%,transparent)}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.colK{border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 82%,transparent);border-radius:12px;padding:8px}.kTitle{font-weight:900;color:var(--muted);font-size:12px;margin-bottom:6px}.kCard{padding:8px;border-radius:10px;border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 86%,transparent);margin-bottom:6px;font-size:12px}.kCard.done{opacity:.85}.scoreRow{display:flex;gap:10px;align-items:center;margin:8px 0}.score{font-weight:950;font-size:12px}.bar{flex:1;height:10px;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 70%,transparent);overflow:hidden}.bar>span{display:block;height:100%;background:linear-gradient(90deg,#2dd4fff2,#7c5cffe6)}.timeline{display:flex;flex-direction:column;gap:10px}.tlItem{display:flex;gap:10px;align-items:center;font-size:12px}.tlDot{width:10px;height:10px;border-radius:999px;background:#ff7878e6;display:inline-block}.gantt{display:flex;flex-direction:column;gap:10px}.gRow{display:flex;gap:10px;align-items:center}.gLabel{width:70px;font-size:12px;color:var(--muted)}.gBar{height:12px;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 78%,transparent)}.g1{width:35%}.g2{width:55%}.g3{width:75%}.dashRow{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-top:12px}.dashTitle{font-weight:950;margin-bottom:10px}.dashMock{display:flex;flex-direction:column;gap:10px}.dashStats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat{border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 82%,transparent);border-radius:14px;padding:10px}.stat .n{font-weight:950;font-size:20px}.stat .t{color:var(--muted);font-size:12px}.dashSplit{display:grid;grid-template-columns:1fr 1fr;gap:8px}.miniCard{border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 82%,transparent);border-radius:14px;padding:10px}.miniTitle{font-weight:900;margin-bottom:6px;font-size:12px;color:var(--muted)}.tableMock{display:flex;flex-direction:column;gap:8px}.tr{display:grid;grid-template-columns:1.2fr .8fr .6fr;gap:10px;padding:10px;border-radius:12px;border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 86%,transparent);font-size:12px}.tr.head{background:color-mix(in oklab,var(--bg) 78%,transparent);font-weight:950}.pOrange{background:#ffd27829;border-color:#ffd27847}.pGray{background:color-mix(in oklab,var(--bg) 82%,transparent)}.pGreen{background:#78ffaa24;border-color:#78ffaa42}@media (max-width: 980px){.featureGrid,.dashRow{grid-template-columns:1fr}}@media (max-width: 420px){.container{width:min(1680px,92vw)}.cta{gap:8px}.btn,.btnPrimary{width:100%;justify-content:center}}