@font-face{font-family:Poppins;src:url('fonts/Poppins-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url('fonts/Poppins-Medium.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Poppins;src:url('fonts/Poppins-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:'Libre Caslon Text';src:url('fonts/LibreCaslonText.ttf') format('truetype');font-weight:400 700;font-display:swap}@font-face{font-family:'Libre Caslon Text';src:url('fonts/LibreCaslonText-Italic.ttf') format('truetype');font-style:italic;font-weight:400 700;font-display:swap}
:root{color-scheme:dark;--bg:#061222;--line:#304761;--text:#f0f3fc;--muted:#c0cada;--blue:#b5cbff;--serif:'Libre Caslon Text',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:radial-gradient(ellipse at 48% 70%,#1b314c88,transparent 68%),var(--bg);color:var(--text);font:400 14px/1.55 Poppins,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait}svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.skip{position:absolute;top:-80px;left:15px;background:white;color:#071326;padding:14px;z-index:50}.skip:focus{top:10px}:focus-visible{outline:3px solid #bad2ff;outline-offset:5px}button:hover,a:hover{filter:brightness(1.12)}.site-header{height:60px;border-bottom:1px solid #29415c99;background:#05101ee8}.header-inner{max-width:1296px;margin:auto;display:flex;align-items:center;height:100%;gap:25px}.brand{display:inline-flex;align-items:center}.brand img{width:158px;height:auto}.site-header nav{display:flex;align-items:center;flex:1;justify-content:space-between;margin-left:265px}.menus,.account{display:flex;align-items:center;gap:38px}.account{gap:26px}.nav-menu{position:relative}.nav-menu summary{list-style:none;cursor:pointer}.nav-menu summary::-webkit-details-marker{display:none}.nav-menu summary span{margin-left:8px}.menu-panel{position:absolute;top:34px;left:-18px;min-width:220px;padding:10px;background:#10233b;border:1px solid #4b6686;border-radius:8px;box-shadow:0 15px 40px #0008;z-index:5}.menu-panel a{display:block;padding:11px;border-radius:5px}.menu-panel a:hover{background:#233c5c}.nav-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;font-size:13px;font-weight:500;min-height:45px;padding:11px 22px;border-radius:9px;border:1px solid #a4b8d1;white-space:nowrap}.button.light{color:#091426;background:linear-gradient(165deg,#f6f8ff,#c5d0df);box-shadow:inset 0 1px 2px #fff9,0 4px 15px #0002}.button.small{min-height:37px;padding:8px 18px;font-size:12px}.button.outline{background:#10243b77;border-color:#b1bfd4;box-shadow:inset 0 0 0 3px #061323a8}.hero{height:450px;position:relative;background:linear-gradient(90deg,#06132212,#0b1e3155),url('assets/architecture.webp') left bottom/cover no-repeat}.hero-inner{max-width:1296px;margin:auto;display:grid;grid-template-columns:540px minmax(0,1fr);gap:28px;height:100%;align-items:center}.hero-copy{align-self:start;padding-top:32px}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.17em;margin:0 0 14px;color:#c1d6ff}.rule{display:flex;align-items:center;gap:15px}.rule:after{content:'';width:46px;height:1px;background:#9eb7dc}h1,h2{font-family:var(--serif);font-weight:400}h1{font-size:53px;line-height:1.12;letter-spacing:-2.3px;margin:15px 0 22px}h1 em{color:#afc7fb;font-weight:400}p{margin-top:0}.intro{font-size:16.5px;line-height:1.5;max-width:525px;margin-bottom:25px}.hero-actions{display:flex;gap:20px}.hero-actions .button{padding-left:24px;padding-right:24px;font-size:12px}.vision-note{margin:12px 0 0;font-size:10px;color:#bfccdf}.media-frame{height:404px;width:100%;border:1px solid #788ba3;border-radius:13px;padding:27px 23px 0;background:radial-gradient(ellipse at 40% 0,#45647788,transparent),linear-gradient(135deg,#272e32,#091528 60%,#334d60);box-shadow:0 10px 40px #0006;position:relative;overflow:hidden}.preview-label{position:absolute;left:25px;top:9px;font-size:8px;letter-spacing:.13em;color:#e6efff}.device{display:grid;grid-template-columns:139px minmax(0,1fr);height:337px;border:3px solid #020c17;border-radius:17px 17px 0 0;background:linear-gradient(120deg,#18253a,#081527);box-shadow:0 0 0 2px #4d5f6a88,12px 5px 20px #0006;transform:perspective(1600px) rotateY(2deg) rotateZ(1deg);transform-origin:bottom center;overflow:hidden}.device-sidebar{background:linear-gradient(120deg,#101b29,#061120);padding:16px 13px;font-size:9px}.device-sidebar img{display:block;width:100px;height:auto;margin:0 0 23px}.device-sidebar a{display:flex;align-items:center;gap:10px;padding:8px;border-radius:7px;margin:2px 0}.device-sidebar small{margin-left:auto;background:#38436d;border-radius:5px;padding:0 4px}.device-sidebar .selected{background:#273f6b;color:#c8dbff}.assistant{min-width:0}.assistant-header{height:66px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #34435b99;padding:12px 20px;font-size:13px}.assistant-header strong{font-weight:500}.assistant-header small{display:block;font-size:8px}.sparkle{font-size:32px;color:#bed0ff;text-shadow:0 0 20px #8a9fff}.avatar{border-radius:50%;background:#2a3e58;padding:6px;font-size:10px;margin-left:auto}.assistant-body{padding:25px 19px 0}.greeting{font-size:16px;line-height:1.25;margin:3px 0 18px}.suggestions{display:flex;gap:8px;margin-bottom:20px}.suggestions button{border:1px solid #273a55;border-radius:7px;padding:8px;background:#1d3049;font-size:7px;white-space:nowrap}.prompt-box{border:1px solid #7a9acb;border-radius:10px;padding:9px 12px 6px;background:linear-gradient(130deg,#20324b,#12223a);box-shadow:inset 0 0 0 3px #0a1423aa}.prompt-box textarea{resize:none;border:0;outline:none;background:transparent;width:100%;height:32px;font-size:10px;padding:0;line-height:1.5}.prompt-box div{display:flex;align-items:center;justify-content:space-between;height:26px}.prompt-box button{border-radius:50%;border:1px solid #dbe8ff;background:#bcd4ff;color:#142b50;height:25px;width:25px;padding:0;font-size:18px}#preview-response{font-size:8px;line-height:1.5;color:#bdd0e8;margin-top:9px;min-height:24px}.player-controls{display:flex;gap:16px;align-items:center;background:linear-gradient(transparent,#01060dcc);position:absolute;left:0;right:0;bottom:0;height:37px;padding:0 20px}.player-controls button{background:none;border:none;font-size:18px;padding:2px 4px}.player-controls span{font-size:9px;white-space:nowrap}.player-controls input{flex:1;min-width:30px;accent-color:#e6eeff;height:3px}.reassurance{height:57px;border-block:1px solid #3a516b;display:grid;grid-template-columns:repeat(4,1fr);padding:0 max(calc((100% - 1296px)/2),30px);background:linear-gradient(90deg,#0a182b,#22385099,#0a182b)}.reassurance>div{display:flex;align-items:center;justify-content:center;gap:14px;font-size:11px;position:relative}.reassurance>div+div:before{content:'';height:21px;width:1px;background:#405b7a;position:absolute;left:0}.reassurance svg{width:24px;height:24px}.benefits{max-width:1296px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0 28px;min-height:132px;gap:38px}.benefits article{display:flex;gap:23px;position:relative;padding:0 22px 0 30px}.benefits article:first-child{padding-left:30px}.benefits article+article:before{content:'';position:absolute;width:1px;height:62px;left:-10px;top:8px;background:#2d435e}.icon-tile{flex-shrink:0;width:55px;height:55px;border-radius:11px;border:1px solid #6f86a9;background:linear-gradient(130deg,#344664bb,#1a2a42);box-shadow:inset 0 0 0 2px #ffffff06;display:grid;place-items:center}.icon-tile svg{width:31px;height:31px}h2{font-size:28px;line-height:1.25;letter-spacing:-.4px}.benefits h2{font-size:18px;letter-spacing:-.5px;margin:4px 0 8px;white-space:nowrap}.benefits p{font-size:11px;line-height:1.65;margin:0}.workflow{border-top:1px solid #263e59;padding:22px 0 36px;text-align:center}.workflow>.eyebrow{margin:0 0 11px}.workflow h2{font-size:28px;margin:0 0 9px}.workflow>p:not(.eyebrow){font-size:12px;color:#d2dbeb;margin-bottom:20px}.workflow-stages{max-width:1260px;margin:auto;display:grid;grid-template-columns:1fr 50px 1fr 50px 1fr 50px 1fr;align-items:center;text-align:left}.workflow-stages article{display:flex;align-items:center;gap:22px;border:1px solid #647e9e;border-radius:10px;padding:11px 22px;background:linear-gradient(140deg,#2c4463bb,#1c2e47bb);min-height:81px;box-shadow:inset 0 1px 2px #ffffff0f}.workflow-stages article svg{width:30px;height:30px;color:#c6dafa}.workflow-stages h3{font-size:12px;font-weight:500;margin:0 0 4px}.workflow-stages p{font-size:10px;line-height:1.45;margin:0;color:#c9d3e5}.connector{text-align:center;font-size:26px;font-weight:400;color:#d1dff3}.product-previews{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1378px;margin:0 auto 25px}.product-card{border:1px solid #7185a1;border-radius:13px;background:linear-gradient(130deg,#081321,#122238);min-height:204px;overflow:hidden;box-shadow:0 10px 30px #0003}.leads-card{display:grid;grid-template-columns:147px minmax(0,1fr)}.mini-sidebar{padding:15px 22px;background:#081522;display:flex;flex-direction:column;gap:14px;font-size:10px;border-right:1px solid #1d2c40}.mini-sidebar img{width:100px;height:auto;margin-bottom:6px}.mini-sidebar small{float:right;border-radius:4px;background:#344570;padding:0 5px}.mini-sidebar .active{color:#bed3ff}.leads-body{padding:16px 19px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-heading h3{font-size:14px;font-weight:500;margin:0}.mini-button{font-size:9px;padding:5px 11px;border:1px solid #3e546e;border-radius:6px;background:#22364e}.leads-body .mini-button{background:linear-gradient(135deg,#e3ecfc,#92b6ee);color:#0d2341}.tabs{display:flex;gap:6px;margin:13px 0 8px}.tabs button{font-size:8px;background:transparent;border:1px solid transparent;padding:4px 8px;border-radius:5px}.tabs button[aria-pressed=true]{background:#2c4267;border-color:#657eab}table{border-collapse:collapse;width:100%;font-size:8px;text-align:left}th,td{padding:7px 9px;border-block:1px solid #2e405b;font-weight:400}th{background:#182b43;color:#cbd7e8}.pill{display:inline-block;background:#294369;border-radius:6px;padding:2px 8px;font-size:9px;color:#d1e0ff}.pill.amber{background:#493b2d;color:#ffe0b8}.preview-note{font-size:9px;color:#b8c8de;margin:12px 0 0}.assessment-card>.card-heading{border-bottom:1px solid #2b3e57;padding:16px 23px}.assessment-body{display:flex;align-items:stretch;gap:12px;padding:15px 23px 0}.property-thumbnail{width:125px;height:85px;object-fit:cover;border-radius:6px}.metric{min-width:0;background:linear-gradient(135deg,#27394f,#17263b);border:1px solid #2c405b;border-radius:8px;padding:10px;flex:1}.metric small{font-size:8px;display:block;line-height:1.4}.metric strong{font-size:14px;font-weight:500;white-space:nowrap;display:block;margin-top:6px}.metric .pill{font-size:9px;display:inline-block}.assessment-card>.preview-note{padding:0 23px 14px}.demo-notes{max-width:1296px;margin:20px auto 30px;color:#b8c7dc;font-size:11px}.demo-notes details{border-bottom:1px solid #2a405b;padding:13px 0}.demo-notes summary{cursor:pointer;color:#d6e1f2}.demo-notes p{margin:12px 0;max-width:950px}footer{max-width:1296px;margin:auto;border-top:1px solid #314862;display:flex;align-items:center;gap:30px;padding:24px 0;font-size:10px;color:#c1cfe1}footer .brand{margin-right:auto}footer .brand img{width:140px}dialog{width:min(1100px,95vw);max-height:95vh;background:#081627;color:white;border:1px solid #8197b3;border-radius:12px;padding:20px}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog #expanded-content{margin-top:20px}dialog .media-frame{max-width:800px;margin:auto}#product-player:fullscreen{height:100vh;display:flex;flex-direction:column;justify-content:center}#product-player:fullscreen .device{max-width:1000px;width:100%;margin:auto}.table-wrap{overflow-x:auto}
@media(min-width:1550px){.hero{background-size:100% auto}}
@media(max-width:1360px){.header-inner,.hero-inner,.benefits,.demo-notes,footer{margin-left:4%;margin-right:4%}.site-header nav{margin-left:auto;flex:0 1 850px;gap:25px}.menus{gap:30px}.hero-inner{grid-template-columns:42% minmax(0,1fr);gap:28px}h1{font-size:clamp(37px,3.7vw,53px)}.hero-actions{gap:12px}.hero-actions .button{font-size:11px;padding-inline:15px}.hero .intro{font-size:15px}.benefits{gap:18px}.benefits article{padding:0 10px;gap:16px}.benefits article:first-child{padding-left:10px}.benefits h2{font-size:16px}.workflow-stages{margin:0 4%;grid-template-columns:1fr 35px 1fr 35px 1fr 35px 1fr}.workflow-stages article{padding:12px;gap:12px}.product-previews{margin-inline:2.4%;gap:24px}.assessment-body{gap:7px;padding-inline:15px}.property-thumbnail{width:100px}.metric{padding:8px}.metric strong{font-size:12px}}
@media(max-width:1050px){.menus{gap:19px}.account{gap:15px}.site-header nav{flex:0 1 720px;margin-left:40px}.hero{height:440px}.hero-inner{gap:20px}.hero-copy{padding-top:35px}.hero .intro{font-size:14px}.hero-actions{flex-wrap:wrap;gap:8px}.vision-note{font-size:9px}.media-frame{height:365px;padding:30px 13px 0}.device{grid-template-columns:95px minmax(0,1fr);height:300px}.device-sidebar{padding:12px 6px;font-size:8px}.device-sidebar img{width:77px}.device-sidebar a{padding:6px;gap:5px}.assistant-header{height:55px;padding:9px 13px}.assistant-body{padding:19px 13px 0}.greeting{font-size:13px}.suggestions{gap:4px;margin-bottom:14px}.suggestions button{font-size:6px;padding:5px}.reassurance{padding:0 3%}.reassurance>div{font-size:9px;gap:9px}.benefits article{gap:12px}.benefits h2{font-size:14px;white-space:normal}.benefits p{font-size:10px}.icon-tile{width:44px;height:44px}.workflow h2{font-size:24px}.workflow-stages article{gap:10px;padding:10px}.workflow-stages h3{font-size:10px}.workflow-stages p{font-size:9px}.workflow-stages svg{width:25px}.leads-card{grid-template-columns:100px 1fr}.mini-sidebar{padding:15px 12px}.mini-sidebar img{width:77px}.leads-body{padding:15px 10px}.card-heading h3{font-size:12px}.assessment-body{flex-wrap:wrap}.property-thumbnail{width:100%;height:65px;object-position:center 43%}.metric small{font-size:7px}.metric strong{font-size:11px}.tabs button{padding:4px;font-size:7px}.product-previews{gap:20px}}
@media(max-width:800px){.site-header{height:64px}.header-inner{justify-content:space-between}.brand img{width:145px}.nav-toggle{display:block;border:1px solid #6c83a0;border-radius:6px;background:#162a44;padding:7px 12px}.site-header nav{display:none;position:absolute;top:64px;left:0;right:0;padding:18px 5%;margin:0;background:#09182c;border-bottom:1px solid #7187a4;z-index:10}.site-header nav.open{display:flex;align-items:stretch;flex-direction:column;gap:20px}.menus{flex-wrap:wrap;gap:20px}.account{justify-content:space-between}.menu-panel{top:28px;left:0}.hero{height:auto;min-height:730px;background-size:auto 670px;background-position:left top}.hero-inner{grid-template-columns:1fr;gap:25px;padding-bottom:28px}.hero-copy{padding-top:30px}h1{font-size:clamp(35px,7.3vw,58px);letter-spacing:-1.7px;max-width:650px}.hero .intro{font-size:15px;max-width:600px}.hero-actions .button{font-size:12px;padding:12px 19px}.media-frame{height:365px;max-width:700px}.device{grid-template-columns:130px minmax(0,1fr);height:300px}.device-sidebar{font-size:9px;padding:13px}.device-sidebar img{width:100px}.assistant-body{padding:18px 20px 0}.greeting{font-size:17px}.suggestions button{font-size:8px}.prompt-box textarea{font-size:11px}.reassurance{height:auto;min-height:95px;grid-template-columns:1fr 1fr;padding:8px 4%;row-gap:10px}.reassurance>div{justify-content:flex-start;font-size:10px}.reassurance>div+div:before{display:none}.reassurance svg{width:23px}.benefits{grid-template-columns:1fr;padding:25px 0;gap:23px}.benefits article,.benefits article:first-child{padding:0;gap:20px}.benefits article+article:before{display:none}.benefits h2{font-size:20px;margin-top:0}.benefits p{font-size:12px}.icon-tile{height:50px;width:50px}.workflow{padding:28px 4%}.workflow h2{font-size:27px;line-height:1.3}.workflow>p:not(.eyebrow){font-size:12px}.workflow-stages{grid-template-columns:1fr;margin:0;gap:8px}.workflow-stages article{padding:16px 22px;min-height:85px;gap:22px}.workflow-stages h3{font-size:14px}.workflow-stages p{font-size:12px}.workflow-stages svg{width:32px}.connector{transform:rotate(90deg);line-height:18px;font-size:22px}.product-previews{grid-template-columns:1fr;margin:10px 4% 20px;gap:22px}.leads-card{grid-template-columns:120px 1fr}.mini-sidebar{padding:20px 16px}.mini-sidebar img{width:90px}.leads-body{padding:20px 14px}.card-heading h3{font-size:14px}.mini-button{font-size:9px}.tabs button{font-size:9px;padding:5px 7px}.assessment-body{flex-wrap:nowrap}.property-thumbnail{width:110px;height:100px}.metric strong{font-size:13px}.metric small{font-size:9px}table{font-size:9px}.preview-note{font-size:10px}footer{flex-wrap:wrap;gap:16px;font-size:10px}footer .brand{width:100%;margin:0}.demo-notes{font-size:12px}}
@media(max-width:480px){.hero-inner{margin-inline:5%}.hero-copy{padding-top:27px}h1{font-size:35px;line-height:1.15;letter-spacing:-1.5px;margin-top:16px;margin-bottom:20px}.eyebrow{font-size:8px;letter-spacing:.15em}.rule:after{width:30px}.hero .intro{font-size:13px;line-height:1.7}.hero-actions{display:grid;gap:10px}.hero-actions .button{font-size:12px;min-height:43px}.vision-note{font-size:9px}.hero{min-height:740px}.media-frame{height:290px;padding:27px 9px 0;border-radius:10px}.preview-label{font-size:6px;left:15px;top:9px}.device{grid-template-columns:73px minmax(0,1fr);height:235px;border-radius:10px 10px 0 0;transform:none}.device-sidebar{font-size:6px;padding:10px 5px}.device-sidebar img{width:59px;margin-bottom:15px}.device-sidebar a{padding:5px 2px;gap:4px}.device-sidebar small{font-size:6px}.assistant-header{height:43px;padding:7px 9px;gap:7px;font-size:11px}.assistant-header small{font-size:6px}.sparkle{font-size:23px}.avatar{font-size:7px;padding:4px}.assistant-body{padding:13px 9px 0}.greeting{font-size:11px;line-height:1.3;margin:1px 0 11px}.suggestions{gap:4px;flex-wrap:wrap;margin-bottom:10px}.suggestions button{padding:4px;font-size:5px}.prompt-box{padding:7px 7px 4px}.prompt-box textarea{font-size:7px;height:30px}.prompt-box div{height:18px}.prompt-box button{height:18px;width:18px;font-size:13px}#preview-response{font-size:6px;margin-top:5px}.player-controls{gap:9px;padding-inline:10px;height:29px}.player-controls button{font-size:15px}.player-controls span{font-size:7px}.reassurance{padding-inline:5%}.reassurance>div{font-size:8px;gap:8px}.reassurance svg{width:19px}.benefits{margin-inline:5%}.benefits article{gap:16px}.benefits h2{font-size:17px}.benefits p{font-size:11px}.workflow h2{font-size:25px}.leads-card{grid-template-columns:75px 1fr}.mini-sidebar{padding:18px 7px;font-size:7px}.mini-sidebar img{width:60px}.leads-body{padding:16px 8px}.card-heading h3{font-size:11px}.mini-button{font-size:7px;padding:5px 6px}.tabs{gap:0}.tabs button{font-size:7px;padding:4px}th,td{font-size:7px;padding:7px 4px}.assessment-card>.card-heading{padding:16px 12px}.assessment-body{padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.property-thumbnail{width:100%;height:100px;grid-column:1/-1}.metric{padding:10px}.metric small{font-size:9px}.metric strong{font-size:16px}.preview-note{font-size:8px}.assessment-card>.preview-note{padding-inline:12px}.leads-body .preview-note{font-size:7px}dialog{padding:10px}.menus{gap:18px;font-size:12px}.menu-panel{min-width:185px}.benefits .icon-tile{width:44px;height:44px}}
@media(max-width:350px){h1{font-size:30px;letter-spacing:-1.2px}.hero .intro{font-size:12px}.hero .button{font-size:11px}.greeting{font-size:9px}.assistant-header small{font-size:5px}.suggestions button{font-size:4.5px}.hero{min-height:720px}.benefits h2{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Match the reference's quiet sky and restrained architecture below the copy. */
.hero{background:radial-gradient(ellipse at 67% 95%,#2d4b70aa,transparent 65%),linear-gradient(110deg,#061120,#102039)}
.hero:before{content:'';position:absolute;left:0;bottom:0;width:530px;height:175px;background:linear-gradient(to bottom,#081526 0%,transparent 68%),url('assets/architecture.webp') left bottom/530px auto no-repeat;mask-image:linear-gradient(to right,#000 35%,transparent);opacity:.8;pointer-events:none}
.hero-inner{position:relative;z-index:1}
@media(min-width:1361px){h1{font-size:58px;line-height:1.05}.reassurance>div{font-size:12px}.benefits p{font-size:12px}.workflow>p:not(.eyebrow){font-size:13px}.workflow-stages h3{font-size:13px}.workflow-stages p{font-size:10px}}
@media(max-width:800px){.hero:before{top:160px;bottom:auto;height:260px;opacity:.45;width:min(530px,100%);background-size:530px auto}}
/* Final reference refinements: presentation only; keep the existing section grid. */
@media(min-width:1051px){
 .media-frame{padding:27px 18px 0;border-color:#8194ad;border-radius:13px;background:radial-gradient(ellipse at 20% 0,#72808a55,transparent 55%),linear-gradient(135deg,#28333b,#0c182a 62%,#30465c)}
 .device{grid-template-columns:145px minmax(0,1fr);height:343px;border-color:#040d18;box-shadow:0 0 0 2px #58708088,9px 5px 18px #0007;transform:perspective(1800px) rotateY(1.4deg) rotateZ(.7deg)}
 .device-sidebar{padding:16px 12px;font-size:11px}
 .device-sidebar img{width:110px;margin-bottom:23px}
 .device-sidebar a{gap:10px;padding:7px 8px;margin:2px 0}
 .device-sidebar small{font-size:9px}
 .assistant-header{height:66px;padding:12px 22px;font-size:16px}
 .assistant-header small{font-size:9px}
 .avatar{font-size:11px;padding:7px}
 .assistant-body{padding:34px 22px 0}
 .greeting{font-size:18px;line-height:1.25;margin:0 0 17px}
 .suggestions{gap:9px;margin-bottom:22px}
 .suggestions button{font-size:9px;padding:8px 10px;border-color:#30425e;background:linear-gradient(130deg,#253951,#17283f)}
 .prompt-box{padding:10px 14px 7px;border-color:#7698d1;border-radius:11px;box-shadow:inset 0 0 0 3px #081323aa,0 5px 18px #0002}
 .prompt-box textarea{font-size:12px;height:37px;line-height:1.5}
 .prompt-box div{height:25px}
 .prompt-box button{width:27px;height:27px;font-size:20px}
 #preview-response{font-size:9px;line-height:1.4;margin-top:7px}
 .preview-label{font-size:8px;letter-spacing:.11em;color:#d5e1f2}
 .player-controls{height:36px;gap:15px;padding:0 19px;background:linear-gradient(#06101baa,#01060ef2);border-top:1px solid #8b9cb14d}
 .player-controls button{width:25px;min-height:27px;font-size:20px;display:grid;place-items:center;color:#edf4ff}
 .player-controls span{font-size:10px}
 .player-controls input{height:4px;accent-color:#dce9ff}
 .product-card{min-height:245px;border-color:#7186a2;background:linear-gradient(125deg,#091523,#13253c)}
 .mini-sidebar{font-size:11px;gap:17px;padding:17px 20px;background:linear-gradient(120deg,#07121f,#0b192b)}
 .mini-sidebar img{width:107px;margin-bottom:10px}
 .mini-sidebar .active{border-radius:5px;background:#203955;margin:-5px -8px;padding:5px 8px}
 .leads-body{padding:17px 19px}
 .card-heading h3{font-size:16px}
 .mini-button{font-size:10px;padding:5px 10px}
 .tabs{gap:7px;margin:14px 0 10px}
 .tabs button{font-size:10px;padding:5px 8px}
 table{font-size:10px}
 th,td{padding:9px 10px}
 th{background:#1b3049;color:#c6d5e9}
 td{background:#0d1c2e88}
 .pill{font-size:10px;padding:2px 8px}
 .preview-note{font-size:10px;margin-top:12px}
 .assessment-card>.card-heading{padding:17px 23px}
 .assessment-body{gap:11px;padding-top:15px}
 .property-thumbnail{width:145px;height:108px}
 .metric{padding:10px;background:linear-gradient(135deg,#2a3b52,#17273c);border-color:#344861}
 .metric small{font-size:9px;line-height:1.4}
 .metric strong{font-size:17px;margin-top:8px}
 .metric .pill{font-size:10px}
}
@media(min-width:1361px){.media-frame{width:calc(100% + 10px)}}
@media(min-width:801px) and (max-width:1050px){
 .device-sidebar{font-size:9px}.assistant-header{font-size:14px}.assistant-body{padding-top:23px}.greeting{font-size:14px}.suggestions button{font-size:7px}.prompt-box textarea{font-size:10px}#preview-response{font-size:8px}
 .card-heading h3{font-size:14px}.tabs button{font-size:9px}table{font-size:9px}.mini-sidebar{font-size:10px}.metric small{font-size:9px}.metric strong{font-size:13px}
}
@media(max-width:480px){
 .media-frame{height:322px;padding-top:27px}
 .device{height:267px;grid-template-columns:78px minmax(0,1fr)}
 .device-sidebar{font-size:7px;padding:11px 5px}
 .device-sidebar img{width:65px}.device-sidebar a{padding:6px 2px}
 .assistant-header{height:45px;font-size:12px}.assistant-header small{font-size:6px}
 .assistant-body{padding:17px 10px 0}.greeting{font-size:12px;margin-bottom:13px}
 .suggestions{margin-bottom:12px}.suggestions button{font-size:6px;padding:4px}
 .prompt-box textarea{font-size:8px;height:35px}.prompt-box div{height:20px}
 #preview-response{font-size:7px;line-height:1.4;margin-top:7px}
 .player-controls{border-top:1px solid #91a5c34d;background:#030c18df}.player-controls span{font-size:8px}
 .leads-card{grid-template-columns:78px minmax(0,1fr)}.mini-sidebar{font-size:8px;gap:17px}.mini-sidebar img{width:64px}
 .leads-body{padding:17px 8px}.card-heading h3{font-size:13px}.mini-button{font-size:8px}
 .tabs{gap:1px;margin:13px 0 10px}.tabs button{font-size:8px;padding:5px}
 th,td{font-size:8px;padding:9px 4px}.pill{font-size:8px}.leads-body .preview-note{font-size:8px}
 .assessment-card>.card-heading h3{font-size:12px}.assessment-body{gap:11px}
 .metric small{font-size:10px}.metric strong{font-size:18px}.property-thumbnail{height:112px}
}
@media(max-width:350px){
 .device{grid-template-columns:68px minmax(0,1fr)}.device-sidebar img{width:55px}.device-sidebar{font-size:6px}.greeting{font-size:10px}.suggestions button{font-size:5px}.prompt-box textarea{font-size:7px}#preview-response{font-size:6px}
 .leads-card{grid-template-columns:65px minmax(0,1fr)}.mini-sidebar img{width:52px}.mini-sidebar{font-size:7px}.tabs button{font-size:7px;padding:4px}.leads-body .mini-button{font-size:7px}th,td{font-size:7px}
}