:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f6fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#05070b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 12%,#17b8db2e,#0000 32rem),radial-gradient(circle at 90% 30%,#45ffc21c,#0000 24rem),#05070b;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}.app-shell{isolation:isolate;min-height:100vh;position:relative}.app-shell:before{z-index:-2;pointer-events:none;content:"";background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:58px 58px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000 80%);mask-image:linear-gradient(#000c,#0000 80%)}.hero{min-height:78svh;padding:18px clamp(18px,4vw,56px) 48px;display:grid;position:relative;overflow:hidden}.hero__backdrop{z-index:-2;background:linear-gradient(90deg,#05070bf5,#05070bb8 47%,#05070b6b),linear-gradient(#05070b1f,#05070b 94%),url(/assets/hero-bg.png) 50%/cover;animation:1.2s ease-out both bgReveal;position:absolute;inset:0;transform:scale(1.04)}.hero:after{content:"";pointer-events:none;background:linear-gradient(#0000,#05070b);height:34%;position:absolute;inset:auto 0 0}.topbar{z-index:2;justify-content:space-between;align-self:start;align-items:center;gap:16px;animation:.7s ease-out .12s both riseIn;display:flex;position:relative}.brand,.topbar__link{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0f1785;border:1px solid #ffffff1a;box-shadow:0 16px 50px #00000038}.brand{letter-spacing:0;border-radius:999px;align-items:center;gap:10px;min-height:44px;padding:8px 13px 8px 8px;font-size:14px;font-weight:700;display:inline-flex}.brand__mark{color:#041116;background:linear-gradient(135deg,#5ff4ff,#70ffba);border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:900;display:grid}.topbar__link{color:#d9f7ff;border-radius:999px;align-items:center;min-height:42px;padding:0 16px;font-size:13px;font-weight:700;display:inline-flex}.hero__content{z-index:1;width:min(100%,850px);margin-top:clamp(84px,15vh,150px);animation:.85s cubic-bezier(.16,1,.3,1) .26s both riseIn;position:relative}.eyebrow{color:#aef9ff;letter-spacing:.08em;text-transform:uppercase;background:#09121994;border:1px solid #7df2ff3d;border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}h1,h2,h3,p{margin:0}h1{letter-spacing:0;max-width:720px;font-size:clamp(44px,12vw,112px);line-height:.98}.hero__content p{color:#c9d8e7;max-width:620px;margin-top:22px;font-size:clamp(18px,4.5vw,30px);line-height:1.45}.tools-section{z-index:2;width:min(1180px,100%);margin:-26px auto 0;padding:0 clamp(18px,4vw,56px) 72px;position:relative}.section-heading{flex-direction:column;gap:8px;margin-bottom:20px;animation:.7s ease-out .42s both riseIn;display:flex}.section-heading span{color:#6ef5ff;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:800}.section-heading h2{font-size:clamp(24px,7vw,42px);line-height:1.12}.tool-grid{grid-template-columns:1fr;gap:14px;display:grid}.tool-card{--accent-color:#63efff;min-height:168px;animation:cardIn .76s calc(.56s + var(--delay)) cubic-bezier(.16, 1, .3, 1) both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffff17,#ffffff08),#0a0f16c7;border:1px solid #ffffff1f;border-radius:24px;grid-template-columns:76px 1fr;gap:16px;padding:18px;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000057}.tool-card:before{content:"";opacity:.55;pointer-events:none;background:linear-gradient(115deg,#ffffff24,#0000 42%);position:absolute;inset:0}.tool-card__glow{background:var(--accent-color);filter:blur(52px);opacity:.12;border-radius:50%;width:180px;height:180px;transition:opacity .22s;position:absolute;top:-70px;right:-70px}.tool-card--travel{--accent-color:#64f7cf}.tool-card--qc{--accent-color:#65d8ff}.tool-card--cost{--accent-color:#ffc86a}.tool-card--stock{--accent-color:#72ffa5}.tool-card:hover{border-color:color-mix(in srgb, var(--accent-color) 44%, #ffffff24);box-shadow:0 30px 90px #0000007a, 0 0 46px color-mix(in srgb, var(--accent-color) 18%, transparent);background:linear-gradient(145deg,#ffffff21,#ffffff0a),#0c131ce0;transform:translateY(-6px)}.tool-card:hover .tool-card__glow{opacity:.22}.tool-card__icon{z-index:1;object-fit:cover;border-radius:20px;width:76px;height:76px;position:relative;box-shadow:0 18px 50px #00000059}.tool-card__body{z-index:1;align-self:start;min-width:0;position:relative}.tool-card h3{margin-top:4px;font-size:clamp(19px,5.2vw,25px);line-height:1.2}.tool-card p{color:#aab8c7;margin-top:9px;font-size:14px;line-height:1.6}.enter-button{z-index:1;color:#ecfbff;background:#ffffff14;border:1px solid #ffffff24;border-radius:16px;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;min-height:46px;font-size:15px;font-weight:800;transition:transform .18s,background .18s,border-color .18s;display:inline-flex;position:relative}.enter-button:hover{border-color:color-mix(in srgb, var(--accent-color) 52%, #ffffff29);background:color-mix(in srgb, var(--accent-color) 14%, #ffffff14);transform:translateY(-1px)}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{0%{opacity:0;transform:translateY(28px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bgReveal{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1.04)}}@media (width>=680px){.hero{min-height:720px}.tools-section{margin-top:-120px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tool-card{grid-template-columns:88px 1fr;min-height:230px;padding:22px}.tool-card__icon{width:88px;height:88px}.enter-button{place-self:end start;min-width:122px;padding:0 18px}}@media (width>=1024px){.topbar{width:min(1180px,100%);margin:0 auto}.hero__content{width:min(1180px,100%);margin-left:auto;margin-right:auto}.tool-card{min-height:250px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}