/* The approved flagship palette: ivory, brown and brand copper. */
body{--cream:#392b21;--ink:#392b21;--cu:#c97b4a;background:#f3eadf;color:#392b21}
.site-header,.edge-label{display:none}.scene-grain{opacity:.025}.sculpture-scroll{position:relative;height:200svh;min-height:1800px}.flagship{position:sticky;top:0;overflow:hidden;height:100svh;min-height:850px;max-height:none;background:#f3eadf}.hero-navigation{display:flex;justify-content:space-between;align-items:center}.flagship h1{font-size:clamp(64px,6.5vw,108px);max-width:95%;margin-top:35px;line-height:1.03;letter-spacing:-.065em}.flagship-intro{margin-top:25px}.flagship-art{top:27%;height:49%;width:56%;right:-3%}.flagship-copy{max-width:420px;margin-top:35px}.flagship-copy>p{font-size:14px;color:#6b5544}.flagship-intro>span,.offering-story,.flagship-base,.sculpture-caption{color:#715b48}.flagship-offerings{bottom:70px}.flagship-base{bottom:22px}.offering-selector button{color:#715b48}.offering-story{font-size:12px}.flagship-base{font-size:11px}
.chapter{background:#f3eadf}.statement{min-height:75svh;border-top:1px solid #b3937540;background:#e9ddce}.statement h2{max-width:900px}.statement-description{color:#6b5544}.product-showroom,.proof-section{background:#f8f2ea;color:#392b21}.showroom-visual{background:#e8dac9}.showroom-tabs button[aria-selected=true]{background:#8c5530;color:#fff0db}.showroom-heading p,.section-copy>p,.tiny-label{color:#715b48}.ai-stage{background:radial-gradient(ellipse at 65% 65%,#e1c3a5,#f3eadf 70%);color:#392b21}.ai-glow-frame{opacity:.12}.ai-chat-section,.mcp-section{background:#e9ddce;color:#392b21}.chat-window,.mcp-card{background:#faf5ee;border-color:#d9c6b2;box-shadow:0 20px 55px #50351a14;transform:none}.foundation-section{min-height:75svh;display:grid;grid-template-columns:1fr 1fr;gap:5vw}.exploded-labels{position:static;display:flex;flex-direction:column;gap:15px;transform:none}.exploded-labels span{position:static;padding:30px;border:1px solid #c97b4a66;background:#ead7c4;color:#51321e;transform:none}.connection-controls button[aria-pressed=true]{background:#8c5530;border-color:#8c5530;color:#fff0db}.expansion-section{min-height:85svh}.brand-playground input{color:#392b21}.business-selector button{border-color:#b291714d}.business-readout{color:#392b21}.history-section{background:#e9ddce;min-height:80svh}.history-number{color:#8c5530}.proof-row{border-color:#b2917150}.platform-section{padding:90px 4%;background:#f3eadf;color:#392b21}.platform-options button{color:#715b48}.platform-options button[aria-selected=true]{color:#8c5530;border-color:#8c5530}.platform-preview.live-preview{width:100%;max-width:1600px;border:1px solid #b69a80;border-radius:10px;transform:none!important;box-shadow:0 24px 65px #50351a18;background:#f3ece4}.preview-bar{height:42px;background:#e5d6c5;color:#51321e}.lp-screen{height:780px;max-height:none;overflow:auto}.lp-screen iframe{min-width:1100px;transform:none!important}.lp-poster{object-fit:contain;background:#f3ece4}.platform-footer{max-width:1600px;margin-left:auto;margin-right:auto}.pill-link{border-color:#8c5530;color:#51321e}.pill-link:hover{background:#8c5530;color:#fff0db}footer{background:#e4c3a3;color:#392b21}.footer-bottom,.footer-grid{border-color:#8c553044}
@media(min-width:1700px){.flagship-art{top:24%;height:56%}.flagship h1{font-size:108px}.flagship-intro{margin-top:35px}}
@media(max-width:1100px){.flagship h1{font-size:7vw}.flagship-copy{max-width:350px}.flagship-art{right:-12%;width:65%;top:31%}.flagship-copy>p{font-size:12px}.lp-screen{height:760px}}
@media(max-width:760px){.sculpture-scroll{height:1900px;min-height:0}.flagship{height:1100px;min-height:1100px;top:min(0px,calc(100svh - 1100px))}.flagship h1{font-size:clamp(37px,7.8vw,59px);max-width:90%;margin-top:28px}.flagship-intro{margin-top:25px}.flagship-copy{max-width:86%;margin-top:23px}.flagship-art{top:390px;right:0;width:100%;height:390px}.flagship-offerings{bottom:90px}.offering-story{font-size:11px}.flagship-base{font-size:10px}.foundation-section{display:flex;gap:35px}.exploded-labels{width:100%}.exploded-labels span{padding:22px}.platform-section{padding:65px 5%}.lp-screen{height:auto;aspect-ratio:1440/900}.platform-footer{align-items:flex-start;gap:20px}.flagship-base>span:last-child{max-width:150px}.hero-navigation nav>a:not(.flagship-talk){display:none}}
@media(prefers-reduced-motion:reduce){.sculpture-scroll{height:auto;min-height:0}.flagship{position:relative;top:auto}}

/* Continuous page flow: one hero, then the animated product story. */
.sculpture-scroll{height:auto;min-height:0}.flagship{position:relative;top:auto}
#scene{opacity:0;transition:opacity .2s linear}#scene:after{display:none}
.statement,.foundation-section,.expansion-section{background:transparent}
.statement{min-height:95svh;border-top:0;padding-top:90px;padding-bottom:90px}
.statement h2{font-size:clamp(58px,6.5vw,100px);max-width:48%;line-height:1.02}
.statement-description{max-width:42%;font-size:19px}
.product-showroom,.proof-section,.ai-chat-section,.mcp-section,.history-section{background:#f3eadf}
.product-showroom{padding-top:75px;padding-bottom:75px}
.ai-reveal{min-height:100svh}.ai-stage{position:relative;background:radial-gradient(ellipse at 65% 65%,#e8d4bf,#f3eadf 72%)}
.ai-chat-section{min-height:85svh}.mcp-section{min-height:0;padding-top:65px;padding-bottom:100px}
.foundation-section{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-height:100svh;padding-right:7%;gap:0}
.foundation-section .section-copy{max-width:43%;width:490px}.exploded-labels{display:none}
.expansion-section{min-height:110svh}.expansion-section .section-copy{max-width:43%}
.business-readout{bottom:7%;right:7%;width:38%;max-width:420px}.business-readout h3{font-size:32px}.business-readout p{font-size:13px}
.brand-playground>div{border-color:#8c553060}.history-section{min-height:85svh}
.product-motion-fallback{display:none}.no-webgl .product-motion-fallback{display:block;position:absolute;right:5%;top:25%;width:45%;border-radius:9px;box-shadow:0 20px 60px #51321e26}.no-webgl .foundation-section .product-motion-fallback{right:auto;left:5%}
@media(max-width:760px){
.flagship{top:auto}.sculpture-scroll{height:auto;min-height:0}
.statement{min-height:1000px;justify-content:flex-start;padding-top:75px}.statement h2{max-width:100%;font-size:clamp(52px,13vw,80px)}.statement-description{max-width:100%;font-size:17px}
.foundation-section{min-height:1050px;justify-content:flex-start;align-items:stretch;padding-top:75px}.foundation-section .section-copy,.expansion-section .section-copy{max-width:100%;width:100%}
.expansion-section{min-height:1200px;justify-content:flex-start;padding-top:75px}.business-readout{bottom:5%;width:84%;max-width:none}
.ai-reveal{min-height:100svh}.ai-chat-section{min-height:0;padding-top:75px;padding-bottom:65px}.mcp-section{padding-top:35px;padding-bottom:75px}.history-section{min-height:850px}
.no-webgl .product-motion-fallback,.no-webgl .foundation-section .product-motion-fallback{width:86%;right:7%;left:auto;top:auto;bottom:20%}
}
@media(prefers-reduced-motion:reduce){#scene{transition:none}}
.product-art-controls{margin-top:30px;max-width:360px;color:#715b48}.product-art-controls>span{font-size:12px}.product-art-controls>div{display:flex;gap:8px;margin-top:14px}.product-art-controls button{border:1px solid #a67d5b70;background:#f3eadf;color:#51321e;border-radius:25px;min-width:42px;min-height:42px;padding:10px 16px;font-size:12px}.product-art-controls button:hover{background:#e6cfb8}.product-art-controls small{display:block;font-size:11px;margin-top:12px}.no-webgl .product-art-controls{display:none}
@media(max-width:760px){.statement{min-height:1100px}.product-art-controls{margin-top:22px}}
/* One ActAI story, followed by using that intelligence in other AI workspaces. */
.ai-unified{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:7vw;min-height:0;padding:100px 7%}.ai-unified .section-copy{max-width:520px}.ai-unified .chat-window{justify-self:end;max-width:540px}.ai-unified .tiny-label{color:#8c5530;font-size:13px}.ai-unified .text-link{display:inline-block;margin-top:24px}.actai-recording{margin-top:30px;border-top:1px solid #ab8b6d55;padding-top:18px}.actai-recording summary{cursor:pointer;font-size:12px;line-height:1.6;color:#715b48}.actai-recording summary span{margin-left:14px}.actai-recording video{display:block;width:230px;max-width:100%;max-height:480px;margin-top:18px;border-radius:18px;background:#231c16}.actai-recording p{font-size:11px;margin-top:10px;color:#715b48}.mcp-section{padding:90px 7% 100px;border-top:1px solid #ab8b6d40;gap:7vw}.mcp-explainer{font-size:14px!important;margin-top:22px}.mcp-compatibility{display:block;margin-top:20px;max-width:440px;font-size:11px;line-height:1.7;color:#715b48}.mcp-assistants{display:flex;gap:8px;margin-top:28px;flex-wrap:wrap}.mcp-assistants>span{flex:1;white-space:nowrap;text-align:center;padding:12px 10px;border:1px solid #c7a98d;border-radius:6px;font-size:12px;color:#51321e}.mcp-connection{display:flex;align-items:center;gap:15px;margin:15px 20px;color:#8c5530}.mcp-connection>span{height:1px;background:#c7a98d;flex:1}.mcp-connection>b{font-size:24px;font-weight:400}.mcp-server{text-align:center;padding:17px;background:#ead7c4;border:1px solid #c7a98d;border-radius:6px}.mcp-server strong{font-size:16px;font-weight:600}.mcp-server>span{display:block;margin-top:8px;font-size:12px;color:#715b48}.mcp-card .mcp-url{margin-top:20px}.mcp-card .mcp-done{font-size:12px;line-height:1.6}.mcp-card code{overflow-wrap:anywhere;min-width:0}.mcp-card .mcp-url{min-width:0}
@media(max-width:760px){.ai-unified{display:flex;flex-direction:column;align-items:stretch;padding:70px 7%;gap:35px}.ai-unified .chat-window{max-width:none}.mcp-section{display:flex;flex-direction:column;padding:65px 7%;gap:35px}.mcp-card{max-width:none}.mcp-assistants>span{font-size:11px}.actai-recording video{margin-left:auto;margin-right:auto}}
@media(max-width:760px){.mcp-section .section-copy h2{font-size:clamp(26px,7vw,48px);line-height:1.05;max-width:none}.mcp-section .section-copy h2>span{display:inline-block;white-space:nowrap}}
/* Product navigation and the connected application suite. */
.flagship header nav{gap:22px;font-size:12px}.home-product-menu{display:none}.home-apps,.home-charts{padding:95px 7%;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;background:#f3eadf}.home-apps h2,.home-charts h2{font-size:clamp(44px,5vw,76px);line-height:1.05;letter-spacing:-.055em;font-weight:400}.home-apps p:not(.tiny-label),.home-charts p:not(.tiny-label){font-size:16px;line-height:1.85;color:#715b48;max-width:490px;margin-top:25px}.home-apps figure{margin:0;text-align:center;background:radial-gradient(ellipse,#e3c4a4,transparent 70%);padding:20px}.home-apps figure img{max-height:540px;width:auto;max-width:100%;margin:auto;border:7px solid #392b21;border-radius:30px;box-shadow:0 25px 70px #51321e20}.home-apps figcaption{font-size:10px;color:#715b48;margin-top:20px;line-height:1.7}.home-app-links{display:flex;flex-direction:column;gap:18px;margin-top:30px;font-size:14px}.home-app-links a{width:fit-content;border-bottom:1px solid #b29171;padding-bottom:7px}.home-dealer{padding:55px 7%;display:flex;justify-content:space-between;gap:45px;align-items:center;background:#ead7c4}.home-dealer h2{font-size:clamp(30px,3vw,45px);font-weight:400;letter-spacing:-1.4px}.home-dealer p:not(.tiny-label){max-width:650px;margin-top:20px;font-size:15px;line-height:1.8;color:#715b48}.home-dealer .pill-link{white-space:nowrap}.home-charts .pill-link{margin-top:27px}.home-charts .text-link{display:block;width:fit-content;margin-top:22px;font-size:12px}.home-chart-art{background:#fff8ef;border:1px solid #c7a98d;border-radius:12px;padding:24px;box-shadow:0 25px 70px #51321e12}.home-chart-art>div{display:flex;justify-content:space-between;font-size:12px;color:#715b48;padding-bottom:20px}.home-chart-art>span{font-size:10px;color:#715b48;display:block;line-height:1.7}.home-chart-art svg{width:100%;height:auto}.home-footer-products{display:flex;gap:25px;flex-wrap:wrap;margin-top:50px;padding-bottom:25px;border-bottom:1px solid #8c553044;font-size:14px}.showroom-visual img,.gallery-screen,.platform-preview{transform:none!important}.product-motion-fallback{transform:none!important}
@media(max-width:1100px){.flagship header nav{gap:14px;font-size:11px}.flagship-talk{gap:15px;padding:11px 15px}}
@media(max-width:900px){.hero-navigation>nav{display:none!important}.home-product-menu{display:block;position:relative}.home-product-menu summary{list-style:none;cursor:pointer;border:1px solid #b29171;border-radius:25px;padding:12px 18px;font-size:13px}.home-product-menu nav{position:absolute;right:0;top:55px;width:230px;background:#fff8ef;border:1px solid #c7a98d;border-radius:10px;padding:15px;box-shadow:0 15px 40px #51321e25;z-index:10;display:flex!important;flex-direction:column;align-items:stretch!important;gap:0!important}.home-product-menu nav>a{display:block!important;padding:13px!important;font-size:14px}.home-apps,.home-charts{gap:5%}.home-dealer{display:block}.home-dealer .pill-link{margin-top:25px}}
@media(max-width:700px){.home-apps,.home-charts{grid-template-columns:1fr;padding:65px 7%;gap:35px}.home-apps figure img{max-height:430px}.home-dealer{padding:50px 7%}.home-footer-products{gap:18px;font-size:13px}}
/* Ten nav links: the compact "Explore" menu takes over below 1280px. */
@media(max-width:1280px){.hero-navigation>nav{display:none!important}.home-product-menu{display:block;position:relative}.home-product-menu summary{list-style:none;cursor:pointer;border:1px solid #b29171;border-radius:25px;padding:12px 18px;font-size:13px}.home-product-menu nav{position:absolute;right:0;top:55px;width:230px;background:#fff8ef;border:1px solid #c7a98d;border-radius:10px;padding:15px;box-shadow:0 15px 40px #51321e25;z-index:10;display:flex!important;flex-direction:column;align-items:stretch!important;gap:0!important}.home-product-menu nav>a{display:block!important;padding:13px!important;font-size:14px}}

/* The same site footer as the inner pages (site/site.css), after the closing call to action. */
.home-site-footer{background:#f3eadf;color:#392b21;padding:55px 6% 25px;max-width:1600px;margin:0 auto}
.home-site-footer .footer-columns{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px}
.home-site-footer h3{font-size:13px;font-weight:600;margin:0 0 20px;letter-spacing:0}
.home-site-footer p{max-width:300px;margin:0;font-size:13px;line-height:1.9;color:#715b48}
.home-site-footer .footer-columns a{display:block;font-size:13px;margin-bottom:14px;color:inherit;text-decoration:none}
.home-site-footer .legal{border-top:1px solid #b596784d;padding-top:22px;margin-top:35px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#715b48}
.home-site-footer .legal a{color:inherit;text-decoration:none}
@media(max-width:760px){.home-site-footer .footer-columns{grid-template-columns:1fr 1fr}.home-site-footer .footer-columns>div:first-child{grid-column:1/-1}.home-site-footer .legal{flex-wrap:wrap}}

/* Follow us icons, as in site/site.css. */
.footer-social{margin-top:22px}.home-site-footer .footer-columns .footer-social-label{font-size:12px;color:#715b48;margin:0 0 10px}.footer-social-icons{display:flex;flex-wrap:wrap;gap:8px}.home-site-footer .footer-columns .footer-social-icons a{display:grid;place-items:center;width:36px;height:36px;margin:0;border:1px solid #c9a684;border-radius:50%;color:#51321e;transition:background .2s,color .2s}.home-site-footer .footer-columns .footer-social-icons a:hover{background:#51321e;border-color:#51321e;color:#fff0db}.footer-social-icons svg{width:15px;height:15px;fill:currentColor}

/* Grouped main navigation (same groups as the inner pages; site/nav-groups.js). Fits from 901px up. */
.hero-navigation>nav{display:flex;align-items:center;gap:26px;font-size:13px}
.hero-navigation nav>a.nav-single{display:inline-block}
.hero-navigation .nav-group{position:relative}
.hero-navigation .nav-trigger{display:inline-flex;align-items:center;gap:7px;background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}
.hero-navigation .nav-trigger::after{content:'';width:6px;height:6px;border-right:1.2px solid currentColor;border-bottom:1.2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.hero-navigation .nav-trigger[aria-expanded=true]::after{transform:translateY(1px) rotate(-135deg)}
.hero-navigation .nav-panel{display:none;position:absolute;top:100%;left:-18px;z-index:30;min-width:300px;padding:22px 10px 10px}
.hero-navigation .nav-panel::before{content:'';position:absolute;inset:12px 0 0;z-index:-1;background:#fffaf3;border:1px solid #d9c2a8;border-radius:14px;box-shadow:0 24px 50px -18px #51321e55}
.hero-navigation .nav-panel a{display:block;padding:11px 14px;border-radius:8px;color:#392b21;text-decoration:none}
.hero-navigation .nav-panel a:hover,.hero-navigation .nav-panel a:focus-visible{background:#f3e6d7}
.hero-navigation .nav-panel b{display:block;font-weight:500;font-size:14px}.hero-navigation .nav-panel span{display:block;margin-top:3px;font-size:12px;line-height:1.45;color:#715b48}
.hero-navigation .nav-trigger[aria-expanded=true]+.nav-panel{display:block}
@media(hover:hover){.hero-navigation .nav-group:hover>.nav-panel{display:block}}
@media(min-width:901px) and (max-width:1280px){.hero-navigation>nav{display:flex!important}.home-product-menu{display:none}}
.home-product-menu .menu-heading{margin:10px 13px 2px;font-size:11px;color:#715b48}.home-product-menu .menu-heading:first-child{margin-top:0}
.home-product-menu nav{max-height:75vh;overflow:auto}

/* First screen: the brokerage-name field (experience.js) and Book a demo. */
.hero-brand{margin-top:26px;max-width:440px}
.hero-brand label{display:block;font-size:12px;color:#715b48;margin-bottom:8px}
.hero-brand div{display:flex;align-items:center;gap:6px;padding:5px 5px 5px 18px;border:1px solid #b59678;border-radius:40px;background:#fffaf3}
.hero-brand div:focus-within{outline:2px solid #8c5530;outline-offset:3px}
.hero-brand input{flex:1;min-width:0;border:0;background:none;padding:10px 0;font:inherit;font-size:15px;color:#392b21}.hero-brand input:focus{outline:none}
.hero-brand button{border:0;border-radius:30px;padding:11px 18px;background:#51321e;color:#fff0db;font:inherit;font-size:13px;white-space:nowrap;cursor:pointer}
.hero-demo{display:inline-block;margin-top:16px;font-size:13px;color:#392b21;border-bottom:1px solid #8c5530;padding-bottom:4px;text-decoration:none}
@media(min-width:901px){.flagship-copy{max-width:460px}}
@media(max-width:760px){.hero-brand{max-width:100%}.hero-brand input{font-size:14px}}

/* ActAI stage, dark: a warm stage inside a slowly turning iridescent glow, the ActAI phone held centre stage.
   The phone rises with scroll (--ai-rise, 1 → 0) and tilts toward the pointer (--ai-rx / --ai-ry); experience.js. */
@property --ai-glow{syntax:'<angle>';inherits:false;initial-value:0deg}
.ai-stage{background:radial-gradient(ellipse at 50% 78%,#5a3a2c 0,#2e211b 45%,#16110e 100%);color:#fff0db;--ai-rise:0}
.ai-stage:before{border-radius:44px;box-shadow:inset 0 0 70px #000a}
.ai-glow-frame{position:absolute;inset:0;z-index:3;opacity:1;padding:20px;border-radius:44px;background:conic-gradient(from var(--ai-glow),#4fe3ff,#8f6bff,#ff4fa3,#ffb347,#d8ff5a,#4fe3ff);-webkit-mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);filter:blur(22px) saturate(1.1);animation:ai-glow 14s linear infinite;pointer-events:none}
@keyframes ai-glow{to{--ai-glow:360deg}}
.ai-stage-brand{color:#fff0db}
.ai-cinematic-heading{left:6%;right:6%;top:12%;text-align:center}
.ai-cinematic-heading h2{color:#fff0db;font-size:clamp(56px,10.4vw,170px)}
.ai-cinematic-heading h2>span{color:#fff0db}
.ai-cinematic-heading>p{color:#e07a3c;text-align:right;margin-right:clamp(0px,9vw,150px)}
.ai-device{left:50%;top:44%;width:clamp(220px,21vw,330px);border-color:#4a3a31;box-shadow:0 0 0 2px #c97b4a55,0 50px 110px #000c,0 0 140px #e07a3c33;
  transform:translateX(-50%) translateY(calc(var(--ai-rise) * 46vh)) perspective(1100px) rotateX(var(--ai-rx,6deg)) rotateY(var(--ai-ry,-8deg)) rotateZ(-3deg);
  transition:transform .35s cubic-bezier(.2,.7,.2,1);animation:ai-float 7s ease-in-out infinite}
.ai-stage.is-tilting .ai-device{transition:transform .12s linear}
@keyframes ai-float{50%{translate:0 -12px}}
.ai-device-sheen{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(105deg,transparent calc(var(--ai-sheen,30%) - 18%),#ffffff1c var(--ai-sheen,30%),transparent calc(var(--ai-sheen,30%) + 18%));mix-blend-mode:screen}
.ai-stage-prompt{left:auto;right:calc(50% + clamp(130px,12vw,200px));top:52%;background:#fff0dbf2}
.ai-stage-copy{left:auto;right:7%;bottom:12%;text-align:right;color:#fff0db}
.ai-stage-copy>p{font-size:clamp(18px,1.9vw,28px)}
.ai-stage-copy>span{opacity:.6}
.ai-hover-hint{position:absolute;left:7%;bottom:12%;z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:14px;color:#fff0db;opacity:.75}
.ai-hover-hint svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;animation:ai-wave 2.6s ease-in-out infinite;transform-origin:50% 90%}
.ai-hover-hint span{padding-top:12px;border-top:1px dashed #fff0db66;font-size:12px;letter-spacing:.02em}
@keyframes ai-wave{0%,60%,100%{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(9deg)}}
.ai-stage-caption{color:#fff0db}
@media(hover:none){.ai-hover-hint{display:none}}
@media(max-width:950px){.ai-stage-prompt{right:auto;left:6%;top:50%}.ai-hover-hint{display:none}}
@media(max-width:600px){.ai-glow-frame{padding:12px;border-radius:25px;filter:blur(14px)}.ai-stage:before{border-radius:25px}
  .ai-cinematic-heading{top:10%}.ai-cinematic-heading h2{white-space:normal;font-size:clamp(46px,14vw,64px);line-height:.95}.ai-cinematic-heading>p{text-align:center;margin-right:0}
  .ai-device{top:38%;width:190px}.ai-stage-prompt{left:6%;top:auto;bottom:24%;padding:14px 16px}.ai-stage-copy{right:6%;bottom:7%}}
@media(prefers-reduced-motion:reduce){.ai-glow-frame,.ai-device,.ai-hover-hint svg{animation:none}.ai-device{transform:translateX(-50%) perspective(1100px) rotateX(6deg) rotateY(-8deg) rotateZ(-3deg)}}
/* Softer, deeper glow: a wide blurred band that bleeds into the stage, as in the reference. */
.ai-glow-frame{inset:-14px;padding:40px;filter:blur(34px) saturate(1.15);opacity:.95}
@media(max-width:600px){.ai-glow-frame{inset:-8px;padding:22px;filter:blur(18px)}.ai-device{width:165px;top:35%}.ai-stage-copy>p{font-size:17px}.ai-stage-copy{max-width:200px}}
/* Blur after the mask (the mask must sit on a child, or it re-sharpens the edge). */
.ai-glow-frame{background:none;-webkit-mask:none;mask:none;padding:0;inset:0;filter:blur(30px) saturate(1.15);animation:none}
.ai-glow-frame::before{content:'';position:absolute;inset:-30px;padding:58px;border-radius:70px;background:conic-gradient(from var(--ai-glow),#4fe3ff,#8f6bff,#ff4fa3,#ffb347,#d8ff5a,#4fe3ff);-webkit-mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:ai-glow 14s linear infinite}
@media(max-width:600px){.ai-glow-frame{filter:blur(16px);inset:0;padding:0}.ai-glow-frame::before{inset:-16px;padding:30px;border-radius:40px}}
@media(prefers-reduced-motion:reduce){.ai-glow-frame::before{animation:none}}

/* Edge glow, canvas version (ai-glow.js) — replaces the CSS conic ring above. */
.ai-stage{--ai-radius:44px;border-radius:var(--ai-radius)}
.ai-glow-frame{inset:0;padding:0;filter:blur(14px) saturate(1.2);opacity:1;border-radius:var(--ai-radius);overflow:hidden}
.ai-glow-frame::before{content:none}
.ai-glow-frame canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
/* The glow lights the phone: coloured rim light from the left and right edges. */
.ai-device{box-shadow:0 0 0 2px #c97b4a44,-26px 0 60px -18px hsl(var(--ai-hue-l,300) 100% 60% / .55),26px 0 60px -18px hsl(var(--ai-hue-r,40) 100% 60% / .45),0 50px 110px #000c}
.ai-stage-prompt{box-shadow:0 25px 80px #0006,-18px 0 50px -20px hsl(var(--ai-hue-l,300) 100% 60% / .5)}
@media(max-width:600px){.ai-stage{--ai-radius:26px}.ai-glow-frame{filter:blur(9px)}}
/* Narrower border, as in the reference recording: thin bright edge, short soft fade. */
.ai-glow-frame{filter:blur(7px) saturate(1.25)}
@media(max-width:600px){.ai-glow-frame{filter:blur(5px)}}
/* No glow on the phone: a plain drop shadow only. */
.ai-device{box-shadow:0 0 0 1px #00000066,0 50px 110px #000c}
.ai-stage-prompt{box-shadow:0 25px 80px #0006}
/* Border at about a third of the previous width. */
.ai-glow-frame{filter:blur(2.5px) saturate(1.25)}
@media(max-width:600px){.ai-glow-frame{filter:blur(2px)}}
.ai-glow-frame{filter:blur(3px) saturate(1.25)}
@media(max-width:600px){.ai-glow-frame{filter:blur(2.4px)}}

/* ActAI entrance (ai-stage.js): letters rise in one after another, the tagline slides up out of a clip,
   then the copy and links fade in. */
.ai-stage.is-split .ai-char{display:inline-block;transform:translateY(.55em) rotate(8deg);opacity:0;filter:blur(10px);transition:transform 1s cubic-bezier(.16,.84,.24,1),opacity .8s ease,filter .9s ease;transition-delay:calc(var(--i) * 38ms)}
.ai-stage.is-split .ai-tag-char{display:inline-block;transform:translateY(105%);transition:transform .7s cubic-bezier(.16,.84,.24,1);transition-delay:calc(.55s + var(--i) * 22ms)}
.ai-stage.is-split .ai-cinematic-heading>p{overflow:clip;white-space:nowrap}
.ai-stage.is-split .ai-stage-copy,.ai-stage.is-split .ai-explore,.ai-stage.is-split .ai-stage-prompt{opacity:0;transition:opacity .8s ease 1s}
.ai-stage.is-in .ai-char{transform:none;opacity:1;filter:none}
.ai-stage.is-in .ai-tag-char{transform:none}
.ai-stage.is-in .ai-stage-copy,.ai-stage.is-in .ai-explore,.ai-stage.is-in .ai-stage-prompt{opacity:1}
/* "Explore more", in place of the old pointer hint: icon, dashed rule, link to the ActAI page. */
.ai-explore{position:absolute;left:7%;bottom:12%;z-index:5;display:flex;flex-direction:column;align-items:flex-start;gap:14px;color:#fff0db;text-decoration:none}
.ai-explore-icon{font-size:26px;color:#e07a3c;transition:transform .5s cubic-bezier(.16,.84,.24,1)}
.ai-explore-label{min-width:220px;padding-top:12px;border-top:1px dashed #fff0db66;font-size:13px;letter-spacing:.02em}
.ai-explore:hover .ai-explore-icon,.ai-explore:focus-visible .ai-explore-icon{transform:rotate(90deg) scale(1.15)}
.ai-explore:hover .ai-explore-label{border-top-color:#fff0db}
@media(max-width:950px){.ai-explore{left:6%;bottom:6%}.ai-explore-label{min-width:0}}
@media(max-width:600px){.ai-explore{left:6%;bottom:5%;gap:8px}.ai-explore-icon{font-size:20px}}
@media(prefers-reduced-motion:reduce){.ai-stage.is-split .ai-char,.ai-stage.is-split .ai-tag-char,.ai-stage.is-split .ai-stage-copy,.ai-stage.is-split .ai-explore,.ai-stage.is-split .ai-stage-prompt{transition:none}}
/* Platform section: "Explore Forex" (follows the tab) beside the full-size demo link. */
.platform-links{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.platform-links .text-link,.platform-links .pill-link{margin-top:0}
/* Letter spans are not the ✦: undo the heading's "h2>span" sizing for them. */
.ai-cinematic-heading h2>span.ai-char:not(.ai-char-el){font-size:inherit;vertical-align:baseline;top:0;margin-left:0}
/* ActTrader logo in the homepage header (same SVG as the inner pages). */
.flagship-logo{display:flex;align-items:center}.flagship-logo .act-logo{display:block;height:44px;width:auto}.flagship-logo .act-logo path{fill:#392b21}.flagship-logo .act-logo .logo-mark{fill:#a45d32}
.hero-navigation.is-floating .act-logo{height:36px}
@media(max-width:760px){.flagship-logo .act-logo{height:36px}}
.flagship-logo .act-logo{height:56px}.hero-navigation.is-floating .act-logo{height:44px}
@media(max-width:760px){.flagship-logo .act-logo{height:44px}}

/* Arabic (dir=rtl): the homepage scenes are positioned by hand, so their layout
   stays as designed; each block of text still runs in its own direction. */
html[dir=rtl] #intro,html[dir=rtl] #main{direction:ltr;text-align:left}
html[dir=rtl] #main :is(h1,h2,h3,h4,p,li,a,span,button,label,figcaption,small,b,strong,summary,dt,dd){unicode-bidi:plaintext}
html[dir=rtl] #main input{direction:rtl}
html[dir=rtl] .home-site-footer{direction:rtl}
/* Joined (Arabic) and ideographic (Chinese) scripts: no tight Latin tracking. */
html[lang=ar] *{letter-spacing:0!important}
html[lang=zh] :is(h1,h2,h3,h4,p,a,span,b,strong,li,button){letter-spacing:0!important}
/* ActAI heading: word boxes from ai-stage.js are full-size text, not the small ✦ badge. */
.ai-cinematic-heading h2>.ai-char-word{font-size:inherit;vertical-align:baseline;position:static;top:0;margin-left:0}