/* Figma Make design-comp alignment: dark hero with browser UI mock */
.site-header{background:var(--navy);border-bottom-color:rgba(245,239,228,.12)}
.site-header .logo{color:var(--cream)}
.site-header .logo span{color:rgba(245,239,228,.55)}
.site-header .global-nav a:not(.btn),.site-header .btn-outline{color:rgba(245,239,228,.72)}
.site-header .btn-outline{border-color:rgba(245,239,228,.35)}
.hero{max-width:none;min-height:720px;padding:38px max(5vw,40px) 12px;grid-template-columns:minmax(320px,5fr) minmax(520px,7fr);gap:42px;background:var(--navy);color:var(--cream);align-items:center}
.hero-copy{padding-bottom:72px;max-width:500px}
.hero h1{color:var(--cream);font-weight:600;line-height:1.18;margin-bottom:28px;font-size:clamp(2.8rem,4.2vw,4rem)}
.hero h1 em{color:var(--cream)}
.hero-accent{border-bottom:2px solid var(--accent);padding-bottom:2px}
.hero .lead{color:rgba(245,239,228,.72);line-height:1.85;max-width:400px;margin-bottom:34px}
.hero .microcopy{color:rgba(245,239,228,.45)}
.hero-visual{opacity:.6;align-self:center;transform:translateY(-18px)}
.hero-visual>img,.search-demo{display:none}
.browser-mock{min-height:520px;overflow:hidden;border:1px solid rgba(245,239,228,.12);background:#0e1a24;color:var(--cream);box-shadow:0 20px 50px rgba(0,0,0,.16)}
.browser-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06);background:#0c1822}
.browser-bar i{width:12px;height:12px;border-radius:50%;display:block;opacity:.7}.browser-bar i:nth-child(1){background:#e55}.browser-bar i:nth-child(2){background:#fa0}.browser-bar i:nth-child(3){background:#3c3}.browser-bar span{flex:1;margin-left:12px;padding:4px 12px;border-radius:4px;background:rgba(255,255,255,.05);font-family:var(--display);font-size:.82rem;color:rgba(245,239,228,.35)}
.mock-step{padding:22px 24px 8px;margin:0;color:rgba(245,239,228,.4);font-size:.78rem}
.mock-scenes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 24px 18px}
.mock-scene{padding:0;text-align:left;border:1.5px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);color:rgba(245,239,228,.7);cursor:pointer;overflow:hidden;font-family:var(--serif)}
.mock-scene.active{border-color:var(--accent);background:rgba(212,132,90,.06);color:var(--accent)}
.mock-scene img{display:block;width:100%;height:104px;object-fit:cover}.mock-scene b,.mock-scene small{display:block;padding:10px 10px 0;font-size:.76rem;line-height:1.2}.mock-scene small{padding-top:4px;padding-bottom:12px;font-size:.68rem}.mock-results{border-top:1px solid rgba(255,255,255,.06);padding:20px 24px 28px}.mock-results p{margin:0 0 14px;color:rgba(245,239,228,.4);font-size:.76rem}.mock-results p strong{color:rgba(245,239,228,.75);font-weight:400}.mock-results>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mock-results img{display:block;width:100%;height:96px;object-fit:cover;border:1px solid rgba(255,255,255,.06)}
.hero+.scene-search{padding-top:96px}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding:38px 5vw 58px;gap:28px;align-items:start}.hero-copy{padding-bottom:0}.hero-visual{opacity:.6}.browser-mock{width:100%;min-height:0}.mock-scenes{gap:8px;padding-left:16px;padding-right:16px}.mock-results{padding-left:16px;padding-right:16px}.mock-scene img{height:78px}.mock-results img{height:72px}.site-header{background:rgba(245,239,228,.94)}.site-header .logo{color:var(--navy)}.site-header .menu-toggle{color:var(--navy)}}
.chatbot{background:var(--cream)}.chat-window{max-width:680px;margin:auto;background:var(--paper);border:1px solid var(--line);box-shadow:0 14px 36px rgba(44,62,80,.1)}.chat-head{display:flex;justify-content:space-between;padding:16px 20px;background:var(--navy);color:var(--cream);font-size:.9rem}.chat-head small{color:#8fe0af}.chat-messages{height:220px;overflow:auto;padding:20px;display:grid;align-content:start;gap:12px}.chat-bubble{max-width:82%;margin:0;padding:11px 14px;font-size:.85rem;line-height:1.6}.chat-bubble.bot{background:#f0e6d8;justify-self:start}.chat-bubble.user{background:var(--accent);color:white;justify-self:end}.chat-form{display:flex;gap:10px;padding:14px 16px;border-top:1px solid var(--line);background:var(--paper)}.chat-form input{flex:1;min-width:0}.chat-note{display:block;padding:0 16px 14px;color:var(--muted);font-size:.68rem}@media(max-width:480px){.chat-form{flex-wrap:wrap}.chat-form input{flex-basis:100%}}