/* demo-conversion.css */
/* Benefit first at every viewport; keep the existing visual language. */
.hero .hcopy{display:flex;flex-direction:column;align-items:center;max-width:800px;order:0}
.hero .hcopy .eyebrow{order:0;margin-bottom:20px}
.hero .hcopy h1,.hero .hcopy .sub{order:0}
.hero .hcopy h1{font-size:clamp(40px,5vw,66px);line-height:1.04}
.hero .heropanel{order:1;margin-top:24px}
.hero .hfig{display:none}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin:8px 0 10px}
.hero-actions .trybtn{margin:0}
.hero-secondary{padding:15px 22px;border:1px solid #193258;border-radius:999px;background:transparent;color:#10233e;font:700 14px/1.3 Inter,sans-serif;cursor:pointer;text-decoration:none}
.hero-note{font-size:12px;line-height:1.6;color:#526079;margin:0 0 12px;text-align:center}
body.msopen .tbar,body.msopen #mfw,body.msopen #wafloat,body.callon .tbar,body.callon #mfw{display:none!important}
.voice-panel{max-width:460px;margin:auto;text-align:center}
.voice-panel #voice-line{color:#fff8e8;text-wrap:balance;padding-inline:8px}
#voice-retry[hidden]{display:none!important}
.voice-panel #voice-retry{width:100%;margin-top:16px}
.voice-orb{width:84px;height:84px;border-radius:50%;margin:8px auto 20px;background:radial-gradient(circle at 30% 25%,#a9ceff,#2456c9 45%,#0d1b30 80%);box-shadow:0 0 38px #2456c950}
.voice-panel p{color:#dbe3f3;line-height:1.6}
.voice-panel .hero-secondary{color:#fff;border-color:#8396b5;display:inline-block;margin-top:14px}
#voice-status{min-height:3.2em}
#voice-end{margin-top:20px}
@media(max-width:700px){.hero .hcopy{display:flex}.hero .heropanel{order:1}.hero .hcopy .eyebrow{order:0}.hero-actions{width:100%;flex-direction:column}.hero-actions>*{width:100%;justify-content:center;text-align:center}.hero .hcopy h1{font-size:43px;margin-top:6px}.hero .hcopy .sub{font-size:16px}.hero .hextras{order:2}.hero .heropanel{margin-top:18px}.hero-note{max-width:34ch}}


/* routing-experience.css */
.route-experience{position:relative;margin-top:32px;padding:36px;border:1px solid #b9924b66;border-radius:24px;background:radial-gradient(ellipse at 15% 10%,#214b7b88,transparent 65%),#0d1b30;color:#fffdf8;overflow:hidden;isolation:isolate}
.route-experience:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 95% 100%,#b9924b20,transparent 55%)}
.route-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:24px}
.route-heading h3{font:400 clamp(28px,4vw,42px)/1.05 "Instrument Serif",serif;margin:0;color:#fffdf8}
.route-heading p{font-size:13px;color:#b9c8dd;margin:10px 0 0;max-width:45ch}
.route-replay{flex:none;border:1px solid #96acc377;border-radius:999px;padding:9px 14px;background:transparent;color:#e4edfa;font:600 12px Inter,sans-serif;cursor:pointer}
.route-choices{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}
.route-choices button{border:1px solid #8ba3c14f;color:#cbd8e9;background:#ffffff07;border-radius:999px;padding:11px 17px;font:600 13px Inter,sans-serif;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.route-choices button[aria-pressed=true]{color:#10233e;background:#e4c17a;border-color:#e4c17a;box-shadow:0 0 24px #e4c17a25}
.route-stage{display:grid;grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);align-items:center;gap:16px;min-height:190px}
.route-caller{padding:22px;border:1px solid #a3bdd038;border-radius:18px;background:#ffffff06}
.route-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#b4c4d8;font-weight:700}
.route-quote{font:400 clamp(23px,3vw,30px)/1.2 "Instrument Serif",serif;margin:16px 0;color:#fffdf8;min-height:2.4em}
.route-wave{display:flex;align-items:center;gap:4px;height:23px;color:#e4c17a}
.route-wave i{display:block;width:3px;height:7px;background:currentColor;border-radius:4px}
.route-experience[data-phase=hearing] .route-wave i{animation:route-wave .7s ease-in-out infinite alternate;animation-delay:calc(var(--n)*-.11s)}
.route-switch{position:relative;display:flex;align-items:center;justify-content:center;height:100px}
.route-switch:before,.route-switch:after{content:"";position:absolute;width:44%;height:1px;top:50%;background:#7792b855}
.route-switch:before{left:-16px}.route-switch:after{right:-16px}
.route-core{position:relative;z-index:1;display:grid;place-items:center;width:68px;height:68px;border:1px solid #e4c17a80;border-radius:50%;background:#11243e;box-shadow:0 0 30px #2456c930;color:#e4c17a}
.route-core svg{width:27px;height:27px}
.route-experience[data-phase=routing] .route-core{animation:route-pulse .65s ease-in-out 2}
.route-experience[data-phase=routing] .route-switch:after{height:3px;background:linear-gradient(90deg,transparent,#e4c17a,transparent);background-size:200% 100%;animation:route-flow .6s linear 2}
.route-specialist{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:18px;padding:18px;border:1px solid #a3bdd038;border-radius:18px;background:#ffffff05;transition:border-color .4s,box-shadow .4s,transform .4s}
.route-specialist img{width:88px;height:105px;object-fit:cover;border-radius:12px;filter:saturate(.7);transition:filter .4s}
.route-specialist h4{font:400 27px/1.1 "Instrument Serif",serif;color:#fffdf8;margin:8px 0}
.route-specialist p{font-size:12px;color:#bac9dc;line-height:1.5;margin:0}
.route-experience[data-phase=connected] .route-specialist,.route-experience[data-phase=done] .route-specialist{border-color:#e4c17a99;box-shadow:0 0 35px #e4c17a12;transform:translateY(-3px)}
.route-experience[data-phase=done] .route-specialist img{filter:saturate(1)}
.route-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #99b0cf25;margin-top:26px;padding-top:22px}
.route-status{display:flex;gap:9px;align-items:center;margin:0;font-size:13px;color:#bfcde0;min-height:2.8em;max-width:48ch}
.route-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#e4c17a;flex:none}
.route-experience[data-phase=done] .route-status:before{background:#80dbad;box-shadow:0 0 12px #80dbad55}
.route-live{flex:none;border:0;border-radius:999px;background:#e4c17a;color:#14253e;font:700 13px Inter,sans-serif;padding:14px 19px;cursor:pointer}
.route-fine{font-size:10px;line-height:1.5;color:#94a8c3;margin:16px 0 0}
.route-experience button:focus-visible{outline:3px solid #a9ceff;outline-offset:4px}
@keyframes route-wave{to{height:23px;opacity:.55}}
@keyframes route-pulse{50%{box-shadow:0 0 0 13px #e4c17a10,0 0 40px #e4c17a30;transform:scale(1.06)}}
@keyframes route-flow{to{background-position:-200% 0}}
@media(max-width:700px){.route-experience{padding:24px 20px}.route-heading{gap:12px}.route-heading h3{font-size:31px}.route-replay{padding:8px 10px}.route-choices{gap:6px;margin-bottom:20px}.route-choices button{padding:10px 12px;font-size:12px}.route-stage{grid-template-columns:1fr;gap:0}.route-caller{padding:18px}.route-quote{min-height:0;margin:12px 0}.route-switch{height:74px}.route-core{width:48px;height:48px}.route-core svg{width:22px;height:22px}.route-switch:before,.route-switch:after{width:1px;height:20px;left:50%;right:auto;top:0}.route-switch:after{top:auto;bottom:0}.route-experience[data-phase=routing] .route-switch:after{height:20px;width:3px;background:linear-gradient(180deg,transparent,#e4c17a,transparent)}.route-specialist{grid-template-columns:76px 1fr;padding:15px}.route-specialist img{width:76px;height:86px}.route-footer{align-items:stretch;flex-direction:column;gap:14px;margin-top:20px;padding-top:18px}.route-status{min-height:2.8em}.route-live{text-align:center}.route-fine{font-size:10px}}
@media(prefers-reduced-motion:reduce){.route-experience *,.route-experience *:before,.route-experience *:after{animation:none!important;transition:none!important;transform:none!important}}


/* crm-experience.css */
.crm-experience{margin:22px 0 24px;padding:22px;border:1px solid #b9924b33;background:#fffdf8;border-radius:20px;box-shadow:0 10px 30px #10233e06}
.crm-experience-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.crm-experience h3{font:400 29px/1.15 "Instrument Serif",serif;color:#10233e;margin:0}
.crm-search{display:flex;flex-direction:column;gap:5px;flex:none;font-size:11px;font-weight:700;color:#526079}
.crm-search input{font:400 14px Inter,sans-serif;color:#10233e;background:#f6f3eb;border:1px solid #d9d2c4;border-radius:999px;padding:11px 16px;width:230px;max-width:100%}
.crm-carousel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 2px 14px;margin:0;list-style:none;scrollbar-width:thin;scrollbar-color:#c4a469 #f0ece3}
.crm-carousel li{flex:0 0 162px;scroll-snap-align:start;height:88px;background:#fff;border:1px solid #e5dccb;border-radius:14px;display:flex;justify-content:center;align-items:center;padding:15px;box-shadow:0 4px 12px #10233e05;color:#183352;font:700 17px/1.15 Inter,sans-serif;text-align:center}
.crm-carousel li[hidden]{display:none}
.crm-carousel img{max-width:128px;max-height:46px;width:auto;height:auto;object-fit:contain}
.premium-demo .crm-carousel.is-looping{scroll-snap-type:none;scroll-behavior:auto;scrollbar-width:none}
.premium-demo .crm-carousel.is-looping::-webkit-scrollbar{display:none}
.crm-carousel-controls button[hidden]{display:none}
.crm-carousel-controls{display:flex;align-items:center;gap:8px;margin-top:12px}
.crm-carousel-controls button{display:grid;place-items:center;min-width:38px;height:38px;border:1px solid #d7d0c3;border-radius:50%;background:#fff;color:#183352;cursor:pointer}
.crm-carousel-controls svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8}
.crm-carousel-controls .crm-auto{border-radius:999px;padding:0 14px;font:600 11px Inter,sans-serif}
.crm-carousel-controls p{margin:0 auto 0 0;font-size:12px;color:#617087}
.crm-empty{font-size:13px;color:#526079;margin:12px 0}
.crm-empty[hidden]{display:none}
.crm-experience-note{font-size:11px;line-height:1.5;color:#6a7c94;margin:14px 0 0}
.crm-experience button:focus-visible,.crm-search input:focus-visible{outline:3px solid #2456c9;outline-offset:3px}
.crm-short-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 24px}
.crm-short-point{padding:20px;border-radius:16px;background:#f5f1e8;border-top:2px solid #d8b772}
.crm-short-point span{display:block;color:#b9924b;font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:12px}
.crm-short-point h3{font:400 25px/1.1 "Instrument Serif",serif;color:#10233e;margin:0 0 8px}
.crm-short-point p{font-size:13px;line-height:1.55;margin:0;color:#526079}
#crm .reapit>div{max-width:none!important;width:100%}
#lines .lcard .photo{background:#fffaf0;height:210px}
#lines .lcard .photo img{object-fit:contain;background:#fffaf0;object-position:center}
.route-specialist img{object-fit:contain!important;background:#fffaf0;filter:none!important;border-radius:14px}
.route-specialist{grid-template-columns:112px minmax(0,1fr)}
.route-specialist img{width:112px;height:112px}
@media(max-width:700px){.crm-experience{padding:20px 16px}.crm-experience-head{align-items:stretch;flex-direction:column;gap:14px}.crm-search input{width:100%}.crm-carousel li{flex-basis:145px;height:82px;font-size:16px}.crm-short-points{grid-template-columns:1fr;gap:9px}.crm-short-point{padding:17px 18px;display:grid;grid-template-columns:24px 1fr;column-gap:10px}.crm-short-point span{grid-row:1/3;margin:4px 0 0}.crm-short-point h3{font-size:25px;margin-bottom:5px}.crm-short-point p{grid-column:2}.crm-carousel-controls{flex-wrap:wrap}.crm-carousel-controls .crm-auto{padding:0 10px}.route-specialist{grid-template-columns:96px minmax(0,1fr)}.route-specialist img{width:96px;height:96px}#lines .lcard .photo{height:210px}}


/* clay-experience.css */
/* Larger scenes, fewer words: one illustration and one action per specialist. */
#lines .lcard .photo{height:300px}
#lines .lcard .photo img{object-fit:cover;object-position:center 30%;width:100%;height:100%}
#lines .lcard .badge{display:none}
#lines .lcard .body{padding:24px;text-align:left}
#lines .lcard .tag{display:none}
#lines .lcard .body h3{font-size:31px;margin:0 0 10px}
.specialist-benefit{font-size:15px;line-height:1.55;color:#526079;margin:0 0 22px;min-height:3.1em}
.route-stage{grid-template-columns:minmax(0,1fr) 85px minmax(0,1.15fr)}
.route-specialist{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden}
.route-specialist img{width:100%;height:240px;object-fit:cover!important;object-position:center 28%;border-radius:0}
.route-specialist>div{padding:17px 20px}
.route-specialist .route-label,.route-specialist [data-route-description]{display:none}
.route-specialist h4{margin:0;font-size:29px}
.route-actions{display:flex;flex-direction:column;align-items:center;gap:11px;flex:none}
.route-live{font-size:14px;padding:16px 24px;box-shadow:0 7px 24px #0002}
.route-walkthrough{border:0;background:transparent;color:#dbe7f7;font:500 12px Inter,sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.route-fine{font-size:10px}
.heropanel .pbg,.heropanel .hsign,.heropanel .boot{display:none!important}
.hero .heropanel{background:radial-gradient(ellipse at 25% 0%,#31547d,#0d1b30 70%);padding-top:30px}
.heropanel .ptop{margin-bottom:22px}
.heropanel .ptop h3{font-size:clamp(28px,4vw,38px);line-height:1.12;max-width:24ch;margin:0 auto}
.heropanel .pk{display:none}
.heropanel .ptry p{max-width:34ch;margin-left:auto;margin-right:auto}
@media(max-width:700px){#lines .lcard .photo{height:310px}#lines .lcard .body{padding:22px}.specialist-benefit{min-height:0}.route-stage{grid-template-columns:1fr}.route-specialist img{height:240px}.route-specialist>div{padding:15px 18px}.route-specialist h4{font-size:27px}.route-actions{align-items:stretch}.route-live{width:100%}.hero .heropanel{padding:28px 20px 54px}.heropanel .ptop h3{font-size:31px}}


/* premium-refinement.css */
/* Refined architectural imagery and a clearer specialist handover. */
#lines .lcard .photo{height:290px;background:#eee6d8;overflow:hidden}
#lines .lcard .photo img{object-position:center;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
#lines .lcard:hover .photo img{transform:scale(1.035)}
#lines .lcard .body h3{text-align:left}
#lines .specialist-benefit{min-height:0;margin:0;color:#34465e;font-size:15px}
.specialist-steps{list-style:none;counter-reset:step;padding:4px 0 12px;margin:0;display:grid;gap:12px}
.specialist-steps li{counter-increment:step;display:flex;align-items:center;gap:10px;color:#526079;font-size:13px;line-height:1.5}
.specialist-steps li:before{content:counter(step,decimal-leading-zero);font-size:10px;font-weight:700;letter-spacing:.05em;color:#a87f38;flex:0 0 21px}
.shopf .fascia.fz{left:10%;width:80%;top:24.7%;height:5.8%;gap:.8cqw}
.shopf .fname2{font-size:4.6cqw;filter:drop-shadow(0 .14cqw 0 #000)}
.shopf .fsub{font-size:1.1cqw;letter-spacing:.24em}
.finalcard .fx1{max-width:620px;margin-left:auto;margin-right:auto}
.finalcard .fx2{max-width:650px;margin-left:auto;margin-right:auto}
.finalcard button.mailbtn{cursor:pointer;font-family:inherit;border:1px solid #d5b77e;line-height:1.5}
.ft{background:radial-gradient(ellipse at 15% 0,rgba(199,164,96,.10),transparent 55%),#09172a!important;border-top:1px solid rgba(213,183,126,.4);padding:52px 0 36px!important}
.ft .ftbrand{color:#f7f0e3!important}.ft .ftwm{font-size:32px;letter-spacing:-1.2px}.ft .ftmark{width:38px;height:38px}
.ft .ftag{color:#c6cbd2;max-width:290px;line-height:1.6;font-size:15px}
.ft .ftlinks{padding:24px 0;margin-top:25px;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;gap:22px}
.ft .ftlinks a{color:#d7bd87;transition:color .2s}.ft .ftlinks a:hover{color:#fff}
.ft .ftfine{color:#9ca6b5;line-height:1.8;margin-top:22px}
.ft .footer-flow{color:#d8b678;display:inline-flex}.footer-flow i{font-style:normal;display:inline-block;animation:premium-flow 7s ease-in-out infinite}.footer-flow i:nth-child(2){animation-delay:.15s}.footer-flow i:nth-child(3){animation-delay:.3s}.footer-flow i:nth-child(4){animation-delay:.45s}
@keyframes premium-flow{0%,62%,100%{transform:translateY(0);color:#d8b678;text-shadow:none}72%{transform:translateY(-3px);color:#fff0cf;text-shadow:0 0 16px #d8b67888}82%{transform:translateY(0)}}
@media(max-width:600px){#lines .lcard .photo{height:300px}.ft .ftrow{align-items:flex-start;gap:20px}.ft .ftag{max-width:100%}.ft .ftlinks{gap:18px}.finalcard button.mailbtn{width:100%;padding:17px 15px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.footer-flow i{animation:none}#lines .lcard .photo img{transition:none}#lines .lcard:hover .photo img{transform:none}}


/* simple-experience.css */
.simple-setup{margin-top:40px;padding:32px;border:1px solid #dccdb1;border-radius:22px;background:#fffdf8}
.simple-setup-head h3{font:400 clamp(27px,3vw,36px)/1.15 "Instrument Serif",serif;color:#10233e;margin:12px 0 27px}.simple-setup-head h3 em{color:#ad8544;font-weight:400}
.simple-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:0;margin:0}
.simple-icon{display:grid;place-items:center;width:46px;height:46px;flex:none;border:1px solid #d9bd86;border-radius:14px;background:#f7f0e2;color:#9c7535}.simple-icon svg{width:24px;height:24px}
.simple-steps h4{font:600 15px/1.45 Inter,sans-serif;margin:17px 0 7px;color:#10233e}.simple-steps p{font-size:13px;line-height:1.7;color:#5a687a;margin:0;max-width:30ch}
.simple-text-cta{display:inline-flex;align-items:center;gap:18px;margin-top:25px;padding:0 0 5px;border:0;border-bottom:1px solid #c6a261;color:#10233e;background:none;font:600 13px/1.6 Inter,sans-serif;cursor:pointer}
.crm-experience{margin-bottom:0;padding:26px}.crm-experience-head{margin-bottom:24px}.crm-experience h3{font-size:27px}.crm-carousel{gap:14px;padding-bottom:12px;scrollbar-width:none;overscroll-behavior-x:contain}.crm-carousel::-webkit-scrollbar{display:none}
.crm-carousel li{height:108px;flex-basis:180px;padding:20px}.crm-carousel img{width:140px;height:52px;max-width:140px;max-height:52px;object-fit:contain}
.crm-carousel-controls{margin-top:10px}.crm-carousel-controls p{font-size:11px;letter-spacing:.03em}.crm-carousel-controls button{transition:background .2s,border-color .2s}.crm-carousel-controls button:hover:enabled{background:#f5ead5;border-color:#b9924b}.crm-carousel-controls button:disabled{opacity:.3;cursor:default}
.crm-experience-note{margin-top:16px;max-width:65ch}.crm-engage{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0 8px}.crm-engage p{margin:0;font-size:14px;line-height:1.7;color:#526079}.crm-engage b{display:block;color:#10233e;font-weight:600}.crm-engage button{display:inline-flex;align-items:center;justify-content:center;gap:18px;flex:none;padding:15px 20px;background:#10233e;color:#fffdf8;border:1px solid #10233e;border-radius:999px;font:600 12px/1.5 Inter,sans-serif;cursor:pointer;transition:background .2s}.crm-engage button:hover{background:#253e5e}
#guardrails.simple-behaviour{padding:52px 0;background:#f2eee4}.simple-behaviour-head{text-align:center;margin-bottom:30px}.simple-behaviour-head h2{font-size:clamp(31px,3.4vw,43px);margin:10px 0}.behaviour-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.behaviour-card{padding:23px 18px;border:1px solid #e3d9c7;background:#fffdf8;border-radius:18px}.behaviour-card h3{font:600 13px/1.5 Inter,sans-serif;color:#10233e;margin:18px 0 8px}.behaviour-card p{font-size:12px;line-height:1.7;margin:0;color:#5a687a}.behaviour-card.rev{transform:translateY(10px);filter:none;transition:opacity .55s ease,transform .55s ease}.behaviour-card.rev.on{transform:none}
.simple-text-cta:focus-visible,.crm-engage button:focus-visible{outline:3px solid #2456c9;outline-offset:4px}
@media(max-width:900px){.behaviour-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.crm-engage{align-items:flex-start;flex-direction:column;gap:16px}}
@media(max-width:600px){.simple-setup{padding:25px 22px}.simple-steps{grid-template-columns:1fr;gap:23px}.simple-steps li{display:grid;grid-template-columns:46px 1fr;gap:4px 15px}.simple-steps .simple-icon{grid-row:1/3}.simple-steps h4{margin:0}.simple-steps p{max-width:none}.simple-setup-head h3{margin-bottom:26px}.crm-experience{padding:23px 17px}.crm-carousel li{flex-basis:160px;height:96px;padding:14px}.crm-carousel img{width:130px;max-width:130px}.crm-engage button{width:100%}.behaviour-grid{grid-template-columns:1fr;gap:10px}.behaviour-card{display:grid;grid-template-columns:46px 1fr;gap:4px 15px;padding:18px}.behaviour-card .simple-icon{grid-row:1/3}.behaviour-card h3{margin:0}.behaviour-card p{font-size:12px}#guardrails.simple-behaviour{padding:38px 0}}
@media(prefers-reduced-motion:reduce){.behaviour-card.rev{opacity:1;transform:none;transition:none}}


/* finishing-flow.css */
/* A continuous conversation, with restrained movement and a quieter closing. */
.specialist-flow{display:flex;align-items:center;justify-content:center;gap:22px;margin:30px auto 28px;max-width:700px;color:#566276;font:600 11px/1.5 Inter,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.specialist-flow span{display:flex;gap:10px;align-items:center;white-space:nowrap}.specialist-flow i{width:7px;height:7px;border-radius:50%;background:#b58f4d;box-shadow:0 0 0 4px #bc9b5e15}.specialist-flow b{position:relative;flex:1;height:1px;min-width:25px;background:#d9c9a9;overflow:hidden}.specialist-flow b:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#99702e,transparent);transform:translateX(-100%);animation:conversation-stream 4.8s ease-in-out infinite;animation-play-state:paused}.specialist-flow b:nth-of-type(2):after{animation-delay:1s}
#lines .specialist-detail{font-size:13px;line-height:1.75;color:#667184;margin:0 0 2px;min-height:6.9em}#lines .specialist-benefit{font-weight:600}#lines .lcard .body{gap:13px}#lines .lcard .photo img{animation:specialist-drift 18s ease-in-out infinite alternate;animation-play-state:paused;transform-origin:50% 55%}#lines .lcard:nth-child(2) .photo img{animation-delay:-5s}#lines .lcard:nth-child(3) .photo img{animation-delay:-10s}
.motion-active.specialist-flow b:after,#lines .motion-active.lgrid .photo img{animation-play-state:running}
@keyframes conversation-stream{0%,15%{transform:translateX(-110%)}65%,100%{transform:translateX(110%)}}
@keyframes specialist-drift{from{transform:scale(1.01)}to{transform:scale(1.065)}}
.finalcard{border:1px solid #bc9b5e65;box-shadow:0 24px 70px #10233e24;background:#0c1d32}.finalcard::before{background-image:url('/demo/premium-agency.webp');background-position:100% 55%;background-size:55% auto;background-repeat:no-repeat;filter:brightness(.82)}.finalcard::after{background:linear-gradient(90deg,#0c1d32 10%,#0c1d32f5 40%,#0c1d32aa 68%,#0c1d3230)}.finalinner{padding:70px 54px;text-align:left}.finalinner h2{font-size:clamp(40px,4.7vw,61px);max-width:12ch;line-height:1.05}.finalinner .fdiv{margin:25px 0}.finalcard .fx1,.finalcard .fx2{margin-left:0;max-width:52ch}.finalcard .fx1{font-size:20px}.finalcard .fx2{font-size:14px}.finalcard .fx2 b{white-space:normal}.finalcard .direct{justify-content:flex-start}.finalcard .finalnote{max-width:65ch;text-align:left;margin-left:0}.finalcard .wamail{margin-left:18px}
.cat2head>p{max-width:66ch!important}.cat2{border-top:1px solid #dac8a3}.refer .rfbox{background:linear-gradient(120deg,#101f33,#15283e);border-color:#b99b603d;box-shadow:0 22px 60px #00000020}.refer .rfsteps b{background:#cfb37a;color:#10233e}.refer .rff input,.refer .rff select{border-color:#ffffff24}
.ft{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 5%,#b3925130,transparent 45%),linear-gradient(120deg,#081525,#10253b)!important;padding:70px 0 38px!important}.ft:before{content:'';position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,#dbbe85,transparent)}.ft>.wrap{position:relative}.ft-invitation{display:flex;align-items:center;justify-content:space-between;gap:50px;padding-bottom:55px;margin-bottom:42px;border-bottom:1px solid #d3b78330}.ft-eyebrow{font:600 10px/1.5 Inter,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#cfb37a}.ft-invitation h2{color:#faf4e7;font:400 clamp(38px,5.2vw,67px)/1.04 "Instrument Serif",Georgia,serif;letter-spacing:-.015em;margin:20px 0}.ft-invitation h2 em{color:#d4b77d;font-weight:400}.ft-invitation p{font:400 13px/1.8 Inter,sans-serif;color:#aeb9c7;margin:0;max-width:41ch}.ft-invite{display:flex;align-items:center;justify-content:space-between;gap:45px;flex:none;padding:19px 24px;min-width:230px;border:1px solid #d4b77d;border-radius:999px;background:#d4b77d;color:#10233e;font:600 13px/1.5 Inter,sans-serif;cursor:pointer;box-shadow:0 8px 28px #00000015;transition:background .3s,transform .3s}.ft-invite span{font-size:20px;font-weight:400}.ft-invite:hover{background:#ecd7ad;transform:translateY(-2px)}.ft-invite:focus-visible{outline:3px solid #fff3cd;outline-offset:5px}.ft .ftwm{font-family:Georgia,serif;font-size:clamp(33px,4vw,48px);font-weight:600;letter-spacing:-1.6px}.ft .ftmark{width:42px;height:42px}.ft .ftag{font-size:13px;color:#aeb9c7}.ft .ftlinks{margin-top:30px;border-top:0}.ft .ftfine{max-width:100ch;font-size:10px;color:#8e9daf}.ft .footer-flow i{animation-play-state:paused}.ft.motion-active .footer-flow i{animation-play-state:running}
@media(max-width:700px){.specialist-flow{gap:11px;font-size:9px;letter-spacing:.02em;margin:24px 0}.specialist-flow span{gap:7px}.specialist-flow b{min-width:12px}#lines .specialist-detail{min-height:0}.finalinner{padding:40px 28px}.finalcard::before{background-size:cover;background-position:center;opacity:.4}.finalcard::after{background:linear-gradient(90deg,#0c1d32ed,#0c1d32a8)}.finalinner h2{max-width:14ch;font-size:43px}.finalcard .wamail{margin:18px 0 0}.finalcard .direct{line-height:1.8}.ft{padding-top:46px!important}.ft-invitation{align-items:flex-start;flex-direction:column;gap:26px;padding-bottom:36px;margin-bottom:32px}.ft-invitation h2{font-size:46px}.ft-invite{width:100%;padding:16px 22px}.ft .ftrow{align-items:flex-start}.ft .ftwm{font-size:38px}}
@media(prefers-reduced-motion:reduce){.specialist-flow b:after,#lines .lcard .photo img{animation:none}.ft-invite{transition:none}.ft-invite:hover{transform:none}}


/* section-refinement.css */
/* Shared editorial rhythm, genuine Lucide icons, and one disclosure motion. */
details.luxe-disclosure{border:1px solid #d8c7a6;border-radius:20px;background:#fcfaf5;box-shadow:none;margin-top:30px}
details.luxe-disclosure>summary{padding:25px 26px;gap:18px;transition:background .25s;outline-offset:-5px}
details.luxe-disclosure>summary:hover{background:#f2ecdf}details.luxe-disclosure>summary:focus-visible{outline:2px solid #193c63;border-radius:18px}
.luxe-summary-icon{display:grid;place-items:center;flex:0 0 48px!important;width:48px;height:48px;color:#a27a36;border:1px solid #d8c39a;border-radius:50%;background:#f8f1e3}.luxe-summary-icon svg{width:23px;height:23px}
.luxe-summary-copy{flex:1}.luxe-summary-copy b{display:block;font:400 26px/1.15 "Instrument Serif",Georgia,serif;color:#10233e}.luxe-summary-copy small{display:block;font:400 12px/1.6 Inter,sans-serif;color:#627087;margin-top:6px}
.luxe-disclosure-action{display:flex;align-items:center;gap:18px;font:600 11px/1.5 Inter,sans-serif;color:#5b6472}.luxe-disclosure-action svg{width:20px;height:20px;stroke:#9c783a;transition:transform .5s cubic-bezier(.2,.75,.2,1)}.luxe-disclosure.is-expanded .luxe-disclosure-action svg{transform:rotate(45deg)}
details.luxe-disclosure .luxe-disclosure-panel{padding:0;animation:none}.luxe-disclosure-content{padding:0 26px 26px}.luxe-panel-intro{font:400 14px/1.7 Inter,sans-serif;color:#5b6a7e;padding:23px 0;margin:0;border-top:1px solid #dfd3bf}.luxe-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.luxe-feature{display:flex;gap:16px;padding:24px 0;border-top:1px solid #e6dccb}.luxe-feature-icon{width:40px;flex:0 0 40px;color:#9d793c}.luxe-feature-icon svg{width:27px;height:27px}.luxe-feature h3{font:600 14px/1.5 Inter,sans-serif;margin:0 0 8px;color:#10233e}.luxe-feature p{font:400 13px/1.8 Inter,sans-serif;color:#5f6d80;margin:0;max-width:40ch}.luxe-panel-note{display:flex;align-items:center;gap:10px;font:500 11px/1.6 Inter,sans-serif;color:#657063;margin:6px 0 0;padding-top:17px;border-top:1px solid #dfd3bf}.luxe-panel-note svg{width:15px;height:15px;color:#9d793c}
.luxe-disclosure.is-expanded .luxe-feature{animation:luxe-item-in .55s cubic-bezier(.2,.75,.2,1) both}.luxe-disclosure.is-expanded .luxe-feature:nth-child(2){animation-delay:.05s}.luxe-disclosure.is-expanded .luxe-feature:nth-child(3){animation-delay:.1s}.luxe-disclosure.is-expanded .luxe-feature:nth-child(4){animation-delay:.15s}
.simple-setup.luxe-setup{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;padding:46px;background:linear-gradient(120deg,#fffdf8,#f8f4ec);border:1px solid #d6c5a5;border-radius:24px;box-shadow:0 16px 48px #10233e05}.luxe-setup .simple-setup-head h3{font-size:clamp(34px,3.4vw,44px);line-height:1.1;margin:15px 0 20px}.luxe-setup .simple-setup-head>p{font:400 14px/1.8 Inter,sans-serif;color:#657085;max-width:28ch;margin:0}.luxe-setup .simple-text-cta{margin-top:28px;font-size:12px;gap:16px;padding-bottom:9px}.luxe-setup .simple-text-cta svg{width:17px;height:17px;transition:transform .25s}.luxe-setup .simple-text-cta:hover svg{transform:translate(2px,-2px)}
.luxe-setup .simple-steps{display:grid;grid-template-columns:1fr;gap:0;position:relative}.luxe-setup .simple-steps:before{content:'';position:absolute;left:25px;top:28px;bottom:45px;width:1px;background:linear-gradient(#c1a46e,#d7c9ae)}.luxe-setup .simple-steps li{display:flex;gap:23px;align-items:flex-start;position:relative;padding:0 0 28px}.luxe-setup .simple-steps li:last-child{padding-bottom:0}.luxe-setup .simple-icon{width:51px;height:51px;flex:0 0 51px;border-radius:50%;background:#fbf7ed;position:relative;box-shadow:0 0 0 7px #fcf9f2;color:#967039;border-color:#cdb78b}.luxe-step-number{font:600 9px/1.5 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#a28148}.luxe-setup .simple-steps h4{font-size:15px;margin:5px 0 7px}.luxe-setup .simple-steps p{font-size:13px;line-height:1.75;max-width:35ch}
#guardrails.luxe-behaviour{padding:60px 0;background:radial-gradient(ellipse at 90% 0,#c7a56613,transparent 55%),#102238;color:#fff;border-top:1px solid #c7a56642;border-bottom:1px solid #c7a56642}.luxe-behaviour .simple-behaviour-head{text-align:left;margin-bottom:34px}.luxe-behaviour .snum{color:#c6a570}.luxe-behaviour .simple-behaviour-head h2{color:#f8f3e8;font-size:clamp(35px,3.8vw,48px);margin-top:12px}.luxe-behaviour .simple-behaviour-head em{color:#d1b47f}.luxe-behaviour .behaviour-grid{gap:0;grid-template-columns:repeat(5,minmax(0,1fr))}.luxe-behaviour .behaviour-card{display:block;padding:0 24px;border:0;border-left:1px solid #d4bb862c;border-radius:0;background:none;box-shadow:none}.luxe-behaviour .behaviour-card:first-child{padding-left:0;border-left:0}.luxe-behaviour .behaviour-card:last-child{padding-right:0}.luxe-behaviour .simple-icon{width:48px;height:48px;background:#d4bb8608;border-radius:50%;border-color:#d4bb864a;color:#d4b67f}.luxe-behaviour .behaviour-card h3{font-size:14px;font-weight:600;line-height:1.6;color:#f5f0e5;margin:22px 0 10px}.luxe-behaviour .behaviour-card p{font-size:12px;line-height:1.85;color:#b7c3d2;max-width:25ch}
.luxe-setup.motion-ready .simple-steps li,.luxe-behaviour.motion-ready .behaviour-card{opacity:0;transform:translateY(12px)}.luxe-setup.is-present .simple-steps li,.luxe-behaviour.is-present .behaviour-card{animation:luxe-item-in .65s cubic-bezier(.2,.75,.2,1) both}.luxe-setup.is-present li:nth-child(2),.luxe-behaviour.is-present article:nth-child(2){animation-delay:.08s}.luxe-setup.is-present li:nth-child(3),.luxe-behaviour.is-present article:nth-child(3){animation-delay:.16s}.luxe-behaviour.is-present article:nth-child(4){animation-delay:.24s}.luxe-behaviour.is-present article:nth-child(5){animation-delay:.32s}
@keyframes luxe-item-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:900px){.simple-setup.luxe-setup{gap:34px;padding:34px}.luxe-behaviour .behaviour-card{padding:0 15px}.luxe-behaviour .behaviour-card h3{font-size:13px}}
@media(max-width:650px){details.luxe-disclosure>summary{padding:21px 17px;gap:12px}.luxe-summary-icon{width:40px;height:40px;flex-basis:40px!important}.luxe-summary-copy b{font-size:23px}.luxe-summary-copy small{font-size:10px;max-width:22ch}.luxe-disclosure-action{gap:0}.luxe-disclosure-action>span{display:none}.luxe-disclosure-content{padding:0 20px 22px}.luxe-panel-intro{font-size:13px;padding:20px 0}.luxe-feature-grid{grid-template-columns:1fr}.luxe-feature{padding:21px 0;gap:14px}.luxe-feature-icon{flex-basis:31px}.luxe-feature h3{font-size:13px}.luxe-feature p{font-size:12px;line-height:1.85}.simple-setup.luxe-setup{grid-template-columns:1fr;padding:28px 23px;gap:35px}.luxe-setup .simple-setup-head h3{font-size:36px}.luxe-setup .simple-setup-head>p{max-width:29ch;font-size:13px}.luxe-setup .simple-text-cta{margin-top:22px}.luxe-setup .simple-steps li{gap:19px;padding-bottom:28px}.luxe-setup .simple-steps h4{font-size:14px}.luxe-setup .simple-steps p{font-size:12px;line-height:1.85}.luxe-setup .simple-steps:before{bottom:60px}.luxe-setup .simple-icon{grid-row:auto}#guardrails.luxe-behaviour{padding:40px 0}.luxe-behaviour .behaviour-grid{grid-template-columns:1fr}.luxe-behaviour .behaviour-card,.luxe-behaviour .behaviour-card:first-child,.luxe-behaviour .behaviour-card:last-child{display:grid;grid-template-columns:48px 1fr;gap:6px 18px;padding:22px 0;border-left:0;border-top:1px solid #d4bb862c}.luxe-behaviour .behaviour-card .simple-icon{grid-row:1/3}.luxe-behaviour .behaviour-card h3{margin:0;font-size:14px}.luxe-behaviour .behaviour-card p{max-width:29ch}.luxe-behaviour .simple-behaviour-head{margin-bottom:20px}}
.luxe-setup .simple-steps:before{display:none}.luxe-setup .simple-steps li:not(:last-child):after{content:'';position:absolute;left:25px;top:58px;bottom:7px;width:1px;background:#d7c9ae}
@media(prefers-reduced-motion:reduce){.luxe-disclosure.is-expanded .luxe-feature,.luxe-setup.is-present .simple-steps li,.luxe-behaviour.is-present .behaviour-card{animation:none;opacity:1;transform:none}.luxe-setup.motion-ready .simple-steps li,.luxe-behaviour.motion-ready .behaviour-card{opacity:1;transform:none}.luxe-disclosure-action svg,.luxe-setup .simple-text-cta svg{transition:none}}


/* conversion-completion.css */
.route-experience{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:32px;row-gap:18px;align-items:start}.route-heading{grid-column:1;grid-row:1;margin:0;gap:12px}.route-heading h3{font-size:clamp(30px,3.2vw,41px)}.route-replay{font-size:10px;padding:8px 10px}.route-choices{grid-column:1;grid-row:2;margin:0}.route-stage{display:contents}.route-caller{grid-column:1;grid-row:3;padding:20px;align-self:center}.route-switch{display:none}.route-specialist{grid-column:2;grid-row:1/6;align-self:stretch}.route-specialist img{width:100%;height:auto!important;aspect-ratio:16/10;object-fit:cover!important;object-position:center 48%;border-radius:0}.route-specialist>div{padding:23px}.route-specialist .route-label{display:block;color:#d5b77d;font-size:9px;letter-spacing:.13em}.route-specialist h4{margin:11px 0 10px;font-size:30px}.route-specialist [data-route-description]{display:block;font-size:12px;line-height:1.75;max-width:37ch;color:#c2cedc}.route-specialist .route-live{display:block;width:100%;margin-top:20px;font-size:13px;padding:15px 18px;box-shadow:none;transition:background .2s,transform .2s}.route-specialist .route-live:hover{background:#f0d79f;transform:translateY(-1px)}.route-call-note{display:block;text-align:center;margin:10px 0 0;font:400 10px/1.6 Inter,sans-serif;color:#a9b9ce}.route-footer{grid-column:1;grid-row:4;margin:0;padding:0;border-top:0;align-items:flex-start;flex-direction:column;gap:12px}.route-actions{align-items:flex-start}.route-walkthrough{font-size:12px}.route-fine{grid-column:1;grid-row:5;margin:0}.route-core{width:58px;height:58px}
@media(max-width:700px){.route-experience{display:block}.route-heading{margin-bottom:24px}.route-heading h3{font-size:31px}.route-choices{margin-bottom:20px}.route-stage{display:grid;grid-template-columns:1fr;gap:0}.route-caller,.route-specialist{grid-column:auto;grid-row:auto}.route-specialist img{aspect-ratio:3/2}.route-specialist>div{padding:22px}.route-switch{display:flex;height:66px}.route-core{width:46px;height:46px}.route-specialist h4{font-size:29px}.route-heading p{max-width:29ch}.route-status{font-size:12px}.route-footer{margin-top:20px;padding-top:18px;border-top:1px solid #99b0cf25;gap:14px;align-items:stretch}.route-actions{align-items:stretch}.route-specialist .route-live{font-size:13px;padding:16px 12px}.route-fine{margin-top:16px}}

@media(prefers-reduced-motion:reduce){.route-specialist .route-live{transition:none}.route-specialist .route-live:hover{transform:none}}


/* agency-crm-focus.css */
.hero{padding-top:32px}.hero .wrap{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);column-gap:44px;row-gap:24px;align-items:start}.hero .hcopy{grid-column:1;grid-row:1;align-items:flex-start;text-align:left;max-width:none;padding-top:8px}.hero-agency{display:flex;align-items:center;gap:17px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #d7c7a8;width:100%}.hero-agency-monogram{display:grid;place-items:center;flex:0 0 57px;width:57px;height:57px;border-radius:17px;background:#10233e;color:#d7b97e;border:1px solid #c5a66a;font:400 33px/1 "Instrument Serif",serif}.hero-agency-label{display:block;font:600 9px/1.5 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#9b783d;margin-bottom:7px}.hero-agency strong{display:block;font:400 clamp(28px,2.9vw,39px)/1.12 "Instrument Serif",Georgia,serif;color:#10233e;overflow-wrap:anywhere}.hero .hcopy h1{font-size:clamp(42px,4.25vw,59px);line-height:1.05;margin:0 0 23px;letter-spacing:-.015em}.hero .hcopy .sub{font-size:16px;line-height:1.85;margin:0 0 22px;max-width:47ch}.hero .hero-actions{justify-content:flex-start;gap:11px;margin:0 0 15px}.hero .hero-actions button{font-size:13px}.hero .hero-note{text-align:left;font-size:11px;line-height:1.8;max-width:44ch}.hero .hero-walkthrough{font-size:12px;padding:9px 0 5px;border:0;border-radius:0;border-bottom:1px solid #c4a268;font-weight:600;margin-top:3px}.hero .heropanel{grid-column:2;grid-row:1;width:100%;min-height:0;margin:0;padding:27px 18px 42px;order:unset}.hero .heropanel .ptop h3{font-size:31px}.hero .heropanel .phone{width:min(302px,100%)}.hero .hextras{grid-column:1/-1;grid-row:2;order:unset;max-width:none}.hero .disclaim{font-size:10px;max-width:92ch}.hero .heropanel .ptry{margin-top:20px}.hero .heropanel .ptry .pr{display:none}.hero .heropanel .ptop{margin-bottom:19px}
#lines .lcard .photo{height:295px}#lines .lcard .photo img{object-position:50% 18%;animation:none}
.systems-suite{background:radial-gradient(ellipse at 90% 10%,#b4965a20,transparent 45%),#102238;border-top:1px solid #bd9c5c55;border-bottom:1px solid #bd9c5c55}.systems-suite #crm{padding:65px 0 0;background:none}.systems-suite #crm .shead{margin-bottom:24px}.systems-suite #crm .snum{color:#cbb17b}.systems-suite #crm .shead h2{font-size:clamp(41px,5.2vw,65px);color:#fff9ed;line-height:1.04}.systems-suite #crm .shead h2 em{color:#d5b77d}.systems-suite #crm .reapit{background:none;border:0;box-shadow:none;padding:0}.systems-suite #crm .para{font:400 clamp(18px,2vw,23px)/1.65 Inter,sans-serif;color:#c3cfdd;margin:0 0 29px}.systems-suite .crm-experience{background:#ffffff04;border-color:#d3bb8540;padding:30px}.systems-suite .crm-experience h3{font-size:31px;color:#f8f1e4}.systems-suite .crm-carousel li{height:115px;flex-basis:186px;border-color:#fff;background:#fff}.systems-suite .crm-carousel-controls p,.systems-suite .crm-experience-note{color:#a8b7cb}.systems-suite .crm-carousel-controls button{background:#ffffff0a;border-color:#d3bb8560;color:#e0c592}.systems-suite .crm-carousel-controls button:hover:enabled{background:#d3bb8528;border-color:#d3bb85}.systems-suite .crm-enquiry{align-items:flex-end;padding:32px 0;gap:28px}.systems-suite .crm-enquiry label{display:flex;flex-direction:column;gap:10px;font:600 15px/1.5 Inter,sans-serif;color:#f6f0e4;flex:1}.systems-suite .crm-enquiry select{width:100%;min-height:59px;border:1px solid #e6dac2;border-radius:13px;background:#fffdf7;color:#10233e;padding:15px 17px;font:400 15px/1.4 Inter,sans-serif}.systems-suite .crm-enquiry button{min-height:60px;min-width:360px;border:1px solid #ddc38c;background:#ddc38c;color:#10233e;font-size:15px;padding:18px 26px;justify-content:space-between;gap:40px}.systems-suite .crm-enquiry button:hover{background:#efdbb2}.systems-suite .crm-enquiry select:focus-visible,.systems-suite .crm-enquiry button:focus-visible{outline:3px solid #ecdbb5;outline-offset:4px}.crm-channel-strip{display:flex;gap:26px;flex-wrap:wrap;padding:20px 0 28px;border-top:1px solid #d3bb8525;color:#bdcadd;font:500 11px/1.6 Inter,sans-serif}.crm-channel-strip span{display:flex;align-items:center;gap:9px}.crm-channel-strip svg{width:17px;height:17px;color:#c6aa74}
.systems-suite #guardrails.luxe-behaviour{background:none;border:0;padding:42px 0 66px}.systems-suite .simple-behaviour-head{margin-bottom:27px}.systems-suite .simple-behaviour-head h2{font-size:clamp(34px,4vw,47px)}.systems-suite .behaviour-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.systems-suite .behaviour-card,.systems-suite .behaviour-card:first-child,.systems-suite .behaviour-card:last-child{display:grid;grid-template-columns:53px 1fr;gap:8px 20px;padding:25px;border:1px solid #d3bb852e;border-radius:17px;background:#ffffff03}.systems-suite .behaviour-card:last-child{grid-column:1/-1}.systems-suite .behaviour-card .simple-icon{grid-row:1/3;width:53px;height:53px}.systems-suite .behaviour-card h3{margin:0;font-size:15px}.systems-suite .behaviour-card p{max-width:48ch;font-size:13px;line-height:1.8}.systems-suite .behaviour-card:last-child p{max-width:none}
#guardrails .behaviour-card{animation:none!important;opacity:1;transform:none;transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.2,1)}#guardrails .behaviour-card:nth-child(odd){--enter-x:-20px}#guardrails .behaviour-card:nth-child(even){--enter-x:20px}#guardrails.has-direction-motion .behaviour-card:not(.rule-visible){opacity:0;transform:translateX(var(--enter-x))}
@media(max-width:980px){.hero .wrap{display:flex;flex-direction:column;gap:0}.hero .hcopy{align-items:center;text-align:center;max-width:760px;margin:auto}.hero-agency{justify-content:center;max-width:680px}.hero .hero-actions{justify-content:center}.hero .hero-note{text-align:center}.hero .heropanel{width:min(780px,100%);margin-top:28px}.hero .hextras{margin-top:24px}.systems-suite .crm-enquiry{flex-direction:column;align-items:stretch;gap:20px}.systems-suite .crm-enquiry button{min-width:0;width:100%}}
@media(max-width:650px){.hero{padding-top:24px}.hero-agency{gap:12px;text-align:left;margin-bottom:23px;padding-bottom:23px}.hero-agency-monogram{flex-basis:48px;width:48px;height:48px;border-radius:14px;font-size:29px}.hero-agency-label{font-size:8px;letter-spacing:.09em}.hero-agency strong{font-size:29px}.hero .hcopy h1{font-size:43px;line-height:1.07;margin-bottom:21px}.hero .hcopy .sub{font-size:15px;line-height:1.8}.hero .hero-actions{width:100%}.hero .hero-actions button{width:100%;font-size:13px}.hero .heropanel{margin-top:26px}.hero .hero-walkthrough{padding-bottom:6px}.hero .disclaim{font-size:9px}#lines .lcard .photo{height:300px}.systems-suite #crm{padding-top:42px}.systems-suite #crm .shead h2{font-size:43px}.systems-suite #crm .para{font-size:17px;line-height:1.8}.systems-suite .crm-experience{padding:22px 16px}.systems-suite .crm-experience h3{font-size:27px}.systems-suite .crm-carousel li{height:100px;flex-basis:160px}.systems-suite .crm-enquiry{padding:27px 0}.systems-suite .crm-enquiry button{font-size:14px;gap:15px}.crm-channel-strip{gap:16px 23px;font-size:10px;padding-bottom:13px}.systems-suite #guardrails.luxe-behaviour{padding:35px 0 42px}.systems-suite .behaviour-grid{grid-template-columns:1fr;gap:12px}.systems-suite .behaviour-card,.systems-suite .behaviour-card:first-child,.systems-suite .behaviour-card:last-child{grid-column:auto;padding:21px 18px;gap:7px 16px;grid-template-columns:48px 1fr}.systems-suite .behaviour-card .simple-icon{width:48px;height:48px}.systems-suite .behaviour-card h3{font-size:14px}.systems-suite .behaviour-card p{font-size:12px}.systems-suite .simple-behaviour-head h2{font-size:38px}#guardrails .behaviour-card:nth-child(odd){--enter-x:-12px}#guardrails .behaviour-card:nth-child(even){--enter-x:12px}}
.systems-suite .crm-enquiry{padding-top:5px;padding-bottom:30px}.systems-suite .crm-enquiry button{font-size:16px;min-height:63px}
@media(prefers-reduced-motion:reduce){#guardrails .behaviour-card,#guardrails.has-direction-motion .behaviour-card:not(.rule-visible){opacity:1;transform:none;transition:none}}


/* editorial-flow.css */
#lines .specialist-detail{font-size:13px;line-height:1.8;min-height:0;color:#5d697c}#lines .lcard .body{gap:14px}#lines .lcard .photo img{animation:none;object-position:center 20%}#lines .lcard:nth-child(2) .photo img{object-position:50% 28%}
.editorial-motion{animation:none!important;transition:opacity .7s ease,transform .7s cubic-bezier(.22,.75,.2,1)!important;filter:none!important}.editorial-motion.direction-ready:not(.direction-visible){opacity:0;transform:translateX(var(--section-shift,-20px))}.editorial-motion.direction-visible{opacity:1;transform:none}
@media(max-width:650px){#lines .specialist-detail{font-size:13px;line-height:1.85}.editorial-motion.direction-ready:not(.direction-visible){transform:translateX(calc(var(--section-shift,-20px)*.6))}}
@media(prefers-reduced-motion:reduce){.editorial-motion,.editorial-motion.direction-ready:not(.direction-visible){opacity:1;transform:none;transition:none!important}}

/* Quiet, directional rhythm and a brighter agency identity. */
.specialist-steps{list-style:none}.specialist-steps li{counter-increment:none}.specialist-steps li:before{display:none}.specialist-steps li>svg{width:17px;height:17px;flex:0 0 17px;color:#a58246}.step b{gap:0}.rfsteps b>svg{width:16px;height:16px}.shopf .fascia.fz{top:24.7%;height:6.3%}.shopf .fname2{background:linear-gradient(105deg,#efcd8f 0%,#fff7dd 36%,#fff 45%,#efcd8f 55%,#fff4d3 75%,#efcd8f 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 1px #0008) drop-shadow(0 0 8px #ffdfab55);animation:agency-name-light 6s ease-in-out 2;animation-play-state:paused}.shopf.direction-visible .fname2{animation-play-state:running}.shopf .fsub{color:#fff1cb;text-shadow:0 1px 3px #000}.hero-agency strong{color:#0d2544}.tickwrap .tick{animation-direction:reverse}.finalcard::before{background-image:url('/demo/premium-agency-bright.webp')}
@keyframes agency-name-light{0%,15%{background-position:100% 50%}70%,100%{background-position:0% 50%}}
@media(max-width:980px){.hero .hcopy{display:flex;flex-direction:column;order:0}.hero .heropanel{order:1}.hero .hextras{order:2}}
@media(prefers-reduced-motion:reduce){.shopf .fname2{animation:none;background-position:50% 50%}}


/* demo-reporting.css */
.demo-analytics-choice{position:fixed;z-index:10000;bottom:24px;left:24px;width:min(445px,calc(100% - 48px));padding:21px 24px;border:1px solid #c4aa75;border-radius:18px;background:#fffdf8;box-shadow:0 12px 50px #10233e25;color:#10233e;font:600 15px/1.5 Inter,sans-serif}.demo-analytics-choice p{margin:0}.demo-analytics-choice p span{display:block;font-size:12px;line-height:1.65;color:#637084;font-weight:400;margin-top:5px}.demo-analytics-choice a{color:inherit;text-underline-offset:3px}.demo-analytics-choice>div{display:flex;gap:10px;margin-top:17px}.demo-analytics-choice button{flex:1;min-height:43px;padding:9px 13px;border:1px solid #d8c8a7;border-radius:99px;background:#fffdf8;color:#10233e;font:600 12px/1.4 Inter,sans-serif;cursor:pointer}.demo-analytics-choice button:last-child{background:#e1c68f}.demo-analytics-choice button:focus-visible{outline:3px solid #2456c9;outline-offset:3px}.demo-analytics-preferences{align-self:flex-start;border:0;border-bottom:1px solid #c6b17e;background:none;padding:4px 0;color:#b6c2d2;font:400 11px/1.5 Inter,sans-serif;cursor:pointer}.demo-consent-visible #mfw{visibility:hidden!important}.demo-consent-visible .tbar{transform:translateY(140%)!important}@media(max-width:650px){.demo-analytics-choice{bottom:15px;left:15px;width:calc(100% - 30px);padding:19px 21px}}
.voice-transcript{list-style:none;padding:0;margin:16px 0;max-height:180px;overflow:auto;text-align:left;display:grid;gap:10px}.voice-transcript:empty{display:none}.voice-transcript li{padding:11px 13px;border:1px solid #ffffff1a;border-radius:10px;background:#ffffff06}.voice-transcript b{display:block;font:600 10px/1.5 Inter,sans-serif;color:#d8bd86;margin-bottom:5px}.voice-transcript span{display:block;font:400 13px/1.6 Inter,sans-serif;color:#e2e8ef}
.voice-panel #voice-end{width:100%;justify-content:center;background:#dcc18b;color:#10233e;border:1px solid #e5cfa3;border-radius:999px;margin:20px 0 12px}.voice-panel #voice-recording{width:100%;margin:0;justify-content:center}.voice-panel h3{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:32px;line-height:1.12}


/* clay-campaign-v2.css */
/* A consistent claymation campaign; names remain live text for every recipient. */
#lines .lcard .photo.clay-scene{height:auto!important;aspect-ratio:6/5;background:#10233b;position:relative;isolation:isolate}
#lines .lcard .photo.clay-scene>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:none!important;animation:none!important}
#lines .lcard:hover .photo.clay-scene>img{transform:none!important}
.clay-plaque{position:absolute;inset:auto 0 0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;min-height:76px;padding:22px 15px 13px;background:linear-gradient(180deg,transparent,#09172ab8 45%,#09172ae6);color:#fff;pointer-events:none}
.clay-client{display:flex;flex-direction:column;gap:3px;min-width:0;text-align:left}
.clay-client>small{font:500 8px/1.3 Inter,sans-serif;color:#dbbd83;letter-spacing:.11em;text-transform:uppercase}
.clay-client>.agn{font:500 12px/1.35 Inter,sans-serif;color:#fbf5e8;overflow-wrap:anywhere}
.clay-motionflow{display:flex;align-items:center;gap:6px;flex-shrink:0;color:#f8f2e8;font:600 10px/1.2 Inter,sans-serif;letter-spacing:-.02em;white-space:nowrap}
#lines .lcard .photo.clay-scene .clay-motionflow>img{display:block;width:24px!important;height:24px!important;object-fit:contain!important;object-position:center!important;transform:none!important;animation:none!important;border-radius:6px;box-shadow:0 2px 9px #0003}
.shopf.clay-agency .fascia.fz{left:8.3%;width:83.4%;top:22%;height:9.4%;gap:.6cqw}
.shopf.clay-agency .fname2{max-width:100%;font-size:clamp(14px,4cqw,26px);line-height:1.06;white-space:normal;overflow-wrap:anywhere;text-align:center}
.shopf.clay-agency .fsub{font-size:clamp(4px,1.1cqw,8px);letter-spacing:.2em;line-height:1.3}
.clay-origin{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #d8b77b55;border-radius:9px;background:#0b1b2aeb;color:#f8f2e8;box-shadow:0 6px 18px #0002;pointer-events:none}
.figframe.clay-agency .clay-origin>img{display:block;width:28px!important;height:28px!important;object-fit:contain!important;border-radius:7px;transform:none!important;animation:none!important}
.clay-origin>span{display:flex;flex-direction:column;gap:2px}.clay-origin small{font:500 8px/1.3 Inter,sans-serif;letter-spacing:.09em;color:#dbbd83;text-transform:uppercase}.clay-origin strong{font:600 12px/1.2 Inter,sans-serif;letter-spacing:-.02em}
@media(max-width:650px){.clay-plaque{padding-left:13px;padding-right:13px;gap:10px}.clay-client>.agn{font-size:12px}.clay-origin{right:13px;bottom:13px}}


/* premium-template.css */
/* Personalised estate-agent demo: editorial rhythm, tactile imagery, purposeful motion. */
.premium-demo .ribbon{display:none!important}
.premium-demo #top :is(.navcta,.mbtn){text-transform:none;letter-spacing:0}
.premium-demo #dsheet #dform{display:block;gap:0}
.premium-demo #dsheet #dform label{color:#10233e!important;font:500 12px/1.6 Inter,sans-serif}
.premium-demo #dsheet #dform .rfrow label{display:block}
.premium-demo #dsheet #dform .rfrow label>em{display:inline!important;font:400 10px/1.6 Inter,sans-serif;color:#596b7c!important;margin:0}
.premium-demo #dsheet #dform .chk{display:flex;color:#596b7c!important;font-size:12px;line-height:1.7}
.premium-demo #dsheet .msfine,.premium-demo #dsheet .msfine a{color:#596b7c!important}
.premium-demo .wrap{padding-inline:0}
.premium-demo #top .brand .mfbr{display:inline-flex;font:600 25px/1.2 Inter,sans-serif;letter-spacing:-1px;color:#10233e}
.premium-demo #top .brand .fw,.premium-demo .footer-flow i{opacity:1!important;filter:none!important;visibility:visible!important}
.premium-demo #top .brand .bmark{width:42px;height:42px;border-radius:11px}
.premium-demo #top .brand .wg{font:400 23px/1.15 "Instrument Serif",Georgia,serif;color:#10233e;background:none;border:0;border-left:1px solid #dfd2bb;border-radius:0;padding:0 0 0 20px;text-shadow:none;box-shadow:none;animation:none}
.premium-demo #top .mbl{display:inline}

.premium-demo [hidden]{display:none!important}
.premium-demo #routing-experience{display:block!important}
.premium-demo #routing-experience .route-switch{display:flex}
.premium-demo #routing-experience :is(.route-heading,.route-choices,.route-stage,.route-caller,.route-specialist,.route-footer,.route-fine){grid-area:auto!important}
.premium-demo #routing-experience .route-choices{margin-bottom:20px}
.premium-demo #routing-experience .route-specialist{padding:0;gap:0;align-self:stretch;transform:none!important;box-shadow:none}
.premium-demo #routing-experience .route-specialist>img{height:100%!important;aspect-ratio:auto;border-radius:0;filter:none}
.premium-demo #setup .simple-steps li::after,.premium-demo #setup .simple-steps::before{display:none!important}
.premium-demo #setup .simple-setup-head>p{max-width:none!important}
.premium-demo #footer.ft{background:#fbf8f1!important;padding:47px 0 30px!important}
.premium-demo .premium-closing .wamail{background:none!important;box-shadow:none!important;border:0;border-radius:0;padding:3px 0;text-decoration:underline;text-underline-offset:6px;font-weight:400}
body.premium-demo{--paper:#fbf8f1;--ink:#10233e;--muted:#596b7c;--brass:#ad7e36;--line:#dfd2bb;--surface:#fffdf8;background:var(--paper);color:var(--ink);font-family:Inter,sans-serif;font-size:15px;line-height:1.7}
.premium-demo *, .premium-demo *::before,.premium-demo *::after{box-sizing:border-box}
.premium-demo .wrap{width:calc(100% - 80px);max-width:1200px;margin-inline:auto}
.premium-demo h1,.premium-demo h2,.premium-demo h3,.premium-demo h4{font-family:"Instrument Serif",Georgia,serif;font-weight:400;letter-spacing:-.035em;color:var(--ink)}
.premium-demo h2{font-size:clamp(42px,4.8vw,66px);line-height:1.04;margin:0 0 24px}
.premium-demo h2 em,.premium-demo h3 em,.premium-demo h1 em{color:var(--brass);font-weight:400}
.premium-demo p{line-height:1.75}.premium-demo button,.premium-demo input,.premium-demo select{font-family:Inter,sans-serif}
.premium-demo button,.premium-demo a,.premium-demo summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.premium-demo :is(button,a,input,select,summary,[tabindex]):focus-visible{outline:3px solid #b4772d;outline-offset:4px}
.premium-demo section{scroll-margin-top:100px}.premium-demo .slead{color:var(--muted);font-size:17px;line-height:1.75;max-width:62ch;margin:0}
.premium-demo .shead{margin-bottom:36px;text-align:left;max-width:none}.premium-demo .shead .slead{margin:0}.premium-demo .snum{font:500 12px/1.5 Inter,sans-serif;letter-spacing:.04em;text-transform:none;color:var(--muted);display:block;margin-bottom:14px}
.premium-demo .goldline,.premium-demo .aur,.premium-demo .hglow,.premium-demo .hfig,.premium-demo .htry,.premium-demo .tagm,.premium-demo .hsign,.premium-demo .pk,.premium-demo .triage,.premium-demo .specialist-flow,.premium-demo .clay-plaque,.premium-demo .clay-origin,.premium-demo #wafloat,.premium-demo #car,.premium-demo #refer,.premium-demo .cat2head{display:none!important}
.premium-demo #top{background:#fbf8f1f5;backdrop-filter:blur(14px);border-bottom:1px solid #dfd2bb90;box-shadow:none;height:auto;min-height:84px}
.premium-demo #top .wrap{padding:17px 0;gap:20px;min-height:84px}.premium-demo .brand{gap:11px;min-width:0}.premium-demo .bmark{width:42px;height:42px;border-radius:11px;flex:0 0 42px;filter:none}
.premium-demo .mfbr{font:600 25px/1.2 Inter,sans-serif;letter-spacing:-1px;white-space:nowrap;color:var(--ink)}.premium-demo .mfbr sup{font-size:9px;margin-left:3px}
.premium-demo .mfbr .fw,.premium-demo .footer-flow i{display:inline-block;color:#d26210!important;background:none!important;-webkit-text-fill-color:currentColor;transform:none!important;font-style:normal;text-shadow:0 0 12px #f47b2040;animation:premium-flow-glow 5.8s ease-in-out infinite!important;animation-delay:calc(var(--j,0)*.22s)!important}
.premium-demo .footer-flow i:nth-child(2){--j:1}.premium-demo .footer-flow i:nth-child(3){--j:2}.premium-demo .footer-flow i:nth-child(4){--j:3}
@keyframes premium-flow-glow{0%,70%,100%{color:#d26210;text-shadow:0 0 7px #f47b2030}20%,38%{color:#f47b20;text-shadow:0 0 8px #f47b2070,0 0 24px #f47b2035}}
.premium-demo .wg{display:flex;align-items:center;max-width:245px;padding:0 0 0 20px;margin-left:10px;background:none;border:0;border-left:1px solid var(--line);box-shadow:none;animation:none;color:var(--ink);font:400 23px/1.15 "Instrument Serif",Georgia,serif;white-space:normal}.premium-demo .dtag{display:none}.premium-demo .navr{gap:12px}.premium-demo .navcta{min-height:45px;padding:12px 22px;border:1px solid #ad7e36;border-radius:99px;background:transparent;color:var(--ink);font:600 12px/1.4 Inter,sans-serif}.premium-demo .mbtn{min-height:45px;min-width:90px;background:var(--ink);color:white;border-radius:99px;border:0;font:500 12px/1.3 Inter,sans-serif;padding:10px 18px}
.premium-demo .hero{padding:30px 0 0;background:var(--paper);overflow:hidden}.premium-demo .hero>.wrap{display:grid;grid-template-columns:1.03fr 1fr;gap:30px 58px;align-items:center;padding-bottom:0}.premium-demo .hero .hcopy{display:block;text-align:left;max-width:none;order:0;padding:14px 0 0}
.premium-demo .hero-agency{display:flex;justify-content:flex-start;align-items:center;gap:16px;padding:0 0 22px;margin:0 0 30px;border-bottom:1px solid var(--line);text-align:left;max-width:none}.premium-demo .hero-agency-monogram{width:61px;height:65px;flex:0 0 61px;border-radius:15px;background:var(--ink);color:#e8c17e;font:400 45px/1 "Instrument Serif",Georgia,serif;display:grid;place-items:center;box-shadow:none}.premium-demo .hero-agency-label{font:400 12px/1.5 Inter,sans-serif;letter-spacing:0;color:var(--muted);text-transform:none}.premium-demo .hero-agency strong{font:400 clamp(24px,2.6vw,35px)/1.15 "Instrument Serif",Georgia,serif;letter-spacing:-.025em;overflow-wrap:anywhere;display:block;margin-top:4px}
.premium-demo .hero .hcopy h1{font-size:clamp(60px,5.8vw,84px);line-height:1.01;letter-spacing:-.045em;margin:0 0 28px;max-width:none}.premium-demo .hero .hcopy h1 em{color:var(--brass)}.premium-demo .hero .hcopy .sub{font:400 17px/1.8 Inter,sans-serif;max-width:41ch;margin:0 0 30px;color:var(--muted)}
.premium-demo .hero-actions{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-start;gap:12px;width:100%}.premium-demo .hero-actions button{min-height:54px;padding:16px 20px;font:600 12px/1.45 Inter,sans-serif;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:normal;width:auto;box-shadow:none;animation:none}.premium-demo .hero-actions .trybtn{background:var(--ink);border:1px solid var(--ink);color:white;flex:1}.premium-demo .hero-actions .hero-secondary{border:1px solid var(--ink);background:transparent;color:var(--ink);flex:1}.premium-demo .hero-actions svg{width:18px;height:18px;flex:0 0 18px}.premium-demo .hero-note{font:400 11px/1.7 Inter,sans-serif;color:var(--muted);margin:15px 0 26px;text-align:left}.premium-demo .hero-walkthrough,.premium-demo .premium-text-link{display:inline-flex;align-items:center;gap:12px;background:none;border:0;border-bottom:1px solid var(--brass);border-radius:0;color:var(--ink);font:600 13px/1.5 Inter,sans-serif;padding:10px 0;text-decoration:none;cursor:pointer;min-height:44px}.premium-demo .hero-walkthrough svg,.premium-demo .premium-text-link svg{width:19px;height:19px}
.premium-demo .hero .heropanel{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;max-width:none;margin:0;padding:24px 28px 28px;border:1px solid #26384b;border-radius:22px;overflow:hidden;background:#10233e url('/demo/hero-stage-v3.webp') center/cover no-repeat;box-shadow:none;order:1;min-height:0}.premium-demo .hero .heropanel::before,.premium-demo .hero .heropanel::after{display:none}.premium-demo .pbg{display:none!important}.premium-demo .heropanel .ptop{position:relative;z-index:2;text-align:center;margin:0 0 19px;padding:0;max-width:none}.premium-demo .heropanel .ptop h3{font-size:30px;line-height:1.15;color:#fff8e8;letter-spacing:-.03em;margin:0}.premium-demo .heropanel .ptop h3 em{color:#e9c78e}
.premium-demo .heropanel .phone{position:relative;margin:0 auto;width:280px;max-width:100%;padding:6px;border:2px solid #9f9789;border-radius:43px;background:#1a1d23;box-shadow:0 20px 35px #0005;transform:none;animation:none!important;height:auto;flex-shrink:0}.premium-demo .phone .screen{height:auto;min-height:470px;border-radius:35px;background:#fffefb;overflow:hidden;padding-bottom:21px}.premium-demo .phone .statusbar{padding:16px 20px 0;height:38px;font-size:11px}.premium-demo .phone .island{top:12px;height:20px;width:82px}.premium-demo .phone .chathead{padding:22px 17px 15px;gap:12px;align-items:center;border:0;background:transparent}.premium-demo .phone .chathead .av{width:40px;height:40px;background:var(--ink);color:#e6c17e;font:400 29px/1 "Instrument Serif",Georgia,serif}.premium-demo .phone .nm{font:600 12px/1.3 Inter,sans-serif;color:var(--ink);white-space:normal;overflow-wrap:anywhere;max-width:170px}.premium-demo .phone .st{font:400 10px/1.5 Inter,sans-serif;color:var(--muted);margin-top:4px}.premium-demo .phone .chatarea{padding:0 17px}.premium-demo .phone .daychip{display:none}.premium-demo .phone .pb{max-width:100%;width:100%;margin:0 0 15px;padding:13px 14px;background:#f0f1f4;border-radius:15px;font:400 12px/1.55 Inter,sans-serif;color:var(--ink);box-shadow:none}.premium-demo .phone .pb::before,.premium-demo .phone .pb::after{display:none}.premium-demo .phone .chips{display:grid;gap:8px;margin:0 0 14px}.premium-demo .phone .chip{min-height:39px;display:flex;align-items:center;gap:12px;width:100%;border:1px solid #dce0e7;border-radius:99px;background:#fff;color:var(--ink);font:500 11px/1.3 Inter,sans-serif;padding:9px 14px;text-align:left;animation:none;box-shadow:none}.premium-demo .phone .chip svg{width:17px;height:17px;flex-shrink:0}.premium-demo .callring{display:block;animation:none;padding:0;box-shadow:none}.premium-demo .phone .callbtn{width:100%;min-height:46px;margin:0;border:1px solid #c19b58;border-radius:99px;background:#c6a064;color:#10233e;font:600 11px/1.4 Inter,sans-serif;letter-spacing:0;animation:none;box-shadow:none;padding:12px;display:flex;align-items:center;justify-content:center;gap:8px}.premium-demo .phone .securerow{font:400 8px/1.5 Inter,sans-serif;color:#657083;margin:9px 0 0}.premium-demo .phone .homebar{bottom:7px;width:85px;height:3px}.premium-demo .hero .hextras{grid-column:1/-1;order:2;width:100%;margin:0;padding:17px 0 21px;border-bottom:1px solid var(--line)}.premium-demo .hero .disclaim{position:static;display:flex;justify-content:center;max-width:95ch;margin:auto;gap:12px;color:#697888;background:none;border:0;box-shadow:none;padding:0;font:400 10px/1.6 Inter,sans-serif;text-align:left}
.premium-demo .capability-band{display:flex;align-items:center;justify-content:center;gap:48px;padding:23px 0;color:var(--muted);font:500 12px/1.5 Inter,sans-serif;border-bottom:1px solid var(--line)}.premium-demo .capability-band span{display:flex;align-items:center;gap:10px}.premium-demo .capability-band svg{width:19px;height:19px;color:var(--brass)}
.premium-demo #listen{padding:80px 0 60px;background:var(--paper)}.premium-demo #listen .lbox{background:none;border:0;padding:0;box-shadow:none;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:80px;overflow:visible}.premium-demo #listen .lcol{max-width:580px}.premium-demo #listen .shead{padding:0;margin-bottom:28px}.premium-demo #listen h2{font-size:64px}.premium-demo .lplayer{background:#fffdf8;border:1px solid var(--line);border-radius:16px;padding:19px;box-shadow:0 10px 35px #10233e08}.premium-demo .lphead b{font:600 12px/1.6 Inter,sans-serif;color:var(--ink)}.premium-demo #lptime{font-size:11px;color:var(--muted)}.premium-demo .lpnote{font-size:11px;color:var(--muted);max-width:48ch;margin-top:17px}.premium-demo #listen .lphone{margin:0 auto;transform:none;width:280px;height:520px;box-shadow:0 25px 50px #10233e22}.premium-demo .lpctl span{pointer-events:none}
.premium-demo #whatsapp{padding:0 0 70px;background:var(--paper)}.premium-demo #whatsapp .wacard{padding:34px 40px;background:#f3efe6;border:1px solid var(--line);border-radius:17px;box-shadow:none;max-width:none;display:grid;grid-template-columns:1.15fr 1fr;column-gap:48px;text-align:left;overflow:hidden}.premium-demo #whatsapp .wakick{display:none}.premium-demo #whatsapp h2{font-size:39px;grid-column:1;margin:0 0 14px}.premium-demo #whatsapp .walead{font-size:13px;max-width:51ch;margin:0;color:var(--muted);grid-column:1}.premium-demo #whatsapp .wafoot{grid-column:2;grid-row:1/3;justify-content:center;align-items:center;align-self:center;display:flex;flex-direction:column;gap:10px}.premium-demo #whatsapp .wabtn{min-height:48px;padding:13px 22px;background:#176443;color:white;font:600 12px/1.5 Inter,sans-serif;border:1px solid #176443;box-shadow:none;border-radius:99px}.premium-demo #whatsapp .wafnote{font-size:10px;color:var(--muted)}.premium-demo #whatsapp .wamore{grid-column:1/-1;margin-top:28px}.premium-demo .luxe-disclosure{box-shadow:none;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.premium-demo .luxe-disclosure>summary{padding:16px 20px;min-height:70px}.premium-demo .luxe-summary-copy b{font-size:13px}.premium-demo .luxe-summary-copy small{font-size:11px}.premium-demo .luxe-disclosure-panel{background:#fffdf8}.premium-demo .luxe-feature h3{font-family:Inter,sans-serif;font-size:14px;letter-spacing:0;font-weight:600}.premium-demo .luxe-feature p{font-size:13px;color:var(--muted)}
.premium-demo #problem{padding:70px 0;background:var(--paper);border-top:1px solid var(--line)}.premium-demo .agency-story{display:grid;grid-template-columns:.94fr 1fr;gap:90px;align-items:center}.premium-demo .agency-story .figframe{margin:0;border-radius:18px;border:0;box-shadow:0 15px 40px #10233e14;aspect-ratio:4/5;width:100%;height:auto;overflow:hidden;container-type:inline-size}.premium-demo .agency-story .figframe>img{width:100%;height:100%;object-fit:cover;object-position:center;transform:none;filter:none}.premium-demo .agency-story-copy h2{margin-top:0}.premium-demo .agency-story-copy .slead{font-size:16px;max-width:42ch}.premium-demo .agency-moments{list-style:none;margin:28px 0 20px;padding:0;display:grid;gap:22px}.premium-demo .agency-moments li{display:flex;gap:16px;align-items:flex-start}.premium-demo .agency-moments li>svg{width:25px;height:25px;flex-shrink:0;color:var(--brass);margin-top:3px}.premium-demo .agency-moments h3{font:600 14px/1.5 Inter,sans-serif;letter-spacing:0;margin:0 0 3px}.premium-demo .agency-moments p{font-size:13px;color:var(--muted);margin:0}
.premium-demo #lines{padding:75px 0;background:#f3efe6;border-top:1px solid var(--line)}.premium-demo #lines .shead{max-width:780px}.premium-demo #lines .snum{display:none}.premium-demo #lines .lgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.premium-demo #lines .lcard{display:flex;flex-direction:column;background:#fffdf8;border:1px solid #dfd2bb;border-radius:15px;overflow:hidden;padding:0;box-shadow:none;min-width:0}.premium-demo #lines .lcard .photo.clay-scene{aspect-ratio:4/3!important;height:auto!important;margin:0;border-radius:0;width:100%}.premium-demo #lines .lcard .photo.clay-scene>img{object-position:50% 0!important}.premium-demo #lines .lcard .body{padding:25px 25px 22px;display:flex;flex-direction:column;align-items:flex-start;gap:0;flex:1}.premium-demo #lines .lcard h3{font-size:35px;margin:0 0 10px}.premium-demo #lines .specialist-benefit{font:600 13px/1.6 Inter,sans-serif;margin:0 0 10px;color:var(--ink)}.premium-demo #lines .specialist-detail{font:400 13px/1.8 Inter,sans-serif;margin:0 0 18px;min-height:116px;color:var(--muted)}.premium-demo #lines .specialist-steps{display:grid;gap:10px;padding:0;margin:0 0 23px;list-style:none;counter-reset:none}.premium-demo #lines .specialist-steps li{font:400 11px/1.6 Inter,sans-serif;color:var(--muted);display:flex;gap:9px;align-items:flex-start}.premium-demo #lines .specialist-steps li svg{flex:0 0 15px;width:15px;height:15px;margin-top:1px;color:var(--brass)}.premium-demo #lines .try{min-height:45px;width:100%;border:1px solid #10233e;border-radius:99px;background:transparent;color:var(--ink);padding:11px 14px;font:600 12px/1.5 Inter,sans-serif;margin-top:auto}
.premium-demo #routing-experience{margin-top:40px;padding:30px 34px;background:#10233e;border:1px solid #26384b;border-radius:18px;box-shadow:none}.premium-demo #routing-experience .route-heading{padding:0 0 16px;align-items:center}.premium-demo #routing-experience .route-heading h3{color:#fff8e8;font-size:32px;line-height:1.05;margin:0}.premium-demo #routing-experience .route-heading h3 br{display:none}.premium-demo #routing-experience .route-heading p{font-size:12px;margin:8px 0 0;color:#bac7d7}.premium-demo #routing-experience .route-stage{display:grid;grid-template-columns:.85fr 40px 1.15fr;gap:20px;padding-top:12px}.premium-demo #routing-experience .route-quote{font:400 26px/1.25 "Instrument Serif",Georgia,serif;color:#fff8e8}.premium-demo #routing-experience .route-specialist{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ddc18c3b;border-radius:12px;background:#ffffff03;overflow:hidden;min-width:0}.premium-demo #routing-experience .route-specialist>img{width:100%;height:100%;min-height:210px;object-fit:cover}.premium-demo #routing-experience .route-specialist>div{padding:19px}.premium-demo #routing-experience h4{font-size:26px;color:#fff8e8;margin:7px 0}.premium-demo #routing-experience .route-specialist p{font-size:11px;line-height:1.7;color:#bac7d7}.premium-demo #routing-experience .route-label{font-size:9px}.premium-demo #routing-experience .route-live{font:600 11px/1.5 Inter,sans-serif;min-height:44px;background:#d8b775;color:var(--ink);border-radius:99px;padding:11px 14px}.premium-demo #routing-experience .route-call-note{font-size:9px}.premium-demo #routing-experience .route-footer{margin-top:18px;padding-top:16px}.premium-demo .route-fine{font-size:9px}.premium-demo .route-walkthrough{min-height:44px}
.premium-demo #how{padding:80px 0;background:var(--paper)}.premium-demo .call-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:44px 0 34px;gap:35px}.premium-demo .call-journey li{position:relative;padding:0}.premium-demo .call-journey li:not(:last-child):after{content:"";position:absolute;top:30px;left:78px;width:calc(100% - 55px);height:1px;background:#bc934f88}.premium-demo .journey-icon{display:grid;place-items:center;width:62px;height:62px;background:var(--ink);border:1px solid #213b59;border-radius:50%;color:#dfba78;margin-bottom:20px}.premium-demo .journey-icon svg{width:25px;height:25px}.premium-demo .call-journey h3{font-size:27px;line-height:1.2;margin:0 0 10px}.premium-demo .call-journey p{font-size:12px;color:var(--muted);margin:0;max-width:23ch}.premium-demo .journey-reassurance{display:flex;gap:20px;justify-content:space-between;padding:20px 0;border-block:1px solid var(--line);margin-bottom:12px}.premium-demo .journey-reassurance span{display:flex;flex-wrap:wrap;align-items:center;gap:4px 7px;color:var(--muted);font:400 10px/1.7 Inter,sans-serif}.premium-demo .journey-reassurance svg{width:17px;height:17px;color:var(--brass);margin-right:3px}.premium-demo .journey-reassurance b{color:var(--ink);font-weight:600}
.premium-demo #setup.simple-setup{display:block;margin:75px 0 0;padding:65px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;text-align:left}.premium-demo #setup .simple-setup-head{max-width:none;padding:0;margin:0 0 28px;display:block}.premium-demo #setup h3{font-size:clamp(43px,5vw,68px);line-height:1.02;margin:0 0 17px;color:var(--ink)}.premium-demo #setup .simple-setup-head>p{font-size:17px;color:var(--muted);margin:0}.premium-demo #setup .simple-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:0;margin:32px 0 28px;list-style:none}.premium-demo #setup .simple-steps li{display:flex;flex-direction:column;align-items:center;gap:0;padding:0;border:0;border-radius:0;background:none;text-align:center;min-width:0;position:relative}.premium-demo #setup .simple-steps li:before{display:none}.premium-demo #setup .simple-steps li img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;border-radius:13px;display:block}.premium-demo .setup-connector{width:100%;height:34px;display:block;position:relative;margin:12px 0}.premium-demo .setup-connector::before{content:"";position:absolute;width:calc(100% + 22px);top:16px;left:50%;height:1px;background:#b68a43;transform-origin:left;transition:transform 1s ease}.premium-demo #setup li:last-child .setup-connector:before{display:none}.premium-demo .setup-connector::after{content:"";width:9px;height:9px;border-radius:50%;position:absolute;top:12px;left:calc(50% - 4px);background:#b68a43;box-shadow:0 0 0 5px var(--paper)}.premium-demo #setup h4{font:400 27px/1.15 "Instrument Serif",Georgia,serif;letter-spacing:-.03em;color:var(--ink);margin:0 0 12px}.premium-demo #setup li>p{font:400 12px/1.8 Inter,sans-serif;color:var(--muted);max-width:31ch;margin:0 auto}.premium-demo #setup>.premium-button{display:flex;margin:32px auto 0}
.premium-demo .premium-button{min-height:54px;border:1px solid var(--ink);border-radius:99px;background:var(--ink);color:white;padding:15px 26px;display:inline-flex;justify-content:center;align-items:center;gap:22px;font:600 13px/1.5 Inter,sans-serif;cursor:pointer;text-decoration:none;box-shadow:0 8px 20px #10233e0d;transition:background .2s,transform .2s}.premium-demo .premium-button:hover{background:#1c395c;transform:translateY(-2px)}.premium-demo .premium-button svg{width:20px;height:20px}
.premium-demo #digest{padding:75px 0;background:#f3efe6;border-block:1px solid var(--line)}.premium-demo .handover-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:center}.premium-demo .handover-copy h2{font-size:70px}.premium-demo .handover-note{margin:30px 0 0;padding-top:22px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.premium-demo .handover-panel{background:var(--surface);border:1px solid #cdb58c;border-radius:18px;padding:26px;box-shadow:0 15px 35px #10233e09}.premium-demo .handover-head{display:flex;gap:14px;align-items:center;margin-bottom:22px}.premium-demo .handover-monogram{width:54px;height:58px;flex:0 0 54px;border-radius:13px;background:var(--ink);color:#dfba78;font:400 40px/1 "Instrument Serif",Georgia,serif;display:grid;place-items:center}.premium-demo .handover-head h3{font-size:29px;line-height:1.1;margin:0 0 3px}.premium-demo .handover-head p{font-size:12px;color:var(--muted);margin:0}.premium-demo .example-label{margin-left:auto;font:400 10px/1.5 Inter,sans-serif;color:#596b7c;background:#f0eee8;border-radius:99px;padding:6px 12px}.premium-demo .handover-record{border:1px solid #e3d8c5;border-radius:12px;margin-bottom:10px;background:none}.premium-demo .handover-record>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:17px 13px;cursor:pointer}.premium-demo .handover-record>summary::-webkit-details-marker{display:none}.premium-demo .record-icon{display:grid;place-items:center;color:var(--ink);flex:0 0 35px}.premium-demo .record-copy{min-width:0;flex:1}.premium-demo .record-copy b{display:block;font:600 12px/1.5 Inter,sans-serif}.premium-demo .record-copy strong{display:block;font:400 12px/1.6 Inter,sans-serif}.premium-demo .record-copy small{display:block;font:400 10px/1.6 Inter,sans-serif;color:var(--muted);margin-top:3px}.premium-demo .record-status{font:500 9px/1.4 Inter,sans-serif;padding:5px 9px;border:1px solid #dfc397;border-radius:99px;white-space:nowrap;color:#805925}.premium-demo .handover-record>summary>svg{width:14px;height:14px;flex-shrink:0;color:var(--muted);transition:transform .25s}.premium-demo .handover-record[open]>summary>svg{transform:rotate(180deg)}.premium-demo .handover-record>p{padding:0 19px 17px;margin:0;color:var(--muted);font-size:12px}.premium-demo .handover-details.mondet{margin:20px 0 0;border-top:1px solid var(--line);padding-top:14px;max-width:none}.premium-demo .handover-details.mondet>summary{display:flex;align-items:center;gap:12px;min-height:49px;padding:12px 15px;border:1px solid #cdb58c;border-radius:10px;background:none;box-shadow:none;color:var(--ink);font:500 12px/1.6 Inter,sans-serif;transform:none}.premium-demo .handover-details summary>svg{width:19px;height:19px;flex:0 0 19px;color:#ad7e36}.premium-demo .handover-details summary>svg:last-child{margin-left:auto;width:15px;height:15px}.premium-demo .handover-detail-body{padding:15px 5px;color:var(--muted);font-size:12px}.premium-demo .handover-detail-body h4{font:600 13px/1.6 Inter,sans-serif;letter-spacing:0}.premium-demo .handover-fine{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;margin:15px 0 0}.premium-demo .handover-fine svg{width:18px;height:18px}
.premium-demo .systems-suite{background:none;border:0}.premium-demo .systems-suite #crm{padding:75px 0 55px;background:#10233e}.premium-demo #crm .wrap{max-width:1200px}.premium-demo #crm .snum{display:none}.premium-demo #crm .shead h2{font-size:65px;color:#fff9ed}.premium-demo #crm .shead h2 em{color:#e8c27f}.premium-demo #crm .reapit{padding:0;background:none;border:0;box-shadow:none}.premium-demo #crm .reapit>div{max-width:none!important}.premium-demo #crm .para{font-size:17px;color:#c6d2df;margin:0 0 26px}.premium-demo #crm .crm-enquiry{display:flex;align-items:flex-end;gap:20px;padding:0 0 25px}.premium-demo #crm .crm-enquiry label{font-size:13px}.premium-demo #crm .crm-enquiry select{min-height:54px;border-radius:9px;font-size:13px}.premium-demo #crm .crm-enquiry button{min-width:290px;min-height:54px;border-radius:99px;font:600 13px/1.5 Inter,sans-serif;background:#d9b779;color:#10233e;padding:16px 23px;gap:20px}.premium-demo #crm .crm-enquiry button svg{width:20px;height:20px}.premium-demo .crm-experience{padding:22px 22px 14px;background:#ffffff03;border:1px solid #c7ac7545;border-radius:15px}.premium-demo .crm-experience-head{display:none}.premium-demo .crm-carousel{gap:13px;scroll-snap-type:x proximity}.premium-demo .crm-carousel li{height:93px;flex:0 0 176px;border-radius:10px;background:#fff}.premium-demo .crm-carousel li img{max-width:132px;max-height:47px;object-fit:contain}.premium-demo .crm-carousel-controls{padding-top:14px;gap:10px}.premium-demo .crm-carousel-controls p{font-size:10px;color:#becbdd}.premium-demo .crm-carousel-controls button{width:44px;height:44px;min-width:44px}.premium-demo .crm-experience-note{font-size:10px;line-height:1.7;color:#becbdd;margin:13px 0 0}.premium-demo .crm-channel-strip{padding:22px 0 0;gap:28px}
.premium-demo .systems-suite #guardrails{padding:65px 0 75px;background:var(--paper);border-bottom:1px solid var(--line)}.premium-demo #guardrails .simple-behaviour-head{text-align:center;margin:0 0 32px}.premium-demo #guardrails .simple-behaviour-head h2{font-size:53px;color:var(--ink)}.premium-demo #guardrails .simple-behaviour-head h2 em{color:var(--brass)}.premium-demo #guardrails .behaviour-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.premium-demo #guardrails .behaviour-card{display:grid;grid-template-columns:52px 1fr;gap:7px 19px;padding:23px 25px;background:var(--surface);border:1px solid var(--line);border-radius:13px;color:var(--ink);box-shadow:none}.premium-demo #guardrails .behaviour-card .simple-icon{grid-row:1/3;width:52px;height:52px;border:0;border-radius:50%;background:#f1e9db;color:#9e7029}.premium-demo #guardrails .behaviour-card h3{font:600 13px/1.6 Inter,sans-serif;color:var(--ink);letter-spacing:0}.premium-demo #guardrails .behaviour-card p{font:400 12px/1.8 Inter,sans-serif;color:var(--muted);margin:0}.premium-demo #guardrails .behaviour-card:last-child{grid-column:1/-1}
.premium-demo .premium-closing{padding:75px 0 65px;background:#10233e;color:#f8f2e5;text-align:center}.premium-demo .closing-agency{font:400 21px/1.4 "Instrument Serif",Georgia,serif;color:#e8c27f;margin:0 0 26px}.premium-demo .premium-closing h2{color:#fff9ed;font-size:clamp(45px,5.2vw,73px);line-height:1.05;margin:0 0 24px}.premium-demo .premium-closing h2 em{color:#e8c27f}.premium-demo .premium-closing .wrap>p:not(.closing-agency){font-size:16px;color:#d1dbe5;margin:0 auto 27px}.premium-demo .closing-promises{display:flex;align-items:center;justify-content:center;gap:36px;list-style:none;padding:0;margin:0 0 30px;font-size:12px;color:#e3e9f0}.premium-demo .closing-promises li{display:flex;align-items:center;gap:10px}.premium-demo .closing-promises svg{width:22px;height:22px;color:#e8c27f}.premium-demo .premium-closing .premium-button{background:#d6b16f;border-color:#e8c27f;color:#10233e;font-size:14px;min-width:300px;min-height:57px}.premium-demo .premium-closing .premium-button:hover{background:#ebcf9d}.premium-demo .premium-closing small{display:block;margin:13px 0 22px;font-size:11px;color:#b7c5d6}.premium-demo .premium-closing .wamail{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:#e3e9f0;margin:0;min-height:44px}.premium-demo .premium-closing .wamail svg{width:20px;height:20px}
.premium-demo #more.cat2{padding:0;background:var(--paper);border:0}.premium-demo #more>.wrap{padding:0;height:0}.premium-demo #footer.ft{padding:47px 0 30px;background:var(--paper);border:0;color:var(--ink);margin:0;position:relative;overflow:hidden}.premium-demo #footer::before,.premium-demo #footer::after{display:none}.premium-demo .premium-footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:30px;align-items:start}.premium-demo .ftbrand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.premium-demo .ftmark{width:43px;height:43px;border-radius:12px}.premium-demo .ftwm{font:600 27px/1.3 Inter,sans-serif;letter-spacing:-1px;color:var(--ink)}.premium-demo .footer-tagline{font-size:11px;line-height:1.9;color:var(--muted);margin:14px 0 0}.premium-demo .footer-group{border-bottom:1px solid var(--line);padding:0 0 10px}.premium-demo .footer-group>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;font:600 12px/1.6 Inter,sans-serif;min-height:44px;cursor:pointer}.premium-demo .footer-group summary::-webkit-details-marker{display:none}.premium-demo .footer-group summary svg{width:16px;height:16px;transition:transform .25s}.premium-demo .footer-group[open] summary svg{transform:rotate(180deg)}.premium-demo .footer-group>div{display:flex;flex-direction:column;padding:7px 0 0;gap:1px}.premium-demo .footer-group a,.premium-demo .footer-group button,.premium-demo .footer-contact a{display:flex;align-items:center;min-height:40px;font:400 11px/1.5 Inter,sans-serif;color:var(--muted);background:none;border:0;padding:4px 0;text-decoration:none;text-align:left;cursor:pointer}.premium-demo .footer-contact{padding-top:3px;min-width:0}.premium-demo .footer-contact a{overflow-wrap:anywhere}.premium-demo .footer-legal{display:flex;gap:22px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:23px;margin-top:30px;font:400 10px/1.7 Inter,sans-serif;color:var(--muted)}.premium-demo .footer-legal a{color:var(--muted);min-height:36px;display:flex;align-items:center}.premium-demo #footer .ftfine{font:400 9px/1.9 Inter,sans-serif;color:var(--muted);margin:15px 0 0;max-width:none;text-align:left}.premium-demo .demo-analytics-preferences{color:var(--muted);font-size:10px;margin-top:12px;min-height:40px}
.premium-demo #dsheet .dspanel{max-width:620px;width:calc(100% - 36px);max-height:calc(100dvh - 40px);border:1px solid var(--line);border-radius:18px;background:#fffdf8;color:var(--ink);box-shadow:0 25px 90px #0003}.premium-demo #dsheet .mspad{padding:37px!important}.premium-demo #dsheet h3{font-size:43px;line-height:1.05;margin:0 38px 16px 0;letter-spacing:-.035em;color:var(--ink)}.premium-demo #dsheet .mspad>p{font-size:13px;color:var(--muted);margin:0 0 25px}.premium-demo #dsheet .msx{width:44px;height:44px;top:12px;right:12px;color:var(--ink);background:none;font:300 28px/1 Inter,sans-serif;border:0}.premium-demo #dform .rfrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:17px}.premium-demo #dform label{font:500 12px/1.6 Inter,sans-serif;color:var(--ink);display:block}.premium-demo #dform label em{font-size:10px;font-style:normal;color:var(--muted)}.premium-demo #dform input:not([type=checkbox]){display:block;width:100%;min-height:47px;padding:11px 13px;border:1px solid #bfc4cc;border-radius:7px;background:#fffdf8;font:400 14px/1.5 Inter,sans-serif;color:var(--ink);margin-top:7px;box-shadow:none}.premium-demo #dform input.bad{border-color:#b33429!important;box-shadow:0 0 0 1px #b33429!important}.premium-demo #dform .enquiry-options{margin:19px 0 20px;border-block:1px solid var(--line);padding:5px 0}.premium-demo #dform .enquiry-options>summary{display:flex;align-items:center;gap:6px;list-style:none;min-height:48px;font:500 12px/1.5 Inter,sans-serif;cursor:pointer}.premium-demo #dform .enquiry-options>summary svg{margin-left:auto;width:16px;height:16px}.premium-demo #dform .enquiry-options>label{margin:10px 0 20px}.premium-demo #dform .wlbl{font-size:12px;margin:0 0 10px;color:var(--muted)}.premium-demo #dform .wchips{gap:7px;padding:0 0 15px}.premium-demo #dform .wchip span{font:400 10px/1.5 Inter,sans-serif;padding:8px 12px}.premium-demo #dform .chk{display:flex;align-items:flex-start;gap:11px;margin:13px 0;font:400 11px/1.75 Inter,sans-serif;color:var(--muted)}.premium-demo #dform .chk input{flex:0 0 18px;width:18px;height:18px;accent-color:var(--ink);margin-top:1px}.premium-demo #dsend{display:flex;justify-content:center;align-items:center;gap:18px;width:100%;min-height:51px;margin-top:24px;border:1px solid var(--ink);border-radius:8px;background:var(--ink);color:white;font:600 13px/1.4 Inter,sans-serif;padding:14px 20px;box-shadow:none}.premium-demo #dsend svg{width:20px;height:20px}.premium-demo #dsheet .msfine{font-size:10px!important;line-height:1.7!important;margin:14px 0 0!important;text-align:center}.premium-demo #dform .rferr{font:500 12px/1.6 Inter,sans-serif;margin-bottom:0}.premium-demo .smback,.premium-demo .msback{background:#10233e8c;backdrop-filter:blur(5px)}.premium-demo .smlist a{padding:13px 0}.premium-demo .smlist .mt b{font-size:14px}.premium-demo .smlist .mt small{font-size:11px}.premium-demo .smlist .ma svg{width:19px;height:19px}.premium-demo .smpanel{background:var(--surface)}
.premium-demo .tbar{display:none!important}.premium-demo #mfw{z-index:100}.premium-demo .demo-analytics-choice{border-radius:13px;padding:18px 21px}.premium-demo .demo-analytics-choice button{min-height:44px}.premium-demo .demo-boundary{position:static!important}.premium-demo .editorial-motion.direction-ready:not(.direction-visible){transform:translateX(var(--section-shift,-16px))}.premium-demo .luxe-setup.motion-ready:not(.is-present) .setup-connector:before{transform:scaleX(0)}
@media(min-width:1600px){.premium-demo .wrap{max-width:1280px}.premium-demo .hero .hcopy h1{font-size:90px}.premium-demo .hero .heropanel{padding-top:30px;padding-bottom:35px}.premium-demo .heropanel .phone{width:300px}.premium-demo .phone .screen{min-height:490px}}
@media(max-width:1050px){.premium-demo .wrap{width:calc(100% - 56px)}.premium-demo .wg{max-width:180px;font-size:20px;padding-left:14px;margin-left:4px}.premium-demo .hero>.wrap{gap:25px 35px}.premium-demo .hero .hcopy h1{font-size:65px}.premium-demo .hero-actions{flex-direction:column}.premium-demo .hero-actions button{width:100%;min-height:48px}.premium-demo .hero .hcopy .sub{font-size:15px}.premium-demo .hero .heropanel{padding:25px 20px}.premium-demo .heropanel .phone{width:265px}.premium-demo #listen .lbox{gap:45px}.premium-demo .agency-story{gap:45px}.premium-demo .handover-layout{gap:40px}.premium-demo #routing-experience .route-stage{grid-template-columns:1fr 1.2fr;gap:20px}.premium-demo #routing-experience .route-switch{display:none}.premium-demo #routing-experience .route-specialist{grid-template-columns:1fr}.premium-demo #routing-experience .route-specialist>img{height:160px;min-height:0}.premium-demo .premium-footer-grid{gap:20px}.premium-demo .ftwm{font-size:23px}}
@media(max-width:760px){.premium-demo .wrap{width:calc(100% - 40px)}.premium-demo #top,.premium-demo #top .wrap{min-height:72px}.premium-demo #top .wrap{padding:13px 0;gap:10px}.premium-demo .bmark{width:35px;height:35px;flex-basis:35px;border-radius:9px}.premium-demo .brand{gap:8px}.premium-demo .mfbr{font-size:21px}.premium-demo .wg{display:none}.premium-demo .navcta{display:none}.premium-demo .mbtn{min-width:78px;min-height:43px;padding:10px 14px}.premium-demo .hero{padding-top:25px}.premium-demo .hero>.wrap{display:flex;flex-direction:column;gap:0}.premium-demo .hero .hcopy{width:100%;padding:0;text-align:left;align-items:flex-start;margin:0}.premium-demo .hero-agency{gap:13px;margin:0 0 25px;padding:0 0 20px;justify-content:flex-start;width:100%}.premium-demo .hero-agency-monogram{width:49px;height:53px;flex-basis:49px;font-size:36px;border-radius:12px}.premium-demo .hero-agency strong{font-size:28px}.premium-demo .hero-agency-label{font-size:10px}.premium-demo .hero .hcopy h1{font-size:clamp(54px,10.5vw,75px);line-height:1.01;margin:0 0 23px}.premium-demo .hero .hcopy .sub{font-size:15px;line-height:1.8;max-width:38ch;margin-bottom:23px}.premium-demo .hero-actions{gap:10px;flex-direction:row}.premium-demo .hero-actions button{font-size:11px;min-height:50px;padding:13px 16px;flex-basis:auto}.premium-demo .hero-note{text-align:left;font-size:10px;margin:13px 0 13px}.premium-demo .hero .hero-walkthrough{font-size:12px;margin-bottom:4px}.premium-demo .hero .heropanel{margin-top:25px;padding:23px 23px 25px;border-radius:17px;width:100%}.premium-demo .heropanel .ptop h3{font-size:28px}.premium-demo .heropanel .phone{width:280px}.premium-demo .phone .screen{min-height:470px}.premium-demo .hero .hextras{margin-top:20px;padding:0 0 21px}.premium-demo .hero .disclaim{font-size:9px;gap:9px}.premium-demo .capability-band{flex-wrap:wrap;gap:10px 20px;padding:21px 0;font-size:10px;justify-content:flex-start}.premium-demo .capability-band svg{width:16px;height:16px}.premium-demo #listen{padding:54px 0 35px}.premium-demo #listen .lbox{grid-template-columns:1fr;gap:32px}.premium-demo #listen h2{font-size:48px}.premium-demo .slead{font-size:15px}.premium-demo #listen .lphone{width:276px;height:515px}.premium-demo #listen .lcol{max-width:none}.premium-demo .lplayer{padding:16px;gap:13px}.premium-demo .lphead{gap:8px;flex-wrap:wrap}.premium-demo .lphead b{font-size:11px}.premium-demo #lptime{font-size:10px}.premium-demo .lpnote{font-size:10px}.premium-demo #whatsapp{padding-bottom:45px}.premium-demo #whatsapp .wacard{display:block;padding:27px 22px}.premium-demo #whatsapp h2{font-size:35px}.premium-demo #whatsapp .walead{font-size:12px}.premium-demo #whatsapp .wafoot{margin-top:24px;align-items:flex-start;gap:8px}.premium-demo #whatsapp .wabtn{font-size:11px}.premium-demo .luxe-disclosure>summary{padding:14px 12px}.premium-demo .luxe-summary-copy b{font-size:12px}.premium-demo .luxe-summary-copy small{font-size:10px}.premium-demo .luxe-summary-icon{width:36px;height:36px;flex:0 0 36px}.premium-demo .luxe-disclosure-action>span{display:none}.premium-demo .luxe-feature-grid{grid-template-columns:1fr}.premium-demo #problem{padding:50px 0}.premium-demo .agency-story{grid-template-columns:1fr;gap:33px}.premium-demo .agency-story .figframe{max-width:490px;margin-inline:auto}.premium-demo .agency-story-copy h2{font-size:47px}.premium-demo .agency-story-copy .slead{font-size:14px}.premium-demo .agency-moments{gap:19px}.premium-demo .agency-moments h3{font-size:13px}.premium-demo .agency-moments p{font-size:12px}.premium-demo #lines{padding:50px 0}.premium-demo #lines .shead{margin-bottom:28px}.premium-demo #lines .shead h2{font-size:46px}.premium-demo #lines .lgrid{grid-template-columns:1fr;gap:27px}.premium-demo #lines .lcard .body{padding:23px}.premium-demo #lines .specialist-detail{min-height:0;font-size:13px;margin-bottom:20px}.premium-demo #lines .specialist-steps li{font-size:12px}.premium-demo #lines .try{min-height:47px}.premium-demo #routing-experience{padding:25px 20px;margin-top:32px}.premium-demo #routing-experience .route-heading h3{font-size:30px}.premium-demo #routing-experience .route-heading h3 br{display:block}.premium-demo #routing-experience .route-heading p{font-size:11px;max-width:25ch}.premium-demo #routing-experience .route-stage{grid-template-columns:1fr;gap:20px}.premium-demo #routing-experience .route-caller{padding:15px 4px 0}.premium-demo #routing-experience .route-quote{font-size:27px}.premium-demo #routing-experience .route-wave{display:none}.premium-demo #routing-experience .route-specialist{grid-template-columns:1fr}.premium-demo #routing-experience .route-specialist>img{height:auto;aspect-ratio:3/2}.premium-demo #routing-experience .route-specialist>div{padding:22px}.premium-demo #routing-experience .route-specialist p{font-size:12px}.premium-demo #routing-experience .route-footer{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.premium-demo #routing-experience .route-status{font-size:11px}.premium-demo #how{padding:55px 0}.premium-demo #how>.wrap>.shead h2{font-size:45px}.premium-demo .call-journey{grid-template-columns:1fr 1fr;gap:30px 20px;margin-top:32px}.premium-demo .call-journey li:after{display:none}.premium-demo .journey-icon{width:53px;height:53px;margin-bottom:15px}.premium-demo .call-journey h3{font-size:25px}.premium-demo .call-journey p{font-size:11px}.premium-demo .journey-reassurance{display:grid;gap:13px;padding:20px 0}.premium-demo #setup.simple-setup{margin-top:46px;padding-top:45px}.premium-demo #setup h3{font-size:45px}.premium-demo #setup .simple-setup-head>p{font-size:14px}.premium-demo #setup .simple-steps{grid-template-columns:1fr;gap:31px;margin-top:26px}.premium-demo #setup .simple-steps li{text-align:left;align-items:flex-start;opacity:1;transform:none}.premium-demo #setup .simple-steps li img{border-radius:12px}.premium-demo .setup-connector{height:16px;margin:8px 0}.premium-demo .setup-connector::before,.premium-demo .setup-connector::after{display:none}.premium-demo #setup h4{font-size:28px;margin-bottom:9px}.premium-demo #setup li>p{max-width:38ch;margin:0;font-size:13px}.premium-demo #setup>.premium-button{width:100%;margin-top:29px}.premium-demo #digest{padding:50px 0}.premium-demo .handover-layout{grid-template-columns:1fr;gap:30px}.premium-demo .handover-copy h2{font-size:51px}.premium-demo .handover-note{margin-top:20px;padding-top:17px;font-size:10px}.premium-demo .handover-panel{padding:18px 14px;border-radius:14px}.premium-demo .handover-head{gap:10px}.premium-demo .handover-monogram{width:43px;height:48px;flex-basis:43px;font-size:33px}.premium-demo .handover-head h3{font-size:25px}.premium-demo .handover-head p{font-size:10px}.premium-demo .example-label{font-size:8px;padding:5px 8px}.premium-demo .handover-record>summary{padding:15px 10px;gap:10px}.premium-demo .record-icon{flex-basis:26px}.premium-demo .record-icon svg{width:21px;height:21px}.premium-demo .record-status{display:none}.premium-demo .record-copy b{font-size:12px}.premium-demo .record-copy strong{font-size:11px}.premium-demo .record-copy small{font-size:9px}.premium-demo .handover-details.mondet>summary{font-size:11px;padding:13px 11px}.premium-demo .systems-suite #crm{padding:50px 0 37px}.premium-demo #crm .shead h2{font-size:47px}.premium-demo #crm .para{font-size:15px;line-height:1.8}.premium-demo #crm .crm-enquiry{display:flex;flex-direction:column;align-items:stretch;gap:18px}.premium-demo #crm .crm-enquiry label{font-size:12px}.premium-demo #crm .crm-enquiry select{font-size:14px;min-height:51px}.premium-demo #crm .crm-enquiry button{min-width:0;min-height:52px;font-size:13px}.premium-demo .crm-experience{padding:16px 13px 12px}.premium-demo .crm-carousel li{height:85px;flex-basis:151px}.premium-demo .crm-carousel li img{max-width:115px;max-height:43px}.premium-demo .crm-experience-note{font-size:9px}.premium-demo .crm-channel-strip{gap:14px 20px;font-size:10px}.premium-demo .systems-suite #guardrails{padding:45px 0 50px}.premium-demo #guardrails .simple-behaviour-head{text-align:left;margin-bottom:25px}.premium-demo #guardrails .simple-behaviour-head h2{font-size:43px}.premium-demo #guardrails .behaviour-grid{grid-template-columns:1fr;gap:12px}.premium-demo #guardrails .behaviour-card{padding:20px 17px;grid-template-columns:43px 1fr;gap:6px 14px}.premium-demo #guardrails .behaviour-card .simple-icon{width:43px;height:43px}.premium-demo #guardrails .behaviour-card h3{font-size:12px}.premium-demo #guardrails .behaviour-card p{font-size:11px}.premium-demo .premium-closing{padding:50px 0 42px}.premium-demo .premium-closing h2{font-size:47px}.premium-demo .closing-agency{font-size:20px;margin-bottom:22px}.premium-demo .premium-closing .wrap>p:not(.closing-agency){font-size:14px;max-width:35ch}.premium-demo .closing-promises{display:flex;flex-wrap:wrap;gap:14px 18px;font-size:10px}.premium-demo .closing-promises svg{width:18px;height:18px}.premium-demo .premium-closing .premium-button{min-width:0;width:100%;font-size:13px}.premium-demo .premium-closing small{font-size:10px}.premium-demo #footer.ft{padding:35px 0 95px}.premium-demo .premium-footer-grid{grid-template-columns:1fr 1fr;gap:25px 22px}.premium-demo .premium-footer-grid>div:first-child{grid-column:1/-1}.premium-demo .footer-contact{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:2px 22px;padding:0}.premium-demo .footer-group>summary{font-size:12px}.premium-demo .footer-group a,.premium-demo .footer-group button,.premium-demo .footer-contact a{font-size:11px;min-height:42px}.premium-demo .footer-legal{gap:7px 18px;margin-top:21px;padding-top:17px}.premium-demo .footer-legal span{width:100%}.premium-demo .footer-legal a{min-height:36px}.premium-demo #footer .ftfine{font-size:9px}.premium-demo .tbar{display:flex!important;padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:10px;min-height:68px;background:#fffdf8f7;backdrop-filter:blur(14px);border-top:1px solid var(--line);box-shadow:0 -5px 25px #10233e08;visibility:hidden}.premium-demo.premium-sticky .tbar{visibility:visible}.premium-demo .tbar>*{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;flex:1;border-radius:99px;font:600 11px/1.5 Inter,sans-serif;white-space:normal;padding:10px 12px;border:1px solid #10233e}.premium-demo .tbar .tb1{background:#10233e;color:white}.premium-demo .tbar .tb2{background:transparent;color:#10233e}.premium-demo .tbar svg{width:17px;height:17px;flex-shrink:0}.premium-demo #dsheet .dspanel{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:14px}.premium-demo #dsheet .mspad{padding:29px 23px 23px!important}.premium-demo #dsheet h3{font-size:34px;max-width:12ch;margin-right:28px}.premium-demo #dsheet .mspad>p{font-size:12px;margin-bottom:20px}.premium-demo #dform .rfrow{grid-template-columns:1fr;gap:15px;margin-bottom:15px}.premium-demo #dform input:not([type=checkbox]){font-size:16px;min-height:47px}.premium-demo #dform .chk{font-size:11px}.premium-demo #dsend{min-height:50px;font-size:12px}.premium-demo .demo-analytics-choice{bottom:13px;left:13px;width:calc(100% - 26px);padding:17px 19px}.premium-demo .demo-analytics-choice p{font-size:13px}.premium-demo .demo-analytics-choice p span{font-size:11px}}
@media(max-width:390px){.premium-demo .wrap{width:calc(100% - 36px)}.premium-demo .hero .hcopy h1{font-size:54px}.premium-demo .hero-actions{flex-direction:column}.premium-demo .hero-actions button{font-size:12px;width:100%}.premium-demo .hero .heropanel{padding:22px 15px}.premium-demo .heropanel .ptop h3{font-size:26px}.premium-demo .heropanel .phone{width:268px}.premium-demo .hero-agency strong{font-size:26px}.premium-demo #crm .shead h2{font-size:44px}.premium-demo .premium-closing h2{font-size:43px}.premium-demo .handover-head h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.premium-demo .mfbr .fw,.premium-demo .footer-flow i{animation:none!important;color:#d26210!important;text-shadow:0 0 10px #f47b2040}.premium-demo .editorial-motion,.premium-demo .editorial-motion.direction-ready:not(.direction-visible),.premium-demo #guardrails.has-direction-motion .behaviour-card:not(.rule-visible),.premium-demo .luxe-setup .simple-steps li{opacity:1!important;transform:none!important;transition:none!important}.premium-demo .setup-connector:before{transform:none!important}.premium-demo .premium-button:hover{transform:none}.premium-demo *, .premium-demo *::before,.premium-demo *::after{scroll-behavior:auto!important}}

/* Match the section concepts at desktop scale; retain the compact mobile hierarchy. */
@media(min-width:1051px){.premium-demo .wrap{max-width:1280px}.premium-demo .hero .hcopy h1{font-size:clamp(78px,6.8vw,104px)}.premium-demo .hero .hcopy .sub{font-size:18px}.premium-demo .hero-actions button{font-size:13px}.premium-demo .heropanel .phone{width:300px}.premium-demo .phone .screen{min-height:520px}.premium-demo .hero .heropanel{padding-top:27px;padding-bottom:33px}.premium-demo h2{font-size:76px}.premium-demo #setup h3{font-size:80px}.premium-demo #setup li>p{font-size:14px}.premium-demo #lines .specialist-detail{font-size:14px}.premium-demo .premium-closing h2{font-size:88px}.premium-demo #crm .shead h2{font-size:76px}.premium-demo .footer-contact a,.premium-demo .footer-group a,.premium-demo .footer-group button{font-size:12px}}
@media(max-width:760px){.premium-demo #top .brand .mfbr{font-size:21px}.premium-demo #top .brand .bmark{width:35px;height:35px}.premium-demo #top .brand .wg{display:none!important}.premium-demo #footer.ft{padding-bottom:95px!important}}

/* Final concept comparison: editorial headings, native audio, balanced routing. */
.premium-demo #listen .lplayer{background:#10233e;color:#fffdf8;border-color:#263e5c}
.premium-demo #listen .lphead b{color:#fffdf8}.premium-demo #listen #lptime{color:#bfcddd}.premium-demo #listen .lpbtn{background:#d9b574;color:#10233e;box-shadow:none}.premium-demo #listen .lpbar{background:#ffffff19}
.premium-demo #listen .premium-text-link{margin-top:10px}
.premium-demo #lines .try{background:#10233e;color:#fffdf8}
.premium-demo .route-choices button{display:inline-flex;align-items:center;gap:8px;min-height:44px}.premium-demo .route-choices button svg{width:17px;height:17px;flex-shrink:0}
@media(min-width:761px){
.premium-demo #lines .shead{max-width:none;text-align:center}.premium-demo #lines .shead h2{font-size:clamp(45px,5vw,67px)}.premium-demo #lines .shead .slead{display:none}
.premium-demo #routing-experience{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:34px;row-gap:18px}
.premium-demo #routing-experience .route-heading{grid-area:1 / 1 / 2 / 2!important;padding:0}.premium-demo #routing-experience .route-heading h3{font-size:36px}
.premium-demo #routing-experience .route-choices{grid-area:2 / 1 / 3 / 2!important;margin:0}
.premium-demo #routing-experience .route-stage{display:contents!important}.premium-demo #routing-experience .route-switch{display:none!important}
.premium-demo #routing-experience .route-caller{grid-area:3 / 1 / 4 / 2!important;padding:20px}
.premium-demo #routing-experience .route-specialist{grid-area:1 / 2 / 6 / 3!important;display:block}.premium-demo #routing-experience .route-specialist>img{display:block;min-height:0;height:auto!important;aspect-ratio:16/8;object-fit:cover;width:100%}
.premium-demo #routing-experience .route-footer{grid-area:4 / 1 / 5 / 2!important;display:flex;align-items:flex-start;flex-direction:column;padding:0;margin:0;gap:12px}
.premium-demo #routing-experience .route-fine{grid-area:5 / 1 / 6 / 2!important;margin:0}
.premium-demo #how>.wrap>.shead{text-align:center}.premium-demo #how>.wrap>.shead .slead{margin-inline:auto}
.premium-demo .call-journey{text-align:center}.premium-demo .journey-icon{margin-inline:auto}.premium-demo .call-journey p{margin-inline:auto}.premium-demo .call-journey li:not(:last-child):after{left:calc(50% + 34px);width:calc(100% - 34px)}
.premium-demo #how>.wrap>.premium-text-link{display:flex;width:fit-content;margin:20px auto 0;background:#10233e;color:#fffdf8;border:0;border-radius:99px;padding:15px 25px;min-height:52px}
}


/* relevance-refinement.css */
/* Targeted refinement: preserve the page, make each visual explain its job. */
.premium-demo #top .wg .agn{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.premium-demo.agency-name-long #top .wg .agn{font-size:18px;line-height:1.25}
.premium-demo.agency-name-long #problem .clay-agency .fname2{font-size:clamp(10px,2.6cqw,18px)}
.premium-demo .hero .hcopy h1{font-size:clamp(55px,5.15vw,78px);line-height:1.05;max-width:17ch}
.premium-demo .hero .hcopy .sub{font-size:16px;max-width:44ch}
.premium-demo .hero .heropanel .hsign{display:flex!important;position:relative;inset:auto;width:100%;max-width:100%;flex-direction:column;gap:9px;padding:16px 20px;margin:0 0 21px;background:#0c1c32e8;border:1px solid #a8d4ff66;border-radius:12px;box-shadow:0 0 21px #78bbff22,inset 0 0 18px #78bbff0d;transform:none;animation:none}
.premium-demo .hero .heropanel .hsign .hsw{display:block;width:100%;font:600 clamp(21px,2.5vw,32px)/1.2 "Playfair Display",Georgia,serif;color:#d7ebff;text-shadow:0 0 7px #b4dcffb3,0 0 25px #5aa6ff73;letter-spacing:.01em;text-align:center;overflow-wrap:anywhere;animation:agency-sign-light 5s ease-in-out infinite}
.premium-demo .hero .heropanel .hsign .hsub{position:static;display:block;color:#b8d1e9;font:500 8px/1.6 Inter,sans-serif;text-align:center;letter-spacing:.14em;text-transform:uppercase}
.premium-demo .hero .heropanel .hsign :is(.hscrew,.hcur){display:none}
.premium-demo .hero .heropanel .ptop{display:none}
@keyframes agency-sign-light{0%,72%,100%{text-shadow:0 0 7px #b4dcffb3,0 0 25px #5aa6ff73}30%,45%{text-shadow:0 0 8px #d7ebffc4,0 0 32px #5aa6ff9c}}
.premium-demo #lines .lcard .photo.clay-scene{aspect-ratio:4/3!important}
.premium-demo #lines .lcard .photo.clay-scene>img{object-position:center!important;object-fit:cover}
.premium-demo #problem .clay-agency{background:#0c1b2c}
.premium-demo #problem .clay-agency .fascia.fz{top:22%;height:9.4%}
.premium-demo #problem .clay-agency .fname2{filter:drop-shadow(0 0 7px #f5cf8999);animation:agency-name-light 6s ease-in-out infinite}
/* A bright, precise Pro Max-style recording phone. The screen is real UI. */
.premium-demo #listen .lbox{grid-template-columns:1.12fr .88fr;gap:70px}
.premium-demo #listen #lphone{width:322px;height:660px;max-width:100%;padding:7px;border-radius:50px;border:1px solid #d2c6b3;background:linear-gradient(112deg,#3d444b 0%,#f5eee3 2%,#929294 4%,#22272d 6%,#14191f 94%,#eee6d7 97%,#53575c 100%);box-shadow:0 2px 2px #fff9 inset,0 26px 55px #10233e25,10px 2px 0 -6px #bcb5aa;transform:none;animation:none}
.premium-demo #lphone .lpscr{height:100%;border:2px solid #14191f;border-radius:42px;background:#faf9f5;display:flex;flex-direction:column;box-shadow:inset 0 0 0 1px #fff}
.premium-demo #lphone .lpisl{width:91px;height:25px;margin-left:-45px;top:12px;background:#050608;border:1px solid #181b20}
.premium-demo #lphone .lpstat{padding:19px 24px 0;height:40px;flex-shrink:0;color:#10233e;font-size:11px}
.premium-demo #lphone .lpsi i,.premium-demo #lphone .lpsi b::after{background:#10233e}.premium-demo #lphone .lpsi b{border-color:#10233e88}
.premium-demo #lphone .lpcall{padding:26px 18px 12px;flex-shrink:0;background:none;color:#10233e}
.premium-demo #lphone .lpav{width:53px;height:53px;background:#10233e;border:1px solid #af8b50;color:#e5c086;font:400 37px/1 "Instrument Serif",Georgia,serif;box-shadow:0 0 0 5px #b58b4210;animation:none!important}
.premium-demo #lphone .lpnm{font:600 14px/1.4 Inter,sans-serif;letter-spacing:-.02em;color:#10233e;margin-top:13px;white-space:normal;overflow-wrap:anywhere;max-width:250px}
.premium-demo #lphone .lpst{font:400 10px/1.5 Inter,sans-serif;color:#627184;margin-top:5px}.premium-demo #lphone .lpst i{background:#9da99d}
.premium-demo #lphone.on .lpst i{background:#1c8752;box-shadow:0 0 0 3px #1c875218}
.premium-demo #lphone .lpclk{font:500 11px/1.4 Inter,sans-serif;color:#627184;letter-spacing:.06em;margin-top:7px}
.premium-demo #lphone .lpwave{height:20px;margin-top:6px}.premium-demo #lphone .lpwave i{background:#b58b4260}.premium-demo #lphone.on .lpwave i{background:#a47b39;animation:none!important}
.premium-demo #lphone .lpfeed{padding:0 16px 14px;background:none;mask-image:none;-webkit-mask-image:none;flex:1}
.premium-demo #lphone .lpidle{top:45%;gap:12px;color:#10233e;padding:0 25px}.premium-demo #lphone .lpidle b{font:600 14px/1.5 Inter,sans-serif;color:#10233e}.premium-demo #lphone .lpidle small{font:400 11px/1.7 Inter,sans-serif;color:#637184;max-width:23ch}
.premium-demo #lphone .lpring{width:60px;height:60px;background:#10233e;border:1px solid #c1a16c;box-shadow:0 0 0 10px #b58b420d;color:#e7c58a}.premium-demo #lphone .lpring svg{fill:none;stroke:currentColor;stroke-width:1.5}
.premium-demo #lphone .lptx{max-width:100%;width:100%;margin:0;gap:9px;padding:4px 0 0}.premium-demo #lphone .lptx li{border:1px solid #dfd5c3;background:#f1e9db;max-width:94%;border-radius:13px;padding:10px 12px;box-shadow:none}.premium-demo #lphone .lptx li.cl{background:#e9eef5;border-color:#d5dfeb}.premium-demo #lphone .lptx li .who{font:600 8px/1.5 Inter,sans-serif;letter-spacing:.05em;color:#92682c}.premium-demo #lphone .lptx li.cl .who{color:#516884}.premium-demo #lphone .lptx li p{font:400 11px/1.65 Inter,sans-serif;color:#10233e}
.premium-demo #lphone .lpctl{display:flex;justify-content:center;align-items:center;gap:20px;padding:12px 17px 24px;margin:0;background:none;flex-shrink:0}
.premium-demo #lphone .lpctl button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #d7cdbb;border-radius:50%;background:#f3eee5;color:#10233e;cursor:pointer;padding:11px;transition:background .2s,transform .2s;min-height:44px}
.premium-demo #lphone .lpctl button svg{width:20px;height:20px;stroke:currentColor;fill:none}.premium-demo #lphone .lpctl [data-recording-toggle]{width:54px;height:54px;min-height:54px;background:#10233e;color:#e7c58a;border-color:#10233e}.premium-demo #lphone .lpctl button:hover{transform:translateY(-2px);background:#e8ddc8}.premium-demo #lphone .lpctl [data-recording-toggle]:hover{background:#234263}
.premium-demo #lphone .lphome{width:90px;height:4px;bottom:7px;background:#10233e8c}
/* Clear, contextual workflow pictures. Native text stays readable and personalised. */
.premium-demo .illustrated-journey{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:36px}
.premium-demo .illustrated-journey li{min-width:0}
.premium-demo .illustrated-journey li::after{display:none}
.premium-demo .illustrated-journey .story-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:212px;height:212px;border:1px solid #dfd2bb;border-radius:15px;background:#f5f0e6;margin-bottom:21px;padding:22px;box-shadow:0 13px 25px #10233e04;overflow:visible;transition:border-color .45s,box-shadow .45s}
.premium-demo .illustrated-journey li.is-flow-active .story-visual{border-color:#b28b4e;box-shadow:0 9px 25px #ad7e3610}
.premium-demo .illustrated-journey .story-connector{position:absolute;top:50%;left:100%;width:26px;height:2px;background:#d9c7a5;overflow:hidden;z-index:2}.premium-demo .story-connector::after{content:'';display:block;width:100%;height:100%;background:#a77932;transform:scaleX(var(--story-progress,0));transform-origin:left;transition:transform .2s linear}.premium-demo .illustrated-journey li:last-child .story-connector{display:none}
.premium-demo .illustrated-journey h3{font-size:27px}.premium-demo .illustrated-journey p{font-size:12px;line-height:1.75;max-width:26ch}
.diagram-phone{position:relative;width:111px;height:174px;padding:24px 8px 13px;display:flex;flex-direction:column;align-items:center;gap:10px;border:3px solid #10233e;border-radius:22px;background:#fffdf8;box-shadow:7px 8px 0 #d8cfbf55;transform:rotate(-4deg)}
.diagram-island{position:absolute;top:6px;width:34px;height:7px;background:#10233e;border-radius:99px}.diagram-agency{font:600 8px/1.4 Inter,sans-serif;color:#10233e;text-align:center;max-width:88px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.diagram-call-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #d6c199;border-radius:50%;background:#f3ead9;color:#926729}.diagram-call-icon svg{width:22px;height:22px}.diagram-phone>small{font:500 7px/1.5 Inter,sans-serif;color:#596b7c}.diagram-call-line{height:3px;width:55px;background:#d5bd8e;border-radius:99px}
.diagram-routing{width:100%;display:flex;flex-direction:column;align-items:center;gap:32px;position:relative}.diagram-routing::after{content:'';position:absolute;top:47px;left:50%;height:29px;width:1px;background:#c7ad7f}.diagram-hub{display:grid;place-items:center;width:47px;height:47px;border:1px solid #b89050;border-radius:50%;background:#10233e;color:#e1be7e}.diagram-hub svg{width:23px;height:23px}.diagram-branches{display:flex;justify-content:space-between;gap:11px;width:100%;position:relative}.diagram-branches::before{content:'';position:absolute;left:17%;right:17%;height:1px;top:-14px;background:#c7ad7f}.diagram-branches>span{position:relative;display:flex;flex:1;align-items:center;flex-direction:column;gap:9px;color:#9a6f2d}.diagram-branches>span::before{content:'';position:absolute;top:-14px;left:50%;height:14px;width:1px;background:#c7ad7f}.diagram-branches>span>svg{width:31px;height:31px;padding:5px;box-sizing:content-box;background:#fffdf8;border:1px solid #dfd2bb;border-radius:10px}.diagram-branches small{font:600 9px/1.4 Inter,sans-serif;color:#10233e}
.diagram-paper{width:174px;max-width:100%;padding:17px 15px 12px;background:#fffdf8;border:1px solid #d8c9ad;border-radius:9px;box-shadow:5px 6px 0 #dfd6c54d;transform:rotate(2deg)}.paper-heading{display:flex;align-items:center;gap:7px;margin-bottom:15px;font:600 9px/1.5 Inter,sans-serif;color:#10233e}.paper-heading svg{width:16px;height:16px;color:#9c763b}.paper-field{display:grid;grid-template-columns:55px 1fr;gap:8px;align-items:center;margin:11px 0}.paper-field b{font:400 8px/1.5 Inter,sans-serif;color:#627184}.paper-field i{height:3px;background:#dad6cc;border-radius:99px}.paper-ready{display:flex;align-items:center;gap:6px;border-top:1px solid #e4dac6;padding-top:10px;margin-top:10px;font:500 8px/1.5 Inter,sans-serif;color:#5a795c}.paper-ready svg{width:12px;height:12px}
.diagram-inbox{width:190px;max-width:100%;border:1px solid #d3c4a7;border-radius:10px;background:#fffdf8;overflow:hidden;box-shadow:0 8px 15px #10233e06}.inbox-heading{display:flex;align-items:center;gap:8px;padding:12px;background:#10233e;color:#e5c086;font:600 10px/1.5 Inter,sans-serif}.inbox-heading svg{width:17px;height:17px}.inbox-item{display:flex;align-items:center;gap:8px;padding:10px 11px;border-top:1px solid #e5dccb;color:#10233e;font:400 8px/1.5 Inter,sans-serif}.inbox-item>svg{width:14px;height:14px;color:#9c763b;flex-shrink:0}.inbox-item>svg:last-child{width:11px;height:11px;margin-left:auto}
/* Setup tells the actual story: brief, build, test. */
.premium-demo #setup .setup-story li{align-items:center}.setup-art{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;width:100%;height:245px;padding:24px;border:1px solid #dcccb1;border-radius:14px;background:#f4efe4;overflow:hidden;color:#10233e}
.setup-art::before{content:'';position:absolute;inset:auto 10% 32px;height:14px;border-radius:50%;background:#10233e09;filter:blur(6px);z-index:-1}.art-caption{font:500 9px/1.5 Inter,sans-serif;color:#697385;text-align:center}
.brief-paper{width:220px;max-width:100%;padding:15px 19px 10px;border:1px solid #d3c2a4;background:#fffdf8;border-radius:9px;box-shadow:6px 6px 0 #dfd3bc66;transform:rotate(-2deg)}.brief-title{display:block;font:600 11px/1.5 Inter,sans-serif;color:#10233e;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:11px;margin-bottom:4px;border-bottom:1px solid #e5d9c2}.brief-paper>span:not(.brief-title){display:flex;align-items:center;gap:9px;padding:9px 0;font:400 9px/1.5 Inter,sans-serif;color:#596b7c}.brief-paper>span>svg{width:15px;height:15px;color:#a47b3c}.brief-mark{margin-left:auto;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#eef0e5;color:#5f7c5b}.brief-mark svg{width:12px;height:12px}
.greeting-bubble{position:relative;width:100%;max-width:265px;background:#10233e;border-radius:12px;padding:14px 16px;color:#f8f2e5;box-shadow:0 8px 20px #10233e13}.greeting-bubble::after{content:'';position:absolute;left:25px;bottom:-7px;width:15px;height:15px;background:#10233e;transform:rotate(45deg)}.greeting-bubble>svg{width:18px;height:18px;color:#d8b87d;vertical-align:middle;margin-right:7px}.greeting-bubble>span{font:500 9px/1.5 Inter,sans-serif;color:#e4c68c}.greeting-bubble b{font:400 11px/1.7 Inter,sans-serif;display:block;margin-top:9px;overflow-wrap:anywhere}.setup-build-route{display:flex;align-items:center;gap:9px;width:100%;justify-content:center;margin-top:6px}.setup-build-route>span{display:flex;align-items:center;gap:6px;padding:8px 9px;background:#fffdf8;border:1px solid #d8c9ad;border-radius:8px;color:#596b7c;font:500 8px/1.5 Inter,sans-serif;white-space:nowrap}.setup-build-route svg{width:15px;height:15px;color:#a47b3c;flex-shrink:0}.setup-build-route>svg{width:15px;flex-shrink:1}
.setup-review{flex-direction:row;flex-wrap:wrap;gap:13px 20px}.review-device{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:104px;height:156px;border:3px solid #10233e;border-radius:21px;background:#fffdf8;box-shadow:4px 5px 0 #dfd6c566;transform:rotate(3deg)}.review-device>svg{display:block;width:31px;height:31px;color:#9b7233;padding:7px;box-sizing:content-box;border-radius:50%;background:#f1e8d6}.review-device>span:not(.review-meters){font:500 7px/1.5 Inter,sans-serif;max-width:12ch;text-align:center;color:#596b7c}.review-meters{display:flex;align-items:center;gap:3px;height:17px}.review-meters i{width:3px;height:9px;border-radius:99px;background:#b79357}.review-meters i:nth-child(2n){height:16px}.review-meters i:nth-child(3){height:12px}.review-checks{display:grid;gap:16px}.review-checks>span{display:flex;align-items:center;gap:8px;font:500 9px/1.5 Inter,sans-serif;color:#596b7c}.review-checks svg{width:17px;height:17px;color:#77916b;padding:2px;border:1px solid #b9c6ad;border-radius:50%}.setup-review>.art-caption{flex:0 0 100%}
.premium-demo #setup .setup-call-preview{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:0;border-bottom:1px solid #b58b42;background:none;color:#10233e;border-radius:0;padding:8px 0;margin-top:10px;font:600 11px/1.5 Inter,sans-serif;cursor:pointer}.setup-call-preview svg{width:15px;height:15px}
/* The handover retains its working records, with clearer visual context and movement. */
.premium-demo #digest .record-icon{display:grid;place-items:center;width:45px;height:48px;flex:0 0 45px;background:#f2eadc;border:1px solid #dfd2bb;border-radius:11px;color:#9b7133}.premium-demo #digest .record-icon svg{width:25px;height:25px}.premium-demo #digest .handover-record{position:relative;overflow:hidden;transition:border-color .5s,box-shadow .5s}.premium-demo #digest .handover-record::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:#bf9a5e;transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.22,.75,.2,1)}.premium-demo #digest .handover-record.art-visible::after{transform:scaleX(1)}
/* Each rule has a small, literal motion diagram instead of a decorative icon alone. */
.premium-demo #guardrails .behaviour-card{grid-template-areas:'art art' 'icon title' 'icon copy';grid-template-columns:45px 1fr;gap:7px 15px;padding:20px 23px}.premium-demo #guardrails .behaviour-card .simple-icon{grid-area:icon;width:43px;height:43px}.premium-demo #guardrails .behaviour-card h3{grid-area:title}.premium-demo #guardrails .behaviour-card p{grid-area:copy}
.rule-visual{grid-area:art;position:relative;display:flex;align-items:center;justify-content:center;gap:16px;min-height:96px;width:100%;padding:14px;background:#f5f0e6;border:1px solid #e5d9c3;border-radius:10px;margin-bottom:13px;color:#10233e;overflow:hidden}
.rule-visual svg{width:22px;height:22px;stroke-width:1.65;flex-shrink:0}.rule-sheet{display:grid;grid-template-columns:23px 1fr;gap:3px 9px;padding:11px 15px;background:#fffdf8;border:1px solid #dbcaa9;border-radius:7px;box-shadow:3px 4px 0 #d6c6a343;transform:rotate(-2deg)}.rule-sheet>svg{grid-row:1/3;color:#9a7132}.rule-sheet>b{font:500 9px/1.5 Inter,sans-serif}.rule-sheet>span{font:400 8px/1.5 Inter,sans-serif;color:#627184}.rule-seal{display:grid;place-items:center;width:43px;height:43px;border:1px solid #cdb68f;border-radius:50%;background:#eee6d5;color:#957039}
.rule-callers{display:flex;gap:6px}.rule-callers>svg{width:29px;height:29px;padding:6px;border:1px solid #d8c8a7;border-radius:50%;background:#fffdf8;color:#9b7133}.rule-rail{display:block;min-width:15px;width:35px;height:1px;background:#b68b49;position:relative}.rule-rail::after{content:'';position:absolute;inset:-2px auto auto 0;width:5px;height:5px;background:#b68b49;border-radius:50%;transform:translateX(0);transition:transform .9s}.art-visible .rule-rail::after{transform:translateX(30px)}
.rule-answer,.rule-alert,.rule-number,.rule-conversation{display:flex;align-items:center;gap:8px;padding:11px 13px;border:1px solid #d8c8a7;background:#fffdf8;border-radius:8px;font:500 9px/1.5 Inter,sans-serif;color:#10233e}.rule-answer svg,.rule-number svg,.rule-conversation svg{width:20px;height:20px;color:#9a7132}.rule-alert{color:#955f20;border-color:#d8b885;background:#faf1e2}.rule-alert svg{width:20px;height:20px}.rule-arrow{display:grid;place-items:center;color:#b18a4b}.rule-arrow svg{width:20px;height:20px}
.rule-switch{display:block;width:49px;height:28px;min-width:49px;background:#b58b42;border:1px solid #997536;border-radius:99px;padding:3px;box-shadow:inset 0 1px 2px #0001}.rule-switch i{display:block;width:20px;height:20px;background:#fffdf8;border-radius:50%;box-shadow:0 1px 3px #0002;transform:translateX(0);transition:transform .7s cubic-bezier(.22,.75,.2,1)}.art-visible .rule-switch i{transform:translateX(20px)}.rule-control-note{font:500 9px/1.5 Inter,sans-serif;color:#627184}
.premium-demo #guardrails .behaviour-card:last-child{grid-template-areas:'art title' 'art copy';grid-template-columns:minmax(250px,.75fr) 1fr;gap:7px 27px;align-items:center}.premium-demo #guardrails .behaviour-card:last-child .simple-icon{display:none}.premium-demo #guardrails .behaviour-card:last-child .rule-visual{margin-bottom:0;min-height:94px}
.premium-demo [data-illustration]{transition:opacity .6s ease,transform .6s cubic-bezier(.22,.75,.2,1);transition-delay:var(--art-delay,0ms)}.premium-demo .signal-motion:not(.art-visible){opacity:0;transform:translateY(10px)}.premium-demo .signal-motion.art-visible{opacity:1;transform:none}
.premium-demo .setup-story.art-visible .review-meters i{animation:review-sound 1.2s ease-in-out 2 alternate;animation-delay:calc(var(--i,0)*.12s)}.review-meters i:nth-child(2){--i:1}.review-meters i:nth-child(3){--i:2}.review-meters i:nth-child(4){--i:3}.review-meters i:nth-child(5){--i:4}@keyframes review-sound{to{transform:scaleY(.55)}}
@media(max-width:1050px){.premium-demo #listen .lbox{gap:35px}.premium-demo #listen #lphone{width:304px;height:630px}.premium-demo .illustrated-journey{gap:18px}.premium-demo .illustrated-journey .story-visual{padding:15px;height:196px;min-height:196px}.setup-art{padding:19px 16px}.setup-build-route{gap:5px}.setup-build-route>span{font-size:7px;padding:8px}.rule-visual{gap:10px}.rule-answer,.rule-alert,.rule-number,.rule-conversation{font-size:8px;padding:9px}.rule-control-note{font-size:8px}.rule-callers{gap:3px}.rule-callers>svg{width:25px;height:25px;padding:5px}}
@media(max-width:760px){.premium-demo .hero .hcopy h1{font-size:clamp(43px,10.5vw,60px);max-width:18ch;line-height:1.06}.premium-demo .hero .hcopy .sub{font-size:15px}.premium-demo .hero .heropanel .hsign{margin-bottom:20px;padding:16px 12px}.premium-demo .hero .heropanel .hsign .hsw{font-size:25px}.premium-demo .hero .heropanel .hsign .hsub{font-size:7px;letter-spacing:.1em}.premium-demo #listen .lbox{grid-template-columns:1fr;gap:35px}.premium-demo #listen #lphone{width:304px;height:630px;max-width:calc(100% - 12px);border-radius:47px}.premium-demo #lphone .lpscr{border-radius:39px}.premium-demo #lphone .lpcall{padding-top:24px}.premium-demo #lphone .lpnm{font-size:13px}.premium-demo #lphone .lpidle{padding-inline:23px}.premium-demo #lphone .lpidle b{font-size:13px}.premium-demo #lphone .lpidle small{font-size:10px}.premium-demo .illustrated-journey{grid-template-columns:1fr 1fr;gap:27px 16px}.premium-demo .illustrated-journey .story-visual{height:180px;min-height:180px;padding:13px;border-radius:12px;margin-bottom:17px;overflow:hidden}.premium-demo .illustrated-journey .story-connector{display:none}.premium-demo .illustrated-journey h3{font-size:24px}.premium-demo .illustrated-journey p{font-size:11px;max-width:23ch}.diagram-phone{width:99px;height:152px;padding-top:24px;gap:8px;border-radius:19px}.diagram-agency{font-size:7px}.diagram-call-icon{width:36px;height:36px}.diagram-call-icon svg{width:19px;height:19px}.diagram-phone>small{font-size:6px}.diagram-routing{gap:29px}.diagram-hub{width:39px;height:39px}.diagram-routing::after{top:39px;height:28px}.diagram-branches{gap:5px}.diagram-branches>span>svg{width:20px;height:20px;padding:5px;border-radius:8px}.diagram-branches small{font-size:7px}.diagram-paper{padding:12px 11px}.paper-heading{font-size:7px;gap:5px;margin-bottom:13px}.paper-heading svg{width:13px;height:13px}.paper-field{grid-template-columns:39px 1fr;gap:6px;margin-block:9px}.paper-field b{font-size:6px}.paper-ready{font-size:6px;gap:3px}.paper-ready svg{width:10px;height:10px}.inbox-heading{padding:10px;font-size:8px;gap:6px}.inbox-heading svg{width:15px;height:15px}.inbox-item{padding:9px 8px;gap:6px;font-size:6px}.inbox-item>svg{width:12px;height:12px}.inbox-item>svg:last-child{display:none}.premium-demo #setup .setup-story li{align-items:flex-start}.setup-art{height:240px;padding:22px;width:100%;margin-bottom:0;border-radius:12px}.brief-paper{width:235px;padding:15px 20px}.brief-title{font-size:12px}.brief-paper>span:not(.brief-title){font-size:10px}.art-caption{font-size:10px}.greeting-bubble{max-width:280px}.greeting-bubble b{font-size:12px}.greeting-bubble>span{font-size:10px}.setup-build-route{gap:9px}.setup-build-route>span{font-size:9px;padding:9px 11px}.review-device{width:110px;height:160px}.review-checks>span{font-size:10px}.review-device>span:not(.review-meters){font-size:8px}.premium-demo #setup .setup-call-preview{min-height:44px;font-size:12px;margin-top:10px}.premium-demo #digest .record-icon{width:33px;height:40px;flex-basis:33px;border-radius:8px}.premium-demo #digest .record-icon svg{width:21px;height:21px}.premium-demo #guardrails .behaviour-card,.premium-demo #guardrails .behaviour-card:last-child{grid-template-areas:'art art' 'icon title' 'icon copy';grid-template-columns:40px 1fr;gap:7px 13px;padding:18px}.premium-demo #guardrails .behaviour-card .simple-icon{width:40px;height:40px}.premium-demo #guardrails .behaviour-card:last-child .simple-icon{display:grid}.premium-demo #guardrails .behaviour-card .rule-visual{min-height:93px;padding:13px 10px;margin-bottom:12px;gap:10px}.rule-visual svg{width:20px;height:20px}.rule-sheet{padding:10px 12px;gap:3px 7px;grid-template-columns:20px 1fr}.rule-sheet>b{font-size:8px}.rule-sheet>span{font-size:7px}.rule-seal{width:34px;height:34px;flex:0 0 34px}.rule-callers>svg{width:25px;height:25px;padding:5px}.rule-rail{width:19px;min-width:19px}.art-visible .rule-rail::after{transform:translateX(15px)}.rule-answer,.rule-alert,.rule-number,.rule-conversation{font-size:8px;padding:10px 9px;gap:6px}.rule-answer svg,.rule-alert svg,.rule-number svg,.rule-conversation svg{width:18px;height:18px}.rule-control-note{font-size:8px;max-width:7ch}.rule-switch{width:43px;min-width:43px;height:26px}.rule-switch i{width:18px;height:18px}.art-visible .rule-switch i{transform:translateX(17px)}}
@media(max-width:370px){.premium-demo .hero .hcopy h1{font-size:44px}.premium-demo #listen #lphone{width:290px;height:614px}.premium-demo .illustrated-journey .story-visual{padding:11px;height:170px;min-height:170px}.diagram-branches>span>svg{width:18px;height:18px;padding:4px}.diagram-branches small{font-size:6px}.paper-heading{font-size:6px}.paper-field{grid-template-columns:35px 1fr}.inbox-item{font-size:6px;padding:8px 7px;gap:4px}.rule-number{font-size:7px}.rule-visual{gap:7px}.rule-control-note{display:none}.setup-build-route>span{font-size:8px}}
@media(max-width:760px){.premium-demo .illustrated-journey{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-demo .illustrated-journey :is(.diagram-routing,.diagram-branches,.diagram-paper,.diagram-inbox){min-width:0;max-width:100%}.premium-demo .illustrated-journey .diagram-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.premium-demo .illustrated-journey .diagram-branches>span{min-width:0}.premium-demo .illustrated-journey .diagram-branches>span>svg{width:20px;height:20px;padding:5px}.premium-demo .editorial-motion.direction-ready:not(.direction-visible){transform:translateX(clamp(-12px,var(--section-shift,-12px),12px))}}
@media(prefers-reduced-motion:reduce){.premium-demo .hero .heropanel .hsign .hsw,.premium-demo #problem .clay-agency .fname2,.premium-demo .setup-story .review-meters i{animation:none!important}.premium-demo .signal-motion,.premium-demo .signal-motion:not(.art-visible),.premium-demo .signal-motion.art-visible{opacity:1;transform:none;transition:none}.premium-demo .story-connector::after,.premium-demo #digest .handover-record::after{transform:scaleX(1);transition:none}.rule-switch i{transform:translateX(20px);transition:none}.premium-demo #lphone .lpctl button:hover{transform:none}.rule-rail::after{transition:none}}


/* performance.css */
/* Keep real section geometry so deep links land below the fixed navigation.
   Images retain their native lazy loading; estimated section heights shifted anchors. */


/* sections-v3.css */
/* Sections v3 (Oct 2026): "Hear the difference", "Start with the context" and "Your rules", with their motion pass.
   Motion: transforms and opacity only; sequences start once (JS adds .mf3-armed, then .mf3-run); loops run only on screen (.mf3-inview).
   Without JavaScript, or with reduced motion, every element shows its final state. */
.mf3{--mf3-ink:#10233e;--mf3-navy:#0f233b;--mf3-gold:#b9924b;--mf3-brass:#a8793a;--mf3-soft:#d6ad66;--mf3-text:#34506f;--mf3-muted:#5f7186;--mf3-line:#e8dece;--mf3-card:#fbf9f4;--mf3-cream:#f9f6ef;--e:cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;overflow:clip;color:var(--mf3-ink)}
.mf3 .wrap{position:relative;z-index:1}
.mf3-eyebrow{display:flex;align-items:center;gap:18px;margin:0;font:600 12.5px/1.4 Inter,sans-serif;letter-spacing:.28em;text-transform:uppercase;color:var(--mf3-brass)}
.mf3-eyebrow::before,.mf3-eyebrow::after{content:"";flex:0 0 64px;height:1px;background:#cfae73}
.mf3-eyebrow-center{justify-content:center}
.premium-demo .mf3 h2{font:400 clamp(44px,5.6vw,84px)/.98 "Instrument Serif",Georgia,serif;letter-spacing:-.035em;color:var(--mf3-ink);margin:22px 0 0}
.premium-demo .mf3 h2 em{font-style:italic;color:var(--mf3-brass)}
.mf3-lead{margin:20px 0 0;font:400 clamp(16px,1.35vw,20px)/1.6 Inter,sans-serif;color:var(--mf3-text);max-width:56ch}
.mf3 svg{flex-shrink:0}

/* ---------- Hear the difference ---------- */
.premium-demo #listen.mf3-listen{padding:clamp(56px,7vw,96px) 0 clamp(48px,6vw,84px);background:radial-gradient(ellipse 60% 70% at 78% 45%,#f5ead8 0,transparent 70%),linear-gradient(180deg,#fbf8f1,#fbf6ee)}
.mf3-listen::before,.mf3-listen::after{content:"";position:absolute;border-radius:50%;border:1px solid #e3cfa9;pointer-events:none}
.mf3-listen::before{width:900px;height:900px;right:-260px;top:-300px;opacity:.55}
.mf3-listen::after{width:1300px;height:1300px;left:-900px;bottom:-1050px;opacity:.5}
.mf3-listen-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-rows:1fr auto auto auto 1fr;grid-template-areas:". phone" "head phone" "player phone" "rest phone" ". phone";column-gap:clamp(32px,5vw,80px)}
.mf3-listen-head{grid-area:head}
.premium-demo #listen .mf3-player{grid-area:player;align-self:start;display:flex;align-items:center;gap:24px;max-width:700px;margin:34px 0 0;padding:20px 28px 20px 22px;background:linear-gradient(135deg,#132a47,var(--mf3-navy) 60%);border:1px solid #263e5c;border-radius:18px;box-shadow:0 22px 44px -18px rgba(15,35,59,.55),0 2px 0 rgba(255,255,255,.04) inset;color:#fffdf8}
.premium-demo #listen .mf3-player .lpbtn{width:76px;height:76px;flex:0 0 76px;background:radial-gradient(circle at 35% 30%,#e6c180,#cfa25b 70%);color:var(--mf3-navy);box-shadow:0 0 0 7px rgba(214,173,102,.12),0 10px 22px -8px rgba(0,0,0,.6)}
.premium-demo #listen .mf3-player .lpbtn svg{width:28px;height:28px}
.premium-demo #listen .mf3-player .lphead{margin-bottom:12px;align-items:center}
.premium-demo #listen .mf3-player .lphead b{font:600 18px/1.3 Inter,sans-serif;color:#fffdf8;letter-spacing:0}
.premium-demo #listen .mf3-player #lptime{font:500 15px/1.3 Inter,sans-serif;color:#c3cfdd;font-variant-numeric:tabular-nums}
.premium-demo #listen .mf3-player .lpbar{height:36px;gap:3px;background:none;border-radius:0}
.premium-demo #listen .mf3-player .lpbar i{background:rgba(233,238,245,.42);border-radius:2px}
.premium-demo #listen .mf3-player .lpbar i.done{background:var(--mf3-soft)}
.premium-demo #listen .mf3-player .lpbar:focus-visible{outline:2px solid var(--mf3-soft);outline-offset:4px}
.mf3-listen-rest{grid-area:rest;max-width:700px}
.mf3-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:38px 0 0;padding:0}
.mf3-steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font:400 22px/1.2 "Instrument Serif",Georgia,serif;color:var(--mf3-ink)}
.mf3-steps li+li::before,.mf3-steps li+li::after{content:"";position:absolute;top:34px;right:calc(50% + 46px);width:calc(100% - 92px);height:1px;background:#e2d2b4}
.mf3-steps li+li::after{background:#c99a4f;transform-origin:0 50%}
.mf3-step-icon{position:relative;display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#fffaf1,#f6ead7);border:1px solid #e2c99d;color:var(--mf3-ink);box-shadow:0 8px 18px -12px rgba(168,121,58,.6)}
.mf3-step-icon::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1.5px solid #c99a4f;opacity:0;transform:scale(.9)}
.mf3-step-icon svg{width:30px;height:30px}
#listen.mf3-armed .mf3-steps li{opacity:.42}
#listen.mf3-armed .mf3-steps li+li::after{transform:scaleX(0)}
#listen.mf3-armed .mf3-steps li.is-on{opacity:1;transition:opacity .6s var(--e)}
#listen.mf3-armed .mf3-steps li.is-on::after{transform:none;transition:transform .8s var(--e)}
#listen.mf3-armed .mf3-steps li.is-on .mf3-step-icon::after{opacity:1;transform:none;transition:opacity .6s var(--e) .15s,transform .6s var(--e) .15s}
.mf3-note{display:flex;align-items:center;gap:16px;margin:30px 0 0;font:italic 400 17px/1.5 "Instrument Serif",Georgia,serif;color:var(--mf3-muted);text-align:center}
.mf3-note::before,.mf3-note::after{content:"";flex:1 1 40px;min-width:24px;height:1px;background:#e1d3b9}
.premium-demo #listen .mf3-try{display:inline-flex;width:auto;align-items:center;gap:16px;margin:22px 0 0;padding:4px 0 6px;min-height:44px;background:none;border:0;border-radius:0;color:var(--mf3-ink);font:400 27px/1.15 "Instrument Serif",Georgia,serif;letter-spacing:-.01em;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-color:#c9a66b;text-decoration-thickness:1.5px;text-underline-offset:9px;box-shadow:none}
.premium-demo #listen .mf3-try svg{width:22px;height:22px;color:var(--mf3-brass);transition:transform .25s}
.premium-demo #listen .mf3-try:hover svg{transform:translateX(4px)}
.premium-demo #listen .mf3-try:focus-visible{outline:2px solid var(--mf3-brass);outline-offset:6px}
.mf3-transcript{margin:18px 0 0}
.mf3-transcript>summary{display:inline-flex;align-items:center;gap:8px;min-height:40px;cursor:pointer;list-style:none;font:500 13.5px/1.4 Inter,sans-serif;color:var(--mf3-muted)}
.mf3-transcript>summary::-webkit-details-marker{display:none}
.mf3-transcript>summary svg{width:16px;height:16px;transition:transform .25s}
.mf3-transcript[open]>summary svg{transform:rotate(180deg)}
.premium-demo #listen .mf3-transcript .lptx{margin:10px 0 0;max-width:640px}
.premium-demo #listen .mf3-transcript .lptx li p{font-size:14px}
.mf3-phone{grid-area:phone;position:relative;justify-self:center;align-self:center;width:100%;max-width:540px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mf3-phone-stage{position:relative;aspect-ratio:619/843;container-type:inline-size}
.mf3-house{position:absolute;left:59.451%;top:.119%;width:40.388%;height:97.628%;transform-origin:0 50%}
.mf3-float{position:absolute;inset:0}
.mf3-bezel{position:absolute;inset:0;display:block;width:100%;height:100%}
.mf3-screen{position:absolute;inset:0;transform:rotate(-1deg);transform-origin:31.5% 47.6%;color:#14243b;font-family:Inter,sans-serif;pointer-events:none}
.mf3-screen>*{position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap}
.mf3-sum{position:absolute;font-family:Inter,sans-serif;color:#14243b}
.mf3-sum>*{position:absolute}
.mf3-waves{position:absolute;left:-14%;top:49%;display:flex;align-items:center;gap:7px;height:110px;transform:translateY(-50%);pointer-events:none}
.mf3-waves i{display:block;width:3px;border-radius:3px;background:linear-gradient(180deg,#e2c38b,#c39550);opacity:.75;height:var(--h)}
@keyframes mf3-wave{0%{transform:scaleY(.45)}100%{transform:scaleY(1.05)}}
@keyframes mf3-bar{0%{transform:scaleY(.3)}100%{transform:scaleY(1)}}
@keyframes mf3-ping{0%{opacity:.55;transform:scale(.92)}100%{opacity:0;transform:scale(1.45)}}
@keyframes mf3-float{0%{transform:translateY(6px)}100%{transform:translateY(-6px)}}
@keyframes mf3-drift{0%{transform:scale(1)}100%{transform:scale(1.04) translateX(-1%)}}
.mf3-phone.mf3-inview .mf3-float{animation:mf3-float 6s ease-in-out infinite alternate}
.mf3-phone.mf3-inview .mf3-house{animation:mf3-drift 30s ease-in-out infinite alternate}
.mf3-phone.mf3-inview[data-state=listening] .mf3-waves i{animation:mf3-wave .9s ease-in-out infinite alternate;animation-delay:var(--d)}
.mf3-phone.mf3-inview.mf3-css-wave[data-state=listening] .mf3-ph-wave i{animation:mf3-bar 1.1s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -97ms)}

.mf3-sb-time{left:7.108%;top:7.829%;width:7.431%;height:2.372%;font-size:11.47px;font-size:2.504cqw;font-weight:600;color:#0b0f19}
.mf3-island{left:22.294%;top:5.575%;width:17.771%;height:4.508%;border-radius:3.069cqw;background:#07080a}
.mf3-sb-icons{left:44.588%;top:6.524%;width:12.601%;height:1.898%;color:#0b0f19}
.mf3-av{left:25.363%;top:13.76%;width:11.632%;height:8.541%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#1b3558,#0b1e37 72%);box-shadow:0 0 0 0.355cqw #d6ad66,0 1.292cqw 2.585cqw -1.292cqw rgba(11,30,55,.55);font:600 32.56px "Playfair Display",Georgia,serif;font-size:7.108cqw;color:#dcb36c}
.mf3-ph-name{left:6.462%;top:23.725%;width:49.435%;height:3.796%;font-size:17.39px;font-size:3.796cqw;font-family:"Playfair Display",Georgia,serif;font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;justify-content:center}
.mf3-ph-name:not(:empty){display:block;text-align:center;line-height:5.17cqw}
.mf3-ph-role{left:12.924%;top:28.351%;width:36.511%;height:2.372%;font-size:10.73px;font-size:2.342cqw;color:#2c3d55;gap:1.292cqw}
.mf3-ph-role::before{content:"";width:1.454cqw;height:1.454cqw;border-radius:50%;background:#c99a4f}
.mf3-ph-clock{left:21.486%;top:31.554%;width:19.386%;height:2.847%;font-size:13.69px;font-size:2.989cqw;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.03em;color:#1d2c44}
.mf3-ph-wave{left:11.793%;top:35.824%;width:39.418%;height:5.219%;justify-content:space-between}
.mf3-ph-wave i{display:block;width:0.646cqw;height:var(--h);border-radius:0.485cqw;background:linear-gradient(180deg,#e7c890,#c39550);opacity:.92}
.mf3-ph-call{left:25.687%;top:45.67%;width:11.309%;height:8.304%;border-radius:50%;background:#0d2240;color:#fff}
.mf3-ph-call svg{width:4.523cqw;height:4.523cqw}
.mf3-ph-call::before,.mf3-ph-call::after{content:"";position:absolute;border-radius:50%;z-index:-1}
.mf3-ph-call::before{inset:-3.877cqw;background:radial-gradient(circle,rgba(126,211,150,.5) 0 56%,rgba(126,211,150,.18) 58% 76%,transparent 79%);transition:opacity .6s var(--e)}
.mf3-ph-call::after{inset:-1.131cqw;border:0.485cqw solid rgba(70,180,110,.55);opacity:0}
.mf3-phone[data-state=ready] .mf3-ph-call::before,.mf3-phone[data-state=paused] .mf3-ph-call::before{opacity:.45}
.mf3-phone.mf3-inview[data-state=listening] .mf3-ph-call::after{animation:mf3-ping 2.2s var(--e) infinite}
.mf3-ph-status{left:13.893%;top:57.533%;width:34.572%;height:2.847%;font-size:12.21px;font-size:2.666cqw;font-weight:600;gap:1.454cqw;color:#142238}
.mf3-ph-status::before{content:"";width:1.777cqw;height:1.777cqw;border-radius:50%;background:#3cb46e}
.mf3-phone[data-state=ready] .mf3-ph-status::before,.mf3-phone[data-state=paused] .mf3-ph-status::before{background:#a3acb8}
.mf3-phone[data-state=connecting] .mf3-ph-status::before{background:#d4a24c}
.mf3-ph-check{left:13.893%;top:63.108%;width:42.326%;height:2.61%;justify-content:flex-start;gap:2.1cqw;font-size:10.73px;font-size:2.342cqw;color:#1f2f47}
.mf3-ph-check2{top:67.378%}
.mf3-ph-check i{position:relative;display:grid;place-items:center;width:3.554cqw;height:3.554cqw;border-radius:50%;box-shadow:inset 0 0 0 0.258cqw #d8c6a5}
.mf3-ph-check i::before{content:"";position:absolute;inset:0;border-radius:50%;background:#c99a4f}
.mf3-ph-check svg{position:relative;width:2.1cqw;height:2.1cqw;color:#fff}
.mf3-ph-check.is-on{transition:opacity .5s var(--e)}
.mf3-ph-check.is-on i::before{transition:opacity .5s var(--e),transform .5s var(--e)}
.mf3-ph-check.is-on svg{transition:opacity .4s var(--e) .15s}
.mf3-ph-btn{border-radius:50%}
.mf3-ph-mute{left:11.632%;top:77.343%;width:10.016%;height:7.355%}
.mf3-ph-spk{left:41.519%;top:77.461%;width:10.016%;height:7.355%}
.mf3-ph-mute,.mf3-ph-spk{background:#f1ebe2;box-shadow:inset 0 0 0 0.194cqw #e1d6c4;color:#1f2f47}
.mf3-ph-mute svg,.mf3-ph-spk svg{width:4.2cqw;height:4.2cqw}
.mf3-ph-end{left:25.687%;top:76.75%;width:11.632%;height:8.541%;background:#0d2240;color:#fff}
.mf3-ph-end svg{width:4.847cqw;height:4.847cqw;transform:rotate(135deg)}
.mf3-ph-home{left:21.971%;top:89.442%;width:19.063%;height:0.712%;border-radius:0.485cqw;background:#14243b}
.mf3-sum{left:52.342%;top:50.059%;width:39.095%;height:26.572%;border-radius:1.939cqw;background:#fcf7ee}
.mf3-sum-check{left:2.989cqw;top:3.635cqw;width:5.008cqw;height:5.008cqw;border-radius:50%;background:#c99a4f;color:#fff;display:grid;place-items:center}
.mf3-sum-check svg{width:2.585cqw;height:2.585cqw}
.mf3-sum-title{left:10.985cqw;top:3.231cqw;width:26.656cqw;font-size:12.58px;font-size:2.746cqw;line-height:3.554cqw;font-weight:600;letter-spacing:-.005em}
.mf3-sum-rule{left:3.069cqw;top:12.924cqw;width:28.595cqw;height:1px;background:linear-gradient(90deg,#cdb68e,rgba(205,182,142,0))}
.mf3-sum-row{left:3.877cqw;width:33.603cqw;height:4.2cqw;display:flex;align-items:center;white-space:nowrap;font-size:11.47px;font-size:2.504cqw}
.mf3-sum-row>svg{width:3.393cqw;height:3.393cqw;margin-right:4.523cqw;color:#1d2c44}
.mf3-sum-row i{margin-left:auto;display:grid;place-items:center;width:2.746cqw;height:2.746cqw;border-radius:50%;background:#c99a4f;color:#fff}
.mf3-sum-row i svg{width:1.616cqw;height:1.616cqw}
.mf3-sum-r1{top:15.67cqw}
.mf3-sum-r2{top:21.971cqw}
.mf3-sum-r3{top:28.595cqw}
.mf3-sum-row::before,.mf3-sum::before{content:"";position:absolute;left:0;top:50%;width:24.233cqw;height:1.454cqw;margin-top:-0.727cqw;border-radius:0.808cqw;background:#efe5d3;opacity:0}
.mf3-sum.is-on::before,.mf3-sum-row.is-on::before{transition:opacity .45s var(--e)}
.mf3-sum::before{left:10.985cqw;top:5.977cqw;width:21.002cqw}
.mf3-sum-row.is-on>*,.mf3-sum-check.is-on,.mf3-sum-title.is-on{transition:opacity .55s var(--e) .1s,transform .55s var(--e) .1s}
#listen.mf3-armed .mf3-sum:not(.is-on)::before,#listen.mf3-armed .mf3-sum-row:not(.is-on)::before{opacity:1}
#listen.mf3-armed .mf3-sum-row:not(.is-on)>*,#listen.mf3-armed .mf3-sum-title:not(.is-on){opacity:0;transform:translateY(0.808cqw)}
#listen.mf3-armed .mf3-sum-check:not(.is-on){opacity:0;transform:scale(.6)}
#listen.mf3-armed .mf3-ph-check:not(.is-on){opacity:.5}
#listen.mf3-armed .mf3-ph-check:not(.is-on) i::before{opacity:0;transform:scale(.4)}
#listen.mf3-armed .mf3-ph-check:not(.is-on) svg{opacity:0}


/* ---------- Start with the context (handover) ---------- */
.premium-demo #digest.mf3-handover{padding:clamp(56px,7vw,100px) 0;background:radial-gradient(ellipse 55% 60% at 75% 55%,#f6ecdc 0,transparent 72%),#fbf7ef;border-block:1px solid #ebe2d1}
.mf3-handover::before,.mf3-handover::after{content:"";position:absolute;border-radius:50%;border:1px solid #e4cfa6;pointer-events:none}
.mf3-handover::before{width:1100px;height:1100px;left:-560px;top:-860px;opacity:.6}
.mf3-handover::after{width:1500px;height:1500px;right:-760px;bottom:-1280px;opacity:.55}
.mf3-handover-grid{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(36px,5vw,76px);align-items:center}
.mf3-flow{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:36px 0 0;padding:0;max-width:600px}
.mf3-flow li{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font:400 19px/1.3 Inter,sans-serif;color:var(--mf3-ink)}
.mf3-flow li+li::before{content:"";position:absolute;top:42px;right:calc(50% + 62px);width:calc(100% - 112px);height:1.5px;background:var(--mf3-soft);transform-origin:0 50%}
.mf3-flow li+li::after{content:"";position:absolute;top:38px;right:calc(50% + 62px);width:8px;height:8px;border-top:1.5px solid var(--mf3-soft);border-right:1.5px solid var(--mf3-soft);transform:rotate(45deg)}
.mf3-flow li:nth-child(2){--d:650ms}
.mf3-flow li:nth-child(3){--d:2200ms}
.mf3-flow-icon{position:relative;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#fffaf1,#f7ebd6);border:1px solid #ead3aa;color:#a8793a;box-shadow:0 10px 22px -14px rgba(168,121,58,.7)}
.mf3-flow-icon::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1.5px solid #c99a4f;opacity:0;transform:scale(.9)}
.mf3-flow-icon svg{width:34px;height:34px}
.mf3-flow.mf3-armed li{opacity:.4}
.mf3-flow.mf3-armed li+li::before{transform:scaleX(0)}
.mf3-flow.mf3-armed li+li::after{opacity:0}
.mf3-flow.mf3-run li{opacity:1;transition:opacity .6s var(--e) var(--d,0ms)}
.mf3-flow.mf3-run li+li::before{transform:none;transition:transform .7s var(--e) calc(var(--d,0ms) - 350ms)}
.mf3-flow.mf3-run li+li::after{opacity:1;transition:opacity .5s var(--e) var(--d,0ms)}
.mf3-flow.mf3-run .mf3-flow-icon::after{opacity:1;transform:none;transition:opacity .6s var(--e) calc(var(--d,0ms) + 120ms),transform .6s var(--e) calc(var(--d,0ms) + 120ms)}
.mf3-lines{display:flex;align-items:center;gap:16px;max-width:600px;margin:34px 0 0;font:500 13.5px/1.4 Inter,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--mf3-ink)}
.mf3-lines::before,.mf3-lines::after{content:"";flex:1 1 30px;height:1px;background:#d7bd8b}
.mf3-lines i{font-style:normal;color:var(--mf3-gold);letter-spacing:0}
.mf3-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 30px;margin:34px 0 0}
.mf3-btn-outline{display:inline-flex;align-items:center;gap:14px;min-height:56px;padding:14px 26px;border:1.5px solid var(--mf3-gold);border-radius:999px;background:rgba(255,253,248,.7);color:var(--mf3-ink);font:600 16px/1.2 Inter,sans-serif;text-decoration:none;transition:background .2s,transform .2s}
.mf3-btn-outline svg{width:20px;height:20px;transition:transform .25s}
.mf3-btn-outline:hover{background:#fff6e6}
.mf3-btn-outline:hover svg{transform:translateX(3px)}
.mf3-btn-play{display:inline-flex;align-items:center;gap:14px;min-height:56px;padding:0;background:none;border:0;color:var(--mf3-ink);font:500 16px/1.2 Inter,sans-serif;cursor:pointer}
.mf3-play-dot{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1.5px solid #d8bf91;background:#fffaf0;color:var(--mf3-brass);transition:transform .2s}
.mf3-play-dot svg{width:15px;height:15px;margin-left:2px}
.mf3-btn-play:hover .mf3-play-dot{transform:scale(1.07)}
.mf3-btn-outline:focus-visible,.mf3-btn-play:focus-visible{outline:2px solid var(--mf3-brass);outline-offset:4px}
.mf3-fine{margin:22px 0 0;font:400 12.5px/1.5 Inter,sans-serif;color:var(--mf3-muted)}
.mf3-board{position:relative;padding:22px 24px 24px;background:#fefcf7;border:1px solid #e9dfcc;border-radius:24px;box-shadow:0 40px 80px -40px rgba(16,35,62,.32),0 12px 30px -18px rgba(168,121,58,.25)}
.mf3-board-head{display:flex;align-items:center;gap:18px;padding:0 4px 18px;border-bottom:1px solid #ece3d3}
.mf3-mono{display:grid;place-items:center;width:66px;height:66px;flex:0 0 66px;border-radius:14px;background:#0b2240;color:#e2bd7c;font:400 44px/1 "Instrument Serif",Georgia,serif}
.mf3-board-id{min-width:0;flex:1}
.premium-demo .mf3-board-id h3{margin:0;font:400 30px/1.1 "Instrument Serif",Georgia,serif;letter-spacing:-.02em;color:var(--mf3-ink);overflow-wrap:anywhere}
.mf3-board-id p{margin:4px 0 0;font:400 15px/1.4 Inter,sans-serif;color:var(--mf3-text)}
.mf3-live{display:inline-flex;align-items:center;gap:9px;padding:9px 18px;border-radius:999px;background:#ecf5e8;color:#163020;font:500 15px/1 Inter,sans-serif;white-space:nowrap}
.mf3-live i{width:9px;height:9px;border-radius:50%;background:#2f9a4e;box-shadow:0 0 0 3px rgba(47,154,78,.18)}
.mf3-rows{display:grid;gap:12px;margin:16px 0 0}
.mf3-row{border:1px solid #ece2d1;border-radius:16px;background:#fffefb;box-shadow:0 6px 18px -14px rgba(16,35,62,.3);transition:border-color .25s}
.mf3-row-lettings{--d:250ms}
.mf3-row-maintenance{--d:1300ms}
.mf3-row[open]{border-color:#dcc7a0}
.mf3-row>summary{display:grid;grid-template-columns:64px 1.5px minmax(0,1fr) auto 22px;grid-template-areas:"icon bar copy pill chev";align-items:center;gap:0 18px;padding:14px 16px 14px 14px;cursor:pointer;list-style:none}
.mf3-row>summary::-webkit-details-marker{display:none}
.mf3-row>summary:focus-visible{outline:2px solid var(--mf3-brass);outline-offset:-2px;border-radius:16px}
.mf3-row-icon{grid-area:icon;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#fbf0de;color:#9a6c2e}
.mf3-row-icon svg{width:28px;height:28px}
.mf3-row-bar{grid-area:bar;align-self:stretch;margin:6px 0;background:#d6b27a;border-radius:2px}
.mf3-row-copy{grid-area:copy;display:flex;flex-direction:column;gap:3px;min-width:0;font:400 15.5px/1.45 Inter,sans-serif;color:#22354f}
.mf3-row-copy b{font:600 18.5px/1.3 Inter,sans-serif;color:var(--mf3-ink);margin-bottom:2px}
.mf3-row-copy em{font-style:normal;color:#b39a73;margin:0 8px}
.mf3-row-copy>span{display:flex;flex-wrap:wrap;align-items:baseline}
.mf3-seg{white-space:nowrap}
.mf3-f1{--d:650ms}.mf3-f2{--d:850ms}.mf3-f3{--d:1050ms}
.mf3-pill{grid-area:pill;position:relative;display:inline-grid}
.mf3-pa,.mf3-pb{grid-area:1/1;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:9px 16px;border-radius:999px;font:500 14px/1 Inter,sans-serif;white-space:nowrap;transition:opacity .6s var(--e)}
.mf3-pa::before,.mf3-pb::before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}
.mf3-pb{opacity:0}
.mf3-pill.is-done .mf3-pa{opacity:0}
.mf3-pill.is-done .mf3-pb{opacity:1}
.mf3-pill-new{background:#fdf1dc;color:#8a5d1c}
.mf3-pill-new::before{background:#c99234}
.mf3-pill-progress{background:#ebeff8;color:#1f3d7a}
.mf3-pill-progress::before{background:#2f6fd6}
.mf3-pill-urgent{position:relative;background:#fbe7e4;color:#a3271d}
.mf3-pill-urgent::before{background:#d6372b}
.mf3-pill-urgent::after{content:"";position:absolute;inset:0;border-radius:999px;box-shadow:0 0 0 1.5px rgba(214,55,43,.38);opacity:0}
.mf3-pill-ok{background:#e8f4ea;color:#1d6b3a}
.mf3-pill-ok::before{background:#2f9a4e}
.mf3-pill-assigned{background:#e9edf3;color:#1f3350}
.mf3-pill-assigned::before{background:#4a6283}
@keyframes mf3-pillping{0%{opacity:.6;transform:none}100%{opacity:0;transform:scale(1.07,1.45)}}
.mf3-board.mf3-run.mf3-inview .mf3-pill:not(.is-done) .mf3-pill-urgent::after{animation:mf3-pillping 2.4s var(--e) 1.8s infinite}
.mf3-chev{grid-area:chev;width:20px;height:20px;color:#55657a;transition:transform .25s}
.mf3-row[open] .mf3-chev{transform:rotate(180deg)}
.mf3-row>p{margin:0;padding:0 20px 18px 112px;font:400 14px/1.65 Inter,sans-serif;color:var(--mf3-text)}
.mf3-timeline{position:relative;margin:20px 0 0;padding:0 8px}
.premium-demo .mf3-timeline h4{display:flex;align-items:center;gap:10px;margin:0 0 12px;font:600 16.5px/1.3 Inter,sans-serif;letter-spacing:0;color:var(--mf3-ink)}
.mf3-timeline h4 svg{width:22px;height:22px;color:var(--mf3-gold)}
.mf3-timeline ol{list-style:none;margin:0;padding:0;max-width:58%}
.mf3-timeline li{position:relative;display:flex;align-items:center;gap:16px;min-height:42px;padding-left:40px;font:400 16px/1.35 Inter,sans-serif;color:#22354f}
.mf3-timeline li:nth-child(1){--d:1700ms}.mf3-timeline li:nth-child(2){--d:1950ms}.mf3-timeline li:nth-child(3){--d:2200ms}
.mf3-timeline li::before{content:"";position:absolute;left:11px;top:50%;width:1.5px;height:42px;background:#d9c6a3}
.mf3-timeline li:last-child::before{height:21px}
.mf3-tl-dot{position:absolute;left:1px;top:50%;display:grid;place-items:center;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:#fffefb;box-shadow:inset 0 0 0 1.5px #d6b886;color:#fff}
.mf3-tl-dot::before{content:"";position:absolute;inset:0;border-radius:50%;background:#c79a52}
.mf3-tl-dot svg{position:relative;width:13px;height:13px}
.mf3-timeline time{margin-left:auto;font:400 14px/1.3 Inter,sans-serif;color:#7b8796;white-space:nowrap}
.mf3-toast{position:absolute;right:-58px;top:30px;z-index:2;display:flex;align-items:center;gap:14px;width:300px;padding:18px 18px 18px 20px;background:#fffefc;border:1px solid #efe5d3;border-radius:18px;box-shadow:0 22px 44px -18px rgba(16,35,62,.35)}
.mf3-toast::before{content:"";position:absolute;inset:-34px -34px -34px auto;width:200px;border-radius:50%;background:radial-gradient(circle,rgba(233,196,121,.38),transparent 68%);z-index:-1;pointer-events:none}
.mf3-toast>svg:first-child{width:28px;height:28px;color:#b08341}
.mf3-toast b{display:block;font:600 16px/1.35 Inter,sans-serif;color:var(--mf3-ink)}
.mf3-toast small{display:block;margin-top:3px;font:400 13.5px/1.4 Inter,sans-serif;color:#40536b}
.mf3-toast>svg:last-child{width:20px;height:20px;margin-left:auto;color:#3a4a60}
@keyframes mf3-glow{0%{opacity:0}35%{opacity:1}100%{opacity:0}}
.mf3-board.mf3-armed .mf3-row,.mf3-board.mf3-armed .mf3-f,.mf3-board.mf3-armed .mf3-timeline li{opacity:0}
.mf3-board.mf3-armed .mf3-row{transform:translateY(16px)}
.mf3-board.mf3-armed .mf3-timeline li{transform:translateX(-8px)}
.mf3-board.mf3-armed .mf3-tl-dot::before{transform:scale(0)}
.mf3-board.mf3-armed .mf3-tl-dot svg{opacity:0}
.mf3-board.mf3-armed .mf3-toast{opacity:0;transform:translateX(28px)}
.mf3-board.mf3-armed .mf3-toast::before{opacity:0}
.mf3-board.mf3-run .mf3-row,.mf3-board.mf3-run .mf3-f,.mf3-board.mf3-run .mf3-timeline li,.mf3-board.mf3-run .mf3-toast{opacity:1;transform:none}
.mf3-board.mf3-run .mf3-tl-dot::before{transform:none}
.mf3-board.mf3-run .mf3-tl-dot svg{opacity:1}
.mf3-board.mf3-run .mf3-row{transition:border-color .25s,opacity .7s var(--e) var(--d,0ms),transform .7s var(--e) var(--d,0ms)}
.mf3-board.mf3-run .mf3-f{transition:opacity .5s var(--e) var(--d,0ms)}
.mf3-board.mf3-run .mf3-timeline li{transition:opacity .55s var(--e) var(--d,0ms),transform .55s var(--e) var(--d,0ms)}
.mf3-board.mf3-run .mf3-tl-dot::before{transition:transform .5s var(--e) calc(var(--d,0ms) + 150ms)}
.mf3-board.mf3-run .mf3-tl-dot svg{transition:opacity .4s var(--e) calc(var(--d,0ms) + 300ms)}
.mf3-board.mf3-run .mf3-toast{transition:opacity .8s var(--e) 2500ms,transform .8s var(--e) 2500ms}
.mf3-board.mf3-run .mf3-toast::before{opacity:0;animation:mf3-glow 1.8s ease-out 2.7s 1 both}
.mf3-board .handover-details.mondet{margin:20px 0 0;padding-top:16px;border-top:1px solid #ece3d3}
.mf3-board .handover-fine{margin:14px 0 0;display:flex;align-items:center;gap:10px;font:400 12px/1.5 Inter,sans-serif;color:var(--mf3-muted)}
.mf3-board .handover-fine svg{width:18px;height:18px}

/* ---------- Your rules (how your estate agency works) ---------- */
.premium-demo .systems-suite #guardrails.mf3-rules{padding:clamp(56px,7vw,96px) 0 clamp(44px,5vw,72px);background:var(--mf3-cream);border-bottom:1px solid #e9e0cf;color:var(--mf3-ink)}
.premium-demo #guardrails.mf3-rules .wrap{max-width:1400px}
.mf3-rules-head{text-align:center;max-width:860px;margin:0 auto}
.premium-demo #guardrails.mf3-rules h2{font-size:clamp(42px,4.7vw,70px)}
.mf3-rules-head .mf3-lead{margin:20px auto 0;max-width:52ch}
.premium-demo .mf3-rules-head.mf3-armed .mf3-sweep{padding-right:.1em;margin-right:-.1em;color:transparent;background:linear-gradient(100deg,#a8793a 0,#c9a05a 36%,#f1dcac 44%,rgba(168,121,58,.14) 52%,rgba(168,121,58,.14) 100%) 100% 0/260% 100% no-repeat;-webkit-background-clip:text;background-clip:text;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.premium-demo .mf3-rules-head.mf3-run .mf3-sweep{background-position:0 0;transition:background-position .9s var(--e) .15s}
.mf3-rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:44px 0 0}
.mf3-rule{position:relative;display:flex;min-height:250px;background:var(--mf3-card);border:1px solid #e7ddcb;border-radius:14px;overflow:hidden;box-shadow:0 14px 34px -26px rgba(16,35,62,.35)}
/* .001 rather than 0: the browser keeps painting (and tracking) hidden text, so a personalised name never reads as a layout shift */
.mf3-rule.mf3-armed,.mf3-crm.mf3-armed{opacity:.001;transform:translateY(12px)}
.mf3-rule.mf3-run,.mf3-crm.mf3-run{opacity:1;transform:none;transition:opacity .8s var(--e),transform .8s var(--e)}
.mf3-rule-copy{position:relative;z-index:1;width:43%;padding:22px 14px 20px 22px}
.mf3-rule-title{display:flex;align-items:center;gap:14px;width:var(--tw,150%)}
.mf3-rule-icon{display:grid;place-items:center;width:50px;height:50px;flex:0 0 50px;border-radius:50%;background:#f3e6d1;color:#9f7134}
.mf3-rule-icon svg{width:25px;height:25px}
.premium-demo .mf3-rule h3{margin:0;font:400 25px/1.12 "Instrument Serif",Georgia,serif;letter-spacing:-.015em;color:var(--mf3-ink)}
.mf3-rule-copy>p{margin:13px 0 0;font:400 14px/1.5 Inter,sans-serif;color:var(--mf3-text)}
.mf3-checks{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:5px}
.mf3-checks li{display:flex;align-items:center;gap:10px;font:400 12.5px/1.35 Inter,sans-serif;color:#41597a}
.mf3-checks li::before{content:"";flex:0 0 17px;height:17px;border-radius:50%;background:#b98a45 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/10px no-repeat}
.mf3-rule-art{position:absolute;top:0;right:0;bottom:0;width:59%;margin:0;overflow:hidden;border-radius:0 13px 13px 0;container-type:size;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fade,6%));mask-image:linear-gradient(90deg,transparent 0,#000 var(--fade,6%))}
.mf3-stage{position:absolute;width:max(100cqw,100cqh * var(--W) / var(--H));height:max(100cqh,100cqw * var(--H) / var(--W));left:calc((100cqw - max(100cqw,100cqh * var(--W) / var(--H))) * var(--px,.5));top:calc((100cqh - max(100cqh,100cqw * var(--H) / var(--W))) / 2);container-type:inline-size}
.mf3-stage>img{display:block;width:100%;height:100%}
.mf3-ov{position:absolute;inset:0;font-family:Inter,sans-serif;color:#1d2d45;pointer-events:none}
.mf3-ov>*,.mf3-ic>*{position:absolute;white-space:nowrap}
.mf3-ic{position:absolute;inset:0}
.mf3-armed .mf3-o{opacity:.001;transform:translateY(3px)}
.mf3-run .mf3-o{opacity:1;transform:none;transition:opacity .55s var(--e) calc(380ms + var(--o) * 190ms),transform .55s var(--e) calc(380ms + var(--o) * 190ms)}
.mf3-rule-answers{--W:356;--H:245;--px:.3;--ar:356/245;--tw:118%}
.mf3-rule-repairs{--W:350;--H:242;--px:.2;--ar:350/242}
.mf3-rule-welcome{--W:400;--H:244;--px:.6;--fade:2%;--ar:400/244}
.mf3-rule-number{--W:350;--H:241;--px:.2;--fade:3%;--ar:350/241;--tw:118%}
.mf3-rule-action{--W:300;--H:195;--px:0;--fade:10%;--ar:300/195}
@supports not (container-type:size){.mf3-stage{left:0;top:0;width:100%;height:100%}}

.mf3-pr-ico{left:7.303%;top:46.531%;width:5.056%;height:7.347%;color:#9a6b2f}
.mf3-pr-ico svg{width:100%;height:100%}
.mf3-pr-head{left:16.573%;top:47.347%;font-size:11.44px;font-size:2.921cqw;font-weight:600;color:#22324a}
.mf3-pr-price{left:21.629%;top:58.776%;font-size:13.64px;font-size:3.483cqw;font-weight:700;color:#1b2a42}
.mf3-pr-pill{left:42.135%;top:57.551%;width:16.854%;height:8.163%;display:flex;align-items:center;justify-content:center;gap:1.124cqw;border-radius:1.685cqw;background:#dcf1e3;font-size:10.34px;font-size:2.64cqw;font-weight:500;color:#1f6b45}
.mf3-pr-pill i{width:1.404cqw;height:1.404cqw;border-radius:50%;background:#2f9a5c}
.mf3-pr-meta{left:21.629%;top:70.204%;font-size:10.45px;font-size:2.669cqw;color:#3c4d66}
.mf3-pr-addr{left:21.629%;top:77.959%;font-size:10.45px;font-size:2.669cqw;color:#3c4d66}
@keyframes mf3-breathe{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
.mf3-rule.mf3-inview .mf3-pr-pill i{animation:mf3-breathe 2.8s ease-in-out infinite}

.mf3-wv{left:2%;top:40.984%;width:8.5%;height:22.951%;display:flex;align-items:center;justify-content:space-between}
.mf3-wv i{display:block;width:0.65cqw;border-radius:0.5cqw;background:linear-gradient(180deg,#e4c48a,#c29452);opacity:.85;height:40%}
.mf3-wv i:nth-child(2){height:62%}.mf3-wv i:nth-child(3){height:90%}.mf3-wv i:nth-child(4){height:70%}.mf3-wv i:nth-child(5){height:100%}.mf3-wv i:nth-child(6){height:55%}
@keyframes mf3-wv{0%{transform:scaleY(.55)}100%{transform:scaleY(1)}}
.mf3-rule.mf3-inview .mf3-wv i{animation:mf3-wv 1.6s ease-in-out infinite alternate}
.mf3-wv i:nth-child(2){animation-delay:-.4s}.mf3-wv i:nth-child(3){animation-delay:-.9s}.mf3-wv i:nth-child(4){animation-delay:-.2s}.mf3-wv i:nth-child(5){animation-delay:-1.2s}.mf3-wv i:nth-child(6){animation-delay:-.6s}
.mf3-ic{transform:rotate(1.4deg);transform-origin:26.9% 49.2%}
.mf3-ic-label{left:13.75%;top:25%;width:26.25%;height:4.918%;text-align:center;font-size:9.02px;font-size:2.05cqw;color:#c3cedb;letter-spacing:.01em}
.mf3-ic-name{left:13%;top:31.557%;width:27.75%;height:6.148%;text-align:center;overflow:hidden;text-overflow:ellipsis;font-size:11.55px;font-size:2.625cqw;font-weight:600;color:#fff}
.mf3-ic-role{left:13.75%;top:38.115%;width:26.25%;height:4.508%;text-align:center;font-size:8.14px;font-size:1.85cqw;color:#8fa3ba}
.mf3-ic-ring{left:21.25%;top:43.852%;width:11%;height:18.033%;display:grid;place-items:center;border-radius:50%;box-shadow:inset 0 0 0 0.325cqw #c8a061;color:#d6ad66}
.mf3-ic-ring svg{width:5.25cqw;height:5.25cqw}
.mf3-ic-ok,.mf3-ic-no{display:grid;place-items:center;width:6.5%;height:10.656%;border-radius:50%;color:#fff}
.mf3-ic-ok{left:17.5%;top:67.623%;background:#2eb35a}
.mf3-ic-no{left:31%;top:67.623%;background:#e2463c}
.mf3-ic-ok svg,.mf3-ic-no svg{width:3.25cqw;height:3.25cqw}
.mf3-ic-no svg{transform:rotate(135deg)}
.mf3-ic-ok::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 1cqw rgba(46,179,90,.4);opacity:0}
@keyframes mf3-once{0%{opacity:0;transform:scale(.9)}35%{opacity:1}100%{opacity:0;transform:scale(1.6)}}
.mf3-run .mf3-ic-ok::after{animation:mf3-once 1.4s var(--e) 1.6s 1 both}

.mf3-rp-ico{left:7.143%;top:39.256%;width:4.571%;height:6.612%;color:#9a6b2f}
.mf3-rp-ico svg{width:100%;height:100%}
.mf3-rp-head{left:14%;top:40.496%;font-size:11.22px;font-size:2.914cqw;font-weight:600;color:#1d2d45}
.mf3-rp-l{left:14%;font-size:11px;font-size:2.857cqw;color:#3a4d68}
.mf3-rp-l b{font-weight:400;color:#2b4a74}
.mf3-rp-l1{top:50.413%;color:#2b4a74}
.mf3-rp-l2{top:59.917%}
.mf3-rp-l3{top:69.008%}
.mf3-rp-l4{top:78.512%}
.mf3-rp-chev{left:64.571%;top:71.901%;width:2.857%;height:5.785%;color:#1f3557}
.mf3-rp-chev svg{width:100%;height:100%}
.mf3-rp-pri{display:inline-grid}
.mf3-rp-pri span{grid-area:1/1}
.mf3-run .mf3-rp-pri span{transition:opacity .6s var(--e) 1.5s}
.mf3-rp-pri span+span{color:#d8382d}
.mf3-rp-pri span:first-child{opacity:0}
.mf3-armed .mf3-rp-pri span:first-child{opacity:1}
.mf3-armed .mf3-rp-pri span+span{opacity:0}
.mf3-run .mf3-rp-pri span:first-child{opacity:0}
.mf3-run .mf3-rp-pri span+span{opacity:1}
.mf3-rp-pill{left:24.571%;top:8.264%;width:38.571%;height:18.182%;display:flex;align-items:center;gap:2.857cqw;padding-left:4.571cqw;border-radius:3.429cqw;background:#fdeae8;box-shadow:0 1.714cqw 4cqw -1.714cqw rgba(214,55,43,.35);font-size:11.66px;font-size:3.029cqw;font-weight:500;color:#d02f25}
.mf3-run .mf3-rp-pill{transition:opacity .6s var(--e) 1.75s,transform .6s var(--e) 1.75s}
.mf3-rp-pill svg{width:6cqw;height:6cqw}
.mf3-rp-pill::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0.571cqw rgba(214,55,43,.4);opacity:0}
.mf3-armed .mf3-rp-pill{opacity:0;transform:scale(.96)}
.mf3-run .mf3-rp-pill{opacity:1;transform:none}
.mf3-run .mf3-rp-pill::after{animation:mf3-once 1.2s var(--e) 2.3s 1 both}

.mf3-nm-ico{left:27.143%;top:17.427%;width:5.143%;height:7.884%;color:#4a6b8f}
.mf3-nm-ico svg{width:100%;height:100%}
.mf3-nm-num{left:36.286%;top:15.353%;font-size:12.32px;font-size:3.2cqw;font-weight:600;color:#0a1a33;letter-spacing:.01em}
.mf3-nm-sub{left:36.286%;top:21.992%;font-size:9.9px;font-size:2.571cqw;color:#5b7aa0}
.mf3-nm-tog{left:70.571%;top:16.598%;width:12.857%;height:10.788%;border-radius:3.714cqw;background:#ddd5c7}
.mf3-nm-tog::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#c99c52,#a8793a)}
.mf3-run .mf3-nm-tog::before{transition:opacity .6s var(--e) .9s}
.mf3-run .mf3-nm-tog i{transition:transform .7s var(--e) .9s}
.mf3-nm-tog i{position:absolute;left:6cqw;top:0.714cqw;width:6cqw;height:6cqw;border-radius:50%;background:#fff;box-shadow:0 0.429cqw 1.143cqw rgba(0,0,0,.25)}
.mf3-armed .mf3-nm-tog::before{opacity:0}
.mf3-armed .mf3-nm-tog i{transform:translateX(-5.143cqw)}
.mf3-run .mf3-nm-tog::before{opacity:1}
.mf3-run .mf3-nm-tog i{transform:none}
.mf3-wa-logo{left:12.571%;top:46.058%;width:5.143%;height:7.469%;display:grid;place-items:center;border-radius:50%;background:#25d366;color:#fff}
.mf3-wa-logo svg{width:72%;height:72%}
.mf3-wa-name{left:19.429%;top:46.888%;font-size:10.12px;font-size:2.629cqw;font-weight:600;color:#fff}
.mf3-wa-b{left:10.286%;width:41.143%;white-space:normal;padding:1.429cqw 2cqw;border-radius:2cqw;background:#fff;font-size:9.24px;font-size:2.4cqw;line-height:3.286cqw;color:#2a3442;box-shadow:0 0.286cqw 0.571cqw rgba(0,0,0,.12)}
.mf3-wa-b1{top:56.432%}
.mf3-wa-b2{top:73.029%}
.mf3-run .mf3-wa-b{transition:opacity .5s var(--e) 2.05s,transform .5s var(--e) 2.05s}
.mf3-run .mf3-wa-b2{transition-delay:3.25s}
.mf3-wa-b small{display:flex;justify-content:flex-end;align-items:center;gap:0.857cqw;font-size:7.26px;font-size:1.886cqw;color:#8a96a3;margin-top:0.286cqw}
.mf3-wa-ticks{position:relative;display:inline-block;width:3.143cqw;height:2.286cqw}
.mf3-wa-ticks svg{position:absolute;inset:0;width:100%;height:100%;color:#53bdeb}
.mf3-run .mf3-wa-ticks svg{transition:opacity .5s var(--e) 3.9s}
.mf3-wa-ticks svg:first-child{color:#9aa4ad;opacity:0}
.mf3-armed .mf3-wa-ticks svg:first-child{opacity:1}
.mf3-armed .mf3-wa-ticks svg+svg{opacity:0}
.mf3-run .mf3-wa-ticks svg:first-child{opacity:0}
.mf3-run .mf3-wa-ticks svg+svg{opacity:1}
.mf3-wa-typing{left:10.286%;display:flex;gap:0.857cqw;padding:1.714cqw 2.286cqw;border-radius:2.286cqw;background:#fff;opacity:0}
.mf3-wa-t1{top:56.432%}
.mf3-wa-t2{top:73.029%}
.mf3-wa-typing i{width:1.143cqw;height:1.143cqw;border-radius:50%;background:#8a96a3}
.mf3-armed .mf3-wa-b{opacity:0;transform:translateY(1.143cqw)}
.mf3-run .mf3-wa-b{opacity:1;transform:none}
@keyframes mf3-typing{0%{opacity:0;transform:translateY(0.857cqw)}15%,80%{opacity:1;transform:none}100%{opacity:0}}
@keyframes mf3-dot{0%,100%{transform:none;opacity:.5}50%{transform:translateY(-0.571cqw);opacity:1}}
.mf3-armed.mf3-run .mf3-wa-t1{animation:mf3-typing 1.05s var(--e) 1.05s 1 both}
.mf3-armed.mf3-run .mf3-wa-t2{animation:mf3-typing 1.05s var(--e) 2.25s 1 both}
.mf3-armed.mf3-run .mf3-wa-typing i{animation:mf3-dot .9s ease-in-out 1.1s 3}
.mf3-wa-typing i:nth-child(2){animation-delay:1.25s!important}.mf3-wa-typing i:nth-child(3){animation-delay:1.4s!important}
.mf3-wa-t2 i{animation-delay:2.3s!important}.mf3-wa-t2 i:nth-child(2){animation-delay:2.45s!important}.mf3-wa-t2 i:nth-child(3){animation-delay:2.6s!important}

.mf3-cs-title{left:17.667%;top:19.487%;font-size:10.12px;font-size:3.067cqw;font-weight:600;color:#1c2b42}
.mf3-cs-row{left:17.667%;top:calc(var(--y) / 195 * 100%);width:58.667%;display:flex;align-items:flex-start;font-size:7.59px;font-size:2.3cqw;line-height:3.067cqw;color:#50637d;white-space:normal}
.mf3-cs-row i{flex:none;width:2.167cqw;height:2.167cqw;margin:0.433cqw 3cqw 0 0;border-radius:50%;box-shadow:inset 0 0 0 0.333cqw #6f84a0}
.mf3-cs-row span{flex:none;width:17.333cqw}
.mf3-cs-row b{font-weight:400;color:#2b4a74}
.mf3-cs-rule{left:16.667%;top:69.744%;width:60%;height:0.513%;background:#e4e8ee}
.mf3-cs-tr{left:17.667%;top:73.846%;display:flex;align-items:center;gap:2.667cqw;font-size:8.58px;font-size:2.6cqw;font-weight:600;color:#1c2b42}
.mf3-cs-tr svg{width:2.667cqw;height:2.667cqw;color:#4f6584}

.mf3-crm{position:relative;display:flex;flex-direction:column;min-width:0;padding:24px 28px 18px;background:var(--mf3-card);border:1px solid #e7ddcb;border-radius:14px;box-shadow:0 14px 34px -26px rgba(16,35,62,.35)}
.premium-demo .mf3-crm h3{margin:0;font:400 27px/1.15 "Instrument Serif",Georgia,serif;letter-spacing:-.015em;color:var(--mf3-ink)}
.mf3-crm>p{margin:8px 0 0;font:400 13px/1.55 Inter,sans-serif;color:var(--mf3-muted)}
.mf3-marquee{margin:auto -28px 0;padding:14px 0 0}
.premium-demo .mf3-crm h3,.mf3-crm>p{padding-right:34px}
.mf3-mq-view{--f:48px;--mq:linear-gradient(90deg,transparent 0,rgba(0,0,0,.14) calc(var(--f) * .33),rgba(0,0,0,.58) calc(var(--f) * .67),#000 var(--f),#000 calc(100% - var(--f)),rgba(0,0,0,.58) calc(100% - var(--f) * .67),rgba(0,0,0,.14) calc(100% - var(--f) * .33),transparent 100%);overflow:hidden;-webkit-mask-image:var(--mq);mask-image:var(--mq)}
.mf3-mq-row+.mf3-mq-row{border-top:1px solid #ebe3d4}
.mf3-mq-inner{display:flex;width:max-content}
.mf3-mq-set{display:flex;align-items:center;list-style:none;margin:0;padding:0}
.mf3-mq-set li{display:flex;flex:none;align-items:center;justify-content:center;height:58px;padding:0 26px}
.mf3-mq-set img{display:block;width:auto;height:auto;max-width:132px;max-height:30px;object-fit:contain}
.mf3-mq-set img.mf3-wide{max-height:22px}
.mf3-mq-set img.mf3-tall{max-height:38px}
@keyframes mf3-mq{to{transform:translateX(-50%)}}
.mf3-marquee.mf3-inview .mf3-mq-inner{animation:mf3-mq 70s linear infinite}
.mf3-marquee.mf3-inview .mf3-mq-rev .mf3-mq-inner{animation-direction:reverse;animation-duration:62s}
.mf3-marquee:hover .mf3-mq-inner,.mf3-marquee:focus-within .mf3-mq-inner,.mf3-marquee.is-paused .mf3-mq-inner{animation-play-state:paused}
.mf3-mq-toggle{position:absolute;right:16px;top:18px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #e0d2b8;border-radius:50%;background:#fffdf8;color:#7a6440;cursor:pointer;opacity:.8}
.mf3-mq-toggle:hover,.mf3-mq-toggle:focus-visible{opacity:1}
.mf3-mq-toggle:focus-visible{outline:2px solid var(--mf3-brass);outline-offset:2px}
.mf3-mq-toggle svg{width:12px;height:12px}
.mf3-mq-toggle svg+svg,.mf3-mq-toggle[aria-pressed=true] svg:first-child{display:none}
.mf3-mq-toggle[aria-pressed=true] svg+svg{display:block}
.mf3-strap{display:flex;align-items:center;justify-content:center;gap:18px;margin:44px 0 0;font:500 12px/1.5 Inter,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#2d4260}
.mf3-strap::before,.mf3-strap::after{content:"";flex:0 1 130px;height:1px;background:#d2b37c}
.mf3-strap-icon{display:grid;place-items:center;color:var(--mf3-gold);margin-right:14px}
.mf3-strap-icon svg{width:30px;height:30px}
.mf3-strap i{font-style:normal;color:#9aa7b7}
.mf3-strap span{white-space:nowrap}

/* ---------- Narrow two-column cards: titles wrap inside the copy column ---------- */
@media (min-width:1181px) and (max-width:1380px){
  .mf3-rule-title{width:auto}
  .premium-demo .mf3-rule h3{font-size:23px}
}
/* ---------- Tablet ---------- */
@media (max-width:1180px){
  .mf3-rules-grid{grid-template-columns:minmax(0,780px);justify-content:center}
  .mf3-rule{min-height:270px}
  .mf3-strap{flex-wrap:wrap;gap:8px 16px}
  .mf3-strap::before,.mf3-strap::after{display:none}
  .mf3-handover-grid{grid-template-columns:minmax(0,1fr)}
  .mf3-timeline ol{max-width:none}
  .mf3-toast{position:relative;right:auto;top:auto;width:auto;max-width:420px;margin:18px 0 0 auto}
  .mf3-toast::before{display:none}
}
@media (max-width:980px){
  .mf3-listen-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"head" "player" "phone" "rest"}
  .mf3-phone{max-width:460px;margin:34px auto 0}
  .mf3-waves{display:none}
}
/* ---------- Mobile ---------- */
@media (max-width:640px){
  .mf3-eyebrow{gap:12px;font-size:11px;letter-spacing:.22em}
  .mf3-eyebrow::before,.mf3-eyebrow::after{flex-basis:28px}
  .premium-demo .mf3 h2{font-size:clamp(44px,12.4vw,56px);margin-top:16px}
  .premium-demo #guardrails.mf3-rules h2{font-size:clamp(38px,10.6vw,48px)}
  .mf3-lead{font-size:16px;margin-top:16px}
  .premium-demo #listen .mf3-player{gap:14px;margin-top:26px;padding:14px 16px 14px 14px;border-radius:16px}
  .premium-demo #listen .mf3-player .lpbtn{width:58px;height:58px;flex-basis:58px;box-shadow:0 0 0 5px rgba(214,173,102,.12)}
  .premium-demo #listen .mf3-player .lpbtn svg{width:22px;height:22px}
  .premium-demo #listen .mf3-player .lphead{flex-wrap:nowrap;margin-bottom:8px}
  .premium-demo #listen .mf3-player .lphead b{font-size:14.5px}
  .premium-demo #listen .mf3-player #lptime{font-size:12.5px}
  .premium-demo #listen .mf3-player .lpbar{height:30px;gap:2px}
  .mf3-phone{max-width:340px;margin-top:26px}
  .mf3-steps{margin-top:30px}
  .mf3-steps li{gap:10px;font-size:17px}
  .mf3-steps li+li::before,.mf3-steps li+li::after{top:27px;right:calc(50% + 36px);width:calc(100% - 72px)}
  .mf3-step-icon{width:54px;height:54px}
  .mf3-step-icon svg{width:24px;height:24px}
  .mf3-note{font-size:15px;gap:10px}
  .mf3-note::before,.mf3-note::after{display:none}
  .premium-demo #listen .mf3-try{font-size:23px;margin-top:16px}
  .mf3-flow{margin-top:28px;gap:6px}
  .mf3-flow li{font-size:14.5px;gap:10px}
  .mf3-flow-icon{width:62px;height:62px}
  .mf3-flow-icon svg{width:26px;height:26px}
  .mf3-flow li+li::before{top:31px;right:calc(50% + 44px);width:calc(100% - 82px)}
  .mf3-flow li+li::after{top:27px;right:calc(50% + 44px)}
  .mf3-lines{gap:10px;font-size:11px;letter-spacing:.2em;margin-top:26px}
  .mf3-actions{gap:10px 20px;margin-top:26px}
  .mf3-btn-outline{width:100%;justify-content:center;min-height:54px;padding:13px 18px;font-size:15px}
  .mf3-btn-play{font-size:15px}
  .mf3-board{padding:16px 14px 18px;border-radius:18px}
  .mf3-board-head{gap:12px;padding:0 2px 14px;flex-wrap:wrap}
  .mf3-mono{width:50px;height:50px;flex-basis:50px;border-radius:12px;font-size:34px}
  .premium-demo .mf3-board-id h3{font-size:24px}
  .mf3-board-id p{font-size:13px}
  .mf3-live{padding:7px 13px;font-size:13px}
  .mf3-row>summary{grid-template-columns:42px minmax(0,1fr) 18px;grid-template-areas:"icon pill chev" "icon copy copy";gap:8px 12px;padding:12px;align-items:start}
  .mf3-row-bar{display:none}
  .mf3-row-icon{width:42px;height:42px}
  .mf3-row-icon svg{width:20px;height:20px}
  .mf3-pill{justify-self:start}
  .mf3-pa,.mf3-pb{padding:6px 11px;font-size:12px;gap:7px}
  .mf3-pa::before,.mf3-pb::before{width:7px;height:7px}
  .mf3-chev{width:18px;height:18px;margin-top:4px}
  .mf3-row-copy{font-size:13.5px}
  .mf3-row-copy b{font-size:15.5px}
  .mf3-row-copy em{display:none}
  .mf3-row-copy>span{flex-direction:column;row-gap:3px}
  .mf3-toast{max-width:none;margin-left:0}
  .mf3-row>p{padding:0 14px 14px 66px;font-size:13px}
  .premium-demo .mf3-timeline h4{font-size:15px}
  .mf3-timeline{padding:0 2px}
  .mf3-timeline li{font-size:14px;gap:10px;padding-left:34px}
  .mf3-timeline time{font-size:12px}
  .mf3-toast{padding:14px;gap:12px}
  .mf3-toast b{font-size:14.5px}
  .mf3-toast small{font-size:12.5px}
  .mf3-rules-grid{gap:16px;margin-top:32px}
  .mf3-rule{flex-direction:column;min-height:0}
  .mf3-rule-art{position:relative;order:-1;width:100%;aspect-ratio:var(--ar);border-radius:13px 13px 0 0;-webkit-mask-image:none;mask-image:none}
  .mf3-rule-copy{width:auto;padding:18px 18px 20px}
  .mf3-rule-title{width:auto}
  .mf3-rule-icon{width:46px;height:46px;flex-basis:46px}
  .mf3-rule-icon svg{width:22px;height:22px}
  .premium-demo .mf3-rule h3{font-size:24px}
  .mf3-rule-copy>p{margin-top:12px;font-size:14.5px}
  .mf3-checks li{font-size:13.5px}
  .mf3-crm{padding:20px 16px 18px}
  .premium-demo .mf3-crm h3{font-size:25px}
  .mf3-marquee{margin-inline:-16px}
  .mf3-mq-view{--f:28px}
  .mf3-mq-set li{height:54px;padding:0 18px}
  .mf3-mq-set img{max-width:104px;max-height:26px}
  .mf3-mq-set img.mf3-wide{max-height:19px}
  .mf3-mq-set img.mf3-tall{max-height:34px}
  .mf3-mq-toggle{right:10px;top:14px}
  .mf3-strap{flex-wrap:wrap;gap:8px 12px;margin-top:32px;font-size:10.5px;letter-spacing:.18em;text-align:center}
  .mf3-strap::before,.mf3-strap::after{display:none}
  .mf3-strap-icon{flex:0 0 100%;margin:0 0 4px}
}
/* Reduced motion (and browsers without IntersectionObserver): final states, no loops. */
.mf3-instant,.mf3-instant *,.mf3-instant *::before,.mf3-instant *::after{transition:none!important;animation:none!important}
@media (prefers-reduced-motion:reduce){
  .mf3 *,.mf3 *::before,.mf3 *::after{transition:none!important;animation:none!important}
  .mf3-mq-inner{width:auto}
  .mf3-mq-set{flex-wrap:wrap;justify-content:center}
  .mf3-mq-set[aria-hidden=true],.mf3-mq-toggle{display:none}
  .mf3-mq-view{-webkit-mask-image:none;mask-image:none}
}