.home-root{background:linear-gradient(180deg, var(--ph-primary-soft) 0%, var(--ph-bg) 520px);color:var(--ph-text)}.home-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#eef2ffd1;justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:18px 24px;display:flex;position:sticky;top:0}.home-brand{letter-spacing:-.4px;color:var(--ph-primary);font-size:19px;font-weight:800}.home-nav{align-items:center;gap:16px;display:flex}.home-nav-link{color:var(--ph-text-soft);font-size:13px}.home-nav-link:hover{color:var(--ph-text)}.home-nav-cta{background:var(--ph-primary);color:#fff;border-radius:9px;padding:8px 14px;font-size:13px;font-weight:600}.home-nav-cta:hover{background:var(--ph-primary-strong)}.home-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,5vw,64px);max-width:1200px;margin:0 auto;padding:60px 24px 54px;display:grid}.home-hero-copy{min-width:0}.home-eyebrow{color:var(--ph-primary);letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:700}.home-hero h1{letter-spacing:-.035em;text-wrap:balance;max-width:560px;margin:0;font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.12}.home-lead{max-width:520px;color:var(--ph-text-soft);margin:20px 0 0;font-size:16px;line-height:1.8}.home-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.home-button{border:1px solid var(--ph-border-strong);background:var(--ph-surface);color:var(--ph-text-soft-strong);border-radius:10px;justify-content:center;align-items:center;padding:11px 20px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.home-button:hover{border-color:var(--ph-subtle);background:var(--ph-surface-muted)}.home-button:active{transform:translateY(1px)}.home-button.primary{border-color:var(--ph-primary);background:var(--ph-primary);color:#fff}.home-button.primary:hover{border-color:var(--ph-primary-strong);background:var(--ph-primary-strong)}.home-note{color:var(--ph-muted);margin:18px 0 0;font-size:12px;line-height:1.6}.home-preview{border:1px solid var(--ph-border);background:var(--ph-surface);min-width:0;box-shadow:var(--ph-shadow);border-radius:22px;overflow:hidden}.home-preview-bar{border-bottom:1px solid var(--ph-border);background:var(--ph-surface);justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:0 18px;display:flex}.home-preview-brand{color:var(--ph-text);align-items:center;gap:8px;font-size:13px;font-weight:750;display:inline-flex}.home-preview-mark{background:var(--ph-primary-soft);width:27px;height:27px;color:var(--ph-primary);border-radius:8px;place-items:center;display:grid}.home-preview-demo{border:1px solid var(--ph-border);background:var(--ph-surface-muted);color:var(--ph-muted);letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:600}.home-preview-content{padding:18px}.home-preview-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px;display:flex}.home-preview-heading p{color:var(--ph-text);margin:0;font-size:14px;font-weight:700}.home-preview-heading div>span{color:var(--ph-muted);margin-top:3px;font-size:10px;display:block}.home-preview-count{color:var(--ph-muted);white-space:nowrap;font-size:11px}.home-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.home-preview-image{border:1px solid var(--ph-border);background:var(--ph-surface);border-radius:12px;min-width:0;overflow:hidden}.home-preview-art{aspect-ratio:1.75;background:var(--ph-bg);overflow:hidden}.home-preview-art svg{width:100%;height:100%;display:block}.home-preview-image-info{justify-content:space-between;align-items:center;gap:7px;min-width:0;padding:8px 9px;display:flex}.home-preview-filename{min-width:0;color:var(--ph-text-soft-strong);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;overflow:hidden}.home-preview-tag{background:var(--ph-primary-soft);color:var(--ph-primary-strong);border-radius:5px;flex:none;padding:3px 6px;font-size:9px;line-height:1.2}.home-preview-footer{border-top:1px solid var(--ph-border);color:var(--ph-muted);justify-content:space-between;gap:8px;margin-top:12px;padding-top:11px;font-size:9px;display:flex}.home-preview-footer span:first-child{align-items:center;gap:5px;display:inline-flex}.home-preview-footer i{background:var(--ph-success);border-radius:50%;width:6px;height:6px}.home-section{max-width:1200px;margin:0 auto;padding:48px 24px}.home-section-head{max-width:640px;margin-bottom:26px}.home-section-head h2,.home-bottom h2{letter-spacing:-.02em;margin:0;font-size:24px}.home-section-head p,.home-bottom p{color:var(--ph-muted);margin:10px 0 0;font-size:14px;line-height:1.7}.home-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;display:grid}.home-card{border:1px solid var(--ph-border);background:var(--ph-surface);box-shadow:var(--ph-shadow-sm);border-radius:14px;padding:20px}.home-card-icon{background:var(--ph-primary-soft);width:42px;height:42px;color:var(--ph-primary);border-radius:12px;place-items:center;display:grid}.home-card h3{margin:14px 0 0;font-size:15px}.home-card p{color:var(--ph-muted);margin:8px 0 0;font-size:13px;line-height:1.7}.home-steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.home-steps li{border:1px solid var(--ph-border);background:var(--ph-surface);box-shadow:var(--ph-shadow-sm);border-radius:14px;padding:22px 20px}.home-step-index{background:var(--ph-primary);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:inline-flex}.home-steps h3{margin:12px 0 0;font-size:15px}.home-steps p{color:var(--ph-muted);margin:8px 0 0;font-size:13px;line-height:1.7}.home-bottom{background:linear-gradient(135deg, var(--ph-primary-soft), var(--ph-primary-soft-strong));border-radius:18px;justify-content:space-between;align-items:center;gap:24px;max-width:1152px;margin:32px auto 56px;padding:28px;display:flex}.home-bottom p{max-width:560px}.home-section[id]{scroll-margin-top:88px}@media (max-width:640px){.home-header{padding:14px 16px}.home-hero{grid-template-columns:minmax(0,1fr);gap:22px;padding:38px 16px 34px}.home-eyebrow{margin-bottom:10px}.home-hero h1{font-size:clamp(2rem,9vw,2.35rem)}.home-lead{margin-top:13px}.home-actions{gap:9px;margin-top:20px}.home-button{padding:10px 15px;font-size:15px}.home-note{margin-top:12px}.home-preview{border-radius:18px}.home-preview-bar{min-height:42px;padding:0 13px}.home-preview-content{padding:13px}.home-preview-grid{gap:8px}.home-preview-image:nth-child(n+3){display:none}.home-preview-image-info{padding:7px}.home-preview-tag{padding:3px 5px}.home-section{padding:36px 16px}.home-bottom{flex-direction:column;align-items:flex-start;margin:20px 16px 40px;padding:22px}}@media (max-width:355px){.home-hero{gap:18px;padding-top:32px}.home-hero h1{font-size:2rem}.home-preview-content{padding:11px}.home-preview-image-info{gap:4px;padding:6px}.home-preview-filename{font-size:9px}.home-preview-tag{font-size:8px}}@media (prefers-reduced-motion:reduce){.home-button{transition:none}.home-button:active{transform:none}}