.landing{min-height:100vh;background:var(--bp-bg);color:var(--bp-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.landing *{box-sizing:border-box}.landingHeader{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 32px;background:transparent;transition:background .2s ease,backdrop-filter .2s ease,border-color .2s ease;border-bottom:1px solid transparent}.landingHeader[data-scrolled=true]{background:rgba(11,17,32,.85);backdrop-filter:blur(8px);border-bottom-color:var(--bp-border)}.landingHeader-badge{font-size:12px;color:var(--bp-text2);letter-spacing:.02em;display:inline-flex;align-items:center;gap:8px}.landingHeader-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--bp-accent);box-shadow:0 0 8px rgba(245,158,11,.6)}.demoBanner{position:sticky;top:0;z-index:11;display:flex;align-items:center;justify-content:center;gap:12px;background:rgba(245,158,11,.12);border-bottom:1px solid rgba(245,158,11,.3);color:var(--bp-accent2);font-size:12px;padding:8px 16px}.demoBanner button{background:transparent;color:var(--bp-text2);border:1px solid var(--bp-border);border-radius:6px;padding:2px 10px;font-size:11px;cursor:pointer}.demoBanner button:hover{color:var(--bp-text);border-color:var(--bp-border2)}.hero{min-height:calc(100vh - 60px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 24px 48px;background:radial-gradient(ellipse at 50% 0,rgba(245,158,11,.1),transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(168,85,247,.06),transparent 60%)}.hero-logo{margin-bottom:24px}.hero h1{font-size:clamp(28px,4vw,42px);font-weight:700;margin:0 0 16px;color:var(--bp-text);letter-spacing:-.01em;line-height:1.15}.hero p{font-size:clamp(15px,1.6vw,18px);color:var(--bp-text2);max-width:640px;margin:0 auto 32px;line-height:1.6}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btnGhost,.btnPrimary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .12s ease,background .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease;border:1px solid transparent;min-height:48px;font-family:inherit}.btnPrimary{background:var(--bp-accent);color:#1a1306;border-color:var(--bp-accent);box-shadow:0 4px 14px rgba(245,158,11,.25)}.btnPrimary:hover{background:var(--bp-accent2);border-color:var(--bp-accent2);transform:translateY(-1px)}.btnPrimary:focus-visible{outline:2px solid var(--bp-accent);outline-offset:3px}.btnGhost{background:transparent;color:var(--bp-text);border-color:var(--bp-border2)}.btnGhost:hover{background:var(--bp-panel);border-color:var(--bp-text2)}.btnGhost:focus-visible{outline:2px solid var(--bp-accent);outline-offset:3px}.section{padding:80px 24px;max-width:1200px;margin:0 auto}.section-title{font-size:clamp(24px,3vw,32px);font-weight:700;text-align:center;margin:0 0 12px;color:var(--bp-text)}.section-subtitle{font-size:15px;color:var(--bp-text2);text-align:center;max-width:640px;margin:0 auto 48px;line-height:1.6}.featureGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.featureCard{background:var(--bp-bg2);border:1px solid var(--bp-border);border-radius:12px;padding:28px 24px;display:flex;flex-direction:column;gap:12px;transition:border-color .16s ease,transform .16s ease}.featureCard:hover{border-color:var(--bp-border2);transform:translateY(-2px)}.featureCard-iconWrap{width:48px;height:48px;border-radius:10px;background:rgba(245,158,11,.12);display:inline-flex;align-items:center;justify-content:center;color:var(--bp-accent)}.featureCard h3{margin:0;font-size:18px;font-weight:700;color:var(--bp-text)}.featureCard p{margin:0;font-size:14px;color:var(--bp-text2);line-height:1.55}.flow{display:flex;align-items:stretch;gap:12px;flex-wrap:nowrap}.flowStep{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--bp-bg2);border:1px solid var(--bp-border);border-radius:12px;padding:24px 16px;min-width:0}.flowStep-circle{width:56px;height:56px;border-radius:50%;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.3);color:var(--bp-accent);margin-bottom:12px;position:relative}.flowStep-circle,.flowStep-num{display:inline-flex;align-items:center;justify-content:center}.flowStep-num{position:absolute;top:-8px;left:-8px;width:22px;height:22px;border-radius:50%;background:var(--bp-accent);color:#1a1306;font-size:11px;font-weight:700}.flowStep h4{margin:0 0 6px;font-size:15px;font-weight:700;color:var(--bp-text)}.flowStep p{margin:0;font-size:12px;color:var(--bp-text2);line-height:1.45}.flowArrow{display:inline-flex;align-items:center;color:var(--bp-accent);flex-shrink:0;align-self:center}.roleHint{background:var(--bp-bg2);border:1px solid var(--bp-border);border-radius:10px;padding:12px 16px;font-size:13px;color:var(--bp-text2);text-align:center;max-width:720px;margin:0 auto 32px;display:flex;align-items:center;justify-content:center;gap:10px}.roleGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;max-width:1100px;margin:0 auto}.roleCard{background:var(--bp-bg2);border:1px solid var(--bp-border);border-radius:12px;padding:24px;text-align:left;cursor:pointer;font-family:inherit;color:var(--bp-text);display:flex;flex-direction:column;gap:12px;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease,background .16s ease;width:100%}.roleCard:hover{border-color:rgba(245,158,11,.5);transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,158,11,.12);background:rgba(245,158,11,.03)}.roleCard:focus-visible{outline:2px solid var(--bp-accent);outline-offset:2px}.roleCard-iconWrap{width:48px;height:48px;border-radius:10px;background:rgba(245,158,11,.12);display:inline-flex;align-items:center;justify-content:center;color:var(--bp-accent)}.roleCard h3{margin:0;font-size:18px;font-weight:700;color:var(--bp-text)}.roleCard-subtitle{font-size:13px;color:var(--bp-text2);margin:-4px 0 4px}.roleCard-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.roleCard-bullets li{font-size:12.5px;color:var(--bp-text2);display:flex;gap:8px;align-items:flex-start;line-height:1.45}.roleCard-bullets li:before{content:"•";color:var(--bp-accent);flex-shrink:0}.roleCard-cta{margin-top:auto;padding-top:12px;font-size:13px;font-weight:600;color:var(--bp-accent);display:inline-flex;align-items:center;gap:6px}.landingFooter,.roleCard-cta{border-top:1px solid var(--bp-border)}.landingFooter{padding:40px 24px;text-align:center;color:var(--bp-text3);font-size:12.5px;line-height:1.7}.landingFooter strong{color:var(--bp-text2);font-weight:600}.landingFooter-nav{margin-top:8px;display:flex;gap:18px;justify-content:center}.landingFooter-nav a{color:var(--bp-text2);text-decoration:none;font-size:12.5px;border-bottom:1px dotted transparent;transition:color .12s ease,border-color .12s ease}.landingFooter-nav a:hover{color:var(--bp-accent);border-bottom-color:var(--bp-accent)}@media (max-width:900px){.featureGrid{grid-template-columns:1fr}.flow{flex-direction:column}.flowArrow{transform:rotate(90deg);align-self:center}}@media (max-width:640px){.landingHeader{padding:12px 16px}.section{padding:56px 18px}.hero{padding:48px 18px;min-height:calc(100vh - 56px)}.roleGrid{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btnGhost,.hero-actions .btnPrimary{width:100%;justify-content:center}.landingHeader-badge span{display:none}}@media (prefers-reduced-motion:reduce){.landing *,.landing :after,.landing :before{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}