@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#13233c;--muted:#64748b;--line:#e5eaf1;--blue:#3659e8;--navy:#0e1a32;--bg:#f7f9fc;--aqua:#2ac3a2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:white;color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;line-height:1.6}h1,h2,h3,h4{font-family:Manrope,system-ui,sans-serif;line-height:1.18;letter-spacing:-.035em}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.announcement{background:#0e1a32;color:#c7d6f5;text-align:center;padding:9px 16px;font-size:12px;letter-spacing:.02em}.announcement span{color:#67e8c6;font-weight:700}.header{position:sticky;top:0;z-index:20;background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid #edf0f5}.nav{display:flex;align-items:center;gap:30px;height:76px}.brand{display:flex;align-items:center;gap:11px;font:800 21px Manrope;letter-spacing:-.06em;white-space:nowrap}.brandmark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#3659e8;color:#fff;font-size:23px;box-shadow:0 8px 20px #3659e830}.brand b{color:#3659e8}.navlinks{display:flex;gap:27px;margin-left:auto;align-items:center;font-size:13px;font-weight:700;color:#48556b}.navlinks a:hover,.footer a:hover{color:#3659e8}.nav-cta,.primary{display:inline-flex;justify-content:center;align-items:center;gap:9px;background:#3659e8;color:white!important;border:0;border-radius:10px;padding:12px 19px;font-weight:800;font-size:13px;box-shadow:0 8px 18px #3659e826}.nav-cta:hover,.primary:hover{background:#2648d2}.mobile-toggle{display:none;border:0;background:transparent;font-size:24px}.hero{background:radial-gradient(circle at 81% 25%,#e2eaff 0,transparent 32%),linear-gradient(130deg,#f6f8ff,#eef4ff 58%,#f5fbff);padding:78px 0 76px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:48px}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#3459e8;background:#e9eeff;border:1px solid #dbe5ff;border-radius:50px;padding:8px 13px;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:#25bf96}.hero h1{font-size:clamp(40px,4.25vw,65px);font-weight:800;margin:24px 0 19px;letter-spacing:-.065em;max-width:670px}.gradient{color:#3659e8}.hero p{font-size:16px;color:#5c6b83;max-width:520px;line-height:1.85;margin-bottom:26px}.searchbox{display:flex;align-items:center;gap:12px;padding:9px 10px 9px 18px;background:#fff;border:1px solid #e2e7f3;box-shadow:0 18px 40px #1d3d7c12;border-radius:13px;max-width:550px}.searchbox input{border:0;outline:0;min-width:0;flex:1;color:var(--ink);font-size:14px}.searchbox button{border:0;background:#3659e8;color:white;padding:12px 19px;border-radius:9px;font-weight:800;font-size:12px}.quick{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:18px;font-size:12px;color:#7b879b}.quick a{background:white;border:1px solid #dfe6f4;border-radius:30px;padding:5px 10px;color:#52617b}.hero-art{position:relative;min-height:410px}.dashboard{background:#fff;border:1px solid #e7ecf6;box-shadow:0 32px 75px #243d7026;border-radius:18px;transform:rotate(-3deg);position:absolute;left:2%;right:5%;top:35px;overflow:hidden}.dash-top{height:46px;border-bottom:1px solid #edf0f7;display:flex;align-items:center;padding:0 16px;gap:6px}.dash-top i{width:8px;height:8px;border-radius:50%;background:#ff9b99}.dash-top i:nth-child(2){background:#ffd179}.dash-top i:nth-child(3){background:#70d7ae}.dash-top span{margin-left:18px;font-size:10px;color:#9aa5b5}.dash-body{display:grid;grid-template-columns:112px 1fr;min-height:290px}.dash-side{background:#f8faff;border-right:1px solid #e8edf6;padding:18px 12px}.dash-side div{height:10px;background:#e2e9f5;margin:0 0 19px;border-radius:5px}.dash-side div:first-child{background:#b8c7fb}.dash-main{padding:23px}.dash-kicker{font-size:10px;color:#8290a8;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.dash-title{font:800 19px Manrope;margin:6px 0 20px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{border:1px solid #e9edf7;border-radius:10px;padding:13px 10px}.metric small{display:block;color:#8290a8;font-size:9px}.metric strong{font:800 23px Manrope;color:#213456}.bars{display:flex;align-items:end;gap:9px;height:100px;padding:15px 8px 0;border-bottom:1px solid #e8edf5}.bars span{flex:1;background:linear-gradient(#6c87ff,#c5d1ff);border-radius:5px 5px 0 0}.float-card{position:absolute;right:-1%;bottom:8px;background:white;border:1px solid #e7ecf5;box-shadow:0 20px 40px #1b376329;border-radius:13px;padding:14px 19px;transform:rotate(5deg);display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800}.float-icon{background:#e3fbf2;color:#079e72;border-radius:9px;padding:10px;font-size:20px}.trustbar{border-bottom:1px solid #edf0f5;padding:22px 0}.trustrow{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#68768b;font-size:12px;font-weight:700}.trustrow b{color:#24334e}.section{padding:78px 0}.section.alt{background:#f8fafd}.section-top{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:28px}.overline{font-size:11px;letter-spacing:.14em;color:#3659e8;font-weight:800;text-transform:uppercase}.section h2{font-size:34px;margin:8px 0 9px}.sub{color:#728097;font-size:14px;max-width:600px}.textlink{font-weight:800;color:#3659e8;font-size:13px}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.category{padding:24px;background:#fff;border:1px solid #e8ecf4;border-radius:15px;transition:.2s}.category:hover,.toolcard:hover,.postcard:hover{transform:translateY(-4px);box-shadow:0 15px 35px #142b5412;border-color:#cad6f9}.category .symbol,.toolicon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#eef2ff;color:#3659e8;font-size:22px;margin-bottom:18px}.category:nth-child(2n) .symbol{background:#e9faf4;color:#10a27d}.category:nth-child(3n) .symbol{background:#fff1e7;color:#ed9654}.category h3{font-size:15px;margin:0 0 6px}.category p{font-size:12px;color:#758196;margin:0}.toolgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.toolcard{background:white;border:1px solid #e7ebf3;border-radius:15px;padding:22px;min-height:200px;transition:.2s}.toolcard h3{font-size:15px;margin:0 0 9px}.toolcard p{color:#718097;font-size:12px;margin:0 0 14px;line-height:1.7}.toolcard .arrow{font-size:12px;font-weight:800;color:#3659e8}.toolcard[hidden]{display:none}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.filter{border:1px solid #e0e6f1;background:#fff;color:#58677d;padding:9px 15px;border-radius:9px;font-size:12px;font-weight:800}.filter.active{background:#3659e8;color:white;border-color:#3659e8}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature{padding:25px;border:1px solid #e8ecf4;border-radius:15px}.feature .symbol{font-size:27px}.feature h3{font-size:17px}.feature p{font-size:13px;color:#718097}.bloggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.postcard{border:1px solid #e8ecf4;border-radius:15px;overflow:hidden;background:white;transition:.2s}.postvisual{height:145px;background:linear-gradient(130deg,#e5eaff,#cddcff);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.postvisual:before{content:'';width:165px;height:165px;border:1px solid #ffffffab;border-radius:50%;position:absolute;transform:translate(85px,-40px)}.postvisual span{font-size:56px;filter:drop-shadow(0 10px 13px #263a6633)}.postcard:nth-child(3n+2) .postvisual{background:linear-gradient(130deg,#d7f7ec,#a8e8d8)}.postcard:nth-child(3n+3) .postvisual{background:linear-gradient(130deg,#ffecdc,#f8cfc5)}.postcontent{padding:22px}.postcontent small{color:#3659e8;font-weight:800;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.postcontent h3{font-size:16px;margin:9px 0}.postcontent p{font-size:12px;color:#718097}.cta{background:linear-gradient(110deg,#12234b,#274dc1);color:white;border-radius:20px;padding:47px 54px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cta h2{font-size:30px;margin:0 0 9px}.cta p{color:#d3ddff;font-size:13px;margin:0}.cta a{background:white;color:#274dc1;padding:14px 22px;border-radius:10px;font-weight:800;font-size:13px;white-space:nowrap}.footer{background:#101d34;color:#aab8d1;padding:58px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer .brand{color:white}.footer h4{color:white;font-size:13px;margin:0 0 18px}.footer a{display:block;font-size:12px;margin:0 0 12px}.footer p{font-size:12px;max-width:310px}.foot-bottom{border-top:1px solid #2c3950;margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;gap:15px;font-size:11px}.pagehero{background:#f4f7ff;padding:60px 0 52px}.pagehero h1{font-size:clamp(32px,4vw,48px);margin:13px 0}.pagehero p{color:#6d7b92;max-width:710px}.breadcrumbs{font-size:12px;color:#75839a}.breadcrumbs a{color:#3659e8}.workspace{display:grid;grid-template-columns:1fr 320px;gap:25px;align-items:start}.panel{background:white;border:1px solid #e6eaf2;border-radius:16px;padding:28px;box-shadow:0 12px 30px #18335a08}.panel h2{font-size:21px;margin-top:0}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field label{font-size:12px;font-weight:800;color:#3b4b65}.field textarea,.field input,.field select{border:1px solid #dce3ee;border-radius:10px;padding:12px 14px;outline:0;width:100%;color:#182b47;background:white}.field textarea{min-height:145px;resize:vertical}.field textarea:focus,.field input:focus{border-color:#3659e8;box-shadow:0 0 0 3px #3659e817}.actions{display:flex;gap:10px;flex-wrap:wrap}.secondary{background:#f1f4fa;border:1px solid #e1e7f0;border-radius:10px;padding:12px 18px;color:#43546e;font-weight:800;font-size:13px}.output{margin-top:20px;background:#f7f9fd;border:1px solid #e4eaf3;border-radius:12px;padding:18px;white-space:pre-wrap;word-break:break-word;font-size:13px;min-height:68px}.help{color:#6e7d94;font-size:13px}.article{max-width:770px;margin:0 auto;padding:55px 0 85px}.article h1{font-size:43px}.article h2{font-size:25px;margin-top:36px}.article p,.article li{font-size:16px;line-height:1.95;color:#42536d}.article .intro{font-size:18px;color:#61728b}.article .note{background:#eff4ff;border-left:4px solid #3659e8;padding:18px 22px;border-radius:8px}.bloglist{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.legal{max-width:820px;margin:50px auto 90px}.legal h2{font-size:23px;margin-top:34px}.legal p,.legal li{color:#54657e;line-height:1.9}.empty{padding:20px;color:#718097}.count{font-size:12px;color:#718097;margin-bottom:16px}.notice{background:#fff9e8;border:1px solid #f2dfae;padding:14px 18px;border-radius:10px;color:#795a19;font-size:12px}.sr-only{position:absolute;left:-9999px}@media(max-width:950px){.hero-grid{grid-template-columns:1fr}.hero-art{min-height:340px;max-width:600px;width:100%;margin:auto}.categories,.toolgrid{grid-template-columns:repeat(2,1fr)}.bloggrid,.bloglist{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:1fr}.navlinks{gap:14px}}@media(max-width:640px){.wrap{width:min(100% - 30px,1180px)}.nav{height:66px}.mobile-toggle{display:block;margin-left:auto}.navlinks{display:none;position:absolute;top:66px;left:0;right:0;background:white;padding:20px;box-shadow:0 15px 20px #172b4c14;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.nav-cta{display:none}.hero{padding:53px 0}.hero h1{font-size:41px}.hero-art{min-height:305px}.dashboard{left:0;right:0}.dash-body{grid-template-columns:70px 1fr}.dash-main{padding:15px}.dash-side{padding:16px 8px}.metric strong{font-size:16px}.float-card{right:0;bottom:0}.section{padding:53px 0}.section h2{font-size:27px}.section-top{align-items:start;flex-direction:column}.categories,.toolgrid,.bloggrid,.bloglist,.feature-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr);gap:25px}.footer-grid>div:first-child{grid-column:span 2}.cta{padding:30px;flex-direction:column;align-items:start}.cta h2{font-size:25px}.article h1{font-size:32px}.foot-bottom{flex-direction:column}.searchbox button{padding:12px}}