@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{--blue:#2455ee;--ink:#152641;--muted:#64748b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:'Be Vietnam Pro',sans-serif;background:#fcfdff}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #2455ee;outline-offset:5px}.notice{text-align:center;background:#eaf1ff;padding:10px;font-size:11px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 6%;background:#ffffffed;position:sticky;top:0;z-index:5;border-bottom:1px solid #edf1f6}.logo{font-size:28px;font-weight:800;letter-spacing:-1.5px}.logo span{color:var(--blue);font-weight:400}.logo small{display:block;font-size:8px;letter-spacing:2.1px;font-weight:500;margin-top:4px}nav{display:flex;gap:30px;font-size:12px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:white;padding:17px 24px;border-radius:100px;font-size:12px;font-weight:600;border:0;transition:transform .2s}.button:hover{transform:translateY(-3px);background:#1644d2}.small{padding:13px 20px}.hero{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center;padding:70px 6% 75px;overflow:hidden}.glow{position:absolute;background:linear-gradient(110deg,#dceeff,#d4ddff,#c9f2ff);filter:blur(65px);width:70%;height:70%;right:-10%;top:10%;z-index:-1;animation:drift 12s ease-in-out infinite alternate}@keyframes drift{to{transform:translate(-8%,10%) rotate(8deg)}}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.2px;color:var(--blue);margin-bottom:22px}h1{font-size:clamp(38px,4.6vw,68px);line-height:1.16;letter-spacing:-3px;margin:0 0 25px}em{color:var(--blue);font-style:normal}p{line-height:1.9;font-size:14px;color:var(--muted)}.hero-copy>p:not(.eyebrow){max-width:400px}.actions{display:flex;align-items:center;gap:22px;margin-top:30px}.actions>a:last-child{font-size:11px}.mini{margin-top:42px;font-size:8px;letter-spacing:1px}.mini span{margin:0 12px;color:var(--blue)}figure{margin:0}.hero figure{background:#e6f1ff;border-radius:24px;overflow:hidden;box-shadow:0 25px 80px #7499ca20;transform:rotate(2deg)}.hero figure img{width:100%;height:400px;object-fit:cover}.hero figcaption{padding:22px 26px;display:grid;gap:9px;background:white}.hero figcaption span{font-size:9px;letter-spacing:2px;color:var(--blue)}.hero figcaption b{font-size:18px}figcaption small,.muted{font-size:10px;color:var(--muted)}.strip{display:flex;justify-content:space-between;padding:24px 6%;border-block:1px solid #e5ebf4;font-size:11px}.strip span:first-child{color:var(--blue)}.section{padding:90px 6%}.section-title{display:flex;justify-content:space-between;align-items:end}h2{font-size:clamp(30px,3.5vw,48px);letter-spacing:-1.8px;line-height:1.25;margin:0 0 24px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.filters button{border:1px solid #e2e8f0;background:white;border-radius:30px;padding:11px 19px;font-size:11px}.filters .active{background:var(--ink);color:white;border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{border:0;background:transparent;text-align:left;padding:0;color:var(--ink)}.product .pic{height:260px;border-radius:15px;background-image:url('assets/products.png');background-size:auto 330px;background-repeat:no-repeat;background-color:#e9f2fa;transition:transform .25s}.product:hover .pic{transform:translateY(-5px)}.product h3{font-size:14px;margin:18px 0 5px}.product p{font-size:11px;margin:0}.product .tag{font-size:9px;color:var(--blue);display:block;margin-top:12px}.custom{background:#eef4ff;display:grid;grid-template-columns:1fr 1fr;gap:80px}.custom .button{margin-top:20px}.steps article{display:flex;gap:25px;border-bottom:1px solid #d9e3f4;padding:18px 0}.steps article>span{font-size:26px;color:#8da7e8}.steps h3{font-size:15px}.steps p{font-size:12px}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about img{width:100%;border-radius:20px}.about figcaption{font-size:9px;margin-top:10px;color:var(--muted)}.about a{font-size:12px;color:var(--blue)}.faq{max-width:1000px;margin:auto;padding-top:20px}details{border-bottom:1px solid #dfe7f0;padding:23px 0}summary{cursor:pointer;font-size:14px}.contact{text-align:center;background:radial-gradient(ellipse at 50% 100%,#c8ddff,transparent 70%),#f2f7ff}footer{padding:55px 6%;display:grid;grid-template-columns:1fr 1fr;gap:25px}footer>div{display:flex;gap:25px;font-size:12px}footer small{font-size:10px;color:var(--muted)}dialog{border:0;border-radius:20px;padding:40px;max-width:550px;width:90%;box-shadow:0 30px 100px #132c4650}dialog::backdrop{background:#15264180;backdrop-filter:blur(5px)}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px}dialog h2{font-size:28px}dialog label{display:block;font-size:12px;margin:20px 0}dialog input{width:100%;padding:12px;border:1px solid #b9c9db;border-radius:8px;margin-top:10px}@media(max-width:800px){header{padding:18px 5%;flex-wrap:wrap}nav{order:3;width:100%;justify-content:space-between;gap:8px;font-size:10px}.hero{grid-template-columns:1fr;padding:40px 6%;gap:35px}h1{letter-spacing:-2px}.hero figure{transform:none}.hero figure img{height:300px}.strip{gap:20px;flex-wrap:wrap}.section{padding:55px 6%}.section-title{display:block}.grid{grid-template-columns:repeat(2,1fr)}.product .pic{height:220px;background-size:auto 280px}.custom,.about{grid-template-columns:1fr;gap:30px}footer{grid-template-columns:1fr}.actions{gap:15px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.tools-section{background:#f7faff}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tool-card{padding:36px;border:1px solid #dbe6fa;border-radius:22px;background:linear-gradient(135deg,#fff,#eaf2ff)}.tool-number{font-size:10px;letter-spacing:2px;color:var(--blue)}.tool-card h3{font-size:25px;letter-spacing:-.8px;margin:24px 0 12px}.tool-card p{max-width:440px;min-height:80px}.tool-card .button{margin-top:15px}@media(max-width:700px){.tool-grid{grid-template-columns:1fr}.tool-card{padding:26px}nav{flex-wrap:wrap}}