/* Homepage only: large product-style compositions, existing blue palette. */
main:has(.home-page){background:#f5f5f7}
.home-page{color:var(--text);overflow:clip}
.home-intro{position:relative;background:linear-gradient(180deg,#fff 0%,#fafcfe 65%,#edf4fc 100%);text-align:center;padding:66px 24px 0;isolation:isolate;overflow:hidden}
.home-intro-copy{position:relative;z-index:2;max-width:820px;margin:auto}
.home-intro h1{font-size:clamp(64px,7.7vw,108px);font-weight:700;letter-spacing:-.065em;line-height:1.06;margin:0 0 20px;color:#1d1d1f}
.home-intro-lead{font-size:clamp(23px,2.4vw,32px);font-weight:550;letter-spacing:-.035em;line-height:1.4;margin:0 0 16px;text-wrap:balance}
.home-intro-desc{max-width:620px;margin:0 auto;color:var(--text-3);font-size:16px;line-height:1.8;text-wrap:balance}
.home-intro-action{display:inline-flex;gap:12px;align-items:center;background:var(--accent);border-radius:999px;padding:12px 25px;color:#fff;font-size:15px;margin-top:25px;transition:background .2s,box-shadow .2s}
.home-intro-action:hover{background:var(--accent-hover);box-shadow:0 6px 22px rgba(0,113,227,.2)}
.home-stage{position:relative;height:270px;max-width:1080px;margin:10px auto 0;perspective:1100px;isolation:isolate}
.home-stage-glow{position:absolute;width:80%;height:210px;left:10%;bottom:-70px;background:radial-gradient(ellipse,rgba(0,113,227,.16),transparent 67%);filter:blur(12px)}
.home-stage-tile{position:absolute;display:grid;place-items:center;width:124px;height:124px;left:calc(50% - 62px);top:72px;border-radius:29px;background:linear-gradient(145deg,#fff,#e8edf4);border:1px solid rgba(255,255,255,.9);color:var(--accent);box-shadow:inset 0 2px 2px white,inset 0 -4px 7px rgba(80,110,150,.08),0 22px 30px rgba(35,65,110,.13),0 2px 3px rgba(35,65,110,.05);transform:translateX(var(--x)) translateY(var(--y)) rotate(var(--r));z-index:2}
.home-stage-tile svg{width:56px;height:56px;stroke-width:1.35}
.tile-1{--x:-390px;--y:46px;--r:-18deg}.tile-2{--x:-260px;--y:8px;--r:-13deg}.tile-3{--x:-135px;--y:-15px;--r:-7deg}.tile-4{--x:0px;--y:-32px;--r:0deg;background:linear-gradient(145deg,#2896ff,#0060c6);color:white;border-color:#70baff;box-shadow:inset 0 2px 3px rgba(255,255,255,.5),inset 0 -4px 8px rgba(0,40,110,.2),0 25px 45px rgba(0,113,227,.26)}
.tile-5{--x:135px;--y:-15px;--r:7deg}.tile-6{--x:260px;--y:8px;--r:13deg}.tile-7{--x:390px;--y:46px;--r:18deg}
.home-stage-floor{position:absolute;bottom:-90px;left:10%;width:80%;height:110px;border-radius:50%;box-shadow:0 -15px 75px rgba(0,113,227,.08);background:rgba(255,255,255,.6);filter:blur(8px)}
.home-directory{max-width:1248px;margin:auto;padding:66px 24px 72px}
.home-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px;scroll-margin-top:80px}
.home-top h2{font-size:40px;line-height:1.2;letter-spacing:-1.5px;font-weight:650;margin:0}
.home-search{display:flex;align-items:center;width:310px;max-width:100%;min-width:0;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:999px;padding:5px}
.home-search:focus-within{border-color:var(--accent);box-shadow:var(--glow)}
.home-search input{background:none;border:0;outline:0;min-width:0;width:100%;height:36px;padding:0 14px;font:inherit;font-size:13px;color:var(--text)}
.home-search button{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:0;border-radius:50%;background:none;color:var(--accent);cursor:pointer}.home-search button:hover{background:var(--accent-dim)}.home-search svg{width:19px;height:19px}
.home-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.home-tool-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:220px;padding:30px;border-radius:26px;background:white;overflow:hidden;isolation:isolate;box-shadow:0 3px 6px rgba(0,0,0,.015),0 14px 32px rgba(0,0,0,.025);transition:transform .25s,box-shadow .25s}
.home-tool-card[hidden]{display:none!important}
.home-tool-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;color:var(--accent);background:linear-gradient(145deg,#f8fbff,#eef3f9);border:1px solid rgba(0,113,227,.04);margin-bottom:38px}
.home-tool-icon svg{width:31px;height:31px;stroke-width:1.45}
.home-tool-name{font-size:19px;font-weight:600;letter-spacing:-.5px;line-height:1.4;max-width:100%;overflow-wrap:anywhere;position:relative;z-index:2}
.home-tool-arrow{position:absolute;right:24px;top:29px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--bg-1);color:var(--text-3);font-size:17px}
.home-tool-card[data-tool=all],.home-tool-card[data-tool=carpool]{grid-column:span 2;min-height:300px;padding:36px}
.home-tool-card[data-tool=all]{background:linear-gradient(125deg,#0071e3,#00468f);color:white}
.home-tool-card[data-tool=all]>.home-tool-icon{background:rgba(255,255,255,.14);color:white;border-color:rgba(255,255,255,.2)}
.home-tool-card[data-tool=all]>.home-tool-arrow{background:rgba(255,255,255,.14);color:white}
.home-tool-card[data-tool=all]>.home-tool-name,.home-tool-card[data-tool=carpool]>.home-tool-name{font-size:30px;max-width:48%;margin-top:auto}
.home-tool-card[data-tool=carpool]{background:linear-gradient(125deg,#fff,#eaf2fc)}
.home-card-art{position:absolute;pointer-events:none;z-index:-1}
.art-tools{right:25px;top:76px;display:grid;grid-template-columns:repeat(2,85px);gap:15px;transform:rotate(-16deg)}
.art-tools>span{display:grid;place-items:center;width:85px;height:85px;border-radius:22px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.23);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 12px 20px rgba(0,30,80,.13)}
.art-tools svg{width:42px;height:42px;stroke-width:1.25}
.art-route{width:80%;right:-30px;bottom:5px;color:var(--accent)}.art-route svg{width:100%;display:block}
#home-search-empty{padding:45px;text-align:center;color:var(--text-3);font-size:14px}
.home-secondary{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:64px;margin-top:65px;padding-top:35px;border-top:1px solid var(--border)}
.home-section-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.home-section-top h2{font-size:22px;font-weight:600;letter-spacing:-.5px;margin:0}.home-section-top>a{color:var(--accent);font-size:12px;white-space:nowrap}
.home-guides,.home-community{min-width:0}.home-guide{display:block;padding:15px 0;font-size:13px;line-height:1.8;color:var(--text-3);border-bottom:1px solid var(--border);overflow-wrap:anywhere}.home-guide:last-child{border:0}.home-guide:hover{color:var(--accent)}
.home-community-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 25px}.home-community-links a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 0;border-bottom:1px solid var(--border);color:var(--text-3);font-size:13px}.home-community-links a:hover{color:var(--accent)}.home-community-links a>span:first-child{overflow-wrap:anywhere}.home-community-links a>span:last-child{opacity:.5}.home-loading{padding:20px 0;font-size:13px;color:var(--text-3)}.home-loading button{margin-left:12px}
@media(hover:hover){.home-tool-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.03),0 25px 45px rgba(0,0,0,.05)}}
@media(max-width:1000px){.home-stage{transform:scale(.8);transform-origin:center bottom;margin-top:-20px;height:245px}.home-intro{padding-top:55px}.home-tools-grid{gap:16px}.home-tool-card{padding:25px;min-height:210px}.home-tool-name{font-size:16px}.home-tool-card[data-tool=all],.home-tool-card[data-tool=carpool]{min-height:280px;padding:28px}.art-tools{right:5px;transform:rotate(-16deg) scale(.8)}.home-secondary{gap:32px}}
@media(max-width:650px){
 .home-intro{padding:43px 18px 0}.home-intro h1{font-size:60px;margin-bottom:20px}.home-intro-lead{font-size:23px;max-width:300px;margin:0 auto 15px;line-height:1.45}.home-intro-desc{font-size:13px;max-width:340px;line-height:1.9}.home-intro-action{font-size:13px;padding:10px 22px;margin-top:20px}
 .home-stage{transform:scale(.5);width:760px;max-width:none;left:50%;margin-left:-380px;height:215px;margin-top:-60px;transform-origin:center bottom}.home-stage-tile{top:40px}.home-stage-floor{bottom:-65px}
 .home-directory{padding:38px 16px 45px}.home-top{align-items:stretch;flex-direction:column;gap:18px;margin-bottom:22px}.home-top h2{font-size:30px;letter-spacing:-1px}.home-search{width:100%}
 .home-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-tool-card{min-height:184px;padding:22px 18px;border-radius:21px}.home-tool-icon{width:46px;height:46px;border-radius:14px;margin-bottom:32px}.home-tool-icon svg{width:26px;height:26px}.home-tool-name{font-size:15px;letter-spacing:-.2px}.home-tool-arrow{top:22px;right:16px;width:24px;height:24px;font-size:14px}
 .home-tool-card[data-tool=all],.home-tool-card[data-tool=carpool]{grid-column:span 2;min-height:242px;padding:28px}.home-tool-card[data-tool=all]>.home-tool-name,.home-tool-card[data-tool=carpool]>.home-tool-name{font-size:28px}.art-tools{right:16px;top:36px;transform:rotate(-16deg) scale(.85)}.art-route{width:85%;right:-35px;bottom:0}
 .home-secondary{grid-template-columns:minmax(0,1fr);gap:30px;margin-top:42px;padding-top:30px}.home-section-top h2{font-size:20px}
}
@media(max-width:360px){.home-intro h1{font-size:53px}.home-intro-lead{font-size:21px}.home-stage{transform:scale(.43)}.art-tools{right:-12px;transform:rotate(-16deg) scale(.72)}.home-tool-card[data-tool=all]>.home-tool-name{font-size:25px}}
@media(prefers-reduced-motion:reduce){.home-tool-card,.home-intro-action{transition:none}.home-tool-card:hover{transform:none}}