/* XAU Core V4 — live product moments */
.native-measure{display:block!important;position:relative;height:560px;background:radial-gradient(circle at 50% 45%,rgba(0,209,255,.12),transparent 36%),linear-gradient(145deg,#1d2421,#121715)!important}.native-measure .measure-xo{position:absolute;width:210px!important;height:210px!important;object-fit:contain!important;left:0;bottom:5px;margin:0!important;z-index:6;animation:visualFloat 5s ease-in-out infinite!important;filter:drop-shadow(0 25px 35px rgba(0,0,0,.45))!important}.roof-blueprint{position:absolute;left:145px;right:238px;top:78px;bottom:48px;border:1px solid rgba(0,209,255,.22);border-radius:18px;background:rgba(6,23,24,.58);box-shadow:inset 0 0 50px rgba(0,209,255,.04);overflow:hidden}.blueprint-head{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid rgba(0,209,255,.16);font-size:.48rem;letter-spacing:.12em;color:#89a5a2}.blueprint-head b{color:var(--cyan)}.roof-blueprint svg{width:100%;height:calc(100% - 42px)}.roof-grid path{fill:none;stroke:rgba(0,209,255,.11);stroke-width:1}.roof-lines path{fill:rgba(0,209,255,.05);stroke:var(--cyan);stroke-width:2;stroke-dasharray:1200;stroke-dashoffset:1200}.native-measure.scanning .roof-lines path{animation:blueprintDraw 2.2s ease forwards}.dimension-lines path{fill:none;stroke:var(--volt);stroke-width:1;stroke-dasharray:5 5;opacity:0}.dimension-lines text{fill:var(--volt);font:10px 'DM Sans';opacity:0}.native-measure.scanning .dimension-lines path,.native-measure.scanning .dimension-lines text{animation:dimensionIn .5s 1.8s ease forwards}.scan-dot{fill:var(--volt);filter:drop-shadow(0 0 10px var(--volt));opacity:0}.native-measure.scanning .scan-dot{animation:dotPulse 1s 1.2s infinite}.blueprint-total{position:absolute;right:14px;bottom:14px;padding:10px 12px;border-radius:9px;background:#111915;border:1px solid rgba(200,255,26,.25)}.blueprint-total small,.blueprint-total b{display:block}.blueprint-total small{font-size:.43rem;color:#7f9187}.blueprint-total b{font:600 1rem 'Space Grotesk';color:var(--volt);margin-top:3px}.estimate-preview{position:absolute;right:14px;top:96px;width:220px;background:#f3f7f4;color:#111;border-radius:16px;padding:17px;box-shadow:0 25px 60px rgba(0,0,0,.32);transform:rotateY(-7deg);z-index:4}.estimate-preview>div{display:flex;justify-content:space-between;font-size:.48rem;letter-spacing:.1em}.estimate-preview>div em{font-style:normal;color:#5a8200}.estimate-preview h4{font:600 1.15rem 'Space Grotesk';margin:16px 0}.estimate-preview p{display:flex;justify-content:space-between;margin:0;padding:10px 0;border-bottom:1px solid #dbe2dc;font-size:.55rem}.estimate-preview footer{display:flex;justify-content:space-between;padding:15px 0 0;border:0;font-size:.55rem}.estimate-preview footer b{font:600 1.15rem 'Space Grotesk'}.data-stream{position:absolute;left:-70px;top:52%;width:75px;height:20px}.data-stream:before{content:'';position:absolute;top:9px;width:100%;border-top:1px solid rgba(200,255,26,.45)}.data-stream b{position:absolute;width:6px;height:6px;border-radius:50%;top:6px;background:var(--volt);opacity:0}.native-measure.scanning .data-stream b{animation:dataFly 1.8s 2.3s linear infinite}.data-stream b:nth-child(2){animation-delay:2.6s!important}.data-stream b:nth-child(3){animation-delay:2.9s!important}.data-stream b:nth-child(4){animation-delay:3.2s!important}.native-measure .xo-chat{left:18px;top:18px;z-index:8;transform:scale(.9);transform-origin:top left}.native-measure .pop-b{left:43%;bottom:4%;z-index:8}.native-measure .pop-d{right:5%;bottom:7%;z-index:8}.native-measure .scan-progress{left:29%;right:28%;bottom:21px}
.live-estimate .estimate-lines>div{position:relative;opacity:.24;transform:translateX(-15px);transition:.45s}.core-panel.action-running .live-estimate .estimate-lines>div{opacity:1;transform:none}.core-panel.action-running .live-estimate .estimate-lines>div:nth-child(2){transition-delay:.35s}.core-panel.action-running .live-estimate .estimate-lines>div:nth-child(3){transition-delay:.7s}.core-panel.action-running .live-estimate .estimate-lines>div:nth-child(4){transition-delay:1.05s}.live-estimate .estimate-lines i{font-style:normal;color:#71a000;opacity:0}.core-panel.action-running .live-estimate .estimate-lines i{opacity:1}.estimate-total small{font-size:.56rem;margin:-15px 0 22px}.estimate-total small strong{font-size:.75rem}.send-estimate.sent{background:#143128;color:var(--volt)}.live-caption{display:flex;gap:9px;align-items:center;margin-top:15px;font-size:.62rem;color:#8e9b94}.live-caption i,.payment-feed>span i{width:7px;height:7px;border-radius:50%;background:var(--volt);box-shadow:0 0 12px var(--volt);animation:pulse 1.5s infinite}.signature-svg{width:100%;height:88px;margin-top:42px;border-bottom:1px solid #aab4ae}.signature-svg path{fill:none;stroke:#344e42;stroke-width:3;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600}.core-panel.signing .signature-svg path{animation:signDraw 2.2s ease forwards}.sign-demo,.payment-demo,.calendar-book,.advance-project,.automation-run{border:0;border-radius:9px;background:var(--volt);color:#111;padding:12px 15px;font:600 .66rem 'DM Sans';cursor:pointer;transition:.2s}.sign-demo:hover,.payment-demo:hover,.calendar-book:hover,.advance-project:hover,.automation-run:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(200,255,26,.18)}.doc-list .sign-demo{width:100%;margin-top:6px}.pending-doc.complete{border-color:rgba(200,255,26,.45)}.pending-doc.complete>i{background:var(--volt);color:#111}.incoming-payment{opacity:0;transform:translateY(-10px);background:rgba(200,255,26,.12)}.core-panel.payment-live .incoming-payment{animation:paymentIn .5s ease forwards}.payment-demo{width:100%}.payment-feed>span{display:flex;align-items:center;gap:8px}.calendar-book{margin:0 18px 18px}.demo-event.booked{animation:eventFlash 1s ease}.advance-project{width:100%;margin-top:18px}.flow-builder{position:relative}.automation-run{position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.automation-run:hover{transform:translateX(-50%) translateY(-2px)}.core-panel.flow-live .flow-node{animation:nodeFlash .7s ease}.core-panel.flow-live .flow-node:nth-of-type(3){animation-delay:.8s}.core-panel.flow-live .flow-node:nth-of-type(5){animation-delay:1.6s}
.why-core{padding:120px 3.5vw;background:var(--bg)}.why-heading{display:grid;grid-template-columns:1fr 420px;gap:50px;align-items:end;margin-bottom:55px}.why-heading>span,.everything>div>span,.demo-copy>span{grid-column:1/-1;font-size:.65rem;letter-spacing:.16em;color:#648400}.why-heading h2{font:600 clamp(3rem,5.2vw,6.4rem)/.88 'Space Grotesk';letter-spacing:-.065em;margin:15px 0 0}.why-heading h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--ink)}.why-heading p{font-size:1rem;line-height:1.55;color:#5c6862}.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.outcome{min-height:380px;border:1px solid var(--line);background:rgba(255,255,255,.4);border-radius:20px;padding:28px;position:relative}.outcome>span{font-size:.65rem}.outcome-icon{width:62px;height:62px;border-radius:18px;background:var(--ink);color:var(--volt);display:grid;place-items:center;font:600 1.5rem 'Space Grotesk';margin:55px 0 25px}.outcome h3{font:600 1.8rem/1.05 'Space Grotesk';letter-spacing:-.04em;max-width:310px}.outcome p{color:#69736e;font-size:.85rem;line-height:1.55;max-width:360px}.outcome>b{position:absolute;left:28px;bottom:25px;font-size:.65rem;color:#688b00}.everything{margin:0 3.5vw 120px;background:var(--ink);color:white;border-radius:25px;padding:65px;display:grid;grid-template-columns:42% 1fr;gap:70px}.everything h2{font:600 clamp(2.5rem,4vw,5rem)/.92 'Space Grotesk';letter-spacing:-.055em;margin:22px 0}.everything-list{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.everything-list span{display:flex;justify-content:space-between;border-bottom:1px solid #333a37;padding:17px 0;font-size:.8rem}.everything-list i{font-style:normal;color:var(--volt)}
.book-demo{margin:0 3.5vw 120px;padding:80px;background:linear-gradient(135deg,var(--volt),#a8dc00);border-radius:28px;display:grid;grid-template-columns:42% 1fr;gap:80px;position:relative;overflow:hidden}.book-demo:after{content:'X';position:absolute;left:-65px;bottom:-170px;font:700 25rem 'Space Grotesk';color:rgba(255,255,255,.14);pointer-events:none}.demo-copy,.booking-card{position:relative;z-index:2}.demo-copy>span{color:#334300}.demo-copy h2{font:600 clamp(3.2rem,5vw,6rem)/.88 'Space Grotesk';letter-spacing:-.065em;margin:20px 0}.demo-copy h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--ink)}.demo-copy p{max-width:480px;line-height:1.55}.demo-copy ul{list-style:none;padding:0;margin-top:30px}.demo-copy li{padding:9px 0;font-size:.8rem}.demo-copy li:before{content:'✓';margin-right:10px;font-weight:700}.booking-card{background:#f7faf6;border-radius:22px;padding:28px;box-shadow:0 35px 80px rgba(27,39,17,.2)}.booking-head{display:flex;justify-content:space-between}.booking-head small{font-size:.55rem;color:#768078}.booking-head h3{font:600 1.8rem 'Space Grotesk';margin:8px 0}.booking-head>span{height:max-content;background:#111;color:var(--volt);border-radius:100px;padding:8px 11px;font-size:.55rem}.date-row,.time-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.date-choice,.time-choice{border:1px solid #d5ddd6;background:white;border-radius:10px;padding:13px;cursor:pointer}.date-choice small,.date-choice b{display:block}.date-choice small{font-size:.5rem}.date-choice b{font:600 1.2rem 'Space Grotesk';margin-top:4px}.date-choice.active,.time-choice.active{background:var(--ink);color:white;border-color:var(--ink)}.booking-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.booking-form input{border:1px solid #d5ddd6;border-radius:10px;padding:14px;font:inherit;min-width:0}.booking-form button{grid-column:1/-1;border:0;border-radius:10px;background:var(--ink);color:white;padding:16px;display:flex;justify-content:space-between;font-weight:600;cursor:pointer}.booking-success{display:none;align-items:center;gap:13px;background:#e7f8b3;border-radius:12px;padding:15px;margin-top:12px}.booking-success.show{display:flex;animation:paymentIn .45s ease}.booking-success>i{font-style:normal;width:32px;height:32px;border-radius:50%;background:#111;color:var(--volt);display:grid;place-items:center}.booking-success b,.booking-success small{display:block}.booking-success small{font-size:.62rem;margin-top:4px;color:#5f6c62}
@keyframes blueprintDraw{to{stroke-dashoffset:0}}@keyframes dimensionIn{to{opacity:1}}@keyframes dotPulse{50%{r:14;opacity:1}}@keyframes dataFly{0%{left:0;opacity:0}20%,80%{opacity:1}100%{left:70px;opacity:0}}@keyframes signDraw{to{stroke-dashoffset:0}}@keyframes paymentIn{to{opacity:1;transform:none}}@keyframes eventFlash{50%{box-shadow:0 0 0 5px rgba(200,255,26,.25)}}@keyframes nodeFlash{50%{border-color:var(--volt);box-shadow:0 0 28px rgba(200,255,26,.2)}}
@media(max-width:1100px){.native-measure .measure-xo{width:150px!important;height:150px!important}.roof-blueprint{left:90px;right:185px}.estimate-preview{width:175px}.why-heading{grid-template-columns:1fr}.book-demo{grid-template-columns:1fr;padding:55px}.everything{grid-template-columns:1fr}.core-panel[data-view="measurements"].active{display:block}}
@media(max-width:760px){.native-measure{height:440px}.native-measure .measure-xo{width:115px!important;height:115px!important;left:-4px;bottom:35px}.roof-blueprint{left:45px;right:8px;top:105px;bottom:55px}.estimate-preview{display:none}.blueprint-head b{display:none}.native-measure .xo-chat{left:8px;right:8px;transform:none}.native-measure .pop-b,.native-measure .pop-d{display:none}.why-core{padding:75px 20px}.why-heading h2{font-size:12vw}.outcome-grid{grid-template-columns:1fr}.everything{margin:0 20px 75px;padding:35px 25px}.everything-list{grid-template-columns:1fr}.book-demo{margin:0 20px 75px;padding:42px 22px;display:block}.demo-copy h2{font-size:13vw}.booking-card{margin-top:35px;padding:20px}.date-row,.time-row{grid-template-columns:1fr 1fr}.booking-form{grid-template-columns:1fr}.booking-form button{grid-column:auto}}