@import url('/typography.css?v=75');
:root,body{font-family:OpenRunde,"Helvetica Neue",sans-serif;color:#20201e}button,input,textarea,select{font-family:inherit}
h1,h2,.agents-heading h2,.atria-copy h2,.tour .section-heading h2,.article h1,.article-body h2,.story h2{font-family:LibreCaslon,Georgia,serif;font-weight:400;letter-spacing:-.04em;line-height:1.13}
.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;padding-block:72px 58px}.hero h1{font-size:clamp(42px,5.4vw,76px);font-weight:400;line-height:1.1;letter-spacing:-.045em;margin:0;max-width:900px}.hero-copy{max-width:580px}.hero-copy p{font-size:17px;line-height:1.6;margin:0 auto 25px}.hero .actions{justify-content:center}.button,.button.primary{border-radius:14px}.button.primary{background:linear-gradient(#393936,#20201e);box-shadow:inset 0 1px 1px #ffffff30,0 3px 7px #00000012}.glass-nav{font-family:OpenRunde,sans-serif}.closing h2{font-family:LibreCaslon,Georgia,serif;font-weight:400}.agent-card h3{font-family:OpenRunde,sans-serif;font-weight:500;letter-spacing:-.025em}
@media(max-width:600px){.hero{padding-block:40px 36px;gap:18px}.hero h1{font-size:42px;line-height:1.13}.hero-copy p{font-size:15px}.hero .actions{flex-wrap:wrap}.tour .section-heading h2{font-size:29px}}

/* Coastal landing: scenery frames the product while navigation stays unchanged. */
.coastal-landing{background:#faf9f6}
.hero-scene{position:relative;isolation:isolate;padding-bottom:70px;overflow:hidden}
.hero-scene::before{content:"";position:absolute;z-index:-2;inset:0 0 0;background:linear-gradient(180deg,#faf9f6 0%,#faf9f600 19%,#faf9f600 75%,#faf9f6 100%),url('/assets/foyer-coast.png') center 58%/cover no-repeat;animation:coastal-arrive 1.8s ease-out both}
.hero-scene .hero{padding-block:62px 58px;gap:25px}
.hero-scene .hero h1{font-size:clamp(48px,6.2vw,82px);line-height:1.08;max-width:860px}
.hero-scene .hero-copy p{max-width:390px;color:#555b5d;font-size:16px}
.hero-scene .hero .button:not(.primary){background:#ffffffd9;border-color:#d7d8d4;box-shadow:inset 0 1px 1px #fff,0 3px 7px #2535420c}
.hero-scene .product{max-width:1040px;width:calc(100% - 112px);padding:0;animation:product-arrive 1s .12s cubic-bezier(.2,.7,.2,1) both}
.hero-scene .browser-frame{border:7px solid #ffffffb8;border-radius:22px;background:#fff;box-shadow:0 30px 80px #243d4930,0 3px 12px #243d4915}
.hero-scene .browser-bar{padding:11px 16px;background:#f7f7f5}
.coastal-landing .brand-marquee{margin-top:0;margin-bottom:32px}
.coastal-landing .intelligence{border-top:1px solid #e6e4de}
.coastal-landing .closing{width:100%;max-width:none;min-height:430px;flex-direction:column;justify-content:center;text-align:center;gap:26px;padding:95px 24px;border:0;background:linear-gradient(#faf9f6,#faf9f6a6 65%,#faf9f6),url('/assets/foyer-coast.png') center 72%/cover}
.coastal-landing .closing h2{margin:0;font-size:clamp(38px,4.7vw,62px)}
.coastal-footer{padding-top:60px;border-top:0;overflow:hidden}
.coastal-footer .footer-grid{grid-template-columns:repeat(4,1fr);gap:40px}
.coastal-footer .footer-bottom{border-top:0;margin-top:25px}
.footer-signature{display:block;width:100%;height:clamp(180px,35vw,475px);overflow:hidden;margin-top:0;opacity:.42;mask-image:linear-gradient(#000 40%,#0009 75%,transparent 100%)}
.footer-signature img{display:block;width:100%;height:auto;mix-blend-mode:multiply;transform:translateY(-11%)}
@keyframes coastal-arrive{from{opacity:0}to{opacity:1}}
@keyframes product-arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.hero-scene .hero{padding:46px 0 40px}.hero-scene .hero h1{font-size:46px}.hero-scene .product{width:calc(100% - 30px)}.hero-scene .browser-frame{border-width:4px;border-radius:12px}.hero-scene{padding-bottom:36px}.hero-scene::before{background-position:center,65% 60%}.coastal-footer .footer-grid{grid-template-columns:repeat(2,1fr);gap:25px}.coastal-footer{padding-top:30px}.footer-signature{height:180px}.coastal-landing .closing{min-height:340px;padding:60px 24px}}
@media(prefers-reduced-motion:reduce){.hero-scene::before,.hero-scene .product{animation:none}}

/* Editorial rhythm: product, specialists, live demonstration, then context. */
.coastal-landing main>.wrap:not(.brand-marquee){max-width:1120px}
.hero-scene .hero{padding-block:66px 46px;gap:24px}
.hero-scene .hero h1{font-size:clamp(44px,5.2vw,68px);letter-spacing:-.052em;line-height:1.06}
.hero-scene .hero-copy p{font-size:15px;max-width:410px;margin-bottom:23px}
.hero-scene .product{max-width:960px}
.coastal-landing .agents-section{padding-block:44px 74px}
.coastal-landing .agents-heading{margin-bottom:40px}
.coastal-landing .agents-heading h2{font-size:44px;letter-spacing:-.045em}
.coastal-landing .agents-grid{gap:0}
.coastal-landing .agent-card{background:transparent;border:0;border-right:1px solid #e1e0d9;border-radius:0;padding:22px 16px 12px}
.coastal-landing .agent-card:last-child{border-right:0}
.coastal-landing .agent-card h3{font-size:18px;margin-top:22px}
.coastal-landing .agent-demo-link{color:#505752;font-size:12px}
.coastal-landing .tour{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:72px;align-items:center;border-top:1px solid #e2e1da;padding-block:78px;max-width:1120px}
.coastal-landing .tour .section-heading{display:block;margin-bottom:28px}
.coastal-landing .tour .section-heading h2{font-size:clamp(32px,3.4vw,45px);line-height:1.12;letter-spacing:-.045em}
.coastal-landing .tour-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;max-width:320px}
.coastal-landing .tour-tabs button{padding:12px 10px;border-radius:12px;font-size:12px;background:#ffffff85;border-color:#dfdfd7}
.coastal-landing .tour-tabs button[aria-pressed="true"]{background:#30332f;color:#fff;border-color:#30332f}
.coastal-landing .demo-chat{width:100%;margin:0;background:#fffefc;border:1px solid #deded5;border-radius:22px;box-shadow:0 18px 55px #4146340b;padding:25px}
.coastal-landing .intelligence{padding-block:65px;gap:70px;grid-template-columns:1fr 1fr;align-items:center}
.coastal-landing .intelligence>div:first-child{order:2}
.coastal-landing .intelligence h2{font-size:clamp(30px,3.1vw,42px);line-height:1.17}
.coastal-landing .intelligence .eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:20px}
.coastal-landing .context-illustration{background:radial-gradient(ellipse at 40% 40%,#e9edf0,#f1f0e7 80%);border:1px solid #e0e0d7;border-radius:24px;overflow:hidden}
.coastal-landing .resources{max-width:1120px!important;padding-block:70px 80px;border-top:1px solid #e2e1da}
.coastal-landing .resources h2{font-size:42px;margin-bottom:32px;text-align:center}
.coastal-landing .resources details{border:0;border-bottom:1px solid #e2e1da;border-radius:0;background:transparent;margin:0}
.coastal-landing .resources summary{font-size:15px;padding:22px 0}
.coastal-landing .resources details p{padding:0 0 22px}
.coastal-landing .resources summary::after{background:transparent}
@media(max-width:750px){.coastal-landing .tour{grid-template-columns:1fr;gap:28px;padding-block:48px}.coastal-landing .demo-intro{text-align:center}.coastal-landing .tour-tabs{margin:auto;max-width:400px}.coastal-landing .tour .section-heading{margin-bottom:24px}.coastal-landing .intelligence{grid-template-columns:1fr;gap:28px;padding-block:48px}.coastal-landing .intelligence>div:first-child{order:0;text-align:center}.coastal-landing .agent-card:nth-child(2){border-right:0}.coastal-landing .agents-grid{row-gap:25px}.coastal-landing .resources{padding-block:45px}.coastal-landing .agents-heading h2{font-size:36px}}
@media(max-width:600px){.hero-scene .hero h1{font-size:44px}.hero-scene .hero{padding-block:42px 36px}.coastal-landing .agents-section{padding-block:30px 45px}.coastal-landing .demo-chat{padding:18px}.coastal-landing .resources h2{font-size:36px}}

/* A single ocean photograph remains behind every landing-page section. */
.coastal-landing{position:relative;isolation:isolate;background:#e6eff0}
.coastal-landing::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#fffdf540,#fffdf5ad 28%,#fffdf5ad 72%,#fffdf540),url('/assets/foyer-ocean.png') center/cover no-repeat}
.coastal-landing .hero-scene::before{display:none}
.coastal-landing .closing{background:transparent}
.coastal-landing .hero-scene,.coastal-landing main,.coastal-footer{background:transparent}
.coastal-landing .tour,.coastal-landing .intelligence,.coastal-landing .resources,.coastal-landing .agent-card{border-color:#677e7c33}
.coastal-landing .resources details{border-color:#677e7c33}
.coastal-landing .resources details[open]{background:#ffffff5c}
.coastal-landing .agents-heading p,.coastal-landing .agent-card p,.coastal-footer .footer-grid a,.coastal-footer .footer-link,.coastal-footer .footer-bottom{color:#4d605f}
.coastal-landing .context-illustration{background:#fffdf3b8;border-color:#ffffffb0}
@media(max-width:600px){.coastal-landing::before{background:linear-gradient(#fffdf590,#fffdf590),url('/assets/foyer-ocean.png') 45% center/cover no-repeat}}

/* Soft fluid spheres, inspired by the Emotion Shader reference. */
.agent-orb{background:radial-gradient(circle at 30% 68%,var(--orb-light),var(--orb-mid) 50%,var(--orb-deep) 100%);box-shadow:0 0 26px color-mix(in srgb,var(--orb-mid) 28%,transparent);animation:none;transform:none}
.agent-orb i{inset:-35%;border-radius:44%;background:radial-gradient(ellipse at 30% 40%,var(--orb-light) 0%,transparent 37%),radial-gradient(ellipse at 65% 65%,var(--orb-deep) 5%,transparent 43%),radial-gradient(ellipse at 70% 20%,var(--orb-mid),transparent 50%);filter:blur(12px);mix-blend-mode:normal;animation:orb-fluid 13s ease-in-out infinite alternate}
.agent-orb::after{inset:0;border:0;background:radial-gradient(circle at 35% 28%,#ffffff22,transparent 65%)}
.agent-executive{--orb-deep:#ac642a;--orb-mid:#de9861;--orb-light:#f8d294}.agent-growth{--orb-deep:#a24978;--orb-mid:#d78fa9;--orb-light:#f9d0d7}.agent-research{--orb-deep:#277f79;--orb-mid:#70b6a1;--orb-light:#c8ebc2}.agent-transactions{--orb-deep:#5953a2;--orb-mid:#9d9bcc;--orb-light:#dbd8f2}
@keyframes orb-fluid{0%{transform:rotate(-25deg) translate(-5%,4%) scale(1)}50%{transform:rotate(95deg) translate(6%,-4%) scale(1.15,.95)}100%{transform:rotate(220deg) translate(-3%,5%) scale(.98,1.12)}}
.coastal-landing .agent-card p{font-size:12px;line-height:1.7;max-width:190px;margin:auto;min-height:41px}
.coastal-landing .tour{display:block;max-width:880px!important}.coastal-landing .demo-intro{text-align:center;margin-bottom:28px}.coastal-landing .tour-tabs{display:flex;justify-content:center;flex-wrap:wrap;max-width:none;margin:auto}.coastal-landing .tour-tabs button{padding:12px 20px}.coastal-landing .demo-chat{max-width:760px;margin:auto}.demo-caption{font-size:14px;color:#526460;margin-top:16px}
.agent-clip{height:126px;display:flex;gap:12px;align-items:end;margin:20px 0;padding:12px;border-radius:12px;background:#f0f1ed;overflow:hidden}.clip-item{position:relative;flex:1;height:90px;border-radius:8px;background:#fff;border:1px solid #e0e2da;animation:clip-reveal .9s both}.clip-item-1{animation-delay:.35s}.clip-item-2{animation-delay:.7s}.clip-item span{position:absolute;bottom:8px;left:8px;font-size:10px;color:#52605b}.clip-transactions .clip-item::before{content:'';position:absolute;inset:12px 12px 34px;background:repeating-linear-gradient(#b9bdca 0 2px,transparent 2px 9px);opacity:.6}.clip-executive .clip-item{height:70px;background:#ede9df;border-left:3px solid #c99a67}.clip-executive .clip-item-1{height:90px;background:#e0e8db}.clip-growth .clip-item{background:linear-gradient(145deg,#d7e6de,#fbefdb)}.clip-growth .clip-item::before{content:'';position:absolute;inset:10px 10px 28px;border-radius:4px;background:linear-gradient(155deg,#f7f8ee 45%,#94b1a7 46%,#ceddd0 73%,#799c91 74%)}.clip-research .clip-item{height:85%;background:#a6cfc1;border:0;transform-origin:bottom;animation:chart-grow 1.8s both}.clip-research .clip-item-1{height:45%;animation-delay:.3s}.clip-research .clip-item-2{height:65%;animation-delay:.6s}
@keyframes clip-reveal{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes chart-grow{from{transform:scaleY(.05);opacity:0}to{transform:scaleY(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.agent-orb,.agent-orb i,.clip-item,.clip-research .clip-item{animation:none}}

/* Hero actions follow the supplied beveled button reference. */
.hero-scene .hero .actions{gap:15px}
.hero-scene .hero .actions .button{display:inline-flex;align-items:center;justify-content:center;width:200px;min-height:55px;padding:12px 24px;border-radius:17px;font-size:19px;font-weight:500;line-height:1.2;letter-spacing:0;transition:transform .15s,box-shadow .15s}
.hero-scene .hero .actions .button.primary{color:#fff;border:1.5px solid #333432;background:linear-gradient(180deg,#414240 0%,#373836 53%,#292a28 100%);box-shadow:inset 0 1px 2px #ffffff21,inset 0 -3px 6px #00000020,0 3px 5px #00000019,0 7px 14px #263d4312}
.hero-scene .hero .actions .button:not(.primary){color:#222;border:1.5px solid #c9c9c6;background:linear-gradient(180deg,#f6f5f2 0%,#f0efed 58%,#e5e4e1 100%);box-shadow:inset 0 1px 2px #fff,inset 0 -2px 4px #00000006,0 3px 5px #00000010,0 7px 14px #263d430a}
.hero-scene .hero .actions .button:hover{transform:translateY(-1px)}
.hero-scene .hero .actions .button:active{transform:translateY(1px)}
.hero-scene .hero .actions .button:focus-visible{outline:3px solid #536c77;outline-offset:4px}
@media(max-width:480px){.hero-scene .hero .actions{gap:12px;flex-wrap:nowrap}.hero-scene .hero .actions .button{width:calc((100vw - 60px)/2);min-height:50px;padding:12px 15px;font-size:16px;border-radius:15px}}
@media(prefers-reduced-motion:reduce){.hero-scene .hero .actions .button{transition:none}}

/* Neon pixel fields; only pixels animate, never the circle itself. */
.agent-orb{background:#281049;animation:none;transform:none;box-shadow:0 0 23px #a13cff38}
.agent-orb.agent-executive{background:#073d46;box-shadow:0 0 23px #00e6ff38}
.agent-orb.agent-growth{background:#490b35;box-shadow:0 0 23px #ff36b538}
.agent-orb.agent-research{background:#083e1b;box-shadow:0 0 23px #42ff7938}
.agent-orb i{display:none;animation:none}
.agent-orb::after{background:radial-gradient(circle at 38% 30%,#ffffff12,transparent 55%,#00000024);border:1px solid #ffffff22;pointer-events:none}
.agent-pixels{display:block;width:100%;height:100%;image-rendering:auto;border-radius:50%}

/* Foyer palette: sea glass, warm coral and soft violet. */
.agent-orb,.agent-orb.agent-executive,.agent-orb.agent-growth,.agent-orb.agent-research{box-shadow:0 8px 22px #385d6514,inset 0 0 0 1px #ffffff60;background:#c1d3d7}
.agent-orb::after{background:radial-gradient(circle at 30% 23%,#ffffff55,transparent 58%,#344d6010);border:1px solid #ffffff55}
.agent-pixels{opacity:.92}

/* Reserve every demo stage so the window never grows during playback. */
.coastal-landing .demo-chat{display:grid;grid-template-rows:42px 88px 94px 278px;gap:14px;height:598px;box-sizing:border-box;overflow:hidden}
.demo-chat .assistant-heading{margin:0;min-height:0}
.demo-chat .prompt{margin:0;min-height:0;box-sizing:border-box;padding:11px 14px}
.demo-chat .prompt textarea{height:34px;min-height:0;resize:none;line-height:1.25;font-size:13px;padding:0}
.demo-chat .prompt-bottom{padding-top:3px}
.demo-send-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#232623;color:#fff;font-size:16px}
.coastal-landing .demo-chat .tour-answer{margin:0;min-height:0;font-size:13px;line-height:1.55;align-self:start;padding-top:3px}
.coastal-landing .demo-chat .workflow-card{height:278px;box-sizing:border-box;margin:0;padding:13px 16px;animation:demo-result-fade .6s ease both}
.coastal-landing .demo-chat .workflow-card[hidden]{display:block;visibility:hidden;animation:none}
.demo-chat .workflow-label{margin:0 0 5px;font-size:10px}
.coastal-landing .demo-chat .workflow-card h3{font-size:16px;margin:0 0 8px}
.demo-chat .agent-clip{height:80px;margin:8px 0;padding:8px;box-sizing:border-box;gap:8px}
.demo-chat .clip-item{height:58px}.demo-chat .clip-executive .clip-item{height:45px}.demo-chat .clip-executive .clip-item-1{height:60px}
.demo-chat .workflow-card ul{margin:0;padding:0;list-style:none}
.coastal-landing .demo-chat .workflow-card li{padding:5px 0;font-size:11px;line-height:1.3;animation:none}
.coastal-landing .demo-chat .workflow-action{margin-top:7px;padding:7px 9px;font-size:10px;line-height:1.2}
.demo-chat #tour-status{display:none}
@keyframes demo-result-fade{from{opacity:0}to{opacity:1}}
@media(max-width:600px){.coastal-landing .demo-chat{height:628px;grid-template-rows:38px 98px 130px 280px;gap:12px;padding:20px 16px}.demo-chat .prompt textarea{height:44px;font-size:12px}.coastal-landing .demo-chat .tour-answer{font-size:12px;line-height:1.5}.coastal-landing .demo-chat .workflow-card{height:280px;padding:12px}.demo-chat .clip-item span{font-size:8px;left:5px}.demo-chat .assistant-heading .tag{font-size:9px}}
@media(prefers-reduced-motion:reduce){.coastal-landing .demo-chat .workflow-card{animation:none}}

/* Riviera editorial direction: scenery, paper, and alternating feature rows. */
.coastal-landing{background:#f8f5ee}
.coastal-landing::before{inset:-60px;background:linear-gradient(#f8f5eec9,#f8f5eeed),url('/assets/maison-coast-v2.png') center/cover no-repeat;filter:blur(35px)}
.coastal-landing::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.68' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23887d68' filter='url(%23n)' opacity='.38' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.coastal-landing .hero-scene{padding-bottom:70px;overflow:hidden}
.coastal-landing .hero-scene::before{display:block;inset:0;filter:none;background:linear-gradient(180deg,#f8f5ee0a 0%,#f8f5ee00 55%,#f8f5eed9 86%,#f8f5ee 100%),url('/assets/maison-coast-v2.png') center top/cover no-repeat;animation:coastal-arrive 1.5s ease both}
.hero-scene .hero{padding-block:80px 65px;gap:26px}
.hero-scene .hero h1{font-size:clamp(44px,5vw,66px);text-shadow:0 1px 20px #fff5}
.hero-scene .hero-copy p{color:#394749}
.hero-scene .product{max-width:900px;width:calc(100% - 90px)}
.hero-scene .browser-frame{border-width:5px;box-shadow:0 18px 55px #243b4220}
.coastal-landing .brand-marquee{max-width:1040px;margin-bottom:0;opacity:.75}
.chapter-number{font-family:OpenRunde,sans-serif;font-size:12px;letter-spacing:0;color:#8b8d86;margin:0 0 13px}
.coastal-landing .agents-section{padding-block:75px 85px;position:relative}
.coastal-landing .agents-heading h2{font-size:clamp(32px,3.4vw,45px);line-height:1.16;margin-bottom:18px}
.coastal-landing .agents-heading h2 span{color:#767a72}
.coastal-landing .agents-heading>p:last-child{font-size:14px}
.coastal-landing .agents-grid{margin-top:50px;padding:25px 0;background:radial-gradient(ellipse,#dfe9e8a6,transparent 72%)}
.coastal-landing .agent-card{border:0}
.coastal-landing .tour{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:65px;align-items:center;max-width:1120px!important;padding-block:90px;border-color:#d6d6cb}
.coastal-landing .demo-intro{text-align:left;margin:0}
.coastal-landing .tour .section-heading h2{font-size:clamp(30px,3vw,40px);line-height:1.15}
.coastal-landing .demo-caption{font-size:14px;line-height:1.6;color:#65695f}
.coastal-landing .tour-tabs{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-width:340px;margin:30px 0 0}
.coastal-landing .tour-tabs button{font-size:11px;padding:11px 8px;background:#ffffff91}
.coastal-landing .tour-tabs button[aria-pressed="true"]{background:#353a35}
.coastal-landing .demo-chat{box-shadow:0 8px 35px #595e4708;background:#fffdf9;border-color:#d7d9cd}
.coastal-landing .intelligence{padding-block:90px;gap:90px;border-color:#d6d6cb}
.coastal-landing .intelligence h2{font-size:clamp(30px,3vw,40px)}
.feature-description{max-width:390px;font-size:15px;line-height:1.65;color:#62675f;margin-top:20px}
.coastal-landing .context-illustration{background:linear-gradient(150deg,#dfe7eb,#eeeadd 85%);border-color:#d2d7d4;border-radius:24px}
.coastal-landing .resources{padding-block:65px 85px}
.coastal-landing .closing{min-height:530px;background:linear-gradient(#f8f5ee 0%,#f8f5ee80 30%,#f8f5ee6b 70%,#f8f5ee 100%),url('/assets/maison-coast-v2.png') center 60%/cover no-repeat;gap:30px}
.coastal-landing .closing h2{font-size:clamp(38px,4.2vw,55px)}
.coastal-footer{padding-top:70px}
@media(max-width:850px){.coastal-landing .tour{grid-template-columns:1fr;gap:30px;padding-block:55px}.coastal-landing .demo-intro{text-align:center}.coastal-landing .tour-tabs{margin:25px auto 0;max-width:420px}.coastal-landing .demo-chat{max-width:640px}.coastal-landing .intelligence{gap:35px}.coastal-landing .intelligence>div:first-child{text-align:center}.feature-description{margin:18px auto 0}}
@media(max-width:600px){.hero-scene .hero{padding-block:50px 45px}.hero-scene .product{width:calc(100% - 28px)}.coastal-landing .hero-scene::before{background:linear-gradient(#f8f5ee30,#f8f5ee00 50%,#f8f5ee 100%),url('/assets/maison-coast-v2.png') 43% top/auto 100% no-repeat}.coastal-landing .agents-section{padding-block:45px}.coastal-landing .agents-grid{margin-top:28px}.coastal-landing .intelligence{padding-block:55px}.coastal-landing .closing{min-height:420px}.coastal-footer{padding-top:35px}}
@media(prefers-reduced-motion:reduce){.coastal-landing .hero-scene::before{animation:none}}
.coastal-landing .hero-scene::before{mask-image:linear-gradient(transparent 0%,#000 12%,#000 100%)}

/* Maison identity: use the supplied artwork without altering the logo. */
.glass-nav .logo{width:170px;height:64px;object-fit:contain}
.auth-logo{width:190px;height:74px;object-fit:contain}
.footer-signature{height:auto;aspect-ratio:3.4;margin-top:25px;opacity:.85;mask-image:linear-gradient(#000 60%,#0009)}
.footer-signature img{transform:none;width:100%;height:auto;mix-blend-mode:normal}
.hero-scene .browser-frame{position:relative}
.product-image-wrap{position:relative}
.product-image-wrap>.product-screenshot{display:block;width:100%;height:auto}
.preview-brand{position:absolute;left:1.25%;top:3.33%;width:13.89%;height:12%;background:#f7f7f7;display:flex;align-items:center;justify-content:center}
.preview-brand img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:600px){.glass-nav .logo{width:105px;height:48px}.footer-signature{margin-top:10px}}

/* Live product scenes replace the static screenshot. */
.live-product{height:465px;display:grid;grid-template-columns:175px 1fr;background:#fffdf9;text-align:left}
.live-sidebar{padding:25px 15px;background:#f4f3ed;display:flex;flex-direction:column;gap:18px;font-size:11px;color:#6e7269}
.live-sidebar>img{width:145px;height:62px;object-fit:contain;margin:0 auto 8px}.live-sidebar .live-team{font-size:10px;color:#96988f}.live-nav-active{background:#e6e9e1;border-radius:7px;padding:9px;color:#3b433a}
.live-conversation{position:relative;padding:28px 35px 65px;overflow:hidden}.live-demo-label{font-size:9px;letter-spacing:.13em;color:#8b928a}.live-question{margin:22px 0 20px auto;max-width:320px;padding:13px 16px;border-radius:14px 14px 3px 14px;background:#edf0e9;font-size:12px}
.live-response{display:flex;gap:11px;align-items:start;font-size:13px;line-height:1.6}.live-response p{margin:0}.live-avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#c8d2bd;color:#40523c;font-family:var(--font-body)}
.live-document{margin:18px 0 0 38px;padding:17px;border:1px solid #e0e3d9;border-radius:12px;background:#fff}.live-document small{font-size:8px;letter-spacing:.1em;color:#899081}.live-document h3{font:17px LibreCaslon,Georgia,serif;margin:8px 0 12px}.live-document p{margin:7px 0;font-size:11px;color:#646b5f}.live-document p span{display:inline-block;width:18px;color:#849e6d}.live-review{font-size:9px;display:inline-block;margin-top:5px;padding:7px 10px;border-radius:6px;background:#f0f2eb}
.live-composer{position:absolute;bottom:18px;left:35px;right:35px;border:1px solid #e4e5de;border-radius:13px;padding:14px;font-size:11px;color:#91968b;background:#fff}.live-composer span{float:right;color:#fff;background:#303b32;border-radius:50%;width:22px;height:22px;text-align:center;margin-top:-4px}
.showcase-row{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-block:85px;border-top:1px solid #d8d8ce;max-width:1120px}.showcase-reverse .motion-panel{order:2}.showcase-copy{max-width:400px}.showcase-copy h2{font-size:39px;margin:0 0 20px;line-height:1.15}.showcase-copy>p:last-child{font-size:15px;line-height:1.7;color:#676b61}
.motion-panel{height:410px;padding:26px;position:relative;overflow:hidden;border:1px solid #d5d9cf;border-radius:22px;background:linear-gradient(155deg,#dde7e8,#eeeadb);box-shadow:inset 0 1px 2px #ffffffa0}.scene-kicker{font-size:8px;letter-spacing:.12em;color:#7c867d}.scene-question{position:relative;z-index:2;width:fit-content;max-width:95%;margin:20px 0 22px auto;padding:12px 15px;border-radius:13px 13px 3px 13px;background:#ffffffc9;font-size:12px;box-shadow:0 4px 15px #485b4210}
.calendar-sheet,.market-sheet{background:#fffdf9;border:1px solid #e2e3d9;border-radius:13px;padding:20px;box-shadow:0 10px 25px #5363470b}.calendar-title{font-size:18px;margin-bottom:18px}.calendar-title span{float:right;font-size:9px;color:#8e9489}.calendar-slot{display:flex;gap:17px;font-size:10px;color:#8b9389;padding:13px 0;border-top:1px solid #eeeee6}.calendar-slot>span{font-size:12px;color:#505a4d}.calendar-slot small{display:block;font-size:9px;margin-top:4px;color:#7d8b70}.proposed-slot{background:#e9efdf;border-radius:7px;padding-left:7px}
.scene-toast{position:absolute;bottom:22px;left:26px;right:26px;border:1px solid #dce3d6;padding:13px 12px;background:#fffdf6ed;border-radius:11px;font-size:11px;color:#66705e;box-shadow:0 5px 20px #65704b0b}
.campaign-deck{position:relative;height:270px}.campaign-piece{position:absolute;width:65%;background:#fffef9;border-radius:12px;padding:12px;box-shadow:0 12px 30px #6b63471c;left:3%;top:0}.campaign-photo{height:100px;background:url('/assets/maison-coast-v2.png') center 75%/cover;border-radius:7px}.campaign-piece small{font-size:7px;letter-spacing:.1em;display:block;margin-top:12px;color:#8c8d7b}.campaign-piece h3{font:20px LibreCaslon,Georgia,serif;line-height:1.2;margin:8px 0}.campaign-piece>span{font-size:8px;color:#8e927f}.second-piece{left:35%;top:38px;transform:rotate(5deg)}.second-piece .campaign-photo{height:90px;background-position:right bottom}
.market-sheet small{font-size:8px;color:#909484;letter-spacing:.08em}.market-sheet h3{font:23px LibreCaslon,Georgia,serif;margin:10px 0 20px}.market-metrics{display:flex;gap:38px}.market-metrics strong{display:block;font-size:24px;font-weight:500;color:#677a65}.market-metrics span{display:block;font-size:9px;color:#91978c;margin-top:5px}.spark-bars{height:70px;display:flex;gap:7px;align-items:end;margin-top:12px}.spark-bars i{flex:1;height:40%;background:#a7bea3;border-radius:3px 3px 0 0;transform-origin:bottom;animation:showcase-bar 16s ease infinite}.spark-bars i:nth-child(2n){height:65%}.spark-bars i:nth-child(3n){height:50%}.spark-bars i:nth-child(4n){height:80%}.spark-bars i:last-child{height:95%}
.motion-one{animation:showcase-one 16s ease infinite}.motion-two{animation:showcase-two 16s ease infinite}.motion-three{animation:showcase-three 16s ease infinite}
@keyframes showcase-one{0%,4%,96%,100%{opacity:0;translate:0 6px}10%,89%{opacity:1;translate:0 0}}
@keyframes showcase-two{0%,19%,96%,100%{opacity:0;translate:0 8px}27%,89%{opacity:1;translate:0 0}}
@keyframes showcase-three{0%,38%,96%,100%{opacity:0;translate:0 8px}47%,89%{opacity:1;translate:0 0}}
@keyframes showcase-bar{0%,30%,100%{scale:1 .05;opacity:0}50%,90%{scale:1 1;opacity:1}}
@media(max-width:750px){.showcase-row{grid-template-columns:1fr;gap:30px;padding-block:50px}.showcase-copy{max-width:500px;margin:auto;text-align:center}.showcase-copy h2{font-size:32px}.showcase-reverse .motion-panel{order:0}.motion-panel{max-width:500px;width:100%;margin:auto}.live-product{grid-template-columns:110px 1fr;height:435px}.live-sidebar{padding:18px 8px;font-size:9px;gap:16px}.live-sidebar>img{width:95px;height:45px}.live-conversation{padding:20px 18px 65px}.live-document{margin-left:0}.live-composer{left:18px;right:18px}.live-question{font-size:11px}.live-response{font-size:11px}}
@media(max-width:480px){.live-product{grid-template-columns:1fr;height:425px}.live-sidebar{display:none}.live-conversation{padding:18px 20px 65px}.live-document{padding:13px}.live-question{margin-top:15px}.motion-panel{height:390px;padding:22px}.scene-toast{left:22px;right:22px;font-size:10px}.scene-question{font-size:11px}.showcase-copy>p:last-child{font-size:14px}}
@media(prefers-reduced-motion:reduce){.motion-one,.motion-two,.motion-three,.spark-bars i{animation:none;opacity:1;translate:none}}

.coastal-landing{background:#faf6ed}
.coastal-landing::before{background:linear-gradient(#faf6edf0,#faf6edf5),url('/assets/maison-coast-v2.png') center/cover no-repeat;filter:blur(22px)}
.coastal-landing .hero-scene::before{background:linear-gradient(180deg,#faf6ed00 30%,#faf6ed10 55%,#faf6edbf 78%,#faf6ed 100%),url('/assets/maison-coast-v2.png') center/cover no-repeat;mask-image:linear-gradient(transparent 0%,#000 16%,#000 72%,transparent 100%)}
.coastal-landing .hero-scene{padding-bottom:100px}
.hero-scene .hero{padding-block:70px 65px}
.hero-scene .product{max-width:850px}
.coastal-landing .closing{background:linear-gradient(#faf6ed 0%,#faf6ed55 32%,#faf6ed30 62%,#faf6ed 100%),url('/assets/maison-coast-v2.png') center 70%/cover no-repeat;min-height:540px}
.motion-panel{transition:opacity 1.1s ease,filter 1.1s ease}
.motion-panel.scene-waiting{opacity:0;filter:blur(5px)}
.motion-panel.scene-waiting .motion-one,.motion-panel.scene-waiting .motion-two,.motion-panel.scene-waiting .motion-three,.motion-panel.scene-waiting .spark-bars i{animation-play-state:paused}
@media(max-width:600px){.coastal-landing .hero-scene{padding-bottom:50px}.hero-scene .hero{padding-block:45px 38px}.coastal-landing .hero-scene::before{background-size:auto 100%;background-position:48% top}.coastal-landing .closing{min-height:420px}}
@media(prefers-reduced-motion:reduce){.motion-panel{transition:none}.motion-panel.scene-waiting{opacity:1;filter:none}}
@media(max-width:480px){.motion-panel{height:435px}.campaign-deck{height:270px}}

.maison-context .motion-panel{display:grid;place-items:center}.maison-context svg{display:block;width:100%;height:auto}.maison-context .compose-card rect{fill:#fffdf8;stroke:#dce0d5}.maison-context .compose-card path{stroke:#9da594;stroke-width:2;stroke-linecap:round}
/* Compact agent demo: fixed frame with less empty vertical space. */
.coastal-landing .demo-chat{height:490px;grid-template-rows:34px 66px 72px 246px;gap:10px;padding:20px}
.demo-chat .assistant-heading .agent-demo-orb{width:30px;height:30px}
.demo-chat .prompt{padding:9px 12px}
.demo-chat .prompt textarea{height:24px;font-size:12px}
.demo-chat .prompt-bottom{padding-top:0;font-size:9px}
.demo-chat .demo-send-mark{width:20px;height:20px;font-size:14px}
.coastal-landing .demo-chat .tour-answer{font-size:12px;line-height:1.5}
.coastal-landing .demo-chat .workflow-card{height:246px;padding:12px 14px}
.demo-chat .agent-clip{height:62px;margin:6px 0;padding:6px}
.demo-chat .clip-item{height:46px}.demo-chat .clip-executive .clip-item{height:36px}.demo-chat .clip-executive .clip-item-1{height:48px}
.coastal-landing .demo-chat .workflow-card li{padding:4px 0;font-size:10px}
.coastal-landing .demo-chat .workflow-card h3{font-size:15px;margin-bottom:6px}
@media(max-width:600px){.coastal-landing .demo-chat{height:548px;grid-template-rows:34px 82px 108px 246px;gap:10px;padding:20px 16px}.demo-chat .prompt textarea{height:38px;font-size:11px}.coastal-landing .demo-chat .tour-answer{font-size:11px;line-height:1.5}}
/* Let the final coastal scene dissolve into the page at both edges. */
.coastal-landing main>.wrap.closing{position:relative;isolation:isolate;width:100%;max-width:none;background:transparent;min-height:600px;padding-block:140px 160px}
.coastal-landing .closing::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#faf6ed24,#faf6ed40),url('/assets/maison-coast-v2.png') center 70%/cover no-repeat;mask-image:linear-gradient(180deg,transparent 0%,#00000012 9%,#00000070 24%,#000 40%,#000 60%,#00000070 77%,#00000012 91%,transparent 100%)}
.coastal-footer{border-top:0;padding-top:45px}
@media(max-width:600px){.coastal-landing main>.wrap.closing{min-height:460px;padding-block:110px 125px}.coastal-footer{padding-top:30px}}

/* Fit the Chatel lockup within existing brand placements. */
.footer-signature img{height:100%;object-fit:contain}

/* Keep agent artwork circular and the preview frames stable. */
.agent-orb{aspect-ratio:1;flex-shrink:0}
.demo-chat .assistant-heading .agent-demo-orb{width:30px;height:30px;flex:0 0 30px}
.agent-orb canvas{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:50%}
.feature-preview[data-active-feature=agents] .feature-art{height:240px}
.agent-menu{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,1fr);align-items:center;gap:18px 12px}
.agent-menu>div{min-width:0;display:flex;flex-direction:column;align-items:center}
.agent-menu .agent-orb{flex:0 0 58px;width:58px;height:58px;margin:0}
.agent-menu>div>span:last-child{line-height:1.35;max-width:150px}
.coastal-landing .demo-chat{min-width:0;max-width:100%;overflow:hidden;transform:none}
.demo-chat .assistant-heading{display:flex;align-items:center;gap:10px;min-width:0}
.demo-chat #demo-agent-name{min-width:0;font-size:13px;line-height:1.25}
.demo-chat .assistant-heading .tag{flex-shrink:0;margin-left:auto;font-size:10px}
.coastal-landing .demo-chat .tour-answer{align-self:start;min-height:0;max-height:100%;overflow:auto}
.coastal-landing .tour-tabs{max-width:380px}
.coastal-landing .tour-tabs button{min-height:48px;line-height:1.3}
@media(max-width:600px){.demo-chat #demo-agent-name{font-size:11px}.demo-chat .assistant-heading .tag{font-size:9px}.agent-menu>div>span:last-child{font-size:10px}}

/* Remove the clipped navigation hover pill; retain keyboard focus outlines. */
.glass-nav .nav-link::before{content:none}

/* Give the desktop preview logo more breathing room inside the sidebar. */
.preview-brand img{width:76%;height:76%;object-fit:contain}

/* Light Riviera account scene. */
#signup.auth-scene{background:#e7eff2;color:#263e4b}
#signup.auth-scene::before{background:linear-gradient(#e6f1f555,#f7f5ef66),url('/assets/chatel-auth-saint-tropez.png?v=1') center/cover}
#signup .auth-window{border-color:#ffffffc9;background:#eaf1f4;box-shadow:0 28px 90px #2b50652b}
#signup .auth-landscape{background:linear-gradient(#eef6fa12,#eef6fa12),url('/assets/chatel-auth-saint-tropez.png?v=1') center/cover no-repeat;filter:none}
#signup .auth-card{background:#fffffff0;border:1px solid #fff;border-radius:24px;box-shadow:0 20px 65px #24465c26;color:#263e4b}
#signup .auth-logo{filter:none}
#signup .auth-intro,#signup .auth-divider,#signup .auth-switch,#signup .auth-provider-status{color:#617786}
#signup input{background:#f4f8fa;color:#263e4b;border:1px solid #d8e4eb}
#signup input::placeholder{color:#70838e}
#signup input:focus{border-color:#85b4d1;box-shadow:0 0 0 3px #bcddef66}
#signup .auth-submit{background:#c7e3f3;color:#213f53}
#signup .auth-submit:hover{background:#b5d9ee}
#signup .auth-reveal,#signup .auth-back,#signup .auth-switch button{color:#426b87}
#signup .auth-switch{border-color:#e1ebf1}
#signup .auth-divider::before,#signup .auth-divider::after{background:#dce7ee}
#signup .auth-close{color:#355b73;background:#ffffffe0}
#signup .auth-card button:focus-visible{outline-color:#79accb}
#signup-status{color:#375f79}
@keyframes auth-landscape-resolve{from{filter:blur(5px) saturate(.75) brightness(1.06)}to{filter:blur(0) saturate(.92) brightness(1)}}

/* Shared, restrained chat previews. */
.coastal-landing .demo-chat{height:510px;grid-template-rows:34px 68px 66px 270px;gap:10px;padding:20px;background:#fff;border-radius:20px;box-shadow:0 12px 40px #293b4210}
.demo-chat .prompt{justify-self:end;width:92%;background:#f4f4f4;border-radius:15px;padding:12px}
.demo-chat .prompt textarea{font-size:13px;color:#292929;line-height:1.4}
.demo-chat .prompt-bottom{display:none}
.coastal-landing .demo-chat .tour-answer{font-size:14px;line-height:1.55;padding-top:8px}
.coastal-landing .demo-chat .workflow-card{height:270px;padding:14px;border:1px solid #e8e8e8;border-radius:12px;background:#fff;animation:clean-result-in .7s ease both;overflow:hidden}
.coastal-landing .demo-chat .workflow-card h3{font-size:14px;margin:0 0 12px;font-weight:500}
.clean-result-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #eee;font-size:12px;line-height:1.4}
.clean-result-row>span:first-of-type{flex:1;min-width:0}
.result-detail{color:#717171;font-size:11px;text-align:right;flex-shrink:0}
.clean-result-row img{width:36px;height:32px;object-fit:cover;border-radius:5px;flex-shrink:0}
.clean-result-row.proposed{background:#eff5f8;border-radius:7px;padding-inline:8px;border-color:transparent}
.demo-chat .workflow-action,.clean-action{display:inline-block;background:#f5f5f5;color:#333;border:1px solid #e5e5e5;border-radius:7px;padding:7px 10px;font-size:11px;margin-top:12px}
.draft-property{width:100%;height:88px;object-fit:cover;border-radius:6px;display:block}
.draft-copy{font-size:12px;line-height:1.55;color:#525252;margin:10px 0 0}
.refined-scene.motion-panel{height:490px;padding:24px;display:flex;align-items:center}
.mini-chat{width:100%;height:430px;background:#fff;border:1px solid #e7e7e4;border-radius:15px;padding:20px;display:flex;flex-direction:column;gap:14px;overflow:hidden;box-shadow:0 12px 35px #37434a10;font-family:OpenRunde,sans-serif}
.mini-chat-heading{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:500;color:#333}
.mini-chat-heading>span{color:#8c8c8c;font-size:10px;font-weight:400}
.mini-question{align-self:flex-end;max-width:92%;padding:10px 13px;background:#f3f3f3;border-radius:12px;font-size:12px;line-height:1.45;color:#333}
.mini-answer{font-size:12px;line-height:1.5;color:#404040}
.mini-result{border:1px solid #e8e8e8;border-radius:9px;padding:12px;background:#fff}
.clean-result-heading{display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:500;padding-bottom:10px;color:#333}
.clean-result-heading span{color:#808080;font-size:10px;font-weight:400}
.mini-result .clean-result-row{padding:9px 0;font-size:11px}
.mini-result .draft-property{height:80px}.mini-result .draft-copy{font-size:11px}
.refined-scene .motion-one,.refined-scene .motion-two,.refined-scene .motion-three{animation-duration:12s}
@keyframes clean-result-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.coastal-landing .demo-chat{height:548px;grid-template-rows:34px 76px 96px 270px;padding:16px;gap:10px}.demo-chat .prompt{width:96%}.demo-chat .prompt textarea{font-size:12px;height:48px}.coastal-landing .demo-chat .tour-answer{font-size:13px}.refined-scene.motion-panel{height:490px;padding:12px}.mini-chat{padding:14px;height:450px}.clean-result-row{font-size:11px}.result-detail{font-size:10px}}
@media(prefers-reduced-motion:reduce){.coastal-landing .demo-chat .workflow-card{animation:none}}
.demo-chat[data-agent=research] .clean-result-row{padding:6px 0;font-size:11px}
.demo-chat[data-agent=research] .clean-result-row img{width:30px;height:26px}
.demo-chat[data-agent=research] .result-detail{font-size:10px}

/* Neutral sculpted controls and a restrained activity indicator. */
.coastal-landing .tour-tabs button{color:#303030;border:1px solid #cececb;background:linear-gradient(#f6f5f2,#e5e4e1);box-shadow:inset 0 1px 2px #fff,0 3px 6px #0000000c;border-radius:14px}
.coastal-landing .tour-tabs button[aria-pressed=true]{color:#fff;border-color:#373735;background:linear-gradient(#414240,#292a28);box-shadow:inset 0 1px 2px #ffffff30,0 3px 7px #00000018}
.demo-chat .workflow-action,.clean-action{background:linear-gradient(#f6f5f2,#e5e4e1);border-color:#cececb;box-shadow:inset 0 1px 1px #fff,0 2px 4px #00000009;border-radius:9px}
.coastal-landing .demo-chat .tour-answer.is-thinking{color:#818181;display:flex;align-items:flex-start;gap:9px;font-size:13px}
.demo-chat .is-thinking::before{content:none}
.demo-chat .is-thinking::after{content:none}
@keyframes thinking-breathe{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.demo-chat .is-thinking::before{animation:none}}

/* Soft agent spheres and collaborative feature illustrations. */
.agent-orb{--orb-deep:#b794d5;--orb-mid:#e9c7ee;--orb-light:#f2edff;aspect-ratio:1;flex-shrink:0;animation:none!important;box-shadow:inset 0 0 7px #ffffff80;background:radial-gradient(circle at 30% 22%,var(--orb-light),var(--orb-mid) 55%,var(--orb-deep));}
.agent-executive{--orb-deep:#87b9d4;--orb-mid:#c6e5f1;--orb-light:#f5f4df}
.agent-growth{--orb-deep:#e8a59c;--orb-mid:#f5d7b7;--orb-light:#fff1db}
.agent-research{--orb-deep:#91c9b7;--orb-mid:#c7ecd5;--orb-light:#f5f8df}
.agent-orb i{display:block!important;inset:-30%;background:conic-gradient(from 30deg,var(--orb-mid),var(--orb-light),var(--orb-deep),var(--orb-light),var(--orb-mid));filter:blur(8px);opacity:.85;mix-blend-mode:normal;animation:agent-swirl 12s linear infinite}
.agent-orb::after{inset:0;border:0;background:radial-gradient(circle at 35% 20%,#ffffff60,transparent 55%);box-shadow:inset 0 0 5px #ffffff70}
.memory-stack{inset:12px 8px;display:block;perspective:none}
.memory-paths{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.memory-paths path{fill:none;stroke:#d9ddd8;stroke-width:1.5;stroke-dasharray:350;stroke-dashoffset:0}
.memory-sources{position:absolute;left:0;top:0;bottom:0;width:45%;display:flex;flex-direction:column;justify-content:space-around}
.memory-source{display:flex;align-items:center;gap:10px}
.memory-source img{width:27px;height:27px;object-fit:cover;object-position:center 24%;border-radius:50%}
.memory-source>div{flex:1}.memory-source b,.memory-destination>b{display:block;height:6px;background:#dcdfda;border-radius:5px;margin:7px 0;width:90%}.memory-source b+b{width:66%;height:4px;background:#edefeb}
.memory-destination{position:absolute;left:69%;top:36%;width:30%}.memory-destination .agent-orb{width:29px;height:29px;margin:0 0 10px}.memory-destination>b:last-child{width:55%;background:#eceee9;height:4px}
[data-active-feature=memory] .memory-source{animation:memory-source-in 6s ease infinite}
[data-active-feature=memory] .memory-source:nth-child(2){animation-delay:.25s}[data-active-feature=memory] .memory-source:nth-child(3){animation-delay:.5s}
[data-active-feature=memory] .memory-paths{animation:memory-connect-in 6s ease infinite}
[data-active-feature=memory] .memory-destination{animation:memory-connect-in 6s .5s ease infinite}
.team-dots{inset:18px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0}
.team-people{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}
.team-dots .team-person,.team-dots .agent-orb{width:52px;height:52px;margin:0;flex:0 0 52px;border:0;box-shadow:none}
.team-dots .team-person{overflow:hidden;display:block;border-radius:50%}
.team-mention{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:42px;width:80%}
.team-mention>b,.team-mention em b,.team-message-line{height:7px;background:#e0e3dd;border-radius:8px;display:block;flex:1}
.team-mention em{display:flex;align-items:center;gap:7px;padding:5px 7px;background:#f3f4f0;border-radius:7px;font:12px OpenRunde,sans-serif;color:#92998b;width:70px}
.team-message-line{flex:none;width:60%;height:5px;margin-top:12px;background:#edefea}
[data-active-feature=teammates] .team-people{animation:memory-source-in 6s ease infinite}
[data-active-feature=teammates] .team-mention,[data-active-feature=teammates] .team-message-line{animation:memory-connect-in 6s ease infinite}
@keyframes memory-source-in{0%,8%{opacity:0;transform:translateY(6px)}22%,82%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@keyframes memory-connect-in{0%,25%{opacity:0}48%,85%{opacity:1}100%{opacity:0}}
@media(max-width:600px){.team-people{gap:8px}.team-dots .team-person,.team-dots .agent-orb{width:38px;height:38px;flex-basis:38px}.memory-source{gap:6px}.memory-source img{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.agent-orb i,.memory-stack *,.team-dots *{animation:none!important}}
.memory-stack .memory-destination .agent-orb{top:0;padding:0;border-radius:50%;background:radial-gradient(circle at 30% 22%,var(--orb-light),var(--orb-mid) 55%,var(--orb-deep))}

/* Responsive landing layout: shared tablet and phone constraints. */
.coastal-landing .tour-answer{min-height:0}
.coastal-landing .tour>*,.coastal-landing .showcase-row>*,.coastal-landing .intelligence>*,.footer-grid>div{min-width:0}
.coastal-landing h1,.coastal-landing h2{text-wrap:balance}
@media(max-width:1100px){
 .glass-nav{gap:12px;padding-inline:14px}
 .glass-nav .logo{width:126px;height:52px}
 .glass-nav nav{gap:16px}
 .glass-nav .nav-auth{gap:8px}
 .coastal-landing .showcase-row{gap:36px}
 .coastal-landing .intelligence{gap:36px}
 .coastal-landing .tour{gap:32px}
}
@media(max-width:1024px){
 .coastal-landing .wrap{width:calc(100% - 48px)}
 .glass-nav{top:max(8px,env(safe-area-inset-top));height:68px;margin-top:10px}
 .nav-mobile-toggle{display:grid;place-items:center;margin-left:auto;width:44px;height:44px;border:0;background:none;flex:none}
 .glass-nav nav{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;padding:8px;background:#fff;border:1px solid #ebebeb;border-radius:16px;box-shadow:0 15px 35px #2c2c2c14}
 .glass-nav.mobile-open nav{display:flex;flex-wrap:nowrap;justify-content:space-around;gap:0}
 .glass-nav .nav-link{min-height:44px;padding:10px 8px;font-size:13px}
 .glass-nav .nav-auth{margin-left:0}
 .glass-nav .product-menu,.glass-nav #nav-info{left:0;right:0;top:calc(100% + 76px);width:100%;max-height:calc(100dvh - 170px);overflow:auto;overscroll-behavior:contain;grid-template-columns:180px minmax(0,1fr)}
 .glass-nav .feature-preview{min-width:0}
 .coastal-landing .tour,.coastal-landing .intelligence,.coastal-landing .showcase-row{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:56px}
 .coastal-landing .demo-intro,.coastal-landing .intelligence>div:first-child,.showcase-copy{text-align:center;max-width:560px;margin-inline:auto}
 .coastal-landing .tour-tabs{margin:24px auto 0;width:100%;max-width:480px}
 .coastal-landing .tour-tabs button{min-height:48px;font-size:13px}
 .coastal-landing .demo-chat{max-width:620px;margin-inline:auto}
 .coastal-landing .intelligence>div:first-child{order:0}
 .showcase-copy{order:-1}
 .showcase-reverse .motion-panel{order:0}
 .motion-panel{width:100%;max-width:560px;margin-inline:auto}
 .feature-description{margin-inline:auto}
 .coastal-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
 .coastal-landing .agents-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 #signup.auth-scene{padding:16px;max-height:100dvh;overflow:auto}
 .auth-window{min-height:0;height:auto;margin:0 auto}
 .auth-stage{min-height:min(700px,calc(100dvh - 36px));padding:52px 24px 28px}
 #signup input{font-size:16px;height:46px}
 .auth-provider,.auth-submit,.auth-reveal{min-height:44px}
}
@media(max-width:600px){
 .coastal-landing .wrap{width:calc(100% - 32px)}
 .coastal-landing .glass-nav{width:calc(100% - 20px);height:64px;padding-inline:10px;gap:4px;border-radius:17px}
 .glass-nav .logo{width:90px;height:44px}
 .glass-nav .nav-auth{gap:2px}
 .glass-nav .nav-auth .primary{min-height:40px;padding:9px 11px;font-size:11px}
 .glass-nav .nav-auth .text-button{min-height:44px;padding-inline:5px;font-size:12px}
 .glass-nav .language-toggle{width:36px;height:44px}
 .nav-mobile-toggle{width:38px}
 .glass-nav .nav-link{font-size:12px;padding-inline:5px}
 .glass-nav .product-menu,.glass-nav #nav-info{grid-template-columns:minmax(0,1fr);max-height:calc(100dvh - 160px);border-radius:16px}
 .feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .feature-list a{min-height:44px}
 .feature-preview,.info-menu-preview{padding:18px;min-height:260px}
 .hero-scene .hero{padding-block:44px 32px;gap:18px}
 .hero-scene .hero h1{font-size:clamp(34px,9vw,48px);line-height:1.1}
 .hero-scene .hero-copy p{font-size:15px;max-width:320px}
 .hero-scene .hero .actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}
 .hero-scene .hero .actions .button{width:100%;min-height:48px;font-size:16px;padding:12px}
 .hero-scene .product{width:calc(100% - 24px)}
 .hero-scene .browser-bar{padding:8px 10px}
 .coastal-landing .tour,.coastal-landing .intelligence,.coastal-landing .showcase-row{padding-block:40px;gap:24px}
 .coastal-landing .tour .section-heading h2,.showcase-copy h2,.coastal-landing .intelligence h2{font-size:34px}
 .coastal-landing .demo-chat{height:552px;padding:14px;grid-template-rows:34px 76px 100px minmax(0,1fr);gap:10px;border-radius:18px}
 .coastal-landing .demo-chat .tour-answer{min-height:0;margin:0;font-size:13px;line-height:1.5}
 .coastal-landing .demo-chat .workflow-card{height:100%;min-height:0;overflow:auto;padding:12px;overscroll-behavior:contain}
 .demo-chat #demo-agent-name{font-size:13px}
 .demo-chat .prompt textarea{height:48px;min-height:0}
 .result-detail{flex-shrink:1;max-width:46%;overflow-wrap:anywhere}
 .clean-result-row{gap:8px}
 .refined-scene.motion-panel{height:500px;padding:12px;border-radius:20px}
 .mini-chat{height:100%;min-height:0;padding:14px;gap:12px}
 .mini-result{min-height:0;overflow:auto}
 .mini-question,.mini-answer{font-size:12px}
 .coastal-landing main>.wrap.closing{padding:90px 20px 100px;min-height:380px;align-items:center}
 .coastal-landing .closing h2{font-size:38px}
 .coastal-footer .footer-grid{gap:24px 16px}
 .footer-grid a,.footer-link{overflow-wrap:anywhere;min-height:40px;display:flex;align-items:center}
 .footer-bottom{align-items:flex-start;font-size:12px;padding-bottom:env(safe-area-inset-bottom)}
 #signup.auth-scene{padding:8px}
 .auth-stage{padding:54px 12px 22px;min-height:calc(100dvh - 20px)}
 .auth-card{width:min(360px,100%);padding-inline:24px}
 .auth-switch{margin-inline:-24px}
 .auth-close{width:44px;height:44px;top:6px;right:6px}
}
@media(max-width:360px){
 .glass-nav .logo{width:74px}
 .glass-nav .nav-auth .primary{padding-inline:8px;font-size:10px}
 .glass-nav .language-toggle{width:30px}
 .nav-mobile-toggle{width:34px}
 .coastal-landing .demo-chat{height:582px;grid-template-rows:34px 88px 110px minmax(0,1fr)}
}
@media(max-height:600px){
 #signup.auth-scene{overflow:auto}
 .auth-window{height:auto;min-height:0}
 .auth-stage{min-height:0;padding-block:52px 24px}
}

/* Full pixel orbs: the circular silhouette never bounces or stretches. */
.coastal-landing .agent-orb,.coastal-landing .memory-stack .memory-destination .agent-orb{background:#8a72b3;border:0;box-shadow:inset 0 0 0 1px #ffffff40,0 5px 16px #3d445414;animation:none!important;transform:none;overflow:hidden;border-radius:50%}
.coastal-landing .agent-orb .agent-pixels{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:1;image-rendering:auto;border-radius:50%}
.coastal-landing .agent-orb::after{content:'';position:absolute;inset:0;border:1px solid #ffffff30;border-radius:50%;background:radial-gradient(circle at 30% 22%,#ffffff25,transparent 50%,#17213e18);box-shadow:inset 0 0 5px #ffffff20;pointer-events:none}

/* Agent mentions stay inside the message, with the same icon as the recipient. */
.demo-tagged-request{font-size:13px;line-height:1.65;color:#292929}
.demo-agent-mention{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;white-space:nowrap;font-weight:500;color:#363d45;margin-right:3px}
.coastal-landing .demo-agent-mention .agent-mention-orb{position:relative;display:inline-block;width:18px;height:18px;min-width:18px;flex:0 0 18px;margin:0;box-shadow:none}
.coastal-landing .demo-chat .prompt{min-height:0;overflow:hidden}
@media(max-width:600px){.demo-tagged-request{font-size:12px;line-height:1.55}.demo-agent-mention{gap:4px}.coastal-landing .demo-chat{grid-template-rows:34px 90px 100px minmax(0,1fr);height:566px}}

/* Compact identities and a visible calendar lookup in the showcase clips. */
.refined-scene .mini-chat-heading{justify-content:flex-start;align-items:center;min-height:26px;flex-shrink:0}
.coastal-landing .mini-chat-heading .agent-orb{position:relative;display:inline-block;width:25px;height:25px;min-width:25px;flex:0 0 25px;margin:0}
.mini-calendar-response{display:grid;min-height:36px;flex-shrink:0}
.mini-calendar-response>div{grid-area:1/1;align-self:center}
.calendar-search{display:flex;align-items:center;gap:7px;color:#797979;font-size:12px;animation:calendar-lookup 12s ease infinite}
.calendar-search img{width:18px;height:18px;object-fit:contain}
@keyframes calendar-lookup{0%,8%,28%,100%{opacity:0}12%,23%{opacity:1}}
.refined-scene.scene-waiting .calendar-search{animation-play-state:paused}
.calendar-scene .mini-result .clean-result-row.proposed{margin-inline:-8px;padding-inline:8px;width:calc(100% + 16px);box-sizing:border-box}
@media(prefers-reduced-motion:reduce){.calendar-search{display:none;animation:none}}

/* Keep the scenic page within the viewport without affecting vertical scrolling. */
html{overflow-x:clip;overscroll-behavior-x:none}
body.coastal-landing{width:100%;max-width:100%;overflow-x:clip;overscroll-behavior-x:none}
.coastal-landing::before{inset:0}
.coastal-landing main{min-width:0;max-width:100%}
.coastal-landing .showcase-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.coastal-landing .resources details,.coastal-landing .resources details[open],.coastal-landing .resources summary{background:transparent}
.coastal-landing .resources h2{font-family:LibreCaslon,Georgia,serif;font-weight:400;letter-spacing:-.04em;line-height:1.13}
.coastal-landing .resources summary,.coastal-landing .resources details p{font-family:OpenRunde,Arial,sans-serif}
@media(max-width:1024px){.coastal-landing .showcase-row{grid-template-columns:minmax(0,1fr)}}
@supports not (overflow:clip){html,body.coastal-landing{overflow-x:hidden}}

.coastal-landing .resources details{max-width:820px;margin-inline:auto}

.info-envelope svg.contact-social-logo{width:112px;height:112px;fill:none;stroke:#aaa;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;color:#aaa}

/* Reference-matched soft color flow; silhouette and reflection remain stationary. */
.coastal-landing .agent-orb,.coastal-landing .memory-stack .memory-destination .agent-orb{background:transparent;box-shadow:0 4px 8px #51435c1f;border:0}
.coastal-landing .agent-orb::before,.coastal-landing .agent-orb::after{content:none}
.coastal-landing .agent-orb .agent-surface{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;border-radius:50%;max-width:none}

/* Contact dialog */
.contact-dialog{box-sizing:border-box;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #e5e5e2;border-radius:26px;padding:36px;background:#fff;color:#292d2e;box-shadow:0 24px 90px #182b3326;font-family:inherit}
.contact-dialog::backdrop{background:#24333c55;backdrop-filter:blur(6px)}
.contact-dialog h2{font-family:var(--font-heading);font-size:42px;font-weight:400;margin:0 0 8px}
.contact-dialog>p{color:#737d80;margin:0 0 24px}
.contact-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:28px;color:#7a8386;cursor:pointer}
.contact-dialog label{display:grid;gap:7px;margin:16px 0;font-size:14px}
.contact-dialog input,.contact-dialog textarea{box-sizing:border-box;width:100%;border:1px solid #dbe3e7;border-radius:12px;background:#f8fafb;padding:12px;font:inherit;color:inherit}
.contact-dialog textarea{resize:vertical;min-height:110px}
.contact-dialog input:focus,.contact-dialog textarea:focus{outline:2px solid #a9d0e5;outline-offset:2px}
.contact-send{width:100%;border:1px solid #333;border-radius:13px;background:linear-gradient(#454545,#242424);color:#fff;padding:13px;font:inherit;cursor:pointer}
.contact-send:disabled{opacity:.65;cursor:wait}
.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#contact-status{font-size:14px;line-height:1.5;margin:16px 0 0}
#contact-email-fallback{display:inline-block;margin-top:12px;color:#507d96;font-size:14px}
#contact-email-fallback[hidden]{display:none}

.mailchimp-scheduled{display:flex;align-items:center;gap:7px;color:#666;font-size:11px;line-height:1.4;margin:8px 0}
.mailchimp-scheduled img,.thinking-provider-logo{width:19px;height:19px;object-fit:contain;flex-shrink:0}
.thinking-provider-logo{display:inline-block;vertical-align:middle;margin-right:8px}
.marketing-scene .mini-calendar-response{min-height:40px}
.marketing-scene .draft-property{max-height:90px}

#demo-mention-name{font-family:OpenRundeTag,OpenRunde,Arial,sans-serif;font-weight:700}

/* Provider activity finishes before the answer enters the shared row. */
@keyframes provider-answer{0%,30%,96%,100%{opacity:0;translate:0 8px}36%,89%{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:no-preference){.mini-calendar-response>.motion-two{animation-name:provider-answer}}

/* Agent activity is expressed by a readable text sweep, not a pulsing dot. */
.coastal-landing .demo-chat .tour-answer.is-thinking{animation:none;opacity:1;align-items:center}
.agent-thinking-text,.calendar-search>span{color:#707579}
@supports(background-clip:text){
 .agent-thinking-text,.calendar-search>span{background-image:linear-gradient(100deg,#707579 0%,#707579 36%,#b3b8bc 48%,#707579 60%,#707579 100%);background-size:250% 100%;background-position:100% 0;background-clip:text;-webkit-background-clip:text;color:transparent;animation:agent-text-sweep 2.2s linear infinite}
}
@keyframes agent-text-sweep{to{background-position:-100% 0}}
.scene-waiting .calendar-search>span{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.agent-thinking-text,.calendar-search>span{animation:none;background:none;color:#707579}}

.hero h1 .headline-word{display:inline-block;white-space:nowrap}
.hero h1 .headline-letter{display:inline-block}

/* Scenic navigation: open at the top, compact on return scroll. */
.coastal-landing .glass-nav{position:sticky;top:0;box-sizing:border-box;width:100%;max-width:none;height:72px;margin:0;padding:0 max(32px,calc((100vw - 1504px)/2));border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;transform:translateY(0);transition:transform .25s ease,background-color .22s ease,box-shadow .22s ease}
.coastal-landing .glass-nav .logo{width:130px;height:52px;object-fit:contain}
.coastal-landing .glass-nav.nav-scrolled{background:#faf8f2;box-shadow:0 1px 0 #282b2910}
.coastal-landing .glass-nav.nav-away{transform:translateY(-110%);pointer-events:none}
.coastal-landing .glass-nav .product-menu,.coastal-landing .glass-nav #nav-info,.coastal-landing .glass-nav #language-menu{background:#fff}
@media(min-width:1025px){.coastal-landing .glass-nav #main-navigation{position:absolute;left:50%;transform:translateX(-50%);gap:26px;background:transparent;border:0;box-shadow:none}.coastal-landing .glass-nav .product-menu,.coastal-landing .glass-nav #nav-info{left:50%;translate:-50% 0} }
@media(max-width:1024px){.coastal-landing .glass-nav{height:66px;padding-inline:24px}.coastal-landing .glass-nav #main-navigation{left:16px;right:16px}.coastal-landing .glass-nav .product-menu,.coastal-landing .glass-nav #nav-info{left:16px;right:16px;width:calc(100% - 32px)} }
@media(max-width:600px){.coastal-landing .glass-nav{height:64px;padding-inline:12px;gap:4px}.coastal-landing .glass-nav .logo{width:90px;height:44px}}
@media(prefers-reduced-motion:reduce){.coastal-landing .glass-nav{transition:none}}

.connector-tile[data-connector="docusign"] img{width:48%;height:48%;object-fit:contain}
.connector-tile[data-connector="mailchimp"] img{width:48%;height:48%;object-fit:contain}

/* Keep the current header at tablet widths; compact navigation only on narrow screens. */
@media(min-width:861px) and (max-width:1024px){
 .coastal-landing .glass-nav{gap:16px;padding-inline:20px}
 .coastal-landing .glass-nav .logo{width:110px}
 .coastal-landing .glass-nav .nav-mobile-toggle{display:none}
 .coastal-landing .glass-nav #main-navigation{display:flex;position:static;transform:none;flex-wrap:nowrap;gap:14px;padding:0;margin-left:auto;background:transparent;border:0;border-radius:0;box-shadow:none;animation:none}
 .coastal-landing .glass-nav .nav-link{padding:10px 0;font-size:12px}
 .coastal-landing .glass-nav .nav-auth{gap:8px;margin-left:auto}
 .coastal-landing .glass-nav .product-menu,.coastal-landing .glass-nav #nav-info{top:calc(100% + 10px)}
}
@media(max-width:860px){
 .coastal-landing .glass-nav.mobile-open{background:#faf8f2}
 .coastal-landing .glass-nav #main-navigation{display:none;top:100%;left:0;right:0;margin:0;padding:8px 16px;background:#faf8f2;border:0;border-radius:0;box-shadow:0 1px 0 #282b2910;animation:none}
 .coastal-landing .glass-nav.mobile-open #main-navigation{display:flex;justify-content:space-around;flex-wrap:nowrap;gap:0}
}

.auth-onboarding{box-sizing:border-box;width:min(100%,400px);padding:32px;background:#fff;border-radius:28px;color:#2e4955;box-shadow:0 16px 55px #36536612}
.auth-onboarding[hidden],.auth-card[hidden]{display:none!important}
.auth-onboarding .auth-logo{display:block;margin:0 auto 22px}
.auth-onboarding h2{font-family:var(--font-heading,LibreCaslon,Georgia,serif);font-size:26px;font-weight:400;line-height:1.25;text-align:center;margin:0 0 12px;outline:none}
.auth-onboarding .auth-intro{text-align:center;line-height:1.5;margin:0 0 24px;color:#7b919d}
.auth-onboarding label{display:grid;gap:8px;margin:16px 0;font-size:13px}
.auth-onboarding input,.auth-onboarding select{box-sizing:border-box;width:100%;min-height:46px;padding:12px;border:1px solid #d7e5ed;border-radius:12px;background:#f5f9fb;color:#2e4955;font:inherit}
.auth-onboarding input:focus-visible,.auth-onboarding select:focus-visible,.auth-onboarding button:focus-visible{outline:2px solid #8cbeda;outline-offset:3px}
.auth-onboarding .auth-submit{display:block;margin:24px auto 0}
.onboarding-choice{position:relative;display:grid;text-align:left;gap:5px;width:100%;padding:18px 34px 18px 16px;margin:10px 0;border:1px solid #dce7ec;border-radius:14px;background:#fff;color:#2e4955;font:inherit;cursor:pointer}
.onboarding-choice:hover{background:#f2f8fb;border-color:#a7cce0}
.onboarding-choice strong{font-size:15px}.onboarding-choice span{font-size:12px;color:#7b919d}.onboarding-choice i{position:absolute;right:16px;top:22px;font-style:normal}
.onboarding-text{display:block;margin:18px auto 0;padding:6px;border:0;background:none;color:#527b92;font:inherit;font-size:12px;cursor:pointer}.onboarding-back{margin:0 0 18px}
.onboarding-status,.onboarding-discovery{font-size:12px;line-height:1.5;color:#607b89;text-align:center;margin:16px 0 0}.onboarding-status:empty{display:none}
.onboarding-ready{text-align:center;font-size:14px;line-height:1.6}.onboarding-ready>span{display:grid;place-items:center;margin:24px auto;width:52px;height:52px;border-radius:50%;background:#e7f3f9;color:#54839c;font-size:24px}
.auth-onboarding button:disabled{opacity:.55;cursor:wait}
@media(max-width:600px){.auth-onboarding{padding:24px;width:100%;border-radius:22px}.auth-onboarding input,.auth-onboarding select{font-size:16px}}


/* Focused product moments over the existing coastal panels. */
.quiet-scene.refined-scene{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:36px;font-family:OpenRunde,sans-serif;color:#353a3c}
.quiet-listing{width:min(100%,330px);background:#fff;border:1px solid #ffffffd9;border-radius:18px;overflow:hidden;box-shadow:0 12px 35px #4f666618}
.quiet-property-photo{display:block;width:100%;height:165px;object-fit:cover}.quiet-property-copy{padding:18px 20px 15px;display:grid;gap:4px}.quiet-property-copy small{font-size:10px;color:#9a9e9e}.quiet-property-copy strong{font-size:18px;font-weight:500;letter-spacing:-.03em}.quiet-property-copy>span{font-size:11px;color:#919696}
.quiet-property-tabs{display:flex;gap:24px;margin:0 20px;border-bottom:1px solid #eee;font-size:10px;color:#949999}.quiet-property-tabs span{padding:0 0 10px}.quiet-property-tabs span:first-child{color:#3d484d;border-bottom:1px solid #6f929f}
.quiet-file{display:flex;align-items:center;gap:10px;padding:16px 20px;font-size:11px}.quiet-file>span:last-child{margin-left:auto;color:#8ba08c}.quiet-file small,.quiet-shared-file small,.quiet-campaign-title small{display:block;font-size:10px;color:#9a9f9f;margin-top:4px}.quiet-file-icon{display:grid;place-items:center;width:28px;height:34px;background:#f6f7f7;border:1px solid #e8ebeb;border-radius:5px;color:#849599;flex:none}
.quiet-property-picker{display:flex;gap:10px;justify-content:center}.quiet-property-picker button{width:42px;height:32px;border:2px solid transparent;border-radius:7px;padding:2px;background:transparent;cursor:pointer}.quiet-property-picker img{width:100%;height:100%;object-fit:cover;border-radius:4px}.quiet-property-picker button[aria-pressed=true]{border-color:#8dabb6}.quiet-property-picker button:focus-visible{outline:2px solid #527a8d;outline-offset:3px}
.quiet-conversation{width:min(100%,350px);display:flex;flex-direction:column;gap:24px}.quiet-conversation-header{display:flex;align-items:center;justify-content:center;gap:10px;color:#7c8a8d;font-size:11px}.quiet-avatars{display:flex;padding-right:4px}.quiet-avatars span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f0e9df;color:#928574;border:2px solid #eee;font-size:9px}.quiet-avatars span+span{margin-left:-5px;background:#e0ecef;color:#67848b}
.quiet-shared-file{display:flex;align-items:center;gap:12px;align-self:flex-start;background:#fff;padding:14px 18px;border-radius:12px;box-shadow:0 6px 20px #4f666610;font-size:12px}.quiet-question{align-self:flex-end;max-width:85%;padding:14px 18px;border-radius:18px 18px 5px 18px;background:#fff;color:#4c565a;font-size:13px;line-height:1.5;box-shadow:0 6px 20px #4f666608}
.quiet-reply{display:flex;align-items:flex-start;gap:10px}.quiet-reply img{width:25px;height:25px;object-fit:contain;flex:none}.quiet-reply p{margin:0;font-size:13px;line-height:1.7;color:#56676c}.quiet-composer{display:flex;justify-content:space-between;align-items:center;border:1px solid #ffffffa0;background:#ffffffa6;padding:12px 15px;border-radius:24px;color:#97a0a1;font-size:11px}.quiet-composer>span:last-child{display:grid;place-items:center;background:#8ba1aa;color:#fff;width:25px;height:25px;border-radius:50%;font-size:16px}
.quiet-integrations{width:min(100%,340px);text-align:center}.quiet-tools{display:flex;justify-content:center;gap:22px}.quiet-tools>span{display:grid;place-items:center;width:68px;height:68px;background:#fff;border:1px solid #ffffffd9;border-radius:18px;box-shadow:0 8px 25px #4f666613}.quiet-tools img{width:32px;height:32px;object-fit:contain}.quiet-connector{height:55px;width:1px;background:#aabdc344;margin:0 auto;position:relative;overflow:hidden}.quiet-connector span{position:absolute;left:0;top:-20px;width:1px;height:22px;background:#8fa9b4;animation:quiet-flow 4s ease-in-out infinite}.quiet-campaign{background:#fff;border-radius:16px;padding:23px;text-align:left;box-shadow:0 12px 35px #4f666614}.quiet-campaign-title{display:flex;gap:14px;align-items:center;font-size:15px}.quiet-campaign-title img{width:29px;height:29px;object-fit:contain}.quiet-scheduled{font-size:11px;color:#7b9183;padding-top:21px;margin-top:18px;border-top:1px solid #f0f1ef}.quiet-scheduled>span{margin-right:6px}.quiet-integration-prompt{font-size:12px;color:#7c8a8e;margin:26px 0 0;line-height:1.5}
@keyframes quiet-flow{0%{translate:0 0;opacity:0}25%{opacity:1}100%{translate:0 80px;opacity:0}}
.quiet-scene.scene-waiting .quiet-connector span{animation-play-state:paused}
@media(max-width:600px){.quiet-scene.refined-scene{padding:24px;gap:16px}.quiet-property-photo{height:145px}.quiet-conversation{gap:21px}.quiet-tools>span{width:60px;height:60px}.quiet-tools{gap:16px}.quiet-campaign{padding:20px}}
@media(prefers-reduced-motion:reduce){.quiet-connector span{animation:none;opacity:1;top:16px}}

.workspace-tree{width:24px;height:30px;object-fit:contain;flex:none}.quiet-conversation-header{font-size:12px;color:#657578}.quiet-reply .quiet-agent-icon{position:relative;display:block;flex:0 0 27px;width:27px;height:27px;min-width:27px;margin:0}.preview-document-icon{display:block;flex:0 0 25px;width:25px;height:31px;overflow:visible}
.listing-board{width:min(100%,380px);padding:22px;background:#fff;border-radius:18px;box-sizing:border-box;box-shadow:0 12px 35px #4f666614}.listing-board-header{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:500}.listing-board-header small{display:block;font-size:10px;font-weight:400;color:#939a9c;margin-top:3px}.listing-board-add{margin-left:auto;color:#8b979b;font-size:21px;font-weight:400}.listing-board-tabs{display:flex;gap:22px;font-size:10px;color:#939a9c;border-bottom:1px solid #eee;margin-top:22px}.listing-board-tabs span{padding-bottom:10px}.listing-board-tabs span:first-child{color:#3f525a;border-bottom:1px solid #88a6b3}.listing-board-properties{display:flex;flex-direction:column;gap:5px;padding:12px 0}.listing-board-properties button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 8px;box-sizing:border-box;border:0;border-radius:9px;background:none;text-align:left;font:inherit;color:#414b50;cursor:pointer}.listing-board-properties button[aria-pressed=true]{background:#f0f5f7}.listing-board-properties button:focus-visible{outline:2px solid #7298ac;outline-offset:2px}.listing-board-properties img{width:62px;height:48px;object-fit:cover;border-radius:6px;flex:none}.listing-board-properties strong{display:block;font-size:12px;font-weight:500;line-height:1.4}.listing-board-properties small{display:block;font-size:10px;color:#939a9c;margin-top:4px}.listing-row-arrow{margin-left:auto;font-size:13px;color:#98a8af}.listing-board-context{border-top:1px solid #eee;padding-top:12px}.listing-board-context>span{font-size:10px;color:#939a9c}.listing-board-context .quiet-file{padding:12px 0 0;font-size:11px}.listing-board-context .quiet-file small{font-size:10px}
@media(max-width:600px){.listing-board{padding:17px}.listing-board-properties img{width:53px;height:44px}.listing-board-properties button{padding:9px 6px;gap:9px}.listing-board-properties strong{font-size:11px}}

.tools-conversation{width:min(100%,350px)}.tools-chat{display:flex;align-items:center;gap:8px;padding:14px 16px;background:#fff;border:1px solid #ffffffd9;border-radius:17px;box-shadow:0 6px 22px #4f666610;text-align:left;font-size:12px}.tools-typed{display:block;white-space:nowrap;overflow:hidden;max-width:100%}.tools-send{margin-left:auto;display:grid;place-items:center;flex:0 0 23px;height:23px;border-radius:50%;background:#7d97a3;color:#fff}.tools-thinking{height:48px;display:flex;align-items:center;justify-content:center;font-size:10px;line-height:1.4}.tools-conversation .quiet-tools{gap:26px}.tools-conversation .quiet-tools>span{width:59px;height:59px;border-radius:15px}.tools-conversation .quiet-tools img{width:29px;height:29px}.tools-paths{display:block;width:100%;height:42px;overflow:hidden}.tools-paths path{stroke:#a7bbc055;stroke-width:1}.tools-paths circle{fill:#8faab6}.tools-output{padding:18px 20px}.tools-output .quiet-campaign-title{font-size:14px;margin-bottom:13px}.tools-result-row{display:flex;justify-content:space-between;gap:10px;font-size:10px;padding:8px 0;border-top:1px solid #f0f1ef;color:#8b9699}.tools-result-row strong{font-weight:400;color:#637e73}
@media(prefers-reduced-motion:no-preference){.tools-typed{animation:tools-type 10s steps(33,end) infinite}.tools-thinking{animation:tools-think 10s ease infinite}.tools-conversation .quiet-tools{animation:tools-apps 10s ease infinite}.tools-output{animation:tools-result 10s ease infinite}.tools-paths{animation:tools-apps 10s ease infinite}.quiet-scene.scene-waiting .tools-typed,.quiet-scene.scene-waiting .tools-thinking,.quiet-scene.scene-waiting .tools-conversation .quiet-tools,.quiet-scene.scene-waiting .tools-output,.quiet-scene.scene-waiting .tools-paths{animation-play-state:paused}}
@keyframes tools-type{0%,3%{width:0}24%,94%{width:100%}100%{width:0}}
@keyframes tools-think{0%,25%,64%,100%{opacity:0}31%,54%{opacity:1}}
@keyframes tools-apps{0%,32%,100%{opacity:.35}42%,93%{opacity:1}}
@keyframes tools-result{0%,59%,100%{opacity:0;translate:0 6px}67%,93%{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.tools-thinking{visibility:hidden}.tools-paths circle{display:none}}
@media(max-width:400px){.tools-chat{font-size:10px;padding:12px}.tools-conversation .quiet-tools{gap:18px}.tools-result-row{font-size:9px}}

.listing-document-heading{font-size:11px;font-weight:500;color:#657578}.listing-board-context .quiet-file>span:last-child{margin-left:0;color:#414b50}.listing-board-context .quiet-file small{color:#939a9c}

.team-chat-demo{width:min(100%,310px);font-family:OpenRunde,sans-serif;text-align:left}.team-composer{background:#fff;border:1px solid #ffffffd9;border-radius:18px;padding:15px;box-shadow:0 8px 28px #4f666610}.team-composer-context{display:flex;align-items:center;gap:10px}.team-workspace-icon{display:grid;place-items:center;width:31px;height:31px;background:#f4f6f4;border:1px solid #e8ece8;border-radius:8px;flex:none}.team-workspace-icon .workspace-tree{width:17px;height:22px}.team-context-divider{height:16px;width:1px;background:#e5e9e9}.team-assignment{display:flex;align-items:center;gap:6px;font-size:10px;color:#64747c}.team-assignment strong{font-weight:700}.team-chat-demo .agent-orb{position:relative;display:inline-block;width:18px;height:18px;min-width:18px;flex:0 0 18px;margin:0}.team-compose-line{margin:20px 0;min-height:20px;font-size:12px;color:#46565e}.team-compose-text{display:block;white-space:nowrap;overflow:hidden;width:100%}.team-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.team-attachment{display:flex;align-items:center;gap:6px;font-size:9px;color:#7b8589;background:#f7f8f8;border:1px solid #edf0f0;border-radius:7px;padding:6px 8px}.team-attachment .preview-document-icon{width:13px;height:17px;flex-basis:13px}.team-send{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;color:#fff;background:#6f8995;font-size:15px}.team-thinking{display:flex;align-items:center;gap:7px;height:53px;font-size:9px;color:#7c8b90}.team-output{padding:0 5px}.team-output-heading{display:flex;align-items:center;gap:7px;font-size:10px;color:#60747d}.team-output-heading strong{font-weight:500}.team-output p{font-size:11px;line-height:1.7;color:#596d75;margin:12px 0}.team-draft{padding:12px 14px;border:1px solid #ffffffd0;border-radius:10px;background:#ffffffb5;display:grid;gap:4px;font-size:11px;color:#526871}.team-draft small{font-size:9px;color:#8b999e}
@media(prefers-reduced-motion:no-preference){.team-compose-text{animation:team-type 12s steps(31,end) infinite}.team-thinking{animation:team-think 12s ease infinite}.team-output{animation:team-result 12s ease infinite}.team-send{animation:team-send 12s ease infinite}.scene-waiting .team-compose-text,.scene-waiting .team-thinking,.scene-waiting .team-output,.scene-waiting .team-send{animation-play-state:paused}}
@keyframes team-type{0%,4%{width:0;opacity:1}24%,30%{width:100%;opacity:1}35%,96%{width:100%;opacity:0}100%{width:0;opacity:0}}
@keyframes team-think{0%,30%,58%,100%{opacity:0}35%,51%{opacity:1}}
@keyframes team-result{0%,57%,100%{opacity:0;translate:0 5px}64%,94%{opacity:1;translate:0 0}}
@keyframes team-send{0%,24%,36%,100%{opacity:.5}27%,31%{opacity:1}}
@media(prefers-reduced-motion:reduce){.team-thinking{visibility:hidden}}

/* Typing and thinking occupy one composer slot; output never overlaps them. */
.team-compose-line,.tools-compose-line{position:relative;min-width:0;min-height:32px;display:flex;align-items:center}.tools-compose-line{flex:1}.team-compose-line .team-thinking,.tools-compose-line .tools-thinking{position:absolute;inset:0;height:auto;justify-content:flex-start;font-size:9px;line-height:1.5;margin:0}.team-compose-line .team-thinking .agent-orb{display:none}.team-compose-text,.tools-typed{font-size:11px}.tools-conversation .quiet-tools{margin-top:22px}.team-output{margin-top:24px}.tools-thinking .agent-thinking-text{white-space:normal}.tools-chat{min-height:58px;box-sizing:border-box}.team-compose-line{margin-block:14px}
#demo-composer-thinking{display:flex;align-items:center;gap:8px;min-height:30px;font-size:12px;color:#7c8b90}#demo-composer-thinking[hidden],.demo-tagged-request[hidden]{display:none!important}
@media(prefers-reduced-motion:no-preference){.tools-typed{animation:composer-typing 12s steps(32,end) infinite}.tools-compose-line .tools-thinking{animation:composer-thinking 12s ease infinite}.tools-conversation .quiet-tools,.tools-conversation .tools-paths{animation:composer-tools 12s cubic-bezier(.22,1,.36,1) infinite}.tools-output{animation:composer-output 12s cubic-bezier(.22,1,.36,1) infinite}.team-compose-text{animation:composer-typing 12s steps(32,end) infinite}.team-compose-line .team-thinking{animation:composer-thinking 12s ease infinite}.team-output{animation:composer-output 12s cubic-bezier(.22,1,.36,1) infinite}}
@keyframes composer-typing{0%,3%{width:0;opacity:1}24%,28%{width:100%;opacity:1}32%,100%{width:100%;opacity:0}}
@keyframes composer-thinking{0%,31%,62%,100%{opacity:0}36%,56%{opacity:1}}
@keyframes composer-tools{0%,32%,100%{opacity:0;transform:translateY(5px)}42%,94%{opacity:1;transform:translateY(0)}}
@keyframes composer-output{0%,61%,100%{opacity:0;transform:translateY(7px)}70%,94%{opacity:1;transform:translateY(0)}}

/* Assign the specialist inside the prompt, then reveal its two work stages. */
.team-compose-line{min-height:57px}.team-compose-text{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:8px;white-space:normal}.team-prompt-tag{display:flex;align-items:center;gap:6px;overflow:hidden;white-space:nowrap;font-size:11px;max-width:100%}.team-prompt-tag strong{font-family:OpenRundeTag,OpenRunde,sans-serif;font-weight:700}.team-prompt-words{display:block;white-space:nowrap;overflow:hidden;font-size:11px;max-width:100%}.team-work-stages{position:relative;display:block;width:100%;min-height:30px}.team-work-stages>span{position:absolute;inset:0;display:flex;align-items:center;line-height:1.5}.team-work-draft{opacity:0}.team-work-done{font-size:8px;color:#8a999e;margin-bottom:12px;line-height:1.5}
@media(prefers-reduced-motion:no-preference){.team-compose-text{animation:team-prompt-visible 12s ease infinite}.team-prompt-tag{animation:team-tag-type 12s steps(17,end) infinite}.team-prompt-words{animation:team-words-type 12s steps(31,end) infinite}.team-work-read{animation:team-reading 12s ease infinite}.team-work-draft{animation:team-drafting 12s ease infinite}.scene-waiting .team-prompt-tag,.scene-waiting .team-prompt-words,.scene-waiting .team-work-read,.scene-waiting .team-work-draft{animation-play-state:paused}}
@keyframes team-prompt-visible{0%,28%{opacity:1}32%,100%{opacity:0}}
@keyframes team-tag-type{0%,3%{width:0}12%,100%{width:100%}}
@keyframes team-words-type{0%,12%{width:0}27%,100%{width:100%}}
@keyframes team-reading{0%,32%,45%,100%{opacity:0}36%,42%{opacity:1}}
@keyframes team-drafting{0%,45%,61%,100%{opacity:0}49%,56%{opacity:1}}

/* One shared clock keeps the composer, app handoff, and result in phase. */
.tools-conversation{--tools-cycle:12s}
.tools-conversation .tools-paths .tools-flow{stroke:#91adb9;stroke-width:2;stroke-linecap:round;stroke-dasharray:.13 .87;stroke-dashoffset:.13;opacity:0}
@media(prefers-reduced-motion:no-preference){
 .tools-conversation .tools-typed{width:100%;animation:tools-reveal var(--tools-cycle) steps(31,end) infinite,tools-prompt-fade var(--tools-cycle) ease-in-out infinite}
 .tools-conversation .tools-compose-line .tools-thinking{animation:tools-status var(--tools-cycle) ease-in-out infinite}
 .tools-conversation .quiet-tools{animation:tools-handoff var(--tools-cycle) ease-in-out infinite}
 .tools-conversation .tools-paths{animation:tools-handoff var(--tools-cycle) ease-in-out infinite}
 .tools-conversation .tools-paths .tools-flow{animation:tools-flow var(--tools-cycle) cubic-bezier(.4,0,.2,1) infinite}
 .tools-conversation .tools-output{animation:tools-delivery var(--tools-cycle) cubic-bezier(.4,0,.2,1) infinite}
 .tools-conversation .tools-send{animation:tools-send-state var(--tools-cycle) ease-in-out infinite}
 .scene-waiting .tools-conversation *{animation-play-state:paused!important}
}
@keyframes tools-reveal{0%,4%{clip-path:inset(0 100% 0 0)}23%,100%{clip-path:inset(0)}}
@keyframes tools-prompt-fade{0%,25%{opacity:1}29%,59%{opacity:0}65%,91%{opacity:1}98%,100%{opacity:0}}
@keyframes tools-status{0%,30%{opacity:0}35%,55%{opacity:1}60%,100%{opacity:0}}
@keyframes tools-handoff{0%,34%{opacity:0;transform:translateY(4px)}42%,91%{opacity:1;transform:translateY(0)}98%,100%{opacity:0;transform:translateY(0)}}
@keyframes tools-flow{0%,43%{opacity:0;stroke-dashoffset:.13}46%{opacity:.8}57%{opacity:.8;stroke-dashoffset:-.87}61%,100%{opacity:0;stroke-dashoffset:-.87}}
@keyframes tools-delivery{0%,55%{opacity:0;transform:translateY(6px)}64%,91%{opacity:1;transform:translateY(0)}98%,100%{opacity:0;transform:translateY(0)}}
@keyframes tools-send-state{0%,20%{opacity:.45}24%,28%{opacity:1}34%,58%{opacity:.2}65%,91%{opacity:.65}98%,100%{opacity:.45}}
@media(prefers-reduced-motion:reduce){.tools-conversation .tools-flow{display:none}}

/* Shared composer controls match the workspace app. */
.team-composer,.tools-chat{border:1px solid #e8e8e8;border-radius:24px;background:#fff;box-shadow:0 4px 18px #00000006}
.team-composer>.team-attachment{display:inline-flex;margin-top:12px;padding:8px 10px;background:#fafafa;border-color:#e8e8e8;font-size:10px;border-radius:10px}
.team-compose-line{min-height:65px;margin-block:13px}
.team-compose-footer,.tools-compose-footer{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px}
.tools-chat{display:block;padding:15px}.tools-compose-line{min-height:58px}.tools-compose-footer{margin-top:10px}
.preview-add{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#f3f3f3;color:#202020}
.preview-add svg{width:19px;height:19px}
.team-send,.tools-send,.demo-chat .demo-send-mark{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;padding:0;border-radius:50%;background:#1b1b1b;color:#fff;animation:none!important;opacity:1}
.team-send svg,.tools-send svg,.demo-send-mark svg{width:19px;height:19px}
.prompt-bottom .demo-send-mark{margin-left:auto}.prompt-bottom #attachment{min-width:0;font-size:10px}

/* Stage fades and text shimmer run on separate elements. */
.team-work-stages .agent-thinking-text{display:inline-block;font-size:11px;line-height:1.6}
@media(prefers-reduced-motion:no-preference){
 .team-work-stages .agent-thinking-text{animation:agent-text-sweep 1.6s linear infinite}
 .scene-waiting .team-work-stages .agent-thinking-text{animation-play-state:paused}
}

/* Phone layout: lead with the message, not a miniature desktop window. */
@media(max-width:767px){
 .coastal-landing .hero-scene #product{display:none}
 .coastal-landing .hero-scene{padding-bottom:32px}
 .coastal-landing .hero-scene .hero{padding:56px 0 40px;gap:22px}
 .coastal-landing .hero-scene .hero h1{font-size:clamp(36px,8.5vw,58px);line-height:1.12;max-width:100%;overflow-wrap:normal}
 .coastal-landing .hero-copy{width:100%;max-width:420px}
 .coastal-landing .hero-scene .hero-copy p{font-size:16px;line-height:1.6;max-width:340px;margin-bottom:28px}
 .coastal-landing .hero .actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:380px;margin-inline:auto}
 .coastal-landing .hero .actions .button{width:100%;min-width:0;min-height:50px;padding:13px 10px;font-size:16px;box-sizing:border-box}
 .coastal-landing .glass-nav .nav-mobile-toggle{width:44px;height:44px}
 .coastal-landing .glass-nav .nav-auth .primary{min-height:44px;font-size:12px;padding-inline:14px}
 .coastal-landing .showcase-row{padding-block:42px;gap:26px}
 .coastal-landing .showcase-copy h2{font-size:clamp(29px,7.5vw,38px);line-height:1.2;margin-bottom:16px}
 .coastal-landing .showcase-copy p{font-size:15px;line-height:1.65}
 .coastal-landing .quiet-scene.refined-scene{height:auto;min-height:420px;padding:24px 16px;box-sizing:border-box;border-radius:22px}
 .coastal-landing .quiet-scene.marketing-scene{min-height:470px}
 .coastal-landing .quiet-scene.market-scene{min-height:440px}
 .listing-board,.team-chat-demo,.tools-conversation{min-width:0;max-width:100%;box-sizing:border-box}
 .team-prompt-words{font-size:clamp(9px,2.75vw,11px)}
 .tools-conversation .quiet-tools{gap:20px}
 .coastal-landing .tour-tabs{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;gap:8px}
 .coastal-landing .tour-tabs button{min-height:48px;padding:10px 8px;font-size:12px}
 .coastal-landing .agents-heading h2{font-size:clamp(28px,7vw,38px)}
 .coastal-landing .agent-card{min-width:0;padding-inline:6px}
 .coastal-landing .agent-card h3{font-size:15px;line-height:1.4}
 .coastal-landing .agent-card p{font-size:12px;line-height:1.5}
 .coastal-landing .resources{padding-block:44px}
 .coastal-landing .resources summary{font-size:15px;line-height:1.5;padding:20px 28px 20px 0;min-height:44px}
 .coastal-landing .resources details p{font-size:14px;line-height:1.7}
 .coastal-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}
 .coastal-footer .footer-bottom{display:flex;flex-wrap:wrap;gap:14px;line-height:1.6}
}
@media(max-width:374px){
 .coastal-landing .glass-nav .language-toggle{display:none}
 .coastal-landing .hero-scene .hero h1{font-size:34px}
 .coastal-landing .quiet-scene.refined-scene{padding-inline:10px}
 .listing-board-properties strong{font-size:10px}
 .team-work-stages .agent-thinking-text{font-size:10px}
}

/* Phone-only refinement; tablet and desktop rules are unchanged. */
@media(max-width:600px){
 .coastal-landing .glass-nav .text-button,
 .coastal-landing .glass-nav .nav-mobile-toggle,
 .coastal-landing .glass-nav .nav-link,
 .coastal-landing .glass-nav .language-toggle,
 .coastal-landing .glass-nav #language-menu button{color:#20201e;-webkit-text-fill-color:#20201e;appearance:none;-webkit-appearance:none}
 .coastal-landing .glass-nav .text-button:visited{color:#20201e}
 .coastal-landing .glass-nav .nav-mobile-toggle svg,.coastal-landing .glass-nav .nav-link svg{color:#20201e}
 .coastal-landing .hero-scene .hero{padding-block:38px 28px;gap:18px}
 .coastal-landing .hero-scene .hero h1{font-size:clamp(30px,7.4vw,40px);line-height:1.14}
 .coastal-landing .hero-scene .hero-copy p{font-size:14px;line-height:1.6;max-width:285px;margin-bottom:22px}
 .coastal-landing .hero .actions{max-width:290px;gap:10px}
 .coastal-landing .hero .actions .button{min-height:44px;font-size:14px;padding:10px 12px;border-radius:12px}
 .coastal-landing .hero-scene{padding-bottom:24px}
 .coastal-landing .brand-marquee{margin-block:0 20px}
 .coastal-landing .brand-set{gap:18px;padding-inline:9px}
 .coastal-landing .brand-mark,.coastal-landing .brand-mark:has(.brand-art-2){width:104px;height:52px}
 .coastal-landing .brand-mark .brand-ink{transform:scale(.65);transform-origin:center;flex-shrink:0}
}