/* ToolMoko V17 — consistent premium design layer */
:root{--v17-blue:#2563eb;--v17-deep:#172554;--v17-pale:#eff6ff;--v17-border:#dce7fb}
html{scroll-behavior:smooth}
body{background:#f8fbff;color:#172554;font-family:Inter,system-ui,-apple-system,sans-serif}
.container{max-width:1240px}
a,button,input,select{transition:box-shadow .2s ease,background .2s ease,transform .2s ease}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}
.hero-section{position:relative;overflow:hidden;background:radial-gradient(circle at 76% 38%,#bdd9ff 0%,transparent 38%),linear-gradient(125deg,#f7fbff 2%,#e7f2ff 55%,#d9eaff 100%)!important;border-bottom:1px solid #dce7fb;padding:85px 0 82px}
.hero-section .hero-content{max-width:1240px;position:relative;z-index:2}
.hero-section .hero-title{max-width:720px;font-size:clamp(2.65rem,5.1vw,4.7rem);line-height:1.1;letter-spacing:-.055em;font-weight:850;color:#101e46}
.hero-section .hero-description{max-width:640px;color:#536888;font-size:1.12rem;line-height:1.75}
.hero-section .hero-badge{border:1px solid #c4dcff;background:rgba(255,255,255,.85);border-radius:999px;box-shadow:0 5px 18px #2563eb0a}
.hero-section .hero-search-wrapper{max-width:660px;background:#fff;border:1px solid #cbdff9;border-radius:18px;box-shadow:0 15px 42px #1b4da321;overflow:visible}
.hero-section .popular-shortcuts{max-width:650px}
.hero-section .hero-cta-group{max-width:650px}
.v17-hero-art{position:absolute;right:max(2%,calc((100vw - 1240px)/2));top:17%;width:37%;max-width:450px;aspect-ratio:1.16;pointer-events:none;z-index:1}
.v17-orbit{position:absolute;inset:8%;border:2px dashed #78b0ff;border-radius:50%;transform:rotate(-19deg)}
.v17-art-center{position:absolute;inset:19% 16%;background:linear-gradient(140deg,#fff,#e8f2ff);border:12px solid #fff;border-radius:32px;box-shadow:0 24px 60px #2563eb45,0 0 0 2px #cbdfff;display:grid;place-items:center}
.v17-art-center svg{width:45%;height:45%;color:#2563eb}
.v17-float{position:absolute;width:76px;height:76px;display:grid;place-items:center;background:#fff;border:1px solid #d5e5ff;border-radius:21px;box-shadow:0 12px 30px #2058a52c;font-size:1.8rem;font-weight:800}
.v17-float.pdf{top:2%;left:18%;color:#ef4444;transform:rotate(-10deg)}
.v17-float.img{top:7%;right:1%;color:#1684ef;transform:rotate(9deg)}
.v17-float.doc{bottom:4%;left:1%;color:#2563eb;transform:rotate(8deg)}
.v17-float.xls{bottom:1%;right:13%;color:#059669;transform:rotate(-7deg)}
.v17-trust{display:flex;flex-wrap:wrap;gap:12px;max-width:740px;margin:28px 0 0}
.v17-trust-item{display:flex;gap:9px;align-items:center;background:#ffffffdd;border:1px solid #e0eaff;border-radius:14px;padding:12px 16px;font-size:.88rem;color:#263e70;box-shadow:0 9px 22px #2563eb0d}
.v17-trust-item strong{color:#124ec8}
.section{padding-top:76px;padding-bottom:76px}
.section:nth-of-type(even){background:#f2f7ff}
.section-header{text-align:center;max-width:790px;margin-left:auto;margin-right:auto}
.section-title{letter-spacing:-.035em;color:#14234a}
.section-subtitle{color:#637494}
.section-badge{border-radius:999px;background:#e9f1ff;color:#2563eb;padding:8px 14px}
.tools-grid{gap:18px!important}
.tool-card,.category-card,.feature-card,.step-card,.faq-item{background:#fff!important;border:1px solid #e0e9f7!important;border-radius:19px!important;box-shadow:0 7px 25px #17438a0b!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.tool-card:hover,.category-card:hover{transform:translateY(-5px)!important;border-color:#8ab8ff!important;box-shadow:0 17px 40px #1c5cb522!important}
.tool-card h3,.tool-card h4{color:#172554}
.filter-pill,.category-pill{border-radius:12px!important}
.filter-pill.active{background:#2563eb!important;color:#fff!important;box-shadow:0 8px 20px #2563eb3a}
.tools-filter-bar{background:#fff;padding:18px;border-radius:20px;border:1px solid #e0e9f7;box-shadow:0 8px 28px #173e760a}
.tool-header-section{background:linear-gradient(125deg,#f7fbff,#eaf3ff)!important;border-bottom:1px solid #e0e9f7;padding:46px 0!important}
.tool-header-section h1{letter-spacing:-.035em}
.tool-workspace{background:#fff!important;border:1px solid #dbe7fb!important;border-radius:22px!important;box-shadow:0 20px 50px #163f8714!important;padding:clamp(20px,4vw,38px)!important}
.tool-workspace input[type=file]{background:#f6faff;border:2px dashed #a7c9ff!important;padding:24px!important;border-radius:15px!important;max-width:100%;width:100%}
.tool-workspace button,.tool-workspace .btn-primary{border-radius:12px!important;min-height:46px}
.tool-workspace button:disabled{opacity:.55;cursor:wait}
.tool-workspace textarea{background:#fbfdff}
.v17-note{font-size:.86rem;color:#607496;background:#f0f6ff;border:1px solid #dbe9ff;border-radius:12px;padding:12px 15px;margin:15px 0}
footer{background:#101f48!important;color:#e8f1ff}
footer a{color:#dbeafe}
@media(max-width:980px){.v17-hero-art{opacity:.2;right:-11%;width:48%}.hero-section .hero-title{max-width:720px}}
@media(max-width:640px){.hero-section{padding:58px 0 55px}.v17-hero-art{display:none}.hero-section .hero-title{font-size:clamp(2.25rem,9vw,3.1rem)}.v17-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.v17-trust-item{padding:10px;font-size:.78rem}.section{padding:52px 0}.tools-filter-bar{padding:12px}.tool-workspace{padding:18px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}