:root { --ink:#17251f; --soft-ink:#4e5d55; --mist:#e8eee7; --paper:#f7f4ee; --line:rgba(23,37,31,.16); --lime:#dfff4e; --coral:#ff7a63; --blue:#94b8ff; --yellow:#ffc746; --font-sans:"DM Sans",Arial,sans-serif; --font-serif:"Instrument Serif",Georgia,serif; --font-mono:"DM Mono",monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--font-sans); font-size:16px; overflow-x:hidden; }
.page-noise { pointer-events:none; position:fixed; inset:0; z-index:50; opacity:.035; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E"); }
.shell { width:min(1240px, calc(100% - 64px)); margin-inline:auto; }
a { color:inherit; text-decoration:none; }
.site-header { height:92px; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:10; }
.brand { display:inline-flex; align-items:center; gap:10px; font-size:23px; font-weight:700; letter-spacing:-1.3px; }
.brand-mark { width:27px; height:27px; border:2.5px solid var(--ink); border-radius:50%; display:flex; align-items:center; justify-content:center; gap:2px; transform:rotate(-18deg); }
.brand-mark i { width:3px; background:var(--ink); border-radius:4px; display:block; }.brand-mark i:nth-child(1){height:6px}.brand-mark i:nth-child(2){height:12px}.brand-mark i:nth-child(3){height:18px}
.desktop-nav { display:flex; gap:31px; margin-left:92px; font-size:14px; font-weight:500; }.desktop-nav a { opacity:.75; transition:opacity .2s; }.desktop-nav a:hover { opacity:1; }
.header-cta { background:var(--ink); color:#fff; font-size:14px; border-radius:999px; padding:11px 16px 11px 18px; font-weight:500; }.header-cta span { margin-left:9px; color:var(--lime); font-size:18px; line-height:0; }
.menu-button { display:none; border:0; background:none; padding:8px; }.menu-button span { display:block; background:var(--ink); height:2px; width:22px; margin:5px; }
.hero { min-height:690px; display:grid; grid-template-columns:.94fr 1.06fr; gap:35px; align-items:center; padding:65px 0 82px; }
.eyebrow,.section-tag { margin:0; font:500 11px var(--font-mono); text-transform:uppercase; letter-spacing:.08em; display:flex; align-items:center; gap:8px; }.eyebrow > span { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--coral); }
.hero h1 { font-size:clamp(61px,7.1vw,102px); line-height:.88; letter-spacing:-.075em; font-weight:600; margin:20px 0 29px; }.hero h1 em,.intro h2 em,.roles-heading h2 em,.work-section h2 em,.focus-copy h2 em,.final-cta h2 em { font-family:var(--font-serif); font-weight:400; letter-spacing:-.035em; }
.hero-lede { font-size:18px; line-height:1.5; max-width:486px; color:var(--soft-ink); margin:0; }.hero-actions { display:flex; align-items:center; gap:28px; margin-top:36px; }.button { border-radius:999px; display:inline-flex; align-items:center; justify-content:center; gap:20px; padding:15px 17px 15px 21px; font-size:14px; font-weight:600; transition:transform .2s, background .2s; }.button:hover { transform:translateY(-2px); }.button span { font-size:20px; line-height:12px; }.button-dark { color:white; background:var(--ink); }.text-link,.arrow-link { font-size:14px; font-weight:600; border-bottom:1px solid currentColor; padding-bottom:4px; }.text-link span,.arrow-link span { margin-left:7px; font-size:17px; }.hero-note { font-size:12px; margin-top:32px; color:var(--soft-ink); }.spark { color:var(--coral); font-size:15px; margin-right:5px; }
.hero-stage { min-height:500px; position:relative; display:flex; align-items:center; justify-content:center; isolation:isolate; }.sun-disc { width:420px; height:420px; background:#dcead3; border-radius:50%; position:absolute; top:25px; right:37px; z-index:-2; }.orbit { border:1px solid rgba(23,37,31,.18); position:absolute; border-radius:50%; z-index:-1; }.orbit-one { width:518px; height:312px; transform:rotate(-22deg); top:54px; right:0; }.orbit-two { width:467px; height:280px; transform:rotate(27deg); top:71px; right:30px; border-style:dashed; opacity:.55; }
.live-label { position:absolute; left:8px; top:65px; border:1px solid var(--line); border-radius:99px; padding:8px 11px; background:rgba(247,244,238,.76); font:500 10px var(--font-mono); text-transform:uppercase; letter-spacing:.04em; z-index:3; }.live-dot { display:inline-block; width:6px; height:6px; margin-right:6px; border-radius:50%; background:#48d58a; box-shadow:0 0 0 3px rgba(72,213,138,.18); }
.dashboard-card { background:#f9f8f3; width:min(460px, 85%); margin:35px 0 0 35px; min-height:352px; border-radius:12px; box-shadow:0 24px 50px rgba(30,43,36,.2),0 2px 0 rgba(255,255,255,.5) inset; overflow:hidden; transform:rotate(-1.5deg); border:1px solid rgba(23,37,31,.16); }.dash-topbar { height:52px; padding:0 16px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #e1e2dc; }.dash-brand { display:flex; align-items:center; gap:6px; font-size:12px; font-weight:700; }.dash-brand small { color:#7b827d; font:10px var(--font-mono); margin-left:2px; }.mini-mark { height:14px; width:14px; border:1.5px solid var(--ink); border-radius:50%; display:inline-block; }.status-pill { border-radius:99px; background:#e7eee4; padding:5px 8px; font:9px var(--font-mono); color:#42564b; }.status-pill span { display:inline-block; width:5px; height:5px; background:#48d58a; border-radius:50%; margin-right:4px; }.dash-body { display:flex; }.dash-sidebar { width:44px; background:#eff1ea; min-height:299px; display:flex; align-items:center; flex-direction:column; padding-top:13px; gap:13px; border-right:1px solid #e0e2dc; }.side-icon { width:25px; height:25px; display:grid; place-items:center; color:#7a837c; font-size:14px; border-radius:6px; }.side-icon.active { color:#19281f; background:#dcead3; }.side-rule { width:16px; margin:4px 0 auto; border-top:1px solid #d7dad3; }.side-avatar { background:#ffcf9f; width:23px; height:23px; display:grid; place-items:center; border-radius:50%; font-size:10px; font-weight:bold; margin-bottom:12px; }.conversation { flex:1; padding:15px 16px; }.conversation-head { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:11px; }.conversation-head p { font:9px var(--font-mono); text-transform:uppercase; color:#788078; margin:0 0 3px; }.conversation-head strong { font-size:13px; letter-spacing:-.03em; }.conversation-head button { border:0; background:transparent; letter-spacing:1px; color:#7c837d; }.agent-row { display:grid; grid-template-columns:26px 1fr 20px; gap:9px; align-items:center; padding:9px 6px; margin:0 -6px; border-radius:7px; }.agent-row.featured { background:#eaf0e7; }.agent-row.faded { opacity:.65; }.agent-avatar,.tab-avatar { border-radius:50%; display:grid; place-items:center; color:var(--ink); font-size:10px; font-weight:700; height:26px; width:26px; }.coral,.evie { background:#ff9f8e; }.blue,.marcus { background:#a9c7ff; }.yellow,.ari { background:#ffe178; }.green,.noor { background:#a9dfb8; }.agent-copy { min-width:0; }.agent-copy strong { display:block; font-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.agent-copy span { display:block; font-size:9px; color:#6f7871; margin-top:2px; }.agent-row time { color:#869087; font-size:9px; }.message-card { position:absolute; background:#f7f4ee; border:1px solid rgba(23,37,31,.14); box-shadow:0 15px 35px rgba(23,37,31,.13); border-radius:10px; z-index:2; }.message-card p { margin:0; font-size:11px; line-height:1.42; }.message-one { width:195px; right:-4px; top:57px; padding:14px 13px 10px; transform:rotate(5deg); }.channel-icon { display:grid; place-items:center; width:21px; height:21px; border-radius:6px; font-size:13px; margin-bottom:8px; }.phone { background:#d7ef8d; }.message-card small { color:#728078; font:9px var(--font-mono); display:block; margin-top:7px; }.message-two { width:192px; left:6px; bottom:7px; padding:12px 13px; transform:rotate(-5deg); }.call-head { display:flex; align-items:center; gap:6px; font-size:10px; margin-bottom:8px; }.call { background:#a9c7ff; margin:0; }.sound-wave { display:flex; gap:2px; align-items:center; height:16px; margin-top:8px; }.sound-wave i { width:2px; background:var(--ink); opacity:.7; border-radius:4px; }.sound-wave i:nth-child(1){height:4px}.sound-wave i:nth-child(2){height:9px}.sound-wave i:nth-child(3){height:14px}.sound-wave i:nth-child(4){height:7px}.sound-wave i:nth-child(5){height:12px}.sound-wave i:nth-child(6){height:5px}.sound-wave i:nth-child(7){height:10px}.sound-wave i:nth-child(8){height:4px}
.signal-strip { background:var(--ink); color:white; }.signal-inner { min-height:111px; display:flex; align-items:center; justify-content:space-between; gap:30px; }.signal-inner p { font-size:22px; letter-spacing:-.04em; margin:0; }.signal-inner em { color:var(--lime); font-family:var(--font-serif); font-size:26px; font-weight:400; }.channels { display:flex; align-items:center; gap:12px; color:#cbd5cb; font:10px var(--font-mono); letter-spacing:.08em; }.channels i { width:3px; height:3px; border-radius:50%; background:var(--lime); }
.intro { padding:138px 0 125px; }.section-tag { color:#526057; }.section-tag > span { color:var(--coral); font-size:10px; }.intro-grid { display:grid; grid-template-columns:1.08fr .72fr; gap:90px; align-items:end; margin-top:47px; }.intro h2,.roles-heading h2,.work-section h2,.focus-copy h2,.final-cta h2 { font-size:clamp(47px,5.1vw,75px); letter-spacing:-.068em; line-height:.93; margin:0; font-weight:600; }.intro-copy { max-width:400px; padding-bottom:3px; }.intro-copy p,.work-title-row > p,.focus-copy > p { font-size:16px; line-height:1.52; color:var(--soft-ink); margin:0 0 17px; }.arrow-link { display:inline-block; margin-top:14px; font-size:13px; }.number-line { border-top:1px solid var(--line); margin-top:95px; padding-top:15px; display:flex; gap:15px; justify-content:space-between; color:#708077; text-transform:uppercase; font:10px var(--font-mono); letter-spacing:.07em; }
.roles-section { background:#1d2d25; color:#f6f5ed; padding:115px 0 120px; }.section-tag.light { color:#bac8bf; }.section-tag.light > span { color:var(--lime); }.roles-heading { display:grid; grid-template-columns:1fr 1.37fr; column-gap:60px; }.roles-heading .section-tag { grid-column:1; }.roles-heading h2 { grid-column:2; grid-row:1 / span 2; }.roles-heading p { grid-column:2; max-width:475px; color:#b9c5bd; line-height:1.5; font-size:16px; margin:25px 0 0; }.roles-heading h2 em { color:var(--lime); }.role-tabs { margin-top:72px; border-top:1px solid rgba(255,255,255,.18); display:grid; grid-template-columns:repeat(4,1fr); }.role-tab { background:none; color:#aebbb2; border:0; border-right:1px solid rgba(255,255,255,.18); padding:16px 17px; font:500 13px var(--font-sans); cursor:pointer; display:flex; align-items:center; gap:8px; text-align:left; transition:background .2s,color .2s; }.role-tab:first-child { border-left:1px solid rgba(255,255,255,.18); }.role-tab small { margin-left:auto; color:#809087; font:9px var(--font-mono); text-transform:uppercase; }.role-tab .tab-avatar { height:22px; width:22px; font-size:9px; }.role-tab.active { background:#2a3c32; color:white; }.role-panel { display:grid; grid-template-columns:1.25fr .75fr; gap:18px; margin-top:18px; }.persona-card { background:#e9f0e7; color:var(--ink); border-radius:12px; min-height:375px; padding:20px; display:flex; flex-direction:column; overflow:hidden; position:relative; }.persona-top,.activity-top { display:flex; align-items:center; justify-content:space-between; }.persona-label { font:10px var(--font-mono); text-transform:uppercase; letter-spacing:.05em; color:#637069; }.online { border:1px solid #bfd0be; border-radius:99px; font:9px var(--font-mono); padding:5px 7px; color:#4e6456; }.online i { display:inline-block; width:5px;height:5px;border-radius:50%;background:#4cc487;margin-right:4px; }.persona-center { display:flex; align-items:center; gap:22px; margin:auto 22px; }.portrait { height:119px; width:119px; border-radius:50%; position:relative; display:grid; place-items:center; font-size:43px; font-family:var(--font-serif); color:#1f4436; box-shadow:inset 0 -10px 0 rgba(255,255,255,.25); }.portrait::before { content:""; position:absolute; border:1px solid rgba(23,37,31,.19); height:150px; width:150px; border-radius:50%; }.portrait::after { content:""; position:absolute; border:1px dashed rgba(23,37,31,.24); height:183px; width:183px; border-radius:50%; }.persona-center p { font:11px var(--font-mono); color:#68756c; text-transform:uppercase; margin:0 0 9px; }.persona-center h3 { font-size:27px; line-height:1.02; letter-spacing:-.05em; max-width:250px; margin:0; }.persona-bottom { display:flex; gap:8px; flex-wrap:wrap; }.persona-bottom span { border:1px solid #bdcbbf; border-radius:99px; padding:7px 9px; font-size:10px; }.activity-card { border:1px solid rgba(255,255,255,.16); border-radius:12px; padding:18px; min-height:375px; display:flex; flex-direction:column; }.activity-top { color:#a9b6ae; font:10px var(--font-mono); letter-spacing:.05em; }.activity-top span:last-child { color:var(--lime); font-size:9px; }.activity-message { max-width:90%; border-radius:9px; margin-top:20px; padding:11px 12px 8px; }.activity-message p { font-size:12px; line-height:1.37; margin:0; }.activity-message span { font:9px var(--font-mono); display:block; margin-top:7px; opacity:.6; }.incoming { align-self:flex-start; background:#3b4d43; }.outgoing { align-self:flex-end; background:#dcead3; color:#26352c; margin-top:10px; }.activity-action { margin-top:auto; background:#2b4034; border-radius:8px; padding:10px; display:flex; align-items:center; gap:8px; }.checkmark { width:20px;height:20px;border-radius:50%;background:var(--lime);color:#173127;display:grid;place-items:center;font-size:12px;font-weight:bold; }.activity-action p { font-size:10px; margin:0; line-height:1.4; color:#cbd6ce; }.activity-action strong { color:white; }.mini-calendar { margin-left:auto; color:var(--lime); }
.work-section { padding:133px 0 140px; }.work-title-row { display:flex; justify-content:space-between; align-items:end; gap:70px; margin-top:44px; }.work-title-row > p { max-width:370px; margin:0 0 6px; }.work-grid { display:grid; grid-template-columns:1.16fr .84fr .84fr; gap:16px; margin-top:60px; }.work-card { min-height:450px; background:#e6ede4; padding:18px; border-radius:11px; display:flex; flex-direction:column; overflow:hidden; }.work-card:nth-child(2) { background:#ffecca; }.work-card:nth-child(3) { background:#c9dafb; }.card-number { font:10px var(--font-mono); color:#6c7c6f; }.work-card h3 { font-size:23px; letter-spacing:-.045em; margin:23px 0 6px; }.work-card p { margin:0; color:#536259; font-size:13px; line-height:1.45; max-width:300px; }.email-window { background:#fcfbf8; border:1px solid #c7d0c5; box-shadow:0 12px 18px rgba(35,57,42,.12); width:91%; margin:35px auto auto; border-radius:7px; padding:0 12px 12px; transform:rotate(-2deg); }.email-header { padding:10px 0; display:flex; align-items:center; gap:7px; border-bottom:1px solid #e6e6df; font-size:10px; }.email-logo { width:16px;height:16px;border-radius:4px;background:#6e9679;color:white;display:grid;place-items:center;font-family:var(--font-serif);font-size:13px; }.email-header i { margin-left:auto; height:5px;width:5px;border-radius:50%;background:#b6c1b7; }.email-line { border-bottom:1px solid #e9e9e4; padding:8px 0; font-size:9px; }.email-line.muted { color:#8a958d; }.email-line.subject { font-weight:600; }.email-body { font-size:10px; line-height:1.48; padding:13px 0 8px; }.sent-pill { background:#e6f2d8; color:#486044; font-size:9px; border-radius:99px; padding:5px 8px; display:inline-block; }.mini-calendar-panel { width:91%; background:#fffaf0; border:1px solid #ead2a9; border-radius:8px; margin:35px auto auto; padding:12px; transform:rotate(3deg); box-shadow:0 11px 14px rgba(102,75,30,.09); }.mini-calendar-panel > div:first-child { font-size:10px; display:flex; justify-content:space-between; margin-bottom:11px; }.calendar-days { display:grid; grid-template-columns:repeat(7,1fr); gap:4px; text-align:center; }.calendar-days i { font:7px var(--font-mono); color:#a78b62; font-style:normal; }.calendar-days b { font-size:8px; font-weight:500; height:17px; display:grid; place-items:center; }.calendar-days .selected { background:#ef7a5c; border-radius:50%; color:white; }.booking-pill { font-size:8px; background:#f8e5be; padding:6px; margin-top:10px; border-radius:4px; }.booking-pill span { display:inline-block;width:4px;height:4px;border-radius:50%;background:#ef7a5c;margin-right:4px; }.task-list { background:#f7fbff; border:1px solid #adc3ed; box-shadow:0 12px 18px rgba(28,56,111,.14); width:91%; margin:35px auto auto; border-radius:8px; padding:12px; transform:rotate(-3deg); }.task-head { display:flex; justify-content:space-between; font-size:10px; }.task-head span { letter-spacing:1px; color:#7990b5; }.task-list > p { color:#36486a; font-size:11px; font-weight:600; margin:14px 0 9px; }.task-meta { display:flex; gap:5px; font-size:8px; }.task-meta span { border-radius:99px; padding:4px 5px; background:#dce7fb; color:#556d99; }.task-meta .priority { background:#ffd6d0; color:#a14e43; }.vendor-line { border-top:1px solid #dce5f4; margin-top:10px; padding-top:9px; display:grid; grid-template-columns:19px 1fr 14px; gap:6px; align-items:center; }.vendor-avatar { width:19px;height:19px;border-radius:50%;background:#ffd15b;display:grid;place-items:center;font-size:8px;font-weight:bold; }.vendor-line p { font-size:8px; line-height:1.3; margin:0; }.vendor-line i { color:#5779c0; font-style:normal; font-size:12px; }
.focus-section { background:#1d2d25; color:white; padding:128px 0; }.focus-grid { display:grid; grid-template-columns:.91fr 1.09fr; gap:88px; align-items:center; }.focus-copy h2 { margin:42px 0 27px; }.focus-copy h2 em { color:var(--lime); }.focus-copy > p { color:#bec9c0; max-width:460px; }.button-light { background:white; color:var(--ink); margin-top:17px; }.learning-map { border:1px solid rgba(255,255,255,.2); border-radius:12px; overflow:hidden; background:#24362c; }.map-header,.map-footer { height:48px; padding:0 16px; display:flex; align-items:center; justify-content:space-between; font:10px var(--font-mono); color:#b8c5bc; letter-spacing:.04em; }.map-header { border-bottom:1px solid rgba(255,255,255,.15); }.map-live { color:var(--lime); }.map-live i { width:5px;height:5px;border-radius:50%;background:var(--lime);display:inline-block;margin-right:4px; }.map-canvas { height:375px; position:relative; background-image:radial-gradient(rgba(217,238,217,.12) 1px, transparent 1px); background-size:14px 14px; }.map-lines { position:absolute; inset:0; width:100%; height:100%; }.map-lines path { stroke:#8ca697; stroke-width:1; fill:none; stroke-dasharray:4 4; }.node { position:absolute; z-index:1; border-radius:7px; background:#385144; color:#dce9dd; border:1px solid rgba(255,255,255,.15); padding:8px 10px; font-size:10px; box-shadow:0 7px 14px rgba(0,0,0,.12); }.node span { color:var(--lime); margin-right:5px; }.node-main { width:147px; height:79px; left:calc(50% - 73px); top:calc(50% - 40px); background:#e7f2df; color:#23382c; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0; }.node-main .node-orbit { height:99px; width:99px; position:absolute; border:1px solid var(--lime); border-radius:50%; opacity:.5; }.node-main strong { font-size:11px; position:relative; }.node-main small { font:8px var(--font-mono); margin-top:4px; position:relative; }.node-a { left:55px; top:59px; }.node-b { right:49px; top:61px; }.node-c { left:51px; bottom:51px; }.node-d { right:46px; bottom:55px; }.map-footer { height:45px; border-top:1px solid rgba(255,255,255,.15); color:#8f9e95; }.map-footer strong { color:#d2dbd2; font-weight:500; }
.quote-section { text-align:center; padding:123px 0 137px; max-width:890px; }.quote-mark { font:78px var(--font-serif); height:44px; color:var(--coral); }.quote-section blockquote { font-size:clamp(28px,3.5vw,49px); line-height:1.03; letter-spacing:-.055em; margin:16px 0 21px; }.quote-section p { font-size:15px; color:#637168; }
.final-cta { background:#c2d9b6; min-height:485px; border-radius:13px; margin-bottom:33px; padding:78px 65px; position:relative; overflow:hidden; }.final-cta > *:not(.cta-orb) { position:relative; z-index:1; }.final-cta h2 { margin:21px 0 31px; }.final-cta h2 em { color:#31523c; }.button-accent { background:var(--ink); color:white; }.cta-small { margin:18px 0 0; max-width:340px; font-size:12px; color:#51695a; line-height:1.45; }.cta-orb { position:absolute; border-radius:50%; border:1px solid rgba(37,72,51,.28); }.orb-left { width:430px;height:430px;right:-126px;top:-65px; box-shadow:0 0 0 45px rgba(224,240,191,.35),0 0 0 90px rgba(222,239,192,.22),0 0 0 135px rgba(222,239,192,.18); }.orb-right { width:210px;height:210px;right:108px;bottom:-90px; background:#e1eea4; box-shadow:0 0 0 32px rgba(221,239,188,.45); }
.site-footer { min-height:104px; display:flex; align-items:center; gap:30px; border-top:1px solid var(--line); color:#59675e; font-size:12px; }.site-footer .brand { color:var(--ink); font-size:19px; }.site-footer .brand-mark { transform:scale(.8) rotate(-18deg); margin-right:-3px; }.site-footer p { margin:0; }.site-footer > span { margin-left:auto; font:10px var(--font-mono); }
.reveal { animation:up .65s ease both; }.reveal-delay { animation-delay:.12s; }@keyframes up { from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)} }
@media (max-width:900px) { .hero { grid-template-columns:1fr; padding-top:45px; }.hero-copy { max-width:640px; }.hero-stage { width:95%; margin:15px auto 0; }.roles-heading { grid-template-columns:1fr; }.roles-heading h2,.roles-heading p { grid-column:1; grid-row:auto; }.roles-heading h2 { margin-top:42px; }.roles-heading p { margin-top:22px; }.role-panel,.focus-grid { grid-template-columns:1fr; }.focus-grid { gap:55px; }.intro-grid { gap:40px; }.work-grid { grid-template-columns:1fr 1fr; }.work-large { grid-column:span 2; }.work-card { min-height:410px; }.signal-inner { flex-direction:column; align-items:flex-start; justify-content:center; padding:22px 0; }.desktop-nav { margin-left:0; gap:18px; }.final-cta { padding:65px 45px; } }
@media (max-width:630px) { .shell { width:min(100% - 36px, 1240px); }.site-header { height:75px; }.desktop-nav,.header-cta { display:none; }.desktop-nav.mobile-open { display:flex; position:absolute; top:65px; left:0; right:0; z-index:20; margin:0; padding:16px; border:1px solid var(--line); border-radius:10px; background:var(--paper); box-shadow:0 12px 25px rgba(23,37,31,.12); flex-direction:column; gap:15px; }.menu-button { display:block; }.hero { padding:47px 0 50px; min-height:0; }.hero h1 { font-size:61px; }.hero-lede { font-size:16px; }.hero-actions { gap:18px; flex-wrap:wrap; margin-top:28px; }.hero-stage { min-height:395px; width:100%; }.sun-disc { width:322px; height:322px; right:0; top:20px; }.orbit-one { width:360px; height:220px; right:-35px; }.orbit-two { width:340px; height:200px; right:-20px; }.dashboard-card { width:86%; min-height:285px; margin:40px 0 0 12px; }.dash-sidebar { min-height:232px; }.dash-topbar { height:44px; }.conversation { padding:10px; }.agent-row { padding:7px 4px; }.agent-row:nth-last-child(-n+2) { display:none; }.live-label { top:15px; left:0; }.message-one { right:-8px; top:40px; transform:scale(.83) rotate(5deg); transform-origin:top right; }.message-two { left:-10px; bottom:0; transform:scale(.82) rotate(-5deg); transform-origin:bottom left; }.signal-inner p { font-size:19px; }.channels { gap:7px; font-size:8px; flex-wrap:wrap; }.intro { padding:86px 0 79px; }.intro-grid { grid-template-columns:1fr; margin-top:38px; }.intro h2,.roles-heading h2,.work-section h2,.focus-copy h2,.final-cta h2 { font-size:46px; }.intro-copy { max-width:100%; }.number-line { overflow:hidden; gap:24px; justify-content:flex-start; white-space:nowrap; margin-top:65px; }.roles-section { padding:75px 0; }.role-tabs { margin-top:47px; overflow-x:auto; grid-template-columns:repeat(4,175px); }.role-tab { padding:13px 11px; }.role-panel { margin-top:13px; }.persona-card,.activity-card { min-height:330px; }.persona-center { margin:auto 9px; gap:18px; }.portrait { height:85px; width:85px; font-size:34px; }.portrait::before { height:105px; width:105px; }.portrait::after { height:127px;width:127px; }.persona-center h3 { font-size:22px; }.activity-card { display:none; }.work-section { padding:83px 0; }.work-title-row { flex-direction:column; align-items:start; gap:21px; margin-top:38px; }.work-grid { grid-template-columns:1fr; margin-top:42px; }.work-large { grid-column:auto; }.work-card { min-height:383px; }.focus-section { padding:80px 0; }.learning-map { margin:0 -3px; }.map-canvas { height:330px; }.node-a { left:13px;top:44px; }.node-b { right:10px;top:44px; }.node-c { left:12px;bottom:37px; }.node-d { right:10px;bottom:37px; }.quote-section { padding:86px 10px; }.quote-section blockquote { font-size:33px; }.final-cta { min-height:430px; padding:55px 27px; margin-bottom:18px; }.orb-left { right:-230px; }.orb-right { right:35px; }.site-footer { min-height:105px; flex-wrap:wrap; gap:10px 18px; padding:20px 0; }.site-footer > span { margin-left:0; }.site-footer p { width:100%; order:3; } }

/* Directional refinement: fewer decorative badges, more product and operational evidence. */
.eyebrow > span { width:22px; height:1px; border-radius:0; background:var(--coral); }
.eyebrow.light > span { background:var(--ink); }
.hero-note { border-left:1px solid var(--coral); padding-left:10px; }

.signal-inner { min-height:112px; align-items:center; justify-content:center; text-align:center; }
.channel-icons { display:flex; align-items:center; gap:11px; }
.app-icon { height:35px; width:35px; display:grid; place-items:center; border-radius:9px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.15); }
.app-icon svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.app-phone { background:#d7ef8d; color:#183729; }.app-phone svg { fill:currentColor; stroke:none; width:16px; }
.app-message { background:#71cf86; color:white; }.app-message svg { fill:currentColor; stroke:none; }
.app-whatsapp { background:#47bd6d; color:white; }.app-whatsapp svg path:last-child { stroke:none; fill:currentColor; }
.app-mail { background:#f8f6f0; color:#d65b4a; }.app-mail svg path:first-child { stroke:#d65b4a; }.app-mail svg path:nth-child(2) { stroke:#e6a447; }.app-mail svg path:last-child { stroke:#567fd4; }
.channel-rule { width:17px; border-top:1px solid rgba(255,255,255,.32); }

.loose-ends-visual { height:289px; margin-top:66px; background:#dbe8d8; border:1px solid #c4d3c0; border-radius:12px; position:relative; overflow:hidden; }
.loose-ends-visual::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(255,255,255,.22), transparent 37%, rgba(255,255,255,.18)); pointer-events:none; }
.building-file { background:#f9f7f1; position:absolute; left:32px; top:31px; width:194px; height:225px; border:1px solid #bdc9bc; box-shadow:7px 8px 0 #b5cbb3; z-index:2; padding:13px; transform:rotate(-2deg); }
.building-top,.resolution-top { display:flex; justify-content:space-between; font:9px var(--font-mono); letter-spacing:.04em; color:#637168; }
.building-drawing { height:107px; width:108px; margin:19px auto 11px; border:2px solid #52705a; display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:repeat(3,1fr); padding:8px; gap:7px; position:relative; }
.building-drawing::before { content:""; width:70px; height:18px; border:2px solid #52705a; border-bottom:0; position:absolute; top:-21px; left:17px; clip-path:polygon(50% 0,100% 100%,0 100%); }
.building-drawing i { border:1px solid #82a386; }
.building-file p { margin:0; font-size:11px; line-height:1.35; color:#607065; }.building-file strong { color:var(--ink); }
.inbound-note { position:absolute; z-index:2; background:#f6f3ea; border:1px solid #c8d0c2; box-shadow:0 8px 15px rgba(34,52,42,.12); width:172px; min-height:79px; padding:11px 12px 10px 39px; }
.inbound-note p { margin:0 0 5px; font-size:11px; font-weight:600; line-height:1.25; }.inbound-note small { color:#6f7d73; font:9px var(--font-mono); }.note-channel { position:absolute; left:12px; top:13px; color:#ff7962; font-size:17px; }
.note-one { left:276px; top:37px; transform:rotate(2deg); }.note-two { left:334px; top:114px; transform:rotate(-1deg); }.note-three { left:296px; top:197px; transform:rotate(2deg); }
.resolution-file { position:absolute; z-index:2; right:34px; top:26px; width:356px; min-height:232px; background:#203129; color:#eff3e9; border-radius:7px; padding:16px; box-shadow:0 12px 24px rgba(25,44,31,.22); }.resolution-top { color:#b7c5bb; padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,.17); }
.resolution-row { display:grid; grid-template-columns:19px 1fr 35px; gap:8px; align-items:center; border-bottom:1px solid rgba(255,255,255,.1); padding:14px 0; }.resolution-row:last-child { border:0; }.resolution-row i { width:18px; height:18px; display:grid; place-items:center; background:var(--lime); color:#1d3225; border-radius:50%; font-style:normal; font-size:11px; font-weight:bold; }.resolution-row p { margin:0; font-size:11px; }.resolution-row time { color:#a4b2a9; font:9px var(--font-mono); text-align:right; }
.loose-lines { position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; }.loose-lines path { fill:none; stroke:#789a7d; stroke-width:1.3; stroke-dasharray:5 5; }

.relationship-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; margin-top:65px; }
.relationship-card { min-height:466px; overflow:hidden; display:flex; flex-direction:column; color:#19291f; padding:15px 15px 13px; border-radius:10px; position:relative; }.resident-prospect { background:#efc3ae; }.current-resident { background:#b8cffb; }.owner { background:#dbe8bc; }.partner { background:#f4d47f; }
.relationship-top { display:flex; justify-content:space-between; align-items:center; font:10px var(--font-mono); letter-spacing:.04em; text-transform:uppercase; }.relationship-top span { color:#4d6955; }.relationship-top p { margin:0; color:#4f5e55; font-size:9px; }
.agent-portrait-svg { width:100%; height:174px; display:block; margin:13px 0 16px; border:1px solid rgba(25,41,31,.16); }.relationship-label { font:9px var(--font-mono); color:#55645b; letter-spacing:.07em; text-transform:uppercase; }.relationship-card h3 { font-size:29px; letter-spacing:-.06em; margin:5px 0 8px; }.relationship-copy { font-size:12px; line-height:1.43; color:#46584d; margin:0; }.relationship-path { display:flex; align-items:center; gap:7px; margin-top:auto; padding-top:13px; border-top:1px solid rgba(25,41,31,.18); color:#43584a; font:9px var(--font-mono); }.relationship-path i { font-style:normal; color:#1f3026; }
.relationship-footer { display:flex; align-items:center; gap:27px; border-top:1px solid rgba(255,255,255,.2); margin-top:23px; padding-top:16px; }.relationship-footer p { color:var(--lime); font-size:14px; margin:0; font-weight:500; }.relationship-footer span { color:#aab8ae; font-size:12px; }

.operating-record { background:#e9f0e4; border-radius:10px; color:#203329; overflow:hidden; box-shadow:0 20px 38px rgba(0,0,0,.14); }.record-header,.record-footer { min-height:48px; display:flex; align-items:center; justify-content:space-between; padding:0 17px; font:10px var(--font-mono); letter-spacing:.05em; color:#5c6c61; }.record-header { border-bottom:1px solid #c8d5c7; }.record-body { display:grid; grid-template-columns:1.06fr .94fr; min-height:292px; }.record-files { padding:15px; border-right:1px solid #c8d5c7; display:flex; flex-direction:column; justify-content:center; gap:8px; background:#f7f5ee; }.record-file { display:grid; grid-template-columns:25px 1fr; gap:10px; padding:10px 10px 9px; border:1px solid #cad6c8; border-left:3px solid #6c9973; background:#fffdf7; }.record-file:nth-child(2) { border-left-color:#f0b84c; }.record-file:nth-child(3) { border-left-color:#e77861; }.record-file > span { color:#758579; font:10px var(--font-mono); }.record-file small { display:block; color:#708075; font:8px var(--font-mono); letter-spacing:.04em; }.record-file strong { display:block; font-size:11px; margin:3px 0; }.record-file p { color:#68766b; font-size:10px; margin:0; }.record-log { padding:17px 15px; background:#dfeadc; }.log-title { display:flex; justify-content:space-between; color:#718074; font:9px var(--font-mono); letter-spacing:.05em; padding-bottom:10px; border-bottom:1px solid #c7d5c5; }.log-row { display:grid; grid-template-columns:37px 1fr; gap:7px; padding:12px 0; border-bottom:1px solid #cbd7c9; }.log-row time { color:#5a8663; font:9px var(--font-mono); }.log-row p { margin:0; font-size:10px; line-height:1.35; color:#3f5545; }.record-footer { border-top:1px solid #c8d5c7; font-size:9px; }.record-footer strong { font-weight:500; color:#31583b; }

@media (max-width:900px) { .loose-ends-visual { height:350px; }.building-file { left:24px; }.note-one { left:242px; }.note-two { left:277px; }.note-three { left:240px; }.resolution-file { right:18px; width:290px; }.relationship-grid { grid-template-columns:repeat(2,1fr); }.relationship-card { min-height:435px; }.operating-record { max-width:670px; }.record-body { min-height:270px; } }
@media (max-width:630px) { .signal-inner { min-height:105px; flex-direction:row; align-items:center; justify-content:center; padding:18px 0; text-align:center; }.signal-inner p { font-size:17px; line-height:1.18; }.loose-ends-visual { margin-top:44px; height:408px; }.building-file { left:20px; top:24px; width:154px; height:183px; padding:10px; }.building-drawing { height:83px; width:85px; margin:15px auto 9px; padding:6px; gap:5px; }.building-drawing::before { width:54px; left:13px; }.inbound-note { transform:none; width:143px; min-height:64px; padding:9px 8px 8px 31px; }.inbound-note p { font-size:9px; }.inbound-note small { font-size:7px; }.note-channel { left:9px; top:8px; font-size:13px; }.note-one { left:auto; right:20px; top:25px; }.note-two { left:auto; right:12px; top:99px; }.note-three { left:31px; top:225px; }.resolution-file { left:19px; right:19px; top:auto; bottom:20px; width:auto; min-height:147px; padding:11px; }.resolution-top { padding-bottom:7px; font-size:8px; }.resolution-row { padding:8px 0; grid-template-columns:17px 1fr 31px; }.resolution-row i { height:15px; width:15px; font-size:9px; }.resolution-row p { font-size:9px; }.resolution-row time { font-size:7px; }.relationship-grid { grid-template-columns:1fr 1fr; gap:8px; margin-top:43px; }.relationship-card { min-height:392px; padding:11px; }.relationship-top { font-size:8px; }.relationship-top p { max-width:68px; line-height:1.15; text-align:right; font-size:7px; }.agent-portrait-svg { height:125px; margin:10px 0 12px; }.relationship-label { font-size:7px; }.relationship-card h3 { font-size:24px; margin:4px 0 5px; }.relationship-copy { font-size:10px; line-height:1.33; }.relationship-path { gap:4px; font-size:7px; padding-top:9px; }.relationship-footer { align-items:flex-start; flex-direction:column; gap:5px; margin-top:17px; }.relationship-footer span { font-size:10px; }.operating-record { margin:0 -3px; }.record-header,.record-footer { min-height:42px; padding:0 11px; font-size:8px; }.record-header span:last-child { display:none; }.record-body { grid-template-columns:1fr; }.record-files { border-right:0; border-bottom:1px solid #c8d5c7; padding:10px; }.record-file { padding:7px; }.record-log { padding:11px; }.log-row { padding:8px 0; }.record-footer strong { display:none; } }

/* A closer iOS-app treatment for the channel rail. */
.hero-note { border-left:0; padding-left:0; }
.app-icon { position:relative; height:38px; width:38px; overflow:hidden; border-radius:12px; box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 1px 2px rgba(0,0,0,.16); }
.app-icon::after { content:""; position:absolute; inset:0; background:linear-gradient(145deg, rgba(255,255,255,.22), transparent 46%); pointer-events:none; }
.app-icon svg,.app-icon img { position:relative; z-index:1; }.app-phone { background:linear-gradient(145deg,#e8ff98,#cfe988); }.app-message { background:linear-gradient(145deg,#8de59a,#5ac26d); }.app-whatsapp { background:linear-gradient(145deg,#7edb89,#56bb69); }.app-mail { background:#f7f5f1; }
.app-whatsapp img { width:22px; height:22px; }.app-mail img { width:25px; height:25px; object-fit:contain; }

/* The branded team becomes one memorable operating persona, Evie. */
.evie-stage { margin-top:65px; display:grid; grid-template-columns:.78fr 1.22fr; grid-template-rows:auto auto; gap:0 50px; border-top:1px solid rgba(255,255,255,.19); border-bottom:1px solid rgba(255,255,255,.19); padding:20px 0; }
.evie-card { grid-row:span 2; min-height:473px; background:#dbe9d4; color:#1c2d23; border-radius:10px; padding:15px; display:flex; flex-direction:column; overflow:hidden; }.evie-card-head,.evie-card-foot { display:flex; justify-content:space-between; font:9px var(--font-mono); letter-spacing:.055em; color:#536359; }.evie-card-foot { padding-top:12px; align-items:center; }.evie-card-foot strong { color:#203329; font:600 19px var(--font-sans); letter-spacing:-.05em; }.evie-card-foot span { font-size:9px; }
.evie-avatar { position:relative; flex:1; min-height:385px; margin-top:13px; overflow:hidden; background:radial-gradient(circle at 50% 28%,#fff4d8 0 12%,#f5d9aa 13% 28%,#c0d9ad 29% 52%,#9ebf98 53%); border-radius:7px; box-shadow:inset 0 0 42px rgba(43,73,49,.22); }.evie-avatar::before { content:""; position:absolute; height:280px; width:280px; border:1px solid rgba(32,51,41,.13); border-radius:50%; left:50%; top:23px; transform:translateX(-50%); }.evie-avatar i { position:absolute; display:block; }
.evie-shoulders { height:180px; width:310px; left:50%; bottom:-78px; transform:translateX(-50%); border-radius:52% 48% 0 0; background:linear-gradient(110deg,#e9e1d0 0 39%,#c5b193 40% 64%,#eae0cf 65%); box-shadow:0 -8px 22px rgba(57,69,46,.12); }.evie-neck { height:67px; width:52px; left:calc(50% - 26px); bottom:109px; background:linear-gradient(90deg,#aa7054,#d29979 50%,#ac7257); border-radius:0 0 25px 25px; z-index:2; }
.evie-ear { height:28px; width:18px; left:calc(50% + 61px); top:151px; border-radius:0 15px 15px 0; background:#bb7d5e; z-index:3; }.evie-face { width:133px; height:166px; left:calc(50% - 66px); top:69px; border-radius:48% 48% 45% 46%; z-index:4; background:radial-gradient(circle at 35% 34%,#e9b796 0 4%,transparent 5%),radial-gradient(circle at 70% 35%,#e9b796 0 4%,transparent 5%),radial-gradient(circle at 45% 31%,#f2caaa,#b97758 73%); box-shadow:inset -13px -15px 20px rgba(100,53,37,.13),inset 8px 5px 12px rgba(255,244,226,.2); }
.evie-hair { width:157px; height:195px; left:calc(50% - 79px); top:41px; z-index:5; border-radius:52% 52% 45% 44%; background:linear-gradient(120deg,#252423 0 24%,#564039 25% 38%,#2b2625 39% 100%); clip-path:polygon(13% 28%,25% 10%,48% 2%,74% 10%,91% 30%,94% 68%,81% 81%,79% 40%,68% 33%,51% 33%,32% 39%,22% 53%,20% 80%,8% 65%); filter:drop-shadow(3px 4px 4px rgba(33,24,21,.24)); }.evie-eye { z-index:6; height:5px; width:5px; top:137px; border-radius:50%; background:#36221d; box-shadow:0 1px 0 rgba(255,255,255,.2); }.eye-left { left:calc(50% - 37px); }.eye-right { left:calc(50% + 31px); }.evie-smile { z-index:6; left:calc(50% - 16px); top:184px; width:31px; height:13px; border-bottom:2px solid #884d41; border-radius:0 0 50% 50%; }
.evie-explainer { padding:34px 0 27px; max-width:590px; }.evie-kicker { color:var(--lime); font:10px var(--font-mono); letter-spacing:.07em; margin:0 0 17px; }.evie-explainer h3 { font-size:37px; max-width:480px; line-height:1; letter-spacing:-.06em; margin:0 0 17px; }.evie-explainer > p:not(.evie-kicker) { max-width:530px; color:#b8c5bb; font-size:14px; line-height:1.53; margin:0; }.evie-routes { margin-top:29px; border-top:1px solid rgba(255,255,255,.2); }.evie-route { min-height:58px; display:grid; grid-template-columns:30px 1fr 18px; gap:10px; align-items:center; border-bottom:1px solid rgba(255,255,255,.2); }.evie-route > span { font:9px var(--font-mono); color:var(--lime); }.evie-route p { margin:0; font-size:12px; color:#f5f7f0; }.evie-route small { display:block; margin-top:3px; color:#a2b1a7; font-size:10px; }.evie-route i { color:var(--lime); font-style:normal; font-size:18px; }.evie-note { align-self:end; padding:19px 0; border-top:1px solid rgba(255,255,255,.2); }.evie-note span { color:#a4b3a8; font:9px var(--font-mono); letter-spacing:.05em; }.evie-note p { max-width:525px; color:#f1f3ed; font-size:13px; line-height:1.45; margin:7px 0 0; }

@media (max-width:900px) { .evie-stage { gap:0 28px; }.evie-explainer h3 { font-size:33px; }.evie-card { min-height:480px; }.evie-avatar { min-height:390px; } }
@media (max-width:630px) { .app-icon { height:29px; width:29px; border-radius:9px; }.app-icon svg { width:15px; height:15px; }.app-whatsapp img { width:17px; height:17px; }.app-mail img { width:20px; height:20px; }.evie-stage { display:block; margin-top:43px; padding:12px 0 0; }.evie-card { min-height:390px; }.evie-avatar { min-height:305px; }.evie-avatar::before { width:230px; height:230px; top:17px; }.evie-shoulders { transform:translateX(-50%) scale(.8); transform-origin:bottom; bottom:-82px; }.evie-neck { bottom:78px; transform:scale(.8); transform-origin:bottom; }.evie-ear { top:115px; transform:scale(.8); transform-origin:left; }.evie-face { top:47px; transform:scale(.8); transform-origin:top; }.evie-hair { top:27px; transform:scale(.8); transform-origin:top; }.evie-eye { top:101px; transform:scale(.8); }.eye-left { left:calc(50% - 30px); }.eye-right { left:calc(50% + 24px); }.evie-smile { top:139px; transform:scale(.8); }.evie-explainer { padding:29px 0 22px; }.evie-explainer h3 { font-size:31px; }.evie-explainer > p:not(.evie-kicker) { font-size:13px; }.evie-route { min-height:62px; }.evie-note { padding:18px 0 23px; }.evie-note p { font-size:12px; } }

/* The section labels stand on their own; no replacement dots or rules. */
.eyebrow > span { display:none; }

/* Evie is a clear, persistent contact rather than a made-up character portrait. */
.evie-card { min-height:473px; display:flex; flex-direction:column; background:#dfead8; padding:15px; }.evie-contact-visual { flex:1; min-height:385px; position:relative; margin-top:13px; overflow:hidden; border-radius:7px; background:linear-gradient(145deg,#b4d1aa,#dce9bd 52%,#93b696); }.evie-contact-visual::before { content:""; position:absolute; width:388px; height:388px; border:1px solid rgba(42,72,46,.18); border-radius:50%; left:50%; top:14px; transform:translateX(-50%); }.evie-contact-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(118deg,rgba(255,255,255,.18),transparent 38%,rgba(60,92,61,.12)); pointer-events:none; }
.contact-source { position:absolute; z-index:1; width:153px; min-height:76px; background:#f7f4ec; color:#1e3025; padding:10px; border:1px solid rgba(30,48,37,.15); box-shadow:0 13px 20px rgba(48,73,48,.17); }.contact-source span { display:block; color:#627265; font:8px var(--font-mono); letter-spacing:.06em; }.contact-source strong { display:block; font-size:10px; margin:7px 0 3px; }.contact-source small { color:#788579; font:8px var(--font-mono); }.source-owner { left:-30px; top:37px; transform:rotate(-7deg); }.source-resident { right:-32px; top:125px; transform:rotate(6deg); }.source-lead { left:-19px; bottom:38px; transform:rotate(5deg); }
.evie-identity { position:absolute; z-index:2; width:201px; height:272px; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center; padding:13px; background:#fffdf6; border:1px solid rgba(36,55,41,.17); border-radius:10px; box-shadow:0 21px 30px rgba(39,66,42,.21), inset 0 1px 0 #fff; }.identity-top { display:flex; justify-content:space-between; font:8px var(--font-mono); color:#768275; }.identity-mark { width:92px; height:92px; display:grid; place-items:center; margin:21px auto 13px; border-radius:27px; background:linear-gradient(145deg,#202f27,#405e49); color:var(--lime); font:63px var(--font-serif); line-height:1; box-shadow:inset 5px 6px 12px rgba(255,255,255,.07), inset -8px -8px 15px rgba(0,0,0,.17),0 9px 12px rgba(34,57,38,.19); }.evie-identity > strong { display:block; font-size:23px; letter-spacing:-.06em; }.evie-identity > p { margin:3px 0 15px; color:#657368; font-size:10px; }.identity-channels { display:flex; align-items:center; justify-content:center; gap:6px; color:#5f6e62; font:7px var(--font-mono); letter-spacing:.02em; }.identity-channels i { height:2px; width:2px; border-radius:0; background:#ff7962; }
@media (max-width:630px) { .evie-card { min-height:390px; }.evie-contact-visual { min-height:305px; }.evie-contact-visual::before { width:295px; height:295px; top:6px; }.contact-source { width:118px; min-height:59px; padding:7px; }.contact-source span,.contact-source small { font-size:6px; }.contact-source strong { font-size:8px; margin:4px 0 2px; }.source-owner { left:-33px; top:27px; }.source-resident { right:-37px; top:101px; }.source-lead { left:-31px; bottom:24px; }.evie-identity { width:166px; height:225px; padding:10px; }.identity-mark { width:74px; height:74px; border-radius:22px; font-size:50px; margin:17px auto 10px; }.evie-identity > strong { font-size:20px; }.evie-identity > p { font-size:9px; margin:2px 0 12px; }.identity-channels { font-size:6px; } }

/* The sourced portrait replaces the generic contact-card graphic. */
.evie-card { min-height:473px; }.evie-avatar-shot { position:relative; flex:1; min-height:385px; margin-top:13px; overflow:hidden; border-radius:7px; background:linear-gradient(145deg,#d8e8cf,#a8c9a5); }.evie-avatar-shot::before { content:""; position:absolute; z-index:1; inset:0; background:radial-gradient(circle at 50% 38%,transparent 0 46%,rgba(42,70,47,.15) 76%,rgba(26,48,34,.28) 100%); pointer-events:none; }.evie-avatar-shot img { position:absolute; z-index:0; left:50%; top:-45px; width:190%; max-width:none; transform:translateX(-50%); }.avatar-caption { position:absolute; z-index:2; left:12px; bottom:12px; color:#eff3e9; font:9px/1.22 var(--font-mono); letter-spacing:.08em; text-shadow:0 1px 8px rgba(24,44,30,.65); }
@media (max-width:630px) { .evie-card { min-height:390px; }.evie-avatar-shot { min-height:305px; }.evie-avatar-shot img { width:190%; top:-40px; }.avatar-caption { left:10px; bottom:10px; font-size:8px; } }

/* Meet Evie: one clear promise and one concrete outcome. */
.roles-section { padding:124px 0; }
.evie-layout { display:grid; grid-template-columns:.88fr 1.12fr; gap:clamp(70px,9vw,130px); align-items:center; }
.evie-copy h2 { max-width:540px; margin:42px 0 26px; font-size:clamp(52px,5.4vw,78px); font-weight:600; letter-spacing:-.068em; line-height:.91; }
.evie-copy h2 em { color:var(--lime); font-family:var(--font-serif); font-weight:400; letter-spacing:-.035em; }
.evie-copy > p { max-width:455px; margin:0; color:#bec9c0; font-size:17px; line-height:1.55; }
.evie-promise { display:flex; align-items:center; gap:13px; margin-top:42px; color:#f4f6ef; font:10px var(--font-mono); letter-spacing:.07em; text-transform:uppercase; }
.evie-promise i { color:var(--lime); font-style:normal; font-size:15px; }
.evie-moment { position:relative; min-height:476px; margin:0; padding:21px; overflow:hidden; border-radius:12px; background:#dfead8; color:var(--ink); box-shadow:0 28px 60px rgba(7,20,13,.22); }
.evie-moment::before { content:""; position:absolute; width:430px; height:430px; top:54px; right:-196px; border:1px solid rgba(40,72,49,.15); border-radius:50%; box-shadow:0 0 0 52px rgba(255,255,255,.12),0 0 0 104px rgba(255,255,255,.08); }
.evie-moment figcaption { position:relative; z-index:1; display:flex; justify-content:space-between; padding-bottom:17px; border-bottom:1px solid rgba(23,37,31,.16); color:#5b6b61; font:9px var(--font-mono); letter-spacing:.06em; text-transform:uppercase; }
.evie-live { color:#476052; }.evie-live i { display:inline-block; width:6px; height:6px; margin-right:5px; border-radius:50%; background:#44bd78; box-shadow:0 0 0 3px rgba(68,189,120,.15); }
.evie-profile { position:relative; z-index:1; display:flex; align-items:center; gap:18px; margin:25px 18px 0; }
.evie-profile img { width:96px; height:96px; flex:0 0 auto; object-fit:cover; border:4px solid rgba(255,255,255,.72); border-radius:50%; box-shadow:0 10px 22px rgba(31,56,38,.18); }
.evie-profile small { display:block; color:#65766a; font:8px var(--font-mono); letter-spacing:.06em; text-transform:uppercase; }
.evie-profile strong { display:block; margin-top:5px; font-size:30px; line-height:1; letter-spacing:-.06em; }
.evie-profile p { margin:7px 0 0; color:#5c6c61; font-size:11px; }
.evie-request { position:relative; z-index:1; width:min(78%,390px); margin:24px 0 0 19px; padding:18px 19px 20px; border:1px solid rgba(23,37,31,.14); border-radius:9px; background:#fbfaf5; box-shadow:0 12px 25px rgba(34,58,40,.1); transform:rotate(-1deg); }
.evie-request > div { display:flex; justify-content:space-between; color:#6b7970; font:8px var(--font-mono); letter-spacing:.04em; text-transform:uppercase; }
.evie-request blockquote { margin:16px 0 0; font-size:20px; line-height:1.25; letter-spacing:-.035em; }
.evie-bridge { position:relative; z-index:1; display:flex; align-items:center; height:72px; margin-left:62px; }
.evie-bridge span { position:relative; z-index:1; width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:#263a2f; color:var(--lime); font:27px var(--font-serif); box-shadow:0 5px 12px rgba(22,42,29,.18); }
.evie-bridge i { width:1px; height:72px; position:absolute; left:18px; background:rgba(39,64,46,.26); }
.evie-outcome { position:relative; z-index:1; width:min(87%,440px); min-height:127px; margin:18px 0 0 auto; padding:20px; display:grid; grid-template-columns:35px 1fr; gap:14px; border-radius:10px; background:#263a2f; color:#f7f7f1; box-shadow:0 18px 30px rgba(25,47,33,.19); }
.outcome-check { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:var(--lime); color:#1d3025; font-size:15px; font-weight:700; }
.evie-outcome small { display:block; color:#aebdb2; font:8px var(--font-mono); letter-spacing:.05em; text-transform:uppercase; }
.evie-outcome strong { display:block; margin-top:9px; font-size:20px; line-height:1.08; letter-spacing:-.04em; }
.evie-outcome p { margin:8px 0 0; color:#c2cec5; font-size:11px; }

@media (max-width:900px) { .evie-layout { grid-template-columns:1fr 1fr; gap:45px; }.evie-copy h2 { font-size:58px; }.evie-moment { min-height:462px; }.evie-request { width:88%; margin-left:6px; }.evie-outcome { width:94%; } }
@media (max-width:760px) { .evie-layout { grid-template-columns:1fr; gap:52px; }.evie-moment { width:100%; max-width:570px; justify-self:center; } }
@media (max-width:630px) { .roles-section { padding:78px 0; }.evie-layout { grid-template-columns:1fr; gap:52px; }.evie-copy h2 { margin:34px 0 22px; font-size:48px; }.evie-copy > p { font-size:15px; }.evie-promise { margin-top:30px; gap:10px; }.evie-moment { min-height:500px; margin:0 -2px; padding:16px; }.evie-profile { margin:22px 5px 0; gap:14px; }.evie-profile img { width:78px; height:78px; }.evie-profile strong { font-size:26px; }.evie-request { width:89%; margin:22px 0 0; padding:16px; }.evie-request blockquote { font-size:18px; }.evie-outcome { width:94%; min-height:120px; padding:17px; grid-template-columns:31px 1fr; gap:11px; }.outcome-check { width:28px; height:28px; }.evie-outcome strong { font-size:18px; } }

/* The hero shows the operating model: channels in, completed work out. */
.evie-network { min-height:500px; position:relative; isolation:isolate; }
.evie-network::before { content:""; position:absolute; z-index:-2; width:340px; height:340px; left:50%; top:70px; transform:translateX(-50%); border-radius:50%; background:#dfead8; box-shadow:0 0 0 38px rgba(223,234,216,.36),0 0 0 76px rgba(223,234,216,.16); }
.network-lines { position:absolute; z-index:-1; inset:0; width:100%; height:100%; overflow:visible; }
.network-lines path { fill:none; stroke:#789082; stroke-width:1.2; stroke-dasharray:5 7; opacity:.78; }
.network-lines circle { filter:drop-shadow(0 0 4px rgba(255,122,99,.28)); }.pulse-in { fill:var(--coral); }.pulse-out { fill:#a8c528; }
.network-channel,.network-work { position:absolute; z-index:1; min-height:46px; display:flex; align-items:center; border:1px solid rgba(23,37,31,.14); border-radius:10px; box-shadow:0 10px 22px rgba(32,52,39,.1); }
.network-channel { left:0; width:145px; min-height:46px; gap:10px; padding:5px 0 9px; border:0; border-bottom:1px solid rgba(23,37,31,.18); border-radius:0; background:transparent; box-shadow:none; }
.network-channel small { display:block; color:#819087; font:6px var(--font-mono); letter-spacing:.07em; text-transform:uppercase; }.network-channel strong { display:block; margin-top:2px; font-size:10px; line-height:1.05; letter-spacing:-.02em; }
.network-icon { width:34px; height:34px; flex:0 0 auto; display:grid; place-items:center; overflow:hidden; border-radius:9px; color:#385044; font-size:18px; }
.network-icon img { width:21px; height:21px; object-fit:contain; }.network-icon svg { width:20px; height:20px; fill:currentColor; }
.website-icon { color:#f5f7f2; background:#304b3d; }.listing-icon { color:#665125; background:#ffe6a2; }.mail-icon { background:#fbfaf6; box-shadow:inset 0 0 0 1px #dfe2dc; }.phone-icon { color:#25382d; background:var(--lime); }.whatsapp-icon { background:#65c978; }.website-icon svg,.listing-icon svg { fill:none; stroke:currentColor; stroke-width:1.55; stroke-linecap:round; stroke-linejoin:round; }
.channel-web { top:20px; }.channel-listings { top:121px; }.channel-mail { top:222px; }.channel-phone { top:323px; }.channel-whatsapp { top:424px; }
.network-evie { position:absolute; z-index:2; width:154px; left:50%; top:142px; transform:translateX(-50%); text-align:center; }
.network-avatar { position:relative; width:112px; height:112px; margin:0 auto 13px; }
.network-avatar::before { content:""; position:absolute; inset:-13px; border:1px solid rgba(38,59,47,.2); border-radius:50%; }
.network-avatar img { width:100%; height:100%; display:block; object-fit:cover; border:6px solid #f9f8f3; border-radius:50%; box-shadow:0 18px 32px rgba(31,51,38,.2); }
.network-evie > strong { display:block; font-size:27px; line-height:1; letter-spacing:-.06em; }.network-evie > small { display:block; margin-top:5px; color:#627168; font:8px var(--font-mono); letter-spacing:.04em; text-transform:uppercase; }
.network-work { right:0; width:178px; gap:10px; padding:9px 11px; background:#203128; color:#f4f6ef; }
.network-work > span { width:24px; height:24px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; background:var(--lime); color:#203128; font-size:11px; font-weight:700; }
.network-work small { display:block; color:#9eada3; font:7px var(--font-mono); letter-spacing:.06em; text-transform:uppercase; }.network-work strong { display:block; margin-top:3px; font-size:11px; line-height:1.1; }
.work-lead { top:20px; }.work-viewing { top:121px; }.work-repair { top:222px; }.work-resident { top:323px; }.work-owner { top:424px; }

/* The former hero dashboard now supports the Meet Evie story. */
.evie-dashboard-stage { width:100%; min-height:500px; color:var(--ink); }
.evie-dashboard-stage .dashboard-card,.evie-dashboard-stage .message-card { color:var(--ink); }
.evie-dashboard-stage .orbit { border-color:rgba(226,238,226,.2); }
.evie-dashboard-stage .orbit-two { opacity:.7; }

@media (max-width:900px) { .evie-network { width:100%; max-width:690px; margin:28px auto 0; }.evie-dashboard-stage { width:100%; margin:0; } }
@media (max-width:630px) {
  .evie-network { min-height:435px; margin-top:30px; }
  .evie-network::before { width:235px; height:235px; top:87px; box-shadow:0 0 0 25px rgba(223,234,216,.34),0 0 0 50px rgba(223,234,216,.15); }
  .network-channel { width:86px; min-height:39px; gap:6px; padding:5px 6px; }
  .network-channel small { display:none; }.network-channel strong { margin-top:0; font-size:8px; }
  .network-icon { width:26px; height:26px; border-radius:7px; font-size:14px; }.network-icon img { width:17px; height:17px; }.network-icon svg { width:15px; height:15px; }
  .channel-web { top:18px; }.channel-listings { top:106px; }.channel-mail { top:194px; }.channel-phone { top:282px; }.channel-whatsapp { top:370px; }
  .network-evie { width:106px; top:143px; }.network-avatar { width:90px; height:90px; margin-bottom:11px; }.network-avatar::before { inset:-9px; }.network-avatar img { border-width:4px; }
  .network-evie > strong { font-size:23px; }.network-evie > small { font-size:6px; }
  .network-work { width:110px; min-height:42px; gap:7px; padding:7px; }
  .network-work > span { width:19px; height:19px; font-size:9px; }.network-work small { font-size:6px; }.network-work strong { font-size:9px; }
  .work-lead { top:18px; }.work-viewing { top:106px; }.work-repair { top:194px; }.work-resident { top:282px; }.work-owner { top:370px; }
  .evie-dashboard-stage { min-height:395px; }
}
@media (prefers-reduced-motion:reduce) { .network-lines path { animation:none; }.network-lines circle { display:none; } }