:root{--paper:#f6f5ef;--ink:#182321;--muted:#626b64;--line:#d8ddd2;--green:#d1ec91;--dark:#101b19;--max:1280px;color-scheme:light;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;line-height:1.65;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #658930;outline-offset:5px}::selection{background:var(--green);color:var(--ink)}[hidden]{display:none!important}.shell{width:min(var(--max),calc(100% - 96px));margin-inline:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-.052em;line-height:1.1}h1{font-size:clamp(3.4rem,5.7vw,5.6rem);margin-bottom:30px}h2{font-size:clamp(2.35rem,3.8vw,3.6rem);margin-bottom:26px}h3{font-size:1.5rem}em{font-style:normal;color:#687a60}p{color:var(--muted);margin-bottom:22px}.eyebrow{font-size:max(var(--dp-text-floor, 0px), .65rem);font-weight:700;letter-spacing:.14em;line-height:1.6;margin-bottom:23px;color:#64705f;text-transform:uppercase}.section{padding-block:108px}.compact{padding-top:10px}.section-heading{max-width:820px;margin-bottom:48px}.section-heading p:not(.eyebrow){max-width:640px}.section-heading h2{margin-bottom:18px}.split{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:70px}.split>p{max-width:365px;font-size:max(var(--dp-text-floor, 0px), .98rem);margin-bottom:20px}.split>.text-link{white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:16px 25px;min-height:54px;background:var(--ink);color:white;font-size:max(var(--dp-text-floor, 0px), .83rem);font-weight:600;border:1px solid var(--ink);border-radius:5px;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{background:#354736;transform:translateY(-2px)}.button.secondary{background:transparent;color:var(--ink);border-color:#a7b1a0}.button.secondary:hover{background:#e7ecdf}.text-link{display:inline-flex;align-items:center;gap:22px;font-weight:600;font-size:max(var(--dp-text-floor, 0px), .83rem);border-bottom:1px solid currentColor;padding-block:5px;width:fit-content}.text-link:hover{color:#657c45}.actions,.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.small-copy{font-size:max(var(--dp-text-floor, 0px), .8rem);line-height:1.65}.skip{position:fixed;top:-100px;left:20px;z-index:100;padding:12px 24px;background:var(--green);color:var(--ink)}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:sticky;top:0;z-index:30;background:#f6f5eff5;backdrop-filter:blur(14px);border-bottom:1px solid #d8ddd27a}.nav-wrap{height:94px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.05em;line-height:1;font-size:1.25rem;white-space:nowrap}.brand-light{font-weight:500}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:max(var(--dp-text-floor, 0px), .47rem);font-weight:500;letter-spacing:.21em;margin-top:7px;color:#69746b}.brand-mark{width:29px;height:31px;position:relative;display:inline-block;border:5px solid currentColor;border-left:0;border-radius:0 15px 15px 0;margin-right:3px;transform:skewY(-10deg)}.brand-mark:after{content:'';position:absolute;width:4px;height:20px;background:currentColor;left:4px;top:1px}.nav-wrap nav{display:flex;gap:27px;align-items:center}.nav-wrap nav a{font-size:max(var(--dp-text-floor, 0px), .78rem);color:#536055;padding:10px 0}.nav-wrap nav a:hover,.nav-wrap nav a[aria-current=page]{color:var(--ink);box-shadow:0 1px var(--ink)}.nav-wrap>.button{min-height:43px;padding:10px 20px;font-size:max(var(--dp-text-floor, 0px), .78rem)}.menu-button{display:none;background:none;border:0;padding:12px}
.home-hero{padding:65px 0 62px}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:38px}.hero-copy{padding:25px 0}.hero-copy .eyebrow{font-size:max(var(--dp-text-floor, 0px), .59rem);letter-spacing:.11em;margin-bottom:30px}.hero-copy h1{font-size:clamp(3.6rem,5.5vw,5.5rem);line-height:1.06;margin-bottom:28px;letter-spacing:-.065em}.hero-intro{font-size:1.14rem;line-height:1.5;letter-spacing:-.02em;color:#465547;margin-bottom:19px}.hero-sub{font-size:max(var(--dp-text-floor, 0px), .88rem);max-width:385px;margin-bottom:30px}.hero-actions{gap:24px}.hero-actions .text-link{font-size:max(var(--dp-text-floor, 0px), .78rem)}.hero-footnote{font-size:max(var(--dp-text-floor, 0px), .56rem);letter-spacing:.12em;display:flex;align-items:center;gap:9px;color:#6d7869;margin-top:36px}.status-dot{display:inline-block;flex-shrink:0;width:7px;height:7px;background:#86a956;border-radius:50%;box-shadow:0 0 0 4px #87a85b17}.hero-art{position:relative;height:540px;border-radius:6px;overflow:hidden;background:#0e1420;box-shadow:0 16px 36px #15251b0d}.hero-art>img{height:100%;width:100%;object-fit:cover;object-position:63% 50%;filter:hue-rotate(255deg) saturate(.5)}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#101b1900 50%,#101b19b0)}.art-caption{position:absolute;inset:24px 23px auto;z-index:2;display:flex;justify-content:space-between;color:#e2eadc;font-size:max(var(--dp-text-floor, 0px), .52rem);letter-spacing:.13em}.floating-note{position:absolute;z-index:3;bottom:27px;left:25px;right:25px;padding:19px 21px;border:1px solid #ffffff25;background:#dbe7d6f5;backdrop-filter:blur(12px);display:flex;align-items:center;gap:15px;border-radius:5px;color:#203022;font-size:max(var(--dp-text-floor, 0px), .91rem)}.floating-note small{display:block;font-size:max(var(--dp-text-floor, 0px), .66rem);color:#64715e;margin-top:2px}.floating-note>span:last-child{margin-left:auto;font-size:1.3rem}.principles-strip{border-block:1px solid var(--line)}.principles-strip>.shell{display:flex;justify-content:space-between;padding-block:24px;font-size:max(var(--dp-text-floor, 0px), .69rem);color:#63705f}.principles-strip span+span{border-left:1px solid #cbd3c1;padding-left:7%}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{background:#eeefe7;border:1px solid #dbe0d2;padding:30px;display:flex;flex-direction:column;min-height:348px;border-radius:5px;transition:background .2s,border-color .2s,transform .2s}.service-card:hover{background:#e7eddd;border-color:#9aaa82;transform:translateY(-3px)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.service-icon{font-size:1.85rem;color:#374e35;line-height:1}.card-number{font-size:max(var(--dp-text-floor, 0px), .65rem);color:#8b9482}.service-card>.eyebrow{font-size:max(var(--dp-text-floor, 0px), .57rem);margin-bottom:10px}.service-card h3{font-size:1.34rem;display:flex;align-items:center;justify-content:space-between;letter-spacing:-.045em;margin-bottom:14px}.service-card h3 span{font-size:1rem;font-family:'DM Sans'}.service-card>p:not(.eyebrow){font-size:max(var(--dp-text-floor, 0px), .83rem);margin-bottom:26px}.card-price{font-size:max(var(--dp-text-floor, 0px), .7rem);font-weight:700;margin-top:auto;border-top:1px solid #d5dccb;padding-top:18px}.card-price span{font-weight:400;color:#737e6b}
.demo-section{background:var(--dark);color:#f4f7ed}.demo-grid{display:grid;grid-template-columns:.95fr 1fr;gap:100px;align-items:center}.demo-section .eyebrow{color:#a6bd91}.demo-section h2{font-size:clamp(2.7rem,4.2vw,4rem);line-height:1.11}.demo-section em{color:var(--green)}.demo-section p{color:#a8b9ab;max-width:410px}.demo-section .text-link{color:#d5e5c8;margin-top:16px}.demo-section .small-copy{max-width:345px}.demo-window{background:#f5f5ee;color:var(--ink);border-radius:8px;overflow:hidden;box-shadow:0 30px 60px #0003;border:1px solid #a7b5a138}.window-bar{display:flex;align-items:center;justify-content:space-between;padding:18px 23px;border-bottom:1px solid var(--line);color:#7b8770}.window-bar>span:first-child{display:flex;gap:5px}.window-bar i{width:5px;height:5px;border-radius:50%;background:#b7c1ad}.window-bar small{font-size:max(var(--dp-text-floor, 0px), .52rem);letter-spacing:.14em}.demo-panel{min-height:210px}.website-form{padding:35px 28px}.website-form label{font-size:1.06rem;font-weight:500;letter-spacing:-.02em}.input-row{display:flex;flex-direction:column;gap:12px;margin-top:19px}.input-row button{background:#d1ec91;color:#1d2b19;border-color:#bdd882;justify-content:space-between;width:100%}input,textarea{width:100%;min-width:0;padding:14px 15px;border:1px solid #bcc7b1;border-radius:4px;background:#fafbf7;color:var(--ink);font-size:max(var(--dp-text-floor, 0px), .89rem);min-height:50px}input::placeholder{color:#7b8476}.demo-bottom{border-top:1px solid var(--line);padding:16px 24px;font-size:max(var(--dp-text-floor, 0px), .62rem);color:#65765c;display:flex;justify-content:space-between;gap:10px}.analysis-view,.employee-view{padding:28px}.analysis-view .kicker,.employee-view .kicker{font-size:max(var(--dp-text-floor, 0px), .66rem);letter-spacing:.1em;text-transform:uppercase;color:#6c7e5b}.analysis-steps{list-style:none;padding:0}.analysis-steps li{padding:7px 0;font-size:max(var(--dp-text-floor, 0px), .8rem);color:#6b7861}.analysis-steps li:before{content:'○';margin-right:10px}.analysis-steps li.active{color:#263c1d;font-weight:700}.analysis-steps li.done:before{content:'✓'}.ready-head{display:flex;gap:15px;align-items:center}.ready-head h3{margin-bottom:5px}.ready-head p{font-size:max(var(--dp-text-floor, 0px), .7rem);margin-bottom:3px;color:#57624e}.alex-orb{display:grid;place-items:center;border-radius:50%;background:#dae9c7;width:48px;height:48px;font-size:1.4rem;flex-shrink:0}.employee-view .found-summary{color:#6c7665;font-size:max(var(--dp-text-floor, 0px), .75rem);margin-top:18px}.employee-view blockquote{margin:20px 0;padding:18px;border-left:2px solid #718e4f;background:#e9eedd;font-size:1.05rem}.demo-section .demo-notice{font-size:max(var(--dp-text-floor, 0px), .7rem);color:#6a765e}.alex-widget-panel{border:1px solid #cbd6bc;padding:17px;border-radius:5px}.alex-widget-panel strong{font-size:max(var(--dp-text-floor, 0px), .8rem)}.alex-widget-panel p{font-size:max(var(--dp-text-floor, 0px), .7rem);margin-bottom:12px;color:#53654b}.alex-widget-panel .button{font-size:max(var(--dp-text-floor, 0px), .8rem);width:100%;background:#d1ec91;color:#25391b;border-color:#b5d77f}.knowledge-details{font-size:max(var(--dp-text-floor, 0px), .75rem);margin-top:20px}.knowledge-details summary{cursor:pointer;padding:12px 0}.knowledge-ledger dl>div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line)}.knowledge-ledger dd{margin:0}.knowledge-preview h4{margin:16px 0 5px}.knowledge-preview p,.knowledge-preview li{font-size:max(var(--dp-text-floor, 0px), .72rem);color:#586850}.text-button{border:0;background:none;color:#4c653b;padding:14px 0;text-decoration:underline;font-size:max(var(--dp-text-floor, 0px), .75rem)}.vapi-native-hidden{position:fixed!important;left:-9999px!important;right:auto!important;opacity:0!important;pointer-events:none!important}
.industry-examples{margin-bottom:30px}.industry-experience{display:grid;grid-template-columns:.65fr 1fr;border:1px solid var(--line);border-radius:5px;overflow:hidden}.industry-tabs{display:flex;flex-direction:column;background:#ecefe5;padding:17px}.industry-tabs button{font-size:max(var(--dp-text-floor, 0px), .81rem);padding:18px 19px;text-align:left;background:none;border:0;border-radius:4px;color:#636f5c;min-height:53px}.industry-tabs button[aria-selected=true]{background:#dbe7c7;color:#263d20;font-weight:600}.industry-scene{background:#e4eadb;padding:32px 38px}.industry-scene .kicker{font-size:max(var(--dp-text-floor, 0px), .61rem);letter-spacing:.12em;text-transform:uppercase;color:#637856}.industry-scene h3{font-size:1.7rem;margin-bottom:18px}.industry-scene blockquote{margin:0 0 25px;font-size:1rem;color:#52664a}.industry-scene>div{display:grid;grid-template-columns:140px 1fr;gap:20px;border-top:1px solid #cad5bd;padding:14px 0;font-size:max(var(--dp-text-floor, 0px), .7rem)}.industry-scene>div>span{color:#738468}.industry-scene strong{font-weight:500}.industry-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.industry-card{display:flex;align-items:center;gap:21px;padding:27px 0;border-bottom:1px solid #ced6c4;transition:padding .2s}.industry-card:hover{padding-inline:10px}.industry-card>span:first-child{font-size:max(var(--dp-text-floor, 0px), .58rem);color:#829174}.industry-card h3{font-size:1.11rem;margin:0}.industry-card>span:last-child{margin-left:auto;color:#73846b}.section-note{font-size:max(var(--dp-text-floor, 0px), .8rem);margin-top:28px}.section-note a{border-bottom:1px solid currentColor}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.process-grid article{border-top:1px solid #bfcab5;padding-top:25px}.process-grid article>span{display:inline-block;font-size:max(var(--dp-text-floor, 0px), .6rem);padding:5px 9px;background:#e3e9d8;border-radius:3px;margin-bottom:23px}.process-grid h3{font-size:1.25rem;margin-bottom:13px}.process-grid p{font-size:max(var(--dp-text-floor, 0px), .8rem)}.regional{background:#e8eddf}.regional-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.regional p{max-width:450px}.region-visual{position:relative;min-height:340px;padding:28px;border:1px solid #c6d3b8;border-radius:50% 50% 4px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 25%,#f9fbee,#e0e9d2)}.region-stamp{font-size:max(var(--dp-text-floor, 0px), .51rem);letter-spacing:.15em;color:#7f9270}.region-orbit{width:205px;height:155px;position:relative;margin:27px}.region-orbit i{position:absolute;inset:25px 0;border:1px solid #9caf8959;border-radius:50%;transform:rotate(-35deg)}.region-orbit i:nth-child(2){transform:rotate(35deg)}.region-orbit i:nth-child(3){transform:rotate(90deg)}.region-orbit b{position:absolute;inset:50px 75px;display:grid;place-items:center;background:#243d25;color:#e3efc9;border-radius:50%;font-size:max(var(--dp-text-floor, 0px), .9rem);font-weight:500}.region-names{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}.region-names span{font-size:max(var(--dp-text-floor, 0px), .56rem);padding:5px 11px;border:1px solid #bfceaec9;border-radius:40px;background:#edf3e3}.region-visual small{font-size:max(var(--dp-text-floor, 0px), .58rem);color:#7e8c72;margin-top:16px}.recording-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.recording-grid>div>p{max-width:360px}.audio-card{padding:30px;border:1px solid #d8dfcf;background:#ecefe5;border-radius:5px}.audio-card>.eyebrow{font-size:max(var(--dp-text-floor, 0px), .58rem)}.audio-wave{display:flex;gap:4px;align-items:center;justify-content:center;height:108px}.audio-wave i{width:4px;height:var(--h);border-radius:4px;background:#96ad7f}.audio-card audio{width:100%;height:38px}.audio-card.is-playing .audio-wave i{animation:wave 1s alternate infinite ease-in-out}.audio-card.is-playing .audio-wave i:nth-child(2n){animation-delay:.3s}.resources-section{background:#ebeee4}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.guide-grid:has(>.guide-card:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}.guide-card{display:flex;flex-direction:column;border:1px solid #d5ddca;border-radius:5px;overflow:hidden;background:#f6f7ef;transition:transform .2s,box-shadow .2s}.guide-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px #22321d0a}.guide-art{height:172px;display:grid;place-items:center;background:radial-gradient(ellipse at 30% 30%,#ddebbf,#b6c99b);overflow:hidden;position:relative}.guide-art:before,.guide-art:after{content:'';position:absolute;width:230px;height:115px;border:1px solid #566e4359;border-radius:50%;transform:rotate(-30deg)}.guide-art:after{transform:rotate(40deg)}.guide-art>span{font-family:Manrope;font-size:3.2rem;font-weight:400;z-index:2;color:#34502b}.art-workflow-automation{background:radial-gradient(ellipse at 10% 20%,#dce1d8,#9eafa2)}.art-ai-ready-it-projects{background:radial-gradient(ellipse at 30% 20%,#e8e2cc,#c5b98e)}.guide-copy{padding:26px;display:flex;flex-direction:column;flex:1}.guide-copy .eyebrow{font-size:max(var(--dp-text-floor, 0px), .56rem);letter-spacing:.08em;margin-bottom:16px}.guide-copy .eyebrow span{font-weight:400;margin-left:5px}.guide-copy h3{font-size:1.4rem;line-height:1.25;margin-bottom:14px}.guide-copy p{font-size:max(var(--dp-text-floor, 0px), .79rem)}.guide-copy .text-link{font-size:max(var(--dp-text-floor, 0px), .68rem);margin-top:auto}.price-preview{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.contact-section{background:#dae6c7}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.contact-grid>div>p:not(.eyebrow){max-width:370px}.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:19px;background:#f4f7eb;padding:31px;border-radius:6px;border:1px solid #cbd7b8}.lead-form label{font-size:max(var(--dp-text-floor, 0px), .68rem);font-weight:600;display:flex;flex-direction:column;gap:7px}.lead-form label small{display:inline;font-weight:400}.lead-form input,.lead-form textarea{background:#ffffff70;border-color:#cbd5c0}.lead-form textarea{resize:vertical;min-height:105px}.lead-form .full{grid-column:1/-1}.lead-form .button{justify-content:space-between}.contact-email{font-size:max(var(--dp-text-floor, 0px), .7rem);margin:0;color:#677859}.contact-email a{border-bottom:1px solid}.form-status{font-size:max(var(--dp-text-floor, 0px), .76rem);margin:0;min-height:1em;color:#405a2c}.button:disabled{opacity:.55;cursor:wait;transform:none}
.breadcrumbs{display:flex;gap:10px;padding-top:33px;font-size:max(var(--dp-text-floor, 0px), .62rem);color:#7d8972;flex-wrap:wrap}.breadcrumbs a:hover{text-decoration:underline}.page-hero{padding-block:65px 90px}.page-hero>p:not(.eyebrow){font-size:1.07rem;max-width:700px}.page-hero h1{max-width:980px}.page-hero>.actions{margin-top:30px}.detail-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.detail-hero h1{font-size:clamp(2.8rem,4.2vw,4.2rem)}.detail-hero p:not(.eyebrow){font-size:max(var(--dp-text-floor, 0px), .98rem);max-width:520px}.detail-art{position:relative;border-radius:5px;overflow:hidden;height:350px;background:#111827}.detail-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.7)}.detail-art span{position:absolute;bottom:22px;left:23px;right:23px;color:#e2e9ed;text-transform:uppercase;font-size:max(var(--dp-text-floor, 0px), .54rem);letter-spacing:.12em}.detail-art:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101b19b0,transparent 40%);z-index:1}.detail-art span{z-index:2}.detail-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid var(--line);align-items:center}.detail-intro p:not(.eyebrow){font-size:1.03rem;line-height:1.85}.pale-section{background:#e9eee0}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.feature{padding-right:15px}.feature h2,.feature h3{font-size:1.6rem;margin-bottom:18px}.feature p{font-size:max(var(--dp-text-floor, 0px), .9rem)}.step-number{display:block;font-size:max(var(--dp-text-floor, 0px), .67rem);padding-top:15px;border-top:1px solid #bdcbae;margin-bottom:35px;color:#708262}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.example-panel{background:var(--dark);color:#f1f6e8;padding:45px;border-radius:5px}.example-panel h2{font-size:2.1rem}.example-panel p{color:#adbea7}.example-panel .eyebrow{color:#b9d193}.example-panel small{font-size:max(var(--dp-text-floor, 0px), .66rem);color:#8ca083;display:block;margin-top:30px}.mini-flow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:40px}.mini-flow span{border:1px solid #3d5036;padding:8px 12px;font-size:max(var(--dp-text-floor, 0px), .64rem);border-radius:4px;color:#cad9bf}.mini-flow b{font-weight:400;color:#718868}.scope-panel{padding:10px 0}.scope-panel h2{font-size:2.5rem}.scope-panel h2 small{font-family:'DM Sans';font-size:max(var(--dp-text-floor, 0px), .85rem);letter-spacing:0;color:#7b896e}.check-list{list-style:none;padding:0;margin-block:27px}.check-list li{padding:11px 0 11px 24px;position:relative;border-bottom:1px solid #d5ddca;font-size:max(var(--dp-text-floor, 0px), .84rem);color:#4c5c43}.check-list li:before{content:'✓';position:absolute;left:0;color:#5f803c}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;border-top:1px solid var(--line)}.faq-section h2{font-size:2.6rem}.faq-section details{border-bottom:1px solid #cbd5c0}.faq-section summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;list-style:none;padding:22px 0;font-size:max(var(--dp-text-floor, 0px), .92rem);line-height:1.5}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary>span{color:#899c76}.faq-section details[open] summary>span{transform:rotate(45deg)}.faq-section details p{font-size:max(var(--dp-text-floor, 0px), .85rem);padding:0 30px 10px 0}.two-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.related-note{padding:34px;border:1px solid #cbd6bf;background:#e8eddf;display:flex;flex-direction:column;justify-content:center;border-radius:5px}.related-note h3{font-size:1.7rem}.related-note p{font-size:max(var(--dp-text-floor, 0px), .85rem)}.related-note>span:last-child{font-size:max(var(--dp-text-floor, 0px), .8rem)}.cta-band{padding:80px 0;background:#d3e9ac}.cta-band>.shell{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-band h2{font-size:3.6rem;margin-bottom:20px}.cta-band p:not(.eyebrow){max-width:480px;font-size:max(var(--dp-text-floor, 0px), .93rem)}.wide-note{padding:40px;border:1px solid #cbd6bf;border-radius:5px;background:#e9eedf;margin-top:50px}.wide-note h2{font-size:2.1rem}.wide-note p{max-width:800px}.wide-note small{font-size:max(var(--dp-text-floor, 0px), .73rem);color:#7b896e}.region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.region-card{border-top:1px solid #bfcbb1;padding:26px 10px 15px 0}.region-card h3{font-size:1.7rem}.region-card .eyebrow{font-size:max(var(--dp-text-floor, 0px), .6rem)}.region-card p{font-size:max(var(--dp-text-floor, 0px), .88rem)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.price-card{display:flex;flex-direction:column;padding:32px;background:#edf0e5;border:1px solid #d2dcc5;border-radius:5px}.price-card h2{font-size:1.5rem}.price-card>.eyebrow{font-size:max(var(--dp-text-floor, 0px), .57rem)}.price-card .price{font-family:Manrope;font-size:2.15rem;letter-spacing:-.05em;line-height:1.2;margin-bottom:24px}.price-card .price small{display:block;font-family:'DM Sans';font-size:max(var(--dp-text-floor, 0px), .7rem);letter-spacing:0;color:#6e7a64;margin-top:8px}.price-card>p{font-size:max(var(--dp-text-floor, 0px), .8rem)}.price-card .check-list{margin-top:0;flex:1}.price-card .check-list li{font-size:max(var(--dp-text-floor, 0px), .75rem)}.price-card .button{font-size:max(var(--dp-text-floor, 0px), .74rem)}.price-card .text-link{font-size:max(var(--dp-text-floor, 0px), .73rem);margin-top:20px}.pricing-terms{font-size:max(var(--dp-text-floor, 0px), .8rem);max-width:1000px;margin:35px auto 0;text-align:center}.founder-grid{display:grid;grid-template-columns:.85fr 1fr;align-items:center;gap:10%;border-top:1px solid var(--line)}.founder-photo{border-radius:5px;overflow:hidden;background:#d6dfc8}.founder-photo img{width:100%;aspect-ratio:1;object-fit:cover;object-position:50% 30%}.founder-title{font-size:max(var(--dp-text-floor, 0px), .9rem);color:#80916e}.founder-grid p{max-width:520px}.contact-next{margin-top:45px;border-top:1px solid var(--line);padding-top:25px}.contact-next h2{font-size:1.25rem}.contact-next ol{padding-left:20px;font-size:max(var(--dp-text-floor, 0px), .83rem);color:#738168}.contact-next li{padding-block:6px}.email-link{font-size:1rem;border-bottom:1px solid;display:inline-block}.page-hero .contact-grid h1{font-size:clamp(2.8rem,4.4vw,4.4rem)}
.article-hero{max-width:1000px;text-align:center;margin:auto;padding-bottom:65px}.article-hero h1{font-size:clamp(2.6rem,4.4vw,4.3rem);line-height:1.15}.article-hero>p:not(.eyebrow){margin-inline:auto;font-size:1rem}.article-meta{display:flex;justify-content:center;gap:23px;flex-wrap:wrap;font-size:max(var(--dp-text-floor, 0px), .63rem);color:#7d8b72;padding-top:18px}.article-meta a{text-decoration:underline}.article-layout{display:grid;grid-template-columns:250px minmax(0,740px);gap:65px;align-items:start;padding-bottom:40px}.article-nav{position:sticky;top:125px;padding:25px 20px 0 0;border-top:1px solid #c3ceb7}.article-nav>a{display:block;font-size:max(var(--dp-text-floor, 0px), .73rem);color:#6a7b5d;line-height:1.6;margin-bottom:18px}.article-nav .text-link{margin-top:35px;font-weight:500;width:auto}.article-body{font-size:1.03rem;line-height:1.85}.article-body section{padding-top:30px;scroll-margin-top:95px}.article-body section h2{font-size:1.85rem;line-height:1.3}.takeaway{padding:32px 36px;background:#e2ebd3;border-left:3px solid #849d67;border-radius:3px}.takeaway .eyebrow{font-size:max(var(--dp-text-floor, 0px), .6rem);margin-bottom:14px}.takeaway p{font-size:1.17rem;line-height:1.5;margin:0;color:#3b5230}.article-checklist{padding:30px!important;border:1px solid #d0dcc1;background:#eef3e5;border-radius:5px;margin-block:30px}.article-checklist h2{font-size:1.6rem!important}.article-source{font-size:max(var(--dp-text-floor, 0px), .73rem);border-top:1px solid #ccd8bd;padding-top:25px}.article-source p{color:#7b886f}.article-source a{text-decoration:underline}
footer{padding:70px 0 26px;background:#111d19;color:#d3dfc6}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:40px;border-bottom:1px solid #324330;padding-bottom:40px;margin-bottom:40px}.footer-top .brand{font-size:1.15rem;gap:0}.footer-top .brand-mark{margin-right:12px}.footer-top p{font-family:Manrope;font-size:1.2rem;line-height:1.4;letter-spacing:-.03em;color:#b3c2a7}.footer-top .email-link{font-size:max(var(--dp-text-floor, 0px), .85rem);color:#c0d4a9}.footer-columns{display:grid;grid-template-columns:1.2fr 1.15fr 1fr 1fr;gap:40px}.footer-columns h2{font-family:'DM Sans';font-size:max(var(--dp-text-floor, 0px), .6rem);text-transform:uppercase;letter-spacing:.12em;color:#83967a;margin-bottom:22px}.footer-columns a{display:block;font-size:max(var(--dp-text-floor, 0px), .73rem);margin-bottom:9px;color:#adbea2}.footer-columns a:hover{color:#e5f2d7}.footer-columns p{font-size:max(var(--dp-text-floor, 0px), .73rem);color:#84967a;line-height:1.9}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #2b3d29;padding-top:25px;margin-top:48px;font-size:max(var(--dp-text-floor, 0px), .58rem);color:#71856a}
.input-row .button:hover,.alex-widget-panel .button:hover{background:#bddc7b;color:#1d2b19}
@keyframes wave{to{transform:scaleY(.5)}}
@media(min-width:1500px){.home-hero{padding-block:80px}.hero-art{height:580px}.hero-copy h1{font-size:5.7rem}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.nav-wrap{gap:20px}.nav-wrap nav{gap:17px}.brand{font-size:1.1rem}.hero-grid{gap:25px;grid-template-columns:1.1fr 1fr}.hero-copy h1{font-size:4.15rem}.hero-art{height:500px}.hero-actions{gap:18px}.hero-actions .button{padding-inline:18px}.service-card{padding:25px}.demo-grid{gap:50px}.contact-grid{gap:50px}.detail-hero{gap:40px}.guide-copy{padding:22px}.related-grid{gap:15px}.related-grid .service-card{padding:22px}.principles-strip span+span{padding-left:5%}.pricing-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.nav-wrap{height:80px}.menu-button{display:flex;flex-direction:column;gap:6px;margin-left:auto}.menu-button>span:not(.sr-only){height:1px;width:23px;background:var(--ink)}.nav-wrap nav{position:absolute;top:80px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;background:#f6f5ef;border-bottom:1px solid var(--line);padding:22px 32px;gap:5px;box-shadow:0 15px 20px #22331c0b}.nav-wrap nav.open{display:flex}.nav-wrap nav a{font-size:1rem;min-height:44px}.nav-wrap>.button{margin-left:0}.home-hero{padding-block:45px}.hero-copy h1{font-size:3.4rem}.hero-art{height:460px}.hero-copy .eyebrow{font-size:max(var(--dp-text-floor, 0px), .51rem)}.hero-intro{font-size:1rem}.hero-actions{align-items:start;flex-direction:column}.hero-footnote{font-size:max(var(--dp-text-floor, 0px), .48rem);margin-top:25px}.section{padding-block:78px}.split{gap:40px}.service-grid{grid-template-columns:repeat(2,1fr)}.principles-strip span+span{padding-left:3%}.principles-strip{font-size:max(var(--dp-text-floor, 0px), .6rem)}.demo-grid{grid-template-columns:1fr 1fr;gap:35px}.demo-section h2{font-size:2.8rem}.demo-bottom{font-size:max(var(--dp-text-floor, 0px), .55rem);flex-wrap:wrap}.process-grid{gap:20px}.process-grid h3{font-size:1.1rem}.three-grid{gap:25px}.feature{padding-right:0}.feature h2,.feature h3{font-size:1.4rem}.example-grid{gap:30px}.example-panel{padding:30px}.faq-section{gap:40px;grid-template-columns:.7fr 1fr}.guide-grid{grid-template-columns:1fr 1fr}.guide-grid>.guide-card:nth-child(3){grid-column:1/-1}.related-grid{grid-template-columns:1fr 1fr}.related-grid>:last-child{grid-column:1/-1}.related-grid>.guide-card:last-child{display:grid;grid-template-columns:1fr 1fr}.related-grid>.guide-card:last-child .guide-art{height:100%}.contact-grid{gap:35px}.lead-form{padding:24px;gap:15px}.detail-hero h1{font-size:2.9rem}.detail-art{height:330px}.footer-columns{gap:25px;grid-template-columns:1fr 1fr 1fr}.footer-columns>div:last-child{grid-column:1/-1;display:flex;gap:35px;align-items:baseline}.article-layout{grid-template-columns:190px 1fr;gap:35px}.founder-grid{gap:6%}}
@media(max-width:680px){.shell{width:calc(100% - 40px)}h1{font-size:3rem}h2{font-size:2.5rem}.nav-wrap{height:74px;gap:15px}.brand{font-size:1.05rem}.brand-mark{width:25px;height:27px;border-width:4px}.brand-mark:after{height:18px;width:3px}.brand small{font-size:max(var(--dp-text-floor, 0px), .41rem)}.nav-wrap>.button{font-size:max(var(--dp-text-floor, 0px), .65rem);padding:8px 12px;min-height:38px}.nav-wrap nav{top:74px}.menu-button{padding:10px 3px}.home-hero{padding:26px 0 33px}.hero-grid{grid-template-columns:1fr;gap:28px}.hero-copy{padding:12px 0 0}.hero-copy .eyebrow{font-size:max(var(--dp-text-floor, 0px), .5rem);letter-spacing:.105em;margin-bottom:24px}.hero-copy h1{font-size:clamp(2.8rem,9.7vw,4rem);margin-bottom:22px;line-height:1.08}.hero-intro{font-size:1.02rem}.hero-sub{font-size:max(var(--dp-text-floor, 0px), .83rem);max-width:360px;margin-bottom:24px}.hero-actions{flex-direction:row;gap:18px;align-items:center}.hero-actions .button{font-size:max(var(--dp-text-floor, 0px), .7rem);padding:12px 14px;min-height:48px}.hero-actions .text-link{font-size:max(var(--dp-text-floor, 0px), .65rem);gap:8px}.hero-footnote{margin-top:25px;font-size:max(var(--dp-text-floor, 0px), .47rem)}.hero-art{height:340px}.art-caption{font-size:max(var(--dp-text-floor, 0px), .43rem);inset:20px}.floating-note{bottom:19px;left:18px;right:18px;padding:15px;font-size:max(var(--dp-text-floor, 0px), .84rem)}.floating-note small{font-size:max(var(--dp-text-floor, 0px), .6rem)}.principles-strip>.shell{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding-block:21px;font-size:max(var(--dp-text-floor, 0px), .6rem)}.principles-strip span+span{border:0;padding:0}.section{padding-block:63px}.section-heading{margin-bottom:32px}.section-heading h2{font-size:2.45rem}.split{display:block}.split>p{max-width:100%;font-size:max(var(--dp-text-floor, 0px), .9rem);margin-top:25px}.split>.text-link{margin-top:15px}.eyebrow{font-size:max(var(--dp-text-floor, 0px), .58rem);margin-bottom:19px}.service-grid{gap:12px}.service-card{padding:21px 17px;min-height:315px}.card-top{margin-bottom:30px}.service-icon{font-size:1.6rem}.service-card h3{font-size:1.1rem;line-height:1.2;gap:8px}.service-card h3 span{font-size:max(var(--dp-text-floor, 0px), .8rem)}.service-card>.eyebrow{font-size:max(var(--dp-text-floor, 0px), .46rem)}.service-card>p:not(.eyebrow){font-size:max(var(--dp-text-floor, 0px), .72rem);line-height:1.65}.card-price{font-size:max(var(--dp-text-floor, 0px), .6rem);padding-top:15px}.card-number{font-size:max(var(--dp-text-floor, 0px), .5rem)}.demo-grid{grid-template-columns:1fr;gap:35px}.demo-section h2{font-size:2.9rem}.demo-section .small-copy{max-width:100%}.demo-section .text-link{margin-top:4px}.website-form{padding:28px 24px}.window-bar{padding:16px 20px}.demo-bottom{font-size:max(var(--dp-text-floor, 0px), .6rem);padding-inline:20px}.industry-experience{grid-template-columns:1fr}.industry-tabs{display:grid;grid-template-columns:1fr 1fr;padding:10px}.industry-tabs button{padding:12px;font-size:max(var(--dp-text-floor, 0px), .68rem);min-height:48px}.industry-scene{padding:27px 23px}.industry-scene h3{font-size:1.5rem}.industry-scene>div{grid-template-columns:1fr;gap:5px}.industry-grid{grid-template-columns:1fr;gap:0}.industry-card{padding:22px 0}.industry-card h3{font-size:1.05rem}.section-note{font-size:max(var(--dp-text-floor, 0px), .73rem)}.process-grid{grid-template-columns:1fr 1fr;gap:22px}.process-grid article{padding-top:18px}.process-grid article>span{margin-bottom:20px}.process-grid p{font-size:max(var(--dp-text-floor, 0px), .75rem)}.regional-grid{grid-template-columns:1fr;gap:35px}.region-visual{min-height:315px}.regional p{font-size:max(var(--dp-text-floor, 0px), .91rem)}.recording-grid{grid-template-columns:1fr;gap:20px}.recording-grid>div>p{max-width:none}.audio-card{padding:24px}.audio-wave{gap:4px}.audio-wave i{width:3px}.guide-grid,.guide-grid:has(>.guide-card:nth-child(2):last-child){grid-template-columns:1fr}.guide-grid>.guide-card:nth-child(3){grid-column:auto}.guide-art{height:165px}.guide-copy{padding:25px}.guide-copy h3{font-size:1.45rem}.price-preview{grid-template-columns:1fr;gap:10px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-grid>div>p:not(.eyebrow){max-width:none}.lead-form{padding:22px}.lead-form input,.lead-form textarea{font-size:16px}.lead-form label{font-size:max(var(--dp-text-floor, 0px), .65rem)}.contact-email{font-size:max(var(--dp-text-floor, 0px), .65rem)}.breadcrumbs{padding-top:23px;font-size:max(var(--dp-text-floor, 0px), .55rem);gap:8px}.page-hero{padding-block:42px 55px}.page-hero>p:not(.eyebrow){font-size:max(var(--dp-text-floor, 0px), .98rem)}.page-hero h1{font-size:2.9rem}.detail-hero{grid-template-columns:1fr;gap:32px}.detail-hero h1{font-size:2.7rem}.detail-hero .actions{gap:20px}.detail-art{height:285px}.detail-intro{grid-template-columns:1fr;gap:0}.detail-intro p:not(.eyebrow){font-size:max(var(--dp-text-floor, 0px), .95rem)}.three-grid{grid-template-columns:1fr;gap:25px}.feature h2,.feature h3{font-size:1.6rem}.feature p{font-size:max(var(--dp-text-floor, 0px), .9rem)}.step-number{margin-bottom:22px}.example-grid{grid-template-columns:1fr;gap:35px}.example-panel{padding:29px}.example-panel h2{font-size:1.9rem}.example-panel p{font-size:max(var(--dp-text-floor, 0px), .9rem)}.scope-panel h2{font-size:2.2rem}.faq-section{grid-template-columns:1fr;gap:5px}.faq-section .section-heading{margin-bottom:13px}.faq-section h2{font-size:2.35rem}.faq-section summary{font-size:max(var(--dp-text-floor, 0px), .84rem);padding-block:20px}.faq-section details p{font-size:max(var(--dp-text-floor, 0px), .82rem)}.two-grid,.related-grid{grid-template-columns:1fr}.related-grid>:last-child{grid-column:auto}.related-grid>.guide-card:last-child{display:flex}.related-grid>.guide-card:last-child .guide-art{height:165px}.related-grid .service-card,.two-grid .service-card{min-height:300px;padding:28px}.related-grid .service-card h3,.two-grid .service-card h3{font-size:1.45rem}.related-grid .service-card p:not(.eyebrow),.two-grid .service-card p:not(.eyebrow){font-size:max(var(--dp-text-floor, 0px), .85rem)}.cta-band{padding-block:58px}.cta-band>.shell{display:block}.cta-band h2{font-size:2.8rem}.cta-band .button{margin-top:7px}.wide-note{padding:28px;margin-top:35px}.wide-note h2{font-size:1.8rem}.region-grid{grid-template-columns:1fr;gap:14px}.region-card{padding-top:20px}.region-card h3{font-size:1.6rem}.pricing-grid{grid-template-columns:1fr}.price-card{padding:29px}.price-card h2{font-size:1.65rem}.price-card .price{font-size:2.4rem}.price-card>p,.price-card .check-list li{font-size:max(var(--dp-text-floor, 0px), .83rem)}.founder-grid{grid-template-columns:1fr;gap:35px}.founder-photo{max-width:420px}.contact-next{margin-top:30px}.page-hero .contact-grid h1{font-size:2.8rem}.article-hero{text-align:left}.article-hero h1{font-size:2.7rem}.article-meta{justify-content:start;font-size:max(var(--dp-text-floor, 0px), .58rem);gap:15px}.article-layout{grid-template-columns:1fr;gap:25px}.article-nav{position:static;padding:23px;border:1px solid #c3ceb7}.article-nav>a{font-size:max(var(--dp-text-floor, 0px), .77rem);margin-bottom:13px}.article-nav .text-link{margin-top:23px}.article-body{font-size:max(var(--dp-text-floor, 0px), .96rem)}.article-body section h2{font-size:1.7rem}.takeaway{padding:26px}.takeaway p{font-size:1.05rem}.article-checklist{padding:25px!important}.compact{padding-top:0}footer{padding-top:48px}.footer-top{display:block;padding-bottom:25px}.footer-top>.brand{margin-bottom:26px}.footer-top>p{font-size:1.1rem}.footer-top .email-link{font-size:max(var(--dp-text-floor, 0px), .82rem)}.footer-columns{grid-template-columns:1fr 1fr;gap:26px}.footer-columns h2{font-size:max(var(--dp-text-floor, 0px), .56rem)}.footer-columns a,.footer-columns p{font-size:max(var(--dp-text-floor, 0px), .68rem)}.footer-columns>div:last-child{grid-column:auto;display:block}.footer-bottom{flex-wrap:wrap;margin-top:32px;font-size:max(var(--dp-text-floor, 0px), .51rem);gap:12px}.footer-bottom span:nth-child(2){display:none}}
@media(max-width:365px){.shell{width:calc(100% - 30px)}.brand{font-size:max(var(--dp-text-floor, 0px), .94rem)}.nav-wrap>.button{padding-inline:10px;font-size:max(var(--dp-text-floor, 0px), .59rem)}.hero-actions{flex-direction:column;align-items:start}.service-grid{grid-template-columns:1fr}.service-card{min-height:280px}.service-card h3{font-size:1.4rem}.service-card>p:not(.eyebrow){font-size:max(var(--dp-text-floor, 0px), .85rem)}.lead-form{grid-template-columns:1fr}.lead-form .full{grid-column:auto}.hero-copy h1{font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}


/* Dream Protocol WOW homepage */
body[data-home="true"] .home-hero.dp-wow{
  position:relative;overflow:hidden;isolation:isolate;
  min-height:calc(100svh - 88px);padding:76px 0 66px;
  background:#07100e;color:#f4faed;border-bottom:1px solid #29412c
}
body[data-home="true"] .home-hero.dp-wow:before{
  content:"";position:absolute;inset:0;z-index:-3;opacity:.22;
  background-image:linear-gradient(rgba(205,255,126,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(205,255,126,.08) 1px,transparent 1px);
  background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 85%)
}
body[data-home="true"] .hero-aurora{
  position:absolute;inset:-30%;z-index:-2;filter:blur(40px);opacity:.75;pointer-events:none;
  background:radial-gradient(circle at 22% 35%,rgba(181,255,92,.22),transparent 28%),radial-gradient(circle at 72% 42%,rgba(77,255,201,.16),transparent 27%),radial-gradient(circle at 78% 75%,rgba(196,255,111,.12),transparent 24%);
  animation:dpAurora 12s ease-in-out infinite alternate
}
body[data-home="true"] .dp-wow .hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:7%;align-items:center;position:relative;z-index:2}
body[data-home="true"] .dp-wow .hero-copy{max-width:760px}
body[data-home="true"] .dp-wow .hero-copy .eyebrow{color:#b8d898}
body[data-home="true"] .dp-wow .hero-copy h1{color:#f8fff3;font-size:clamp(4rem,6.25vw,6.55rem);line-height:.96;letter-spacing:-.065em;margin-bottom:30px}
body[data-home="true"] .dp-wow .hero-copy h1 em{color:#d5ff76;text-shadow:0 0 42px rgba(199,255,100,.18)}
body[data-home="true"] .dp-wow .hero-intro{font-family:Manrope,sans-serif;color:#e5efdd;font-size:clamp(1.08rem,1.55vw,1.45rem);line-height:1.48;letter-spacing:-.02em;max-width:700px}
body[data-home="true"] .dp-wow .hero-sub{color:#94a98f;max-width:650px;font-size:max(var(--dp-text-floor, 0px), .94rem);line-height:1.75;margin-top:22px}
body[data-home="true"] .dp-wow .hero-actions{margin-top:32px}
body[data-home="true"] .dp-wow .hero-primary{background:#d3ff72;color:#0b150e;border-color:#d3ff72;box-shadow:0 0 0 1px rgba(211,255,114,.12),0 18px 55px rgba(167,235,76,.15)}
body[data-home="true"] .dp-wow .hero-primary:hover{background:#efffc5;transform:translateY(-2px)}
body[data-home="true"] .dp-wow .hero-secondary{color:#dce8d6}
body[data-home="true"] .dp-wow .hero-footnote{color:#769170;border-color:#2d4330}
body[data-home="true"] .dp-wow .status-dot,.automation-core .status-dot{background:#bfff67;box-shadow:0 0 0 4px rgba(191,255,103,.08),0 0 18px rgba(191,255,103,.8)}

.automation-core{
  position:relative;overflow:hidden;min-height:555px;padding:18px;border:1px solid rgba(200,255,121,.24);border-radius:18px;
  background:linear-gradient(180deg,rgba(20,35,29,.9),rgba(8,17,14,.94));box-shadow:0 34px 90px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.04);
  backdrop-filter:blur(18px)
}
.automation-core:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.11;
  background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(222,255,176,.15) 5px);animation:dpScan 10s linear infinite
}
.core-head,.core-foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:max(var(--dp-text-floor, 0px), .56rem);letter-spacing:.14em;color:#8ca083}
.core-head{padding:5px 4px 17px;border-bottom:1px solid rgba(205,255,126,.13)}
.core-head span{display:flex;align-items:center;gap:10px}.core-head i{width:7px;height:7px;border-radius:50%;display:inline-block}
.core-head b{color:#cfff75;font-weight:700}
.core-stage{height:205px;position:relative;display:grid;place-items:center;margin:7px 0}
.core-ring{position:absolute;border:1px solid rgba(200,255,121,.22);border-radius:50%}
.ring-one{width:178px;height:178px;animation:dpSpin 18s linear infinite}
.ring-two{width:132px;height:132px;border-style:dashed;animation:dpSpinReverse 14s linear infinite}
.ring-three{width:88px;height:88px;box-shadow:0 0 45px rgba(179,255,89,.11);animation:dpPulse 2.7s ease-in-out infinite}
.ring-one:before,.ring-two:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#cfff75;box-shadow:0 0 15px #cfff75}
.ring-one:before{left:19px;top:22px}.ring-two:before{right:9px;bottom:29px}
.core-mark{position:relative;z-index:2;width:68px;height:68px;border-radius:19px;display:grid;place-items:center;background:#d1ff74;color:#0a150d;box-shadow:0 0 55px rgba(199,255,103,.24);transform:rotate(45deg)}
.core-mark span,.core-mark small{transform:rotate(-45deg);position:absolute}.core-mark span{font-family:Manrope,sans-serif;font-size:1.3rem;font-weight:800}.core-mark small{font-size:max(var(--dp-text-floor, 0px), .34rem);letter-spacing:.12em;margin-top:37px}
.event-feed{position:relative;z-index:2;display:grid;gap:7px}
.event-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(210,255,138,.10);background:rgba(255,255,255,.025);border-radius:6px;color:#73876e;font-size:max(var(--dp-text-floor, 0px), .55rem);letter-spacing:.08em;animation:dpEvent 5s ease-in-out infinite}
.event-row span{color:#52634e}.event-row b{color:#c9d6c3;font-size:max(var(--dp-text-floor, 0px), .58rem)}.event-row em{font-style:normal;color:#9eb78e;text-align:right}
.event-row:nth-child(2){animation-delay:1s}.event-row:nth-child(3){animation-delay:2s}.event-row:nth-child(4){animation-delay:3s}.event-row:nth-child(5){animation-delay:4s}
.core-foot{justify-content:center;padding:17px 2px 3px;margin-top:8px;border-top:1px solid rgba(205,255,126,.13);color:#71826d}
.core-foot b{color:#cfff75;font-size:max(var(--dp-text-floor, 0px), .75rem)}

body[data-home="true"] .dp-outcome-strip{background:#cfff75;color:#0a140c;border:0}
body[data-home="true"] .dp-outcome-strip>.shell{font-weight:700;letter-spacing:.08em}
body[data-home="true"] .dp-outcome-strip span+span{border-color:rgba(12,24,14,.22)}

.dp-demo-priority{background:#0d1714;color:#e9f3e4;border-bottom:1px solid #29402b}
.dp-demo-priority h2{color:#f4fbef}.dp-demo-priority h2 em{color:#cfff75}
.dp-demo-priority> .shell > div:first-child > p:not(.eyebrow){color:#9eb09a}
.dp-demo-priority .eyebrow{color:#a8c695}
.dp-demo-priority .text-link{color:#d7e8ce}
.dp-demo-priority .demo-window{box-shadow:0 30px 80px rgba(0,0,0,.28),0 0 0 1px rgba(202,255,122,.1)}

body[data-home="true"] .service-card{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
body[data-home="true"] .service-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#a9dd67,#d8ff8a);transition:transform .3s ease}
body[data-home="true"] .service-card:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(31,54,25,.10);border-color:#afc99a}
body[data-home="true"] .service-card:hover:before{transform:scaleX(1)}

.demo-float-cta{display:none}

@keyframes dpAurora{to{transform:translate3d(3%,2%,0) scale(1.08)}}
@keyframes dpSpin{to{transform:rotate(360deg)}}
@keyframes dpSpinReverse{to{transform:rotate(-360deg)}}
@keyframes dpPulse{50%{transform:scale(1.1);opacity:.55}}
@keyframes dpEvent{0%,16%,100%{border-color:rgba(210,255,138,.10);background:rgba(255,255,255,.025);transform:translateX(0)}7%{border-color:rgba(207,255,117,.38);background:rgba(197,255,102,.08);transform:translateX(4px)}}
@keyframes dpScan{to{background-position:0 160px}}

@media(max-width:1100px){
  body[data-home="true"] .dp-wow .hero-grid{grid-template-columns:1fr 420px;gap:4%}
  body[data-home="true"] .dp-wow .hero-copy h1{font-size:4.7rem}
  .automation-core{min-height:530px}
}
@media(max-width:900px){
  body[data-home="true"] .home-hero.dp-wow{padding:52px 0}
  body[data-home="true"] .dp-wow .hero-grid{grid-template-columns:1fr;gap:42px}
  body[data-home="true"] .dp-wow .hero-copy{max-width:760px}
  body[data-home="true"] .dp-wow .hero-copy h1{font-size:clamp(3.7rem,9vw,5.3rem)}
  .automation-core{max-width:680px;width:100%;min-height:520px}
}
@media(max-width:680px){
  body[data-home="true"] .home-hero.dp-wow{min-height:auto;padding:34px 0 88px}
  body[data-home="true"] .dp-wow .hero-grid{gap:30px}
  body[data-home="true"] .dp-wow .hero-copy h1{font-size:clamp(3.25rem,14.2vw,4.55rem);line-height:.94;margin-bottom:23px}
  body[data-home="true"] .dp-wow .hero-intro{font-size:1.03rem}
  body[data-home="true"] .dp-wow .hero-sub{font-size:max(var(--dp-text-floor, 0px), .82rem);line-height:1.65}
  body[data-home="true"] .dp-wow .hero-actions{align-items:stretch;gap:12px}
  body[data-home="true"] .dp-wow .hero-actions .button{justify-content:center}
  body[data-home="true"] .dp-wow .hero-secondary{padding:10px 0}
  .automation-core{min-height:480px;padding:14px;border-radius:13px}
  .core-stage{height:170px}.ring-one{width:150px;height:150px}.ring-two{width:112px;height:112px}.ring-three{width:75px;height:75px}
  .event-row{grid-template-columns:23px 1fr auto;padding:9px 8px;font-size:max(var(--dp-text-floor, 0px), .48rem)}.event-row b{font-size:max(var(--dp-text-floor, 0px), .5rem)}.event-row em{font-size:max(var(--dp-text-floor, 0px), .47rem)}
  .core-foot{font-size:max(var(--dp-text-floor, 0px), .45rem);gap:8px}
  body[data-home="true"] .dp-outcome-strip>.shell{grid-template-columns:1fr 1fr;font-size:max(var(--dp-text-floor, 0px), .53rem)}
  .demo-float-cta{display:flex;position:absolute;left:20px;right:20px;bottom:17px;z-index:5;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:6px;background:#d2ff73;color:#0b150d;font-size:max(var(--dp-text-floor, 0px), .64rem);font-weight:800;letter-spacing:.1em;box-shadow:0 15px 45px rgba(0,0,0,.28)}
}


/* =========================================================
   DREAM PROTOCOL // SITEWIDE SYSTEM
   Inner pages inherit the same high-impact visual language
   as the live automation homepage.
   ========================================================= */

:root{
  --dp-deep:#07100e;
  --dp-panel:#0d1915;
  --dp-panel-2:#111f1a;
  --dp-neon:#d2ff73;
  --dp-mint:#7fffc6;
  --dp-cream:#f5f5ed;
  --dp-ink:#101813;
  --dp-muted:#879881;
  --scroll-progress:0%;
}

/* Universal header becomes part of the experience */
.site-header{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(7,16,14,.88)!important;
  border-bottom:1px solid rgba(205,255,121,.12)!important;
  backdrop-filter:blur(22px) saturate(1.25);
  box-shadow:0 8px 35px rgba(0,0,0,.12);
  transition:background .25s ease,box-shadow .25s ease
}
.site-header:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  height:1px;
  width:var(--scroll-progress);
  background:linear-gradient(90deg,var(--dp-neon),var(--dp-mint));
  box-shadow:0 0 16px rgba(210,255,115,.6);
  pointer-events:none
}
.site-header.is-scrolled{background:rgba(7,16,14,.96)!important;box-shadow:0 12px 45px rgba(0,0,0,.24)}
.site-header .brand{color:#f2f8ed}
.site-header .brand-light{color:#a8ba9f}
.site-header .brand small{color:#70826b}
.site-header .brand-mark{border-color:#bfff6c}
.site-header .brand-mark:after{background:#bfff6c}
.site-header .nav-wrap nav a{color:#9cad96;position:relative;transition:color .2s ease}
.site-header .nav-wrap nav a:hover,.site-header .nav-wrap nav a[aria-current="page"]{color:#eff9e9}
.site-header .nav-wrap nav a:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-11px;height:1px;
  background:var(--dp-neon);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .2s ease
}
.site-header .nav-wrap nav a:hover:after,.site-header .nav-wrap nav a[aria-current="page"]:after{transform:scaleX(1)}
.site-header .nav-wrap>.button{
  background:var(--dp-neon);
  border-color:var(--dp-neon);
  color:#0b140d;
  box-shadow:0 0 0 1px rgba(210,255,115,.08),0 10px 28px rgba(171,235,84,.1)
}
.site-header .nav-wrap>.button:hover{background:#edffc3;transform:translateY(-1px)}
.nav-status{
  display:flex;
  align-items:center;
  gap:7px;
  font-size:max(var(--dp-text-floor, 0px), .46rem);
  font-weight:700;
  letter-spacing:.13em;
  color:#7e9576;
  white-space:nowrap
}
.nav-status i,.protocol-live i,.footer-command i,.footer-live i{
  display:inline-block;
  width:6px;height:6px;border-radius:50%;
  background:#c7ff6e;
  box-shadow:0 0 12px rgba(199,255,110,.85)
}
.menu-button>span:not(.sr-only){background:#e7f0e1!important}

/* Thin data rail for every inner page */
.protocol-bar{
  position:relative;
  z-index:10;
  overflow:hidden;
  background:#cfff75;
  color:#0a140d;
  border-bottom:1px solid rgba(0,0,0,.14)
}
.protocol-bar>.shell{
  min-height:34px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:25px;
  font-size:max(var(--dp-text-floor, 0px), .48rem);
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase
}
.protocol-bar>.shell>span:last-child{text-align:right}
.protocol-live{display:flex;align-items:center;gap:8px}
.protocol-live i{background:#0c1d10;box-shadow:0 0 0 4px rgba(0,0,0,.05)}

/* Inner page top section: no more generic brochure hero */
body:not([data-home="true"]){
  background:#f4f4ed;
  color:var(--dp-ink)
}
body:not([data-home="true"]) main{overflow:hidden}
body:not([data-home="true"]) .breadcrumbs{
  position:relative;
  z-index:4;
  margin-top:0;
  padding-top:24px;
  color:#8ca187
}
body:not([data-home="true"]) .breadcrumbs a{color:#b2c7a8}
body:not([data-home="true"]) .breadcrumbs span{color:#63745f}

body:not([data-home="true"]) .page-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  max-width:none;
  width:100%;
  margin:0;
  padding:clamp(68px,8vw,122px) max(calc((100vw - 1280px)/2),5vw) clamp(75px,9vw,132px);
  background:
    radial-gradient(circle at 78% 28%,rgba(197,255,103,.15),transparent 23%),
    radial-gradient(circle at 62% 78%,rgba(100,255,205,.08),transparent 28%),
    #07100e;
  color:#f4faef;
  border-bottom:1px solid #263c2b
}
body:not([data-home="true"]) .page-hero:before{
  content:"";
  position:absolute;inset:0;z-index:-2;opacity:.22;pointer-events:none;
  background-image:
    linear-gradient(rgba(207,255,117,.085) 1px,transparent 1px),
    linear-gradient(90deg,rgba(207,255,117,.085) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,black 30%,transparent 95%)
}
body:not([data-home="true"]) .page-hero:after{
  content:"DREAMPROTOCOL // SYSTEM ONLINE";
  position:absolute;
  z-index:-1;
  right:5vw;
  top:50%;
  translate:0 -50%;
  width:min(31vw,430px);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  border:1px solid rgba(209,255,119,.18);
  border-radius:50%;
  color:rgba(210,255,116,.34);
  font-size:max(var(--dp-text-floor, 0px), .46rem);
  font-weight:800;
  letter-spacing:.17em;
  box-shadow:
    inset 0 0 0 38px rgba(211,255,119,.018),
    inset 0 0 0 75px rgba(211,255,119,.012),
    0 0 100px rgba(164,255,76,.05);
  animation:dpSystemHalo 9s linear infinite
}
body:not([data-home="true"]) .page-hero>.eyebrow,
body:not([data-home="true"]) .page-hero>div>.eyebrow{color:#a9c995}
body:not([data-home="true"]) .page-hero h1{
  position:relative;
  z-index:2;
  max-width:900px;
  color:#f8fff3;
  font-size:clamp(3.7rem,6.7vw,7.2rem);
  line-height:.94;
  letter-spacing:-.065em;
  text-wrap:balance
}
body:not([data-home="true"]) .page-hero h1 em{
  color:var(--dp-neon);
  text-shadow:0 0 45px rgba(208,255,116,.14)
}
body:not([data-home="true"]) .page-hero>p:not(.eyebrow),
body:not([data-home="true"]) .page-hero>div>p:not(.eyebrow){
  position:relative;
  z-index:2;
  max-width:690px;
  color:#a3b59d;
  font-size:clamp(.98rem,1.35vw,1.15rem);
  line-height:1.75
}
body:not([data-home="true"]) .page-hero .actions{
  position:relative;z-index:3
}
body:not([data-home="true"]) .page-hero .button{
  background:var(--dp-neon);
  border-color:var(--dp-neon);
  color:#0a150d;
  box-shadow:0 16px 46px rgba(178,238,83,.12)
}
body:not([data-home="true"]) .page-hero .text-link,
body:not([data-home="true"]) .page-hero .email-link{color:#e4f2dc}
body:not([data-home="true"]) .page-hero .contact-grid{position:relative;z-index:2}
body:not([data-home="true"]) .page-hero.article-hero{text-align:left}
body:not([data-home="true"]) .page-hero.article-hero:after{right:8vw;width:min(24vw,320px);opacity:.68}
body:not([data-home="true"]) .article-meta{justify-content:flex-start;color:#8da183}
body:not([data-home="true"]) .article-meta a{color:#d2ff73}

/* Detail art becomes an illuminated product surface */
body:not([data-home="true"]) .detail-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(350px,.78fr);
  align-items:center;
  gap:7%
}
body:not([data-home="true"]) .detail-hero:after{display:none}
.detail-art,.founder-photo,.region-visual{
  translate:var(--tilt-x,0) var(--tilt-y,0);
  transition:translate .18s ease
}
body:not([data-home="true"]) .detail-art{
  position:relative;
  z-index:3;
  overflow:hidden;
  border:1px solid rgba(205,255,124,.2);
  border-radius:16px;
  box-shadow:0 34px 90px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.02)
}
body:not([data-home="true"]) .detail-art:before{
  content:"";
  position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(145deg,rgba(205,255,116,.14),transparent 35%,rgba(0,0,0,.2))
}
body:not([data-home="true"]) .detail-art img{
  filter:saturate(.8) contrast(1.08);
  transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s ease
}
body:not([data-home="true"]) .detail-art:hover img{transform:scale(1.035);filter:saturate(1) contrast(1.08)}
body:not([data-home="true"]) .detail-art span{
  z-index:3;
  background:rgba(7,16,14,.76);
  color:#cfff75;
  border-color:rgba(205,255,116,.18);
  backdrop-filter:blur(12px)
}

/* Shared reactive glow */
.dp-reactive{position:relative;isolation:isolate}
.dp-reactive:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(195,255,101,.15),transparent 42%);
  transition:opacity .22s ease
}
.dp-reactive:hover:after{opacity:1}

/* Scroll reveal */
.dp-reveal{
  opacity:0;
  transform:translateY(22px);
  filter:blur(3px);
  transition:
    opacity .65s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms),
    transform .65s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms),
    filter .65s ease var(--reveal-delay,0ms)
}
.dp-reveal.dp-visible{opacity:1;transform:none;filter:none}

/* Typography/details feel more product-like everywhere */
.section-heading .eyebrow,
body:not([data-home="true"]) .section>.eyebrow{color:#516349}
.section-heading h2 em,
.detail-intro h2 em,
.faq-section h2 em,
.regional h2 em{color:#688d45}
.button{transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.button:hover{transform:translateY(-2px)}
.text-link{transition:color .18s ease,gap .18s ease}
.text-link:hover{gap:14px}

/* Cards look like active modules rather than beige boxes */
.service-card,.price-card,.guide-card,.feature,.region-card,.related-note{
  border-color:#cbd5c3!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.82),rgba(239,242,232,.94))!important;
  box-shadow:0 9px 30px rgba(31,50,27,.04);
  transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease
}
.service-card:before,.price-card:before,.feature:before,.region-card:before{
  content:"";
  position:absolute;
  left:-1px;right:-1px;top:-1px;height:2px;
  transform:scaleX(0);
  transform-origin:left;
  background:linear-gradient(90deg,#88ba56,#d0ff75);
  transition:transform .28s ease
}
.service-card:hover,.price-card:hover,.guide-card:hover,.feature:hover,.region-card:hover,.related-note:hover{
  transform:translateY(-7px);
  border-color:#9eba89!important;
  box-shadow:0 28px 70px rgba(26,48,21,.11)
}
.service-card:hover:before,.price-card:hover:before,.feature:hover:before,.region-card:hover:before{transform:scaleX(1)}
.service-icon,.step-number{color:#6c9949}
.service-card h3 span{transition:translate .2s ease}.service-card:hover h3 span{translate:4px -4px}
.card-price{border-color:#ccd7c4}
.card-number{color:#82947a}

/* Make service/process blocks feel sequential */
.process-grid{counter-reset:process}
.process-grid article{
  position:relative;
  overflow:hidden;
  padding:27px 23px 29px;
  border:1px solid #cbd7c3;
  border-radius:9px;
  background:linear-gradient(145deg,#f9faf4,#edf1e8);
  min-height:235px;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease
}
.process-grid article:hover{transform:translateY(-5px);border-color:#9eba88;box-shadow:0 24px 60px rgba(37,59,29,.09)}
.process-grid article>span{
  width:36px;height:36px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#102016;
  color:#d4ff79;
  font-weight:700;
  box-shadow:0 0 0 5px #e9f1de
}
.process-grid article:after{
  content:"";
  position:absolute;
  width:90px;height:90px;
  right:-45px;bottom:-45px;
  border-radius:50%;
  border:1px solid #c7dbb7
}

/* Deep system sections create rhythm */
.pale-section{
  position:relative;
  overflow:hidden;
  background:#0c1713!important;
  color:#dfe9d9
}
.pale-section:before{
  content:"";
  position:absolute;inset:0;pointer-events:none;opacity:.18;
  background-image:linear-gradient(rgba(207,255,117,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(207,255,117,.08) 1px,transparent 1px);
  background-size:50px 50px
}
.pale-section>.shell{position:relative;z-index:2}
.pale-section h2,.pale-section h3{color:#f2f8ee}
.pale-section h2 em{color:#d1ff75}
.pale-section p{color:#91a58a}
.pale-section .eyebrow{color:#99b78a}
.pale-section .feature{
  background:rgba(255,255,255,.025)!important;
  border-color:rgba(208,255,119,.14)!important;
  box-shadow:none;
  color:#dce9d7
}
.pale-section .feature h2,.pale-section .feature h3{color:#f2f8ee}
.pale-section .feature p{color:#8fa287}
.pale-section .feature .step-number{background:#d0ff75;color:#0c160e;box-shadow:0 0 30px rgba(208,255,117,.12)}

/* Workflow and scope panels */
.example-panel,.scope-panel,.wide-note{
  position:relative;
  overflow:hidden;
  border-radius:12px!important
}
.example-panel{
  background:#0b1612!important;
  color:#dce8d7;
  border:1px solid #263d2a!important;
  box-shadow:0 28px 70px rgba(24,44,21,.12)
}
.example-panel h2{color:#f2f9ed}
.example-panel p,.example-panel small{color:#91a48a}
.example-panel .eyebrow{color:#a4c38f}
.mini-flow{border-color:#304931!important}
.mini-flow span{background:#13241a!important;color:#c8d8c2!important;border-color:#314b33!important}
.mini-flow b{color:#cbff74}
.scope-panel{
  padding:36px;
  background:linear-gradient(145deg,#f9faf5,#eef2e9);
  border:1px solid #ccd8c4;
  box-shadow:0 22px 60px rgba(29,49,25,.07)
}
.scope-panel>.eyebrow{color:#79916f}
.scope-panel h2{color:#172217}
.scope-panel .button{background:#102016;color:#e8f4e1;border-color:#102016}
.scope-panel .button:hover{background:#d1ff75;color:#0a140c;border-color:#d1ff75}
.wide-note{
  background:
    radial-gradient(circle at 90% 20%,rgba(207,255,117,.12),transparent 26%),
    #0c1813!important;
  color:#e0ebda!important;
  border:1px solid #2b422d!important;
  box-shadow:0 28px 75px rgba(21,40,18,.13)
}
.wide-note h2{color:#f4faef!important}
.wide-note p,.wide-note small{color:#93a78d!important}
.wide-note .eyebrow{color:#a9c891!important}
.wide-note .button.secondary{border-color:#cfff75;color:#cfff75}
.wide-note .button.secondary:hover{background:#cfff75;color:#0a150d}

/* Pricing becomes a product chooser */
.pricing-grid{align-items:stretch}
.price-card{
  position:relative;
  overflow:hidden;
  border-radius:10px;
  padding:34px!important
}
.price-card:nth-child(3n+1){transform-origin:left center}
.price-card .price{color:#172318}
.price-card .price small{color:#71816a}
.price-card .button{background:#112016;color:#edf7e8;border-color:#112016}
.price-card .button:hover{background:#d0ff75;color:#0b140d;border-color:#d0ff75}
.price-card .text-link{color:#506746}
.pricing-terms{
  padding:23px 28px;
  border:1px solid #cbd6c3;
  border-radius:8px;
  background:#f9faf5
}

/* FAQ rows feel interactive */
.faq-section details{
  border-color:#c9d5c1!important;
  transition:border-color .2s ease,background .2s ease,padding .2s ease
}
.faq-section details:hover{background:#f1f5ea;border-color:#9fba8e!important;padding-inline:13px}
.faq-section details[open]{background:#edf3e6;padding-inline:17px;border-color:#9ebd89!important}
.faq-section summary span{color:#6c9849;transition:transform .22s ease}
.faq-section details[open] summary span{transform:rotate(45deg)}

/* Regional visual goes full sci-fi without becoming a fake map */
.regional{
  position:relative;
  overflow:hidden;
  background:#102019!important;
  color:#dce8d8!important
}
.regional:before{
  content:"";
  position:absolute;inset:-20%;pointer-events:none;
  background:radial-gradient(circle at 65% 50%,rgba(200,255,109,.12),transparent 25%)
}
.regional-grid{position:relative;z-index:2}
.regional h2{color:#f3f9ef}.regional h2 em{color:#d0ff75}
.regional p{color:#8fa389!important}
.regional .button.secondary{color:#d2ff75;border-color:#789954}
.region-visual{
  border:1px solid rgba(205,255,122,.17)!important;
  background:
    linear-gradient(rgba(205,255,122,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(205,255,122,.05) 1px,transparent 1px),
    rgba(255,255,255,.02)!important;
  background-size:36px 36px!important;
  box-shadow:0 25px 70px rgba(0,0,0,.22),inset 0 0 80px rgba(167,255,81,.025)
}
.region-orbit{filter:drop-shadow(0 0 28px rgba(201,255,111,.12))}
.region-orbit b{background:#d0ff75!important;color:#0a150c!important;box-shadow:0 0 35px rgba(208,255,117,.18)}
.region-names span,.region-stamp,.region-visual small{color:#93aa89!important}

/* Industry and region lists */
.industry-card,.region-card{position:relative;overflow:hidden}
.industry-card{
  transition:padding-left .2s ease,color .2s ease,background .2s ease
}
.industry-card:hover{padding-left:16px;background:#eff4e8;color:#172116}
.industry-card>span:last-child{transition:transform .2s ease}.industry-card:hover>span:last-child{transform:translate(4px,-4px)}
.region-card{padding-inline:18px}

/* Resource library + article cards */
.guide-card{overflow:hidden;border-radius:10px!important}
.guide-art{position:relative;overflow:hidden}
.guide-art:after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(145deg,rgba(208,255,117,.08),transparent 45%);
  transition:opacity .2s ease
}
.guide-card:hover .guide-art:after{opacity:.2}
.guide-card:hover .guide-art>span{transform:rotate(-8deg) scale(1.1)}
.guide-art>span{display:inline-block;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.guide-copy .text-link{color:#5e7d4d}

/* Article body remains highly readable but visually premium */
.article-layout{position:relative}
.article-nav{
  border:1px solid #c8d5c0!important;
  border-radius:9px;
  padding:24px!important;
  background:rgba(249,250,245,.9);
  backdrop-filter:blur(8px)
}
.article-nav>a{transition:color .18s ease,translate .18s ease}
.article-nav>a:hover{color:#4f743b;translate:4px 0}
.article-body{color:#29372b}
.takeaway{
  position:relative;
  overflow:hidden;
  border:1px solid #29432d!important;
  border-left:3px solid #cfff75!important;
  background:#0c1813!important;
  border-radius:10px!important
}
.takeaway:after{
  content:"✦";
  position:absolute;
  right:24px;top:18px;
  color:#cfff75;
  opacity:.5;
  font-size:1.5rem
}
.takeaway .eyebrow{color:#a5c290}
.takeaway p{color:#e4efe0!important}
.article-body section h2{color:#172318}
.article-checklist{
  border:1px solid #c6d5bd!important;
  background:linear-gradient(145deg,#f8faf4,#edf2e7)!important;
  border-radius:10px!important
}
.article-source{color:#6d7c67}

/* Founder page */
.founder-grid{position:relative}
.founder-photo{
  position:relative;
  overflow:hidden;
  border:1px solid #c5d3bc;
  border-radius:14px!important;
  box-shadow:0 28px 75px rgba(25,45,22,.1)
}
.founder-photo:after{
  content:"FOUNDER // DREAM PROTOCOL";
  position:absolute;
  left:18px;right:18px;bottom:18px;
  padding:12px 14px;
  border:1px solid rgba(210,255,117,.18);
  border-radius:6px;
  background:rgba(7,16,14,.76);
  color:#d0ff75;
  font-size:max(var(--dp-text-floor, 0px), .5rem);
  font-weight:800;
  letter-spacing:.13em;
  backdrop-filter:blur(12px)
}
.founder-photo img{transition:transform .65s ease,filter .4s ease;filter:saturate(.85)}
.founder-photo:hover img{transform:scale(1.025);filter:saturate(1)}
.founder-title{
  display:inline-flex;
  padding:7px 11px;
  border-radius:999px;
  background:#e3efd8;
  color:#547542!important;
  font-size:max(var(--dp-text-floor, 0px), .65rem)!important;
  font-weight:700
}

/* Contact form becomes a command interface */
.lead-form{
  position:relative;
  overflow:hidden;
  border:1px solid #c9d5c1!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#fafbf6,#edf2e8)!important;
  box-shadow:0 28px 75px rgba(20,40,17,.10)
}
.page-hero .lead-form{
  border-color:rgba(207,255,117,.16)!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.32);
  backdrop-filter:blur(16px)
}
.page-hero .lead-form:before{
  content:"DREAMPROTOCOL / NEW AUTOMATION REQUEST";
  display:block;
  grid-column:1/-1;
  color:#8ea489;
  font-size:max(var(--dp-text-floor, 0px), .48rem);
  font-weight:800;
  letter-spacing:.13em;
  padding-bottom:7px
}
.page-hero .lead-form label{color:#9fb198}
.page-hero .lead-form input,.page-hero .lead-form textarea{
  background:rgba(255,255,255,.035)!important;
  border-color:rgba(207,255,117,.15)!important;
  color:#eef8e9!important
}
.page-hero .lead-form input:focus,.page-hero .lead-form textarea:focus{
  border-color:#cfff75!important;
  box-shadow:0 0 0 3px rgba(207,255,117,.08)
}
.page-hero .lead-form .button{background:#cfff75;color:#0a150c}
.page-hero .lead-form .contact-email,.page-hero .lead-form .contact-email a{color:#8fa487}
.contact-next{
  border-top-color:rgba(207,255,117,.14)!important;
  padding-top:27px!important
}
.page-hero .contact-next h2{color:#eaf4e5}
.page-hero .contact-next li{color:#91a58a}

/* CTA now feels like the closing scene */
.cta-band{
  position:relative;
  overflow:hidden;
  background:#07100e!important;
  color:#e9f3e4!important;
  border-top:1px solid #263d2a;
  border-bottom:1px solid #263d2a;
  padding-block:clamp(75px,8vw,120px)!important
}
.cta-grid{
  position:absolute;inset:0;opacity:.2;pointer-events:none;
  background-image:
    linear-gradient(rgba(207,255,117,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(207,255,117,.08) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:radial-gradient(circle at 70% 50%,black,transparent 72%)
}
.cta-band>.shell{position:relative;z-index:2}
.cta-band .eyebrow{color:#9fbd8e}
.cta-band h2{color:#f6fcf2!important}
.cta-band h2 em{color:#d0ff75!important}
.cta-band p{color:#91a489!important;max-width:620px}
.cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:19px}
.cta-band .button{
  background:#d0ff75!important;
  color:#0a150c!important;
  border-color:#d0ff75!important;
  box-shadow:0 18px 55px rgba(178,237,81,.12)
}
.cta-band .text-link{color:#dcebd5}

/* Footer becomes a deliberate final module */
footer{
  position:relative;
  overflow:hidden;
  background:#050b09!important;
  color:#d8e6d1!important;
  padding-top:0!important
}
.footer-glow{
  position:absolute;
  width:700px;height:500px;
  right:-200px;top:-260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(197,255,99,.09),transparent 65%);
  pointer-events:none
}
.footer-command{
  min-height:52px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:25px;
  border-bottom:1px solid #243625;
  color:#70836a;
  font-size:max(var(--dp-text-floor, 0px), .49rem);
  font-weight:800;
  letter-spacing:.13em
}
.footer-command>span:first-child{display:flex;align-items:center;gap:9px}
.footer-command>span:last-child{text-align:right}
.footer-command b{color:#cfff75;font-weight:700}
.footer-top{padding-top:64px}
.footer-top p{color:#9faf98!important}
.footer-top p em{color:#d0ff75;font-style:normal}
.footer-columns h2{color:#71836a!important}
.footer-columns a{transition:color .18s ease,translate .18s ease}
.footer-columns a:hover{color:#d0ff75!important;translate:4px 0}
.footer-live{display:flex;align-items:center;gap:8px;color:#a7bd9e!important}
.footer-bottom span:nth-child(2){color:#9cad96}

/* Home also inherits the premium shell/header/footer */
body[data-home="true"] .site-header .nav-wrap nav a{color:#91a28c}
body[data-home="true"] footer .brand{color:#eaf4e5}

/* Small screens keep the effect, not the clutter */
@media(max-width:1100px){
  .nav-status{display:none}
  body:not([data-home="true"]) .page-hero:after{right:-6vw;width:340px;opacity:.58}
  body:not([data-home="true"]) .detail-hero{grid-template-columns:1fr 390px;gap:4%}
}
@media(max-width:900px){
  .site-header .nav-wrap nav{
    background:rgba(7,16,14,.98)!important;
    border-bottom-color:#263d2a!important
  }
  .site-header .nav-wrap nav a{color:#c0d1ba!important}
  .protocol-bar>.shell{grid-template-columns:1fr auto}
  .protocol-bar>.shell>span:last-child{display:none}
  body:not([data-home="true"]) .page-hero{padding-inline:32px}
  body:not([data-home="true"]) .page-hero:after{right:-110px;top:56%;opacity:.35}
  body:not([data-home="true"]) .detail-hero{grid-template-columns:1fr;gap:45px}
  body:not([data-home="true"]) .detail-art{max-width:680px}
  .footer-command{grid-template-columns:1fr auto}.footer-command>span:last-child{display:none}
}
@media(max-width:680px){
  .protocol-bar>.shell{
    width:calc(100% - 40px);
    min-height:30px;
    font-size:max(var(--dp-text-floor, 0px), .42rem);
    letter-spacing:.09em
  }
  body:not([data-home="true"]) .breadcrumbs{padding-top:18px}
  body:not([data-home="true"]) .page-hero{
    padding:56px 20px 70px
  }
  body:not([data-home="true"]) .page-hero:after{
    width:245px;
    right:-125px;
    top:29%;
    opacity:.24
  }
  body:not([data-home="true"]) .page-hero h1{
    font-size:clamp(3rem,14vw,4.45rem);
    line-height:.96
  }
  body:not([data-home="true"]) .page-hero>p:not(.eyebrow),
  body:not([data-home="true"]) .page-hero>div>p:not(.eyebrow){font-size:max(var(--dp-text-floor, 0px), .92rem)}
  body:not([data-home="true"]) .detail-hero{padding-inline:20px}
  .detail-art{border-radius:10px!important}
  .process-grid article{min-height:205px;padding:22px 18px}
  .price-card{padding:27px!important}
  .scope-panel{padding:27px}
  .footer-command{min-height:44px;font-size:max(var(--dp-text-floor, 0px), .41rem)}
  .footer-command b{text-align:right}
  .cta-actions{margin-top:25px}
  .cta-band .text-link{font-size:max(var(--dp-text-floor, 0px), .68rem)}
  .page-hero .lead-form{padding:20px!important}
}


/* Buyer-demand audit additions */
.stack-section{
  position:relative;
  overflow:hidden;
  background:#eef2e8
}
.stack-section:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 80% 20%,rgba(158,210,91,.12),transparent 30%)
}
.stack-section>.shell{position:relative;z-index:1}
.stack-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:34px
}
.stack-grid>div{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:72px;
  padding:16px 18px;
  border:1px solid #c9d5c1;
  border-radius:8px;
  background:rgba(255,255,255,.68);
  box-shadow:0 10px 30px rgba(25,45,22,.035)
}
.stack-grid span{
  width:30px;height:30px;
  display:grid;place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  background:#102016;
  color:#d0ff75;
  font-size:max(var(--dp-text-floor, 0px), .52rem);
  font-weight:700
}
.stack-grid strong{
  color:#253327;
  font-family:Manrope,sans-serif;
  font-size:max(var(--dp-text-floor, 0px), .8rem);
  letter-spacing:-.02em
}
.outcomes-section{position:relative}
.outcome-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px
}
.outcome-grid article{
  position:relative;
  overflow:hidden;
  min-height:205px;
  padding:26px;
  border:1px solid #c9d5c1;
  border-radius:9px;
  background:linear-gradient(145deg,#fafbf6,#edf2e8);
  box-shadow:0 14px 38px rgba(31,50,27,.05)
}
.outcome-grid article:after{
  content:"";
  position:absolute;
  right:-35px;
  bottom:-35px;
  width:105px;height:105px;
  border-radius:50%;
  border:1px solid #c7dab9
}
.outcome-grid span{
  display:inline-block;
  margin-bottom:34px;
  color:#6e8f5b;
  font-size:max(var(--dp-text-floor, 0px), .55rem);
  font-weight:800;
  letter-spacing:.12em
}
.outcome-grid h3{font-size:1.35rem}
.outcome-grid p{font-size:max(var(--dp-text-floor, 0px), .82rem)}
.popular-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px
}
.popular-grid article{
  position:relative;
  min-height:170px;
  padding:22px 20px;
  border:1px solid rgba(207,255,117,.14);
  border-radius:8px;
  background:rgba(255,255,255,.025);
  transition:transform .24s ease,border-color .24s ease,background .24s ease
}
.popular-grid article:hover{
  transform:translateY(-5px);
  border-color:rgba(207,255,117,.35);
  background:rgba(207,255,117,.045)
}
.popular-grid h3{
  color:#eff7eb!important;
  font-size:1.05rem
}
.popular-grid p{
  color:#8fa287!important;
  font-size:max(var(--dp-text-floor, 0px), .75rem)
}
.contact-trust{
  margin-top:18px!important;
  font-size:max(var(--dp-text-floor, 0px), .72rem)!important;
  color:#82977c!important
}
.contact-trust a{
  color:#cfff75;
  text-decoration:underline;
  text-underline-offset:3px
}

@media(max-width:900px){
  .stack-grid,.outcome-grid{grid-template-columns:repeat(2,1fr)}
  .popular-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .stack-grid,.outcome-grid,.popular-grid{grid-template-columns:1fr}
  .stack-grid>div{min-height:64px}
  .outcome-grid article{min-height:175px}
  .popular-grid article{min-height:145px}
}


/* Dream Protocol conversion overhaul: trust, systems thinking, and live scan */
.home-trust-rail{
  background:#0a1411;
  color:#dfeadb;
  border-bottom:1px solid rgba(210,255,115,.14)
}
.home-trust-rail>.shell{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0
}
.home-trust-rail>.shell>div{
  min-height:86px;
  padding:19px 18px;
  border-left:1px solid rgba(210,255,115,.12);
  display:flex;
  flex-direction:column;
  justify-content:center
}
.home-trust-rail>.shell>div:last-child{border-right:1px solid rgba(210,255,115,.12)}
.home-trust-rail b{
  color:#eff8e9;
  font-size:max(var(--dp-text-floor, 0px), .67rem);
  letter-spacing:.08em;
  text-transform:uppercase
}
.home-trust-rail small{
  color:#778d72;
  font-size:max(var(--dp-text-floor, 0px), .58rem);
  margin-top:6px;
  line-height:1.45
}

.architecture-section{
  position:relative;
  overflow:hidden;
  background:#07100e;
  color:#eff7eb;
  border-block:1px solid #263d2a
}
.architecture-section:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.16;
  background-image:linear-gradient(rgba(210,255,115,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(210,255,115,.08) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(90deg,transparent,black 15%,black 85%,transparent)
}
.architecture-grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  gap:7%;
  align-items:center
}
.architecture-copy h2{color:#f4faef}
.architecture-copy h2 em{color:var(--dp-neon)}
.architecture-copy>p{color:#91a68c;max-width:590px;line-height:1.8}
.architecture-copy .text-link{color:#dcead5;margin-top:18px}
.architecture-console{
  position:relative;
  border:1px solid rgba(210,255,115,.2);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(20,34,28,.95),rgba(8,16,13,.96));
  box-shadow:0 35px 90px rgba(0,0,0,.28);
  overflow:hidden
}
.architecture-console-head{
  min-height:52px;
  padding:0 18px;
  border-bottom:1px solid rgba(210,255,115,.12);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  color:#8ca184;
  font-size:max(var(--dp-text-floor, 0px), .52rem);
  letter-spacing:.12em
}
.architecture-console-head span{display:flex;align-items:center;gap:9px}
.architecture-console-head i{
  width:7px;height:7px;border-radius:50%;
  background:var(--dp-neon);
  box-shadow:0 0 15px rgba(210,255,115,.7)
}
.architecture-console-head b{color:var(--dp-neon);font-size:max(var(--dp-text-floor, 0px), .5rem)}
.architecture-path{padding:19px}
.architecture-step{
  display:grid;
  grid-template-columns:34px 105px 1fr;
  gap:13px;
  align-items:center;
  padding:13px 14px;
  border:1px solid rgba(210,255,115,.09);
  border-radius:7px;
  background:rgba(255,255,255,.025)
}
.architecture-step>span{font-size:max(var(--dp-text-floor, 0px), .5rem);color:#61735c;letter-spacing:.1em}
.architecture-step>div{display:flex;flex-direction:column;gap:3px}
.architecture-step strong{font-size:max(var(--dp-text-floor, 0px), .65rem);color:#dce8d6;letter-spacing:.08em}
.architecture-step small{font-size:max(var(--dp-text-floor, 0px), .62rem);color:#7f9479}
.architecture-arrow{
  display:block;
  padding:4px 0 4px 49px;
  color:var(--dp-neon);
  font-size:max(var(--dp-text-floor, 0px), .7rem)
}
.architecture-note{
  margin:0 19px 19px;
  padding-top:16px;
  border-top:1px solid rgba(210,255,115,.1);
  color:#778b72;
  font-size:max(var(--dp-text-floor, 0px), .66rem);
  line-height:1.65
}

.production-trust{background:#eef1e8}
.production-trust .section-heading{align-items:end}
.production-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid #c5cfbb;
  border-left:1px solid #c5cfbb
}
.production-card{
  padding:29px 25px;
  min-height:210px;
  border-right:1px solid #c5cfbb;
  border-bottom:1px solid #c5cfbb
}
.production-card>span{
  display:block;
  margin-bottom:34px;
  color:#718166;
  font-size:max(var(--dp-text-floor, 0px), .58rem);
  letter-spacing:.1em
}
.production-card h3{font-size:1.1rem;margin-bottom:12px}
.production-card p{color:#667061;font-size:max(var(--dp-text-floor, 0px), .78rem);line-height:1.7;margin:0}

.demo-form-note{
  margin:13px 0 0!important;
  max-width:none!important;
  color:#73816d!important;
  font-size:max(var(--dp-text-floor, 0px), .64rem)!important;
  line-height:1.55
}
.opportunity-panel{
  margin:20px 0;
  padding:18px;
  border:1px solid #c6d1b8;
  border-radius:7px;
  background:#edf2e4
}
.opportunity-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  padding-bottom:14px;
  border-bottom:1px solid #cbd5c0
}
.opportunity-head .kicker{margin:0 0 5px}
.opportunity-head h4{font-size:1rem;margin:0}
.opportunity-head>span{
  flex-shrink:0;
  color:#66795b;
  font-size:max(var(--dp-text-floor, 0px), .48rem);
  letter-spacing:.11em
}
.opportunity-grid{display:grid;gap:8px;margin-top:13px}
.opportunity-card{
  display:grid;
  grid-template-columns:28px 1fr;
  column-gap:10px;
  padding:12px;
  border:1px solid #d2dac9;
  border-radius:5px;
  background:#fafbf7
}
.opportunity-card>span{
  grid-row:1 / span 2;
  color:#829176;
  font-size:max(var(--dp-text-floor, 0px), .52rem);
  letter-spacing:.08em;
  padding-top:2px
}
.opportunity-card h5{font-size:max(var(--dp-text-floor, 0px), .78rem);margin:0;color:#25321f}
.opportunity-card p{font-size:max(var(--dp-text-floor, 0px), .66rem)!important;line-height:1.55;margin:4px 0 0!important;max-width:none!important;color:#687363!important}
.opportunity-note{
  margin:12px 0 0!important;
  max-width:none!important;
  font-size:max(var(--dp-text-floor, 0px), .6rem)!important;
  line-height:1.55;
  color:#71806a!important
}
.production-flow{
  margin-top:17px;
  padding:16px 17px;
  border:1px solid #cbd6bc;
  border-radius:6px;
  background:#f8faf3
}
.production-flow .kicker{margin-bottom:10px}
.production-flow>div{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  color:#33452a;
  font-size:max(var(--dp-text-floor, 0px), .57rem);
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase
}
.production-flow b{color:#78965f}
.production-flow small{
  display:block;
  margin-top:11px;
  color:#71806b;
  font-size:max(var(--dp-text-floor, 0px), .6rem);
  line-height:1.55
}
.preview-actions{
  display:flex;
  align-items:center;
  gap:15px;
  flex-wrap:wrap;
  margin-top:17px
}
.preview-actions .demo-convert{font-size:max(var(--dp-text-floor, 0px), .67rem)}
.preview-actions .text-button{padding:10px 0}

@media(max-width:1000px){
  .home-trust-rail>.shell{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home-trust-rail>.shell>div:nth-child(4),.home-trust-rail>.shell>div:nth-child(5){border-top:1px solid rgba(210,255,115,.12)}
  .architecture-grid{grid-template-columns:1fr;gap:42px}
  .production-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .home-trust-rail>.shell{grid-template-columns:1fr 1fr}
  .home-trust-rail>.shell>div{min-height:74px;padding:15px 13px}
  .home-trust-rail>.shell>div:nth-child(n+3){border-top:1px solid rgba(210,255,115,.12)}
  .home-trust-rail>.shell>div:last-child{grid-column:1 / -1}
  .architecture-step{grid-template-columns:27px 82px 1fr;gap:8px;padding:11px 9px}
  .architecture-step strong{font-size:max(var(--dp-text-floor, 0px), .56rem)}.architecture-step small{font-size:max(var(--dp-text-floor, 0px), .54rem)}
  .architecture-arrow{padding-left:37px}
  .production-grid{grid-template-columns:1fr}
  .production-card{min-height:auto;padding:23px 20px}
  .production-card>span{margin-bottom:18px}
  .opportunity-head{display:block}.opportunity-head>span{display:block;margin-top:8px}
  .production-flow>div{align-items:flex-start;gap:5px;font-size:max(var(--dp-text-floor, 0px), .5rem)}
  .preview-actions{align-items:stretch;flex-direction:column}
  .preview-actions .demo-convert{justify-content:center}
  .preview-actions .text-button{text-align:left}
}


/* =========================================================
   DREAM PROTOCOL // MASTERPIECE V2
   Cinematic systems interface, premium product surfaces,
   restrained motion, and stronger visual hierarchy.
   ========================================================= */

:root{
  --dp-black:#050b09;
  --dp-black-2:#08110e;
  --dp-forest:#0c1713;
  --dp-line-dark:rgba(211,255,114,.14);
  --dp-line-light:#cbd6c2;
  --dp-neon:#d2ff73;
  --dp-neon-soft:#b7e867;
  --dp-mint:#78ffd0;
  --dp-sand:#f4f4ec;
  --dp-sand-2:#eaeee3;
  --dp-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  --dp-shadow:0 32px 90px rgba(4,13,9,.18);
  --dp-radius:14px
}

html{background:var(--dp-black)}
body{
  background:var(--paper);
  overflow-x:hidden
}
h1,h2,h3{text-wrap:balance}
.button{
  border-radius:7px;
  letter-spacing:-.01em
}
.text-link{
  text-underline-offset:5px;
  transition:color .2s ease,gap .2s ease
}
.text-link:hover{gap:28px}
.eyebrow{
  font-family:var(--dp-mono);
  font-weight:600;
  letter-spacing:.13em
}

/* Header feels like part of a live interface */
.site-header{
  min-height:78px;
  background:rgba(5,11,9,.87)!important;
  border-bottom:1px solid rgba(210,255,115,.11)!important;
  box-shadow:0 10px 45px rgba(0,0,0,.18)!important
}
.nav-wrap{height:84px}
.site-header .brand{font-size:1.2rem}
.site-header .brand small{font-family:var(--dp-mono);font-size:max(var(--dp-text-floor, 0px), .43rem)}
.site-header .nav-wrap nav a{
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .68rem);
  letter-spacing:.045em;
  text-transform:uppercase
}
.nav-status{font-family:var(--dp-mono)}
.site-header .nav-wrap>.button{
  border-radius:999px;
  padding-inline:20px
}

/* Cinematic homepage hero */
body[data-home="true"] .home-hero.dp-wow{
  min-height:calc(100svh - 84px);
  padding:clamp(64px,8vh,104px) 0 clamp(72px,8vh,106px);
  background:
    radial-gradient(circle at 78% 44%,rgba(116,255,205,.07),transparent 25%),
    radial-gradient(circle at 12% 15%,rgba(210,255,115,.09),transparent 26%),
    linear-gradient(180deg,#050b09 0%,#07110d 56%,#08120e 100%);
  border-bottom:0
}
body[data-home="true"] .home-hero.dp-wow:before{
  opacity:.34;
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,black 0%,black 62%,transparent 100%)
}
.hero-noise{
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.14;
  background-image:
    radial-gradient(circle at 20% 30%,rgba(255,255,255,.3) 0 1px,transparent 1.5px),
    radial-gradient(circle at 70% 60%,rgba(210,255,115,.28) 0 1px,transparent 1.4px);
  background-size:29px 31px,43px 47px;
  mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent)
}
body[data-home="true"] .hero-aurora{
  opacity:.85;
  filter:blur(56px);
  background:
    radial-gradient(circle at 14% 28%,rgba(193,255,93,.19),transparent 25%),
    radial-gradient(circle at 77% 38%,rgba(85,255,203,.12),transparent 25%),
    radial-gradient(circle at 70% 78%,rgba(181,255,91,.09),transparent 28%)
}
body[data-home="true"] .dp-wow .hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(520px,.92fr);
  gap:6.5%
}
body[data-home="true"] .dp-wow .hero-copy{
  max-width:780px;
  padding-left:1px
}
body[data-home="true"] .dp-wow .hero-copy .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-bottom:34px;
  color:#9fbe91
}
body[data-home="true"] .dp-wow .hero-copy .eyebrow:before{
  content:"";
  width:34px;
  height:1px;
  background:linear-gradient(90deg,var(--dp-neon),transparent)
}
body[data-home="true"] .dp-wow .hero-copy h1{
  font-size:clamp(4.6rem,6.7vw,7.25rem);
  line-height:.88;
  letter-spacing:-.075em;
  max-width:850px;
  margin-bottom:34px
}
body[data-home="true"] .dp-wow .hero-copy h1 em{
  position:relative;
  display:inline-block;
  color:#dcff8c;
  text-shadow:0 0 55px rgba(210,255,115,.15)
}
body[data-home="true"] .dp-wow .hero-copy h1 em:after{
  content:"";
  position:absolute;
  left:1%;
  right:3%;
  bottom:-8px;
  height:1px;
  background:linear-gradient(90deg,var(--dp-neon),rgba(210,255,115,.04))
}
body[data-home="true"] .dp-wow .hero-intro{
  max-width:720px;
  font-size:clamp(1.08rem,1.45vw,1.38rem);
  color:#edf3e8;
  line-height:1.5
}
body[data-home="true"] .dp-wow .hero-sub{
  max-width:610px;
  color:#849a80;
  font-size:max(var(--dp-text-floor, 0px), .92rem)
}
body[data-home="true"] .dp-wow .hero-primary{
  border-radius:999px;
  padding-inline:27px;
  box-shadow:0 0 0 1px rgba(211,255,114,.16),0 16px 60px rgba(178,244,82,.17)
}
body[data-home="true"] .dp-wow .hero-secondary{
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .69rem);
  letter-spacing:.025em
}
body[data-home="true"] .dp-wow .hero-footnote{
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .49rem);
  letter-spacing:.105em;
  color:#647c60
}

/* Hero command cockpit */
.hero-cockpit{
  --tilt-x:0px;
  --tilt-y:0px;
  transform:translate3d(var(--tilt-x),var(--tilt-y),0);
  min-height:610px;
  border-radius:18px;
  border:1px solid rgba(210,255,115,.2);
  background:
    radial-gradient(circle at 43% 35%,rgba(210,255,115,.055),transparent 31%),
    linear-gradient(180deg,rgba(15,28,22,.92),rgba(5,12,9,.98));
  box-shadow:
    0 45px 120px rgba(0,0,0,.48),
    0 0 0 1px rgba(210,255,115,.03) inset,
    0 1px rgba(255,255,255,.04) inset;
  backdrop-filter:blur(24px);
  transition:transform .2s ease-out
}
.hero-cockpit:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(90deg,transparent 0 48%,rgba(210,255,115,.04) 50%,transparent 52%),
    linear-gradient(transparent 0 48%,rgba(210,255,115,.035) 50%,transparent 52%);
  background-size:76px 76px;
  mask-image:radial-gradient(circle at 40% 40%,black,transparent 72%);
  opacity:.5
}
.cockpit-meta{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  padding:13px 3px 6px;
  color:#586b54;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .42rem);
  letter-spacing:.09em
}
.cockpit-meta span:nth-child(2){text-align:center}
.cockpit-meta span:last-child{text-align:right}
.cockpit-main{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(210px,.98fr);
  gap:16px;
  align-items:stretch
}
.hero-cockpit .core-stage{
  height:290px;
  margin:4px 0 0;
  border:1px solid rgba(210,255,115,.075);
  border-radius:12px;
  overflow:hidden;
  background:
    radial-gradient(circle at center,rgba(210,255,115,.07),transparent 45%),
    linear-gradient(rgba(210,255,115,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(210,255,115,.03) 1px,transparent 1px);
  background-size:auto,31px 31px,31px 31px
}
.hero-cockpit .core-stage:before{
  content:"";
  position:absolute;
  width:1px;
  height:140%;
  background:linear-gradient(transparent,rgba(210,255,115,.4),transparent);
  animation:dpRadar 5s linear infinite;
  transform-origin:50% 50%
}
.hero-cockpit .ring-one{width:220px;height:220px}
.hero-cockpit .ring-two{width:164px;height:164px}
.hero-cockpit .ring-three{width:108px;height:108px}
.hero-cockpit .core-mark{
  width:76px;
  height:76px;
  border-radius:22px;
  box-shadow:0 0 65px rgba(210,255,115,.23)
}
.core-axis{
  position:absolute;
  background:linear-gradient(90deg,transparent,rgba(210,255,115,.16),transparent);
  pointer-events:none
}
.axis-x{width:86%;height:1px;left:7%;top:50%}
.axis-y{height:86%;width:1px;top:7%;left:50%;background:linear-gradient(transparent,rgba(210,255,115,.16),transparent)}
.core-coordinate{
  position:absolute;
  z-index:3;
  color:#536650;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .4rem);
  letter-spacing:.09em
}
.coordinate-a{left:10px;bottom:9px}
.coordinate-b{right:10px;top:9px}
.signal-node{
  position:absolute;
  z-index:4;
  min-width:48px;
  padding:5px 7px;
  border:1px solid rgba(210,255,115,.17);
  border-radius:3px;
  background:rgba(7,16,13,.92);
  color:#8fa484;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .4rem);
  letter-spacing:.08em;
  text-align:center
}
.signal-voice{left:9%;top:18%}
.signal-web{right:8%;top:24%}
.signal-crm{right:7%;bottom:18%}
.signal-m365{left:8%;bottom:23%}
.cockpit-feed{
  min-width:0;
  padding:13px;
  border:1px solid rgba(210,255,115,.075);
  border-radius:12px;
  background:rgba(255,255,255,.018)
}
.cockpit-feed-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 2px 11px;
  color:#647b60;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .44rem);
  letter-spacing:.1em;
  border-bottom:1px solid rgba(210,255,115,.07)
}
.cockpit-feed-title i{
  width:6px;height:6px;border-radius:50%;
  background:var(--dp-neon);
  box-shadow:0 0 15px rgba(210,255,115,.7)
}
.hero-cockpit .event-feed{margin-top:10px}
.hero-cockpit .event-row{
  grid-template-columns:24px 1fr;
  grid-template-areas:"num title" "num result";
  gap:1px 8px;
  padding:11px 9px;
  min-height:48px;
  border-radius:5px;
  animation:dpEvent 7s ease-in-out infinite
}
.hero-cockpit .event-row span{grid-area:num;align-self:center}
.hero-cockpit .event-row b{grid-area:title;font-size:max(var(--dp-text-floor, 0px), .5rem)}
.hero-cockpit .event-row em{grid-area:result;text-align:left;font-size:max(var(--dp-text-floor, 0px), .46rem)}
.cockpit-status{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin-top:14px;
  border:1px solid rgba(210,255,115,.085);
  border-radius:9px;
  overflow:hidden
}
.cockpit-status>div{
  min-width:0;
  padding:11px 10px;
  border-right:1px solid rgba(210,255,115,.07)
}
.cockpit-status>div:last-child{border-right:0}
.cockpit-status span{
  display:block;
  color:#4e654c;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .38rem)
}
.cockpit-status b{
  display:block;
  margin-top:3px;
  color:#bac9b3;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .43rem);
  letter-spacing:.06em
}
.cockpit-status small{
  display:block;
  margin-top:2px;
  color:#60725c;
  font-size:max(var(--dp-text-floor, 0px), .43rem);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.hero-cockpit .core-foot{
  position:relative;
  z-index:2;
  font-family:var(--dp-mono);
  letter-spacing:.09em
}

/* Two rails create intentional visual rhythm */
body[data-home="true"] .dp-outcome-strip{
  position:relative;
  overflow:hidden;
  background:var(--dp-neon)
}
body[data-home="true"] .dp-outcome-strip:after{
  content:"";
  position:absolute;
  top:0;bottom:0;
  width:20%;
  left:-25%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  animation:dpRailSweep 8s linear infinite
}
body[data-home="true"] .dp-outcome-strip>.shell{
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .58rem);
  letter-spacing:.09em
}
.home-trust-rail{
  background:#060d0a;
  border-bottom:1px solid rgba(210,255,115,.1)
}
.home-trust-rail>.shell>div{
  position:relative;
  min-height:92px;
  overflow:hidden;
  transition:background .25s ease
}
.home-trust-rail>.shell>div:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:0;
  height:1px;
  background:var(--dp-neon);
  transition:width .35s ease
}
.home-trust-rail>.shell>div:hover{
  background:rgba(210,255,115,.025)
}
.home-trust-rail>.shell>div:hover:before{width:100%}
.home-trust-rail b{font-family:var(--dp-mono);font-size:max(var(--dp-text-floor, 0px), .58rem)}
.home-trust-rail small{font-size:max(var(--dp-text-floor, 0px), .6rem)}

/* Business scanner becomes the product demo stage */
.dp-demo-priority{
  position:relative;
  overflow:hidden;
  padding-block:clamp(100px,10vw,150px);
  background:
    radial-gradient(circle at 75% 42%,rgba(210,255,115,.08),transparent 28%),
    linear-gradient(180deg,#08110e,#0a1511 65%,#09120f)
}
.demo-backdrop{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.3;
  background:
    linear-gradient(rgba(210,255,115,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(210,255,115,.045) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(90deg,transparent 0,black 28%,black 100%)
}
.dp-demo-priority .demo-grid{
  position:relative;
  z-index:2;
  grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);
  gap:7%;
  align-items:center
}
.demo-copy{position:relative}
.demo-copy:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-34px;
  width:120px;
  height:1px;
  background:linear-gradient(90deg,var(--dp-neon),transparent)
}
.dp-demo-priority .demo-copy h2{
  font-size:clamp(3.4rem,4.6vw,5rem);
  letter-spacing:-.06em;
  line-height:.96
}
.dp-demo-priority .demo-copy>p:not(.eyebrow){
  max-width:480px;
  font-size:max(var(--dp-text-floor, 0px), .9rem);
  line-height:1.8
}
.demo-copy-rail{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:34px
}
.demo-copy-rail span{
  padding:7px 9px;
  border:1px solid rgba(210,255,115,.11);
  border-radius:4px;
  color:#70846c;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .44rem);
  letter-spacing:.08em
}
.demo-copy-rail b{color:#b7d696;margin-right:5px}
.demo-command-center{
  position:relative;
  border-radius:17px;
  border:1px solid rgba(210,255,115,.23);
  background:#f3f4ec;
  box-shadow:
    0 55px 120px rgba(0,0,0,.38),
    0 0 0 1px rgba(210,255,115,.04),
    0 1px rgba(255,255,255,.8) inset;
  overflow:hidden
}
.demo-command-center:before,.demo-command-center:after{
  content:"";
  position:absolute;
  z-index:8;
  width:24px;
  height:24px;
  pointer-events:none
}
.demo-command-center:before{
  top:8px;left:8px;
  border-left:1px solid rgba(210,255,115,.4);
  border-top:1px solid rgba(210,255,115,.4)
}
.demo-command-center:after{
  right:8px;bottom:8px;
  border-right:1px solid rgba(65,96,48,.35);
  border-bottom:1px solid rgba(65,96,48,.35)
}
.demo-command-center .window-bar{
  min-height:55px;
  background:#09120f;
  color:#799073;
  border-color:rgba(210,255,115,.12);
  font-family:var(--dp-mono)
}
.demo-command-center .window-bar i{background:#41543d}
.demo-command-center .window-bar i:first-child{background:var(--dp-neon);box-shadow:0 0 9px rgba(210,255,115,.65)}
.demo-command-center .window-bar small{font-size:max(var(--dp-text-floor, 0px), .46rem)}
.demo-mode-rail{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:9px 22px;
  background:#101b17;
  border-bottom:1px solid rgba(210,255,115,.11);
  color:#62745e;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .4rem);
  letter-spacing:.08em
}
.demo-mode-rail b{color:#a8c894;font-weight:500}
.demo-command-center .demo-panel{
  position:relative;
  background:
    linear-gradient(rgba(30,48,28,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(30,48,28,.025) 1px,transparent 1px),
    #f4f5ed;
  background-size:31px 31px,31px 31px,auto
}
.scan-intro-visual{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:28px;
  padding-bottom:22px;
  border-bottom:1px solid #d8ded1
}
.scan-target{
  position:relative;
  width:62px;height:62px;
  flex:0 0 auto;
  display:grid;place-items:center
}
.scan-target i{
  position:absolute;
  inset:0;
  border:1px solid #aab99e;
  border-radius:50%
}
.scan-target i:nth-child(2){inset:9px;border-style:dashed}
.scan-target i:nth-child(3){inset:20px;background:#d7ef9e;border:0}
.scan-target b{position:relative;z-index:2;font-family:Manrope;font-size:max(var(--dp-text-floor, 0px), .72rem)}
.scan-intro-copy span{
  display:block;
  color:#273725;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .58rem);
  font-weight:700;
  letter-spacing:.09em
}
.scan-intro-copy small{
  color:#788374;
  font-size:max(var(--dp-text-floor, 0px), .66rem)
}
.website-form{padding:31px 31px 28px}
.website-form label{
  font-family:Manrope,sans-serif;
  font-size:1.2rem;
  font-weight:600;
  letter-spacing:-.035em
}
.website-form .input-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:9px
}
.website-form .input-row input{
  min-height:57px;
  border-radius:7px;
  border-color:#b9c4b1;
  background:rgba(255,255,255,.78)
}
.website-form .input-row .button{
  width:auto;
  min-width:170px;
  border-radius:7px;
  padding-inline:18px
}
.scan-capabilities{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:13px
}
.scan-capabilities span{
  padding:5px 7px;
  border:1px solid #d1d8ca;
  border-radius:3px;
  color:#74806e;
  background:rgba(255,255,255,.45);
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .42rem);
  letter-spacing:.075em
}
.analysis-view,.employee-view{padding:30px}
.analysis-view{
  display:grid;
  grid-template-columns:160px 1fr;
  grid-template-areas:"visual copy" "visual steps";
  gap:8px 28px;
  align-items:start
}
.analysis-visual{
  grid-area:visual;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:255px;
  border:1px solid #d3dacb;
  border-radius:10px;
  background:rgba(255,255,255,.45)
}
.analysis-radar{
  position:relative;
  width:110px;height:110px;
  display:grid;place-items:center
}
.analysis-radar:before{
  content:"";
  position:absolute;
  inset:10px;
  background:conic-gradient(from 0deg,transparent 0 78%,rgba(106,146,76,.28) 100%);
  border-radius:50%;
  animation:dpSpin 3.2s linear infinite
}
.analysis-radar i{
  position:absolute;
  border:1px solid #a9b9a0;
  border-radius:50%
}
.analysis-radar i:first-child{inset:0}
.analysis-radar i:nth-child(2){inset:18px}
.analysis-radar i:nth-child(3){inset:36px}
.analysis-radar b{
  position:relative;
  z-index:2;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .5rem);
  letter-spacing:.06em
}
.analysis-visual>span{
  margin-top:16px;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .43rem);
  color:#748270;
  letter-spacing:.08em
}
.analysis-copy{grid-area:copy}
.analysis-steps{
  grid-area:steps;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px 12px;
  margin:4px 0 0
}
.analysis-steps li{
  position:relative;
  padding:8px 10px 8px 24px;
  border:1px solid #d7ddd0;
  border-radius:4px;
  background:rgba(255,255,255,.38);
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .52rem)
}
.analysis-steps li:before{
  position:absolute;
  left:8px;
  margin:0;
  color:#8ca17f
}
.analysis-steps li.active{
  border-color:#8aaa6f;
  background:#eaf2dc
}
.analysis-steps li.done{
  color:#31452b
}
.agent-telemetry{
  display:flex;
  justify-content:space-between;
  gap:8px;
  margin:-2px 0 22px;
  padding-bottom:11px;
  border-bottom:1px solid #d9dfd3;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .42rem);
  letter-spacing:.07em;
  color:#70806b
}
.agent-telemetry span:first-child{display:flex;align-items:center;gap:6px}
.agent-telemetry i{
  width:6px;height:6px;border-radius:50%;
  background:#91b15f;
  box-shadow:0 0 10px rgba(113,155,70,.5)
}
.ready-head h3{
  font-size:1.45rem;
  margin-bottom:3px
}
.alex-orb{
  position:relative;
  width:58px;height:58px;
  background:
    radial-gradient(circle at 35% 30%,#f2ffc9,#c8e78e 56%,#9abf67);
  box-shadow:0 8px 22px rgba(65,95,38,.13),0 0 0 1px #bad18f
}
.alex-orb i{
  position:absolute;
  inset:-6px;
  border:1px solid #a9c181;
  border-radius:50%;
  border-left-color:transparent;
  animation:dpSpin 8s linear infinite
}
.employee-view blockquote{
  position:relative;
  border:1px solid #d4ddc7;
  border-left:2px solid #6f9053;
  border-radius:6px;
  background:rgba(234,239,220,.78)
}
.opportunity-panel{
  position:relative;
  overflow:hidden;
  padding:20px;
  border-radius:9px;
  background:linear-gradient(145deg,#edf3e3,#e5edda)
}
.opportunity-panel:before{
  content:"";
  position:absolute;
  width:130px;height:130px;
  right:-55px;top:-55px;
  border:1px solid #b9cca6;
  border-radius:50%
}
.opportunity-card{
  position:relative;
  min-height:72px;
  border-radius:6px;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease
}
.opportunity-card:hover{
  transform:translateX(4px);
  border-color:#9db587;
  box-shadow:0 9px 25px rgba(52,73,42,.06)
}
.alex-widget-panel{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px 20px;
  align-items:center;
  padding:19px;
  border-radius:8px;
  background:#0c1713;
  border-color:#253f2b
}
.alex-widget-panel strong{color:#eaf4e5}
.alex-widget-panel p{color:#879b82;margin:4px 0 0}
.alex-widget-panel .button{
  width:auto;
  min-width:170px;
  border-radius:999px;
  background:var(--dp-neon);
  color:#0b150e;
  border-color:var(--dp-neon)
}
.alex-widget-panel #alex-voice-control{grid-column:1/-1}
.production-flow{
  border-radius:8px;
  background:rgba(255,255,255,.52)
}
.production-flow>div{
  gap:8px
}
.production-flow>div span{
  padding:6px 8px;
  border:1px solid #d0d9c7;
  border-radius:4px;
  background:#f7f8f2
}
.production-flow b{font-weight:500}
.knowledge-details{
  border-top:1px solid #d8dfd1;
  border-bottom:1px solid #d8dfd1
}
.knowledge-details summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  list-style:none;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .55rem);
  letter-spacing:.04em
}
.knowledge-details summary::-webkit-details-marker{display:none}
.knowledge-details summary span{transition:transform .2s ease}
.knowledge-details[open] summary span{transform:rotate(45deg)}
.preview-actions .demo-convert{
  border-radius:999px;
  background:#101b17;
  color:#f0f5ec;
  border-color:#101b17
}
.demo-bottom{
  background:#edf0e7;
  font-family:var(--dp-mono);
  letter-spacing:.04em
}

/* Flagship service objects */
.flagship-section{
  padding-block:clamp(110px,10vw,148px)
}
.home-service-grid{gap:20px}
.service-card{
  padding:0;
  min-height:440px;
  overflow:hidden;
  border-radius:12px;
  background:#f2f3ec;
  border-color:#d3dacb;
  box-shadow:0 10px 30px rgba(33,49,29,.03);
  transform:translateZ(0)
}
.service-card:hover{
  background:#f5f7ef;
  border-color:#9eaf8e;
  transform:translateY(-7px);
  box-shadow:0 24px 60px rgba(24,44,20,.09)
}
.service-card:before{display:none!important}
.service-card-visual{
  position:relative;
  min-height:145px;
  overflow:hidden;
  background:
    radial-gradient(circle at 30% 36%,rgba(210,255,115,.16),transparent 30%),
    linear-gradient(145deg,#0d1814,#08100d);
  border-bottom:1px solid rgba(210,255,115,.12)
}
.service-card-visual:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(210,255,115,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(210,255,115,.045) 1px,transparent 1px);
  background-size:29px 29px;
  mask-image:linear-gradient(90deg,black,transparent 85%)
}
.service-gridline{
  position:absolute;
  left:-15%;right:-15%;top:50%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(210,255,115,.2),transparent);
  transform:rotate(-12deg)
}
.service-orbit{
  position:absolute;
  left:27px;
  top:27px;
  width:76px;height:76px;
  display:grid;
  place-items:center;
  z-index:2
}
.service-orbit i{
  position:absolute;
  inset:0;
  border:1px solid rgba(210,255,115,.25);
  border-radius:50%;
  border-left-color:transparent;
  animation:dpSpin 12s linear infinite
}
.service-orbit:after{
  content:"";
  position:absolute;
  inset:13px;
  border:1px dashed rgba(210,255,115,.2);
  border-radius:50%;
  animation:dpSpinReverse 9s linear infinite
}
.service-orbit b{
  position:relative;
  z-index:2;
  color:var(--dp-neon);
  font-family:Manrope,sans-serif;
  font-size:1.6rem;
  font-weight:500
}
.service-pulse{
  position:absolute;
  right:26px;
  top:31px;
  display:flex;
  align-items:end;
  gap:4px;
  height:45px;
  z-index:2
}
.service-pulse i{
  width:3px;
  border-radius:4px;
  background:#82a16e
}
.service-pulse i:first-child{height:17px}
.service-pulse i:nth-child(2){height:32px;background:var(--dp-neon)}
.service-pulse i:nth-child(3){height:23px}
.service-card-visual small{
  position:absolute;
  left:27px;
  right:27px;
  bottom:14px;
  z-index:2;
  color:#60765d;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .42rem);
  letter-spacing:.085em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.service-card-body{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:27px
}
.service-card .card-top{
  margin:0 0 24px
}
.service-card .card-number,
.service-arrow{
  color:#899781;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .5rem)
}
.service-arrow{
  display:grid;
  place-items:center;
  width:29px;height:29px;
  border:1px solid #d0d8c9;
  border-radius:50%;
  transition:transform .2s ease,background .2s ease,color .2s ease
}
.service-card:hover .service-arrow{
  transform:rotate(45deg);
  background:#112017;
  color:var(--dp-neon)
}
.service-card .service-card-body>.eyebrow{
  margin-bottom:10px;
  font-size:max(var(--dp-text-floor, 0px), .5rem)
}
.service-card .service-card-body h3{
  display:block;
  margin-bottom:13px;
  font-size:1.45rem
}
.service-card .service-card-body>p:not(.eyebrow){
  font-size:max(var(--dp-text-floor, 0px), .78rem);
  line-height:1.72
}
.service-card .card-price{
  margin-top:auto;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .58rem)
}
.service-ai-lead-engine .service-card-visual{
  background:
    radial-gradient(circle at 32% 36%,rgba(117,255,205,.14),transparent 30%),
    linear-gradient(145deg,#0c1816,#07100e)
}
.service-workflow-automation .service-card-visual{
  background:
    radial-gradient(circle at 32% 36%,rgba(231,222,148,.12),transparent 32%),
    linear-gradient(145deg,#17170e,#0b100b)
}
.service-ai-ready-it-projects .service-card-visual{
  background:
    radial-gradient(circle at 30% 38%,rgba(120,180,255,.1),transparent 31%),
    linear-gradient(145deg,#0b1519,#08100e)
}

/* Architecture becomes a spatial system map */
.architecture-section{
  padding-block:clamp(110px,10vw,152px);
  background:
    radial-gradient(circle at 75% 45%,rgba(210,255,115,.06),transparent 28%),
    linear-gradient(180deg,#050b09,#07100d)
}
.architecture-ambient{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(210,255,115,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(210,255,115,.035) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(circle at 72% 45%,black,transparent 58%);
  opacity:.55
}
.architecture-grid{
  grid-template-columns:minmax(280px,.7fr) minmax(580px,1.3fr);
  gap:7.5%
}
.architecture-copy h2{
  font-size:clamp(3.3rem,4.4vw,4.8rem);
  line-height:.95
}
.architecture-proof{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:34px
}
.architecture-proof span{
  padding:6px 8px;
  border:1px solid rgba(210,255,115,.12);
  border-radius:3px;
  color:#758b70;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .43rem);
  letter-spacing:.08em
}
.architecture-console{
  border-radius:17px;
  box-shadow:0 50px 120px rgba(0,0,0,.42)
}
.architecture-map{
  position:relative;
  min-height:430px;
  margin:18px;
  border:1px solid rgba(210,255,115,.08);
  border-radius:12px;
  overflow:hidden;
  background:
    radial-gradient(circle at center,rgba(210,255,115,.06),transparent 34%),
    rgba(255,255,255,.012)
}
.architecture-gridlines{
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(210,255,115,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(210,255,115,.035) 1px,transparent 1px);
  background-size:34px 34px
}
.architecture-gridlines:after{
  content:"";
  position:absolute;
  width:520px;height:520px;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(210,255,115,.08);
  border-radius:50%;
  box-shadow:
    0 0 0 56px rgba(210,255,115,.025),
    0 0 0 112px rgba(210,255,115,.018)
}
.arch-core{
  position:absolute;
  z-index:4;
  left:50%;top:50%;
  width:112px;height:112px;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#d2ff73;
  color:#0b140d;
  box-shadow:0 0 70px rgba(210,255,115,.2)
}
.arch-core>span{
  font-family:Manrope,sans-serif;
  font-size:1.45rem;
  font-weight:800
}
.arch-core>small{
  position:absolute;
  top:68px;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .34rem);
  letter-spacing:.08em
}
.arch-ring{
  position:absolute;
  border:1px solid rgba(17,30,20,.35);
  border-radius:50%
}
.ring-a{inset:12px;animation:dpSpin 13s linear infinite}
.ring-b{inset:-18px;border-color:rgba(210,255,115,.24);border-style:dashed;animation:dpSpinReverse 18s linear infinite}
.arch-node{
  position:absolute;
  z-index:3;
  width:150px;
  min-height:68px;
  padding:11px 12px;
  border:1px solid rgba(210,255,115,.13);
  border-radius:7px;
  background:rgba(8,17,13,.88);
  box-shadow:0 10px 25px rgba(0,0,0,.16)
}
.arch-node>span{
  display:block;
  color:#536a50;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .38rem)
}
.arch-node strong{
  display:block;
  margin-top:3px;
  color:#d5e1cf;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .5rem);
  letter-spacing:.07em
}
.arch-node small{
  display:block;
  margin-top:3px;
  color:#72846d;
  font-size:max(var(--dp-text-floor, 0px), .48rem)
}
.arch-input{left:5%;top:9%}
.arch-knowledge{right:5%;top:9%}
.arch-systems{right:4%;top:43%}
.arch-action{right:7%;bottom:8%}
.arch-follow{left:7%;bottom:8%}
.arch-human{left:4%;top:43%}
.arch-beam{
  position:absolute;
  z-index:1;
  left:50%;top:50%;
  height:1px;
  width:38%;
  transform-origin:left center;
  background:linear-gradient(90deg,rgba(210,255,115,.38),transparent)
}
.beam-a{transform:rotate(-43deg)}
.beam-b{transform:rotate(43deg)}
.beam-c{transform:rotate(137deg)}
.beam-d{transform:rotate(223deg)}
.architecture-ledger{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin:0 18px 18px;
  border:1px solid rgba(210,255,115,.08);
  border-radius:8px;
  overflow:hidden
}
.architecture-ledger>div{
  padding:12px;
  border-right:1px solid rgba(210,255,115,.07)
}
.architecture-ledger>div:last-child{border-right:0}
.architecture-ledger span{
  display:block;
  color:#5d7358;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .38rem);
  letter-spacing:.07em
}
.architecture-ledger b{
  display:block;
  margin-top:4px;
  color:#9dae97;
  font-size:max(var(--dp-text-floor, 0px), .52rem);
  font-weight:500
}

/* Guardrails feel engineered, not brochure-like */
.production-trust{
  padding-block:clamp(105px,9vw,140px);
  background:linear-gradient(180deg,#f0f2ea,#e8ede2)
}
.production-grid{
  gap:12px;
  border:0
}
.production-card{
  position:relative;
  min-height:250px;
  padding:29px;
  overflow:hidden;
  border:1px solid #cdd7c5;
  border-radius:10px;
  background:rgba(255,255,255,.53);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease
}
.production-card:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:2px;
  background:linear-gradient(90deg,#809d68,var(--dp-neon));
  transform:scaleX(.12);
  transform-origin:left;
  transition:transform .3s ease
}
.production-card:after{
  content:"";
  position:absolute;
  width:120px;height:120px;
  right:-52px;bottom:-52px;
  border:1px solid #d3ddca;
  border-radius:50%
}
.production-card:hover{
  transform:translateY(-5px);
  border-color:#aebea2;
  box-shadow:0 18px 45px rgba(34,54,29,.07)
}
.production-card:hover:before{transform:scaleX(1)}
.production-card>span{
  font-family:var(--dp-mono);
  margin-bottom:48px
}
.production-card h3{font-size:1.25rem}

/* Statement break */
.manifesto-band{
  position:relative;
  overflow:hidden;
  padding:56px 0;
  background:var(--dp-neon);
  color:#0a140d
}
.manifesto-band:before{
  content:"DREAM PROTOCOL";
  position:absolute;
  right:-1vw;
  top:50%;
  transform:translateY(-51%);
  font-family:Manrope,sans-serif;
  font-size:clamp(5rem,11vw,12rem);
  font-weight:800;
  letter-spacing:-.08em;
  color:rgba(8,18,10,.055);
  white-space:nowrap
}
.manifesto-band>.shell{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9%;
  align-items:center
}
.manifesto-band p{
  margin:0;
  color:#0a140d;
  font-family:Manrope,sans-serif;
  font-size:clamp(2.2rem,3.4vw,3.8rem);
  line-height:1;
  letter-spacing:-.055em
}
.manifesto-band span{
  max-width:500px;
  font-size:max(var(--dp-text-floor, 0px), .88rem);
  line-height:1.75;
  color:#25351d
}

/* Process reads like a launch sequence */
body[data-home="true"] #implementation{
  padding-block:clamp(110px,9vw,145px)
}
body[data-home="true"] #implementation .process-grid{
  counter-reset:stage;
  gap:14px
}
body[data-home="true"] #implementation .process-grid article{
  position:relative;
  min-height:285px;
  padding:26px 24px 24px;
  overflow:hidden;
  border:1px solid #d0d8c8;
  border-radius:10px;
  background:linear-gradient(160deg,#f7f8f2,#ebefe5)
}
body[data-home="true"] #implementation .process-grid article:after{
  content:"";
  position:absolute;
  left:24px;right:24px;bottom:24px;
  height:1px;
  background:linear-gradient(90deg,#8fa67c,transparent)
}
body[data-home="true"] #implementation .process-grid article>span{
  border:0;
  padding:0;
  background:none;
  color:#72836a;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .52rem)
}
body[data-home="true"] #implementation .process-grid h3{
  margin-top:45px;
  font-size:1.45rem
}
body[data-home="true"] #implementation .process-grid p{
  max-width:250px;
  font-size:max(var(--dp-text-floor, 0px), .78rem)
}

/* Pricing close */
.cinematic-pricing{
  position:relative;
  padding-block:clamp(105px,9vw,140px)
}
.cinematic-pricing:before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:min(1280px,calc(100% - 96px));
  transform:translateX(-50%);
  height:1px;
  background:linear-gradient(90deg,transparent,#aebda2,transparent)
}
.cinematic-pricing .button{
  border-radius:999px
}

/* Contact becomes the closing scene */
.cinematic-contact{
  position:relative;
  overflow:hidden;
  padding-block:clamp(105px,9vw,145px);
  background:
    radial-gradient(circle at 20% 35%,rgba(210,255,115,.08),transparent 28%),
    linear-gradient(180deg,#07100d,#050b09);
  color:#eff6ea
}
.contact-ambient{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(210,255,115,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(210,255,115,.035) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(90deg,black,transparent 75%)
}
.cinematic-contact .contact-grid{
  position:relative;
  z-index:2;
  align-items:center
}
.cinematic-contact h2{color:#f1f7ed}
.cinematic-contact h2 em{color:var(--dp-neon)}
.cinematic-contact .contact-copy>p{color:#899e85}
.cinematic-contact .contact-copy .eyebrow{color:#789071}
.cinematic-contact .contact-copy>.text-link{color:#dbe8d4}
.contact-path{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  margin-top:38px;
  color:#657b60;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .43rem);
  letter-spacing:.06em
}
.contact-path span{
  padding:6px 8px;
  border:1px solid rgba(210,255,115,.12);
  border-radius:3px
}
.contact-path b{color:var(--dp-neon)}
.cinematic-contact .lead-form{
  position:relative;
  border-radius:12px;
  border:1px solid rgba(210,255,115,.16);
  background:rgba(14,26,20,.8);
  box-shadow:0 35px 90px rgba(0,0,0,.3);
  backdrop-filter:blur(18px)
}
.cinematic-contact .lead-form:before{
  content:"INQUIRY / SECURE HANDOFF";
  position:absolute;
  right:22px;
  top:14px;
  color:#5f765b;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .38rem);
  letter-spacing:.08em
}
.cinematic-contact .lead-form label{color:#b8c9b1}
.cinematic-contact .lead-form input,
.cinematic-contact .lead-form textarea{
  color:#e8f0e4;
  border-color:#2d4430;
  background:rgba(5,12,9,.62)
}
.cinematic-contact .lead-form input::placeholder,
.cinematic-contact .lead-form textarea::placeholder{color:#63765f}
.cinematic-contact .lead-form .button{
  border-radius:999px;
  background:var(--dp-neon);
  color:#0b150e;
  border-color:var(--dp-neon)
}
.cinematic-contact .contact-email,
.cinematic-contact .form-status{color:#83977e}

/* Inner pages inherit premium cinematic language */
body:not([data-home="true"]) .page-hero{
  margin-top:0;
  padding-block:clamp(70px,8vw,115px);
  position:relative
}
body:not([data-home="true"]) .page-hero:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg,rgba(210,255,115,.38),rgba(210,255,115,.04) 55%,transparent)
}
body:not([data-home="true"]) .page-hero h1{
  font-size:clamp(3.8rem,6.2vw,6.6rem);
  line-height:.9;
  letter-spacing:-.07em;
  max-width:1100px
}
body:not([data-home="true"]) .page-hero>p:not(.eyebrow){
  max-width:720px;
  font-size:1rem;
  line-height:1.8
}
body:not([data-home="true"]) .page-hero .button{border-radius:999px}
body:not([data-home="true"]) .detail-hero{
  gap:6%
}
body:not([data-home="true"]) .detail-art{
  border-radius:14px;
  box-shadow:0 30px 70px rgba(0,0,0,.22)
}
body:not([data-home="true"]) .detail-art:after{
  content:"";
  position:absolute;
  inset:12px;
  z-index:3;
  border:1px solid rgba(210,255,115,.15);
  border-radius:9px;
  pointer-events:none
}
body:not([data-home="true"]) .detail-art span{
  font-family:var(--dp-mono)
}
body:not([data-home="true"]) .feature{
  position:relative;
  padding:28px 24px;
  border:1px solid #d0d8c8;
  border-radius:10px;
  background:rgba(255,255,255,.42)
}
body:not([data-home="true"]) .step-number{
  border-top:0;
  padding-top:0;
  font-family:var(--dp-mono)
}
body:not([data-home="true"]) .example-panel{
  border-radius:12px;
  background:
    radial-gradient(circle at 85% 15%,rgba(210,255,115,.07),transparent 30%),
    #07110d;
  box-shadow:0 25px 60px rgba(0,0,0,.16)
}
.price-card{
  border-radius:11px;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease
}
.price-card:hover{
  transform:translateY(-5px);
  border-color:#aebda1;
  box-shadow:0 18px 45px rgba(36,53,31,.075)
}
.guide-card{
  border-radius:11px;
  transition:transform .22s ease,box-shadow .22s ease
}
.guide-art{
  background:
    radial-gradient(circle at 50% 50%,rgba(210,255,115,.22),transparent 24%),
    linear-gradient(145deg,#101b16,#07100d)
}
.guide-art:before,.guide-art:after{
  border-color:rgba(210,255,115,.18)
}
.guide-art>span{color:var(--dp-neon)}
.founder-photo{
  border-radius:14px;
  box-shadow:0 25px 60px rgba(27,42,24,.1)
}

/* Footer gets one final system-light sweep */
footer{
  position:relative;
  overflow:hidden
}
footer:after{
  content:"";
  position:absolute;
  left:-25%;
  bottom:0;
  width:150%;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--dp-neon),transparent);
  opacity:.25
}

/* Motion */
@keyframes dpRadar{to{transform:rotate(360deg)}}
@keyframes dpRailSweep{to{left:120%}}

@media(max-width:1180px){
  body[data-home="true"] .dp-wow .hero-grid{
    grid-template-columns:minmax(0,1fr) 470px;
    gap:4%
  }
  body[data-home="true"] .dp-wow .hero-copy h1{font-size:5.2rem}
  .hero-cockpit{min-height:590px}
  .cockpit-main{grid-template-columns:1fr}
  .hero-cockpit .core-stage{height:230px}
  .cockpit-feed{display:none}
  .architecture-grid{grid-template-columns:.72fr 1.28fr;gap:4%}
  .architecture-map{min-height:390px}
  .arch-node{width:135px}
}

@media(max-width:960px){
  body[data-home="true"] .dp-wow .hero-grid{grid-template-columns:1fr}
  body[data-home="true"] .dp-wow .hero-copy{max-width:850px}
  body[data-home="true"] .dp-wow .hero-copy h1{font-size:clamp(4.4rem,9vw,6.3rem)}
  .hero-cockpit{max-width:760px;min-height:auto}
  .cockpit-main{grid-template-columns:1fr 1fr}
  .cockpit-feed{display:block}
  .dp-demo-priority .demo-grid{grid-template-columns:1fr;gap:55px}
  .demo-copy{max-width:720px}
  .architecture-grid{grid-template-columns:1fr;gap:58px}
  .architecture-copy{max-width:760px}
  .architecture-console{max-width:860px;width:100%}
  .production-grid{grid-template-columns:1fr 1fr}
  .manifesto-band>.shell{grid-template-columns:1fr;gap:24px}
  .manifesto-band span{max-width:720px}
}

@media(max-width:680px){
  body[data-home="true"] .home-hero.dp-wow{
    padding:39px 0 86px
  }
  body[data-home="true"] .dp-wow .hero-copy h1{
    font-size:clamp(3.35rem,15vw,4.9rem);
    line-height:.9
  }
  body[data-home="true"] .dp-wow .hero-intro{font-size:1rem}
  body[data-home="true"] .dp-wow .hero-actions{flex-direction:column;align-items:stretch}
  body[data-home="true"] .dp-wow .hero-secondary{align-self:flex-start}
  .hero-cockpit{padding:12px;border-radius:13px}
  .cockpit-meta{display:none}
  .cockpit-main{grid-template-columns:1fr}
  .cockpit-feed{display:none}
  .hero-cockpit .core-stage{height:245px}
  .hero-cockpit .ring-one{width:178px;height:178px}
  .hero-cockpit .ring-two{width:134px;height:134px}
  .hero-cockpit .ring-three{width:90px;height:90px}
  .cockpit-status{grid-template-columns:1fr 1fr}
  .cockpit-status>div:nth-child(2){border-right:0}
  .cockpit-status>div:nth-child(-n+2){border-bottom:1px solid rgba(210,255,115,.07)}
  .home-trust-rail>.shell{grid-template-columns:1fr 1fr}
  .dp-demo-priority{padding-block:82px}
  .dp-demo-priority .demo-copy h2{font-size:3.1rem}
  .demo-mode-rail{display:block;padding:8px 17px}
  .demo-mode-rail b{display:block;margin-top:3px}
  .website-form{padding:25px 20px}
  .scan-intro-visual{margin-bottom:22px}
  .scan-target{width:50px;height:50px}
  .website-form .input-row{grid-template-columns:1fr}
  .website-form .input-row .button{width:100%}
  .analysis-view{
    display:block;
    padding:22px 20px
  }
  .analysis-visual{
    min-height:150px;
    margin-bottom:22px
  }
  .analysis-radar{width:82px;height:82px}
  .analysis-steps{grid-template-columns:1fr}
  .agent-telemetry{display:grid;grid-template-columns:1fr 1fr}
  .agent-telemetry span:last-child{display:none}
  .employee-view{padding:22px 20px}
  .alex-widget-panel{grid-template-columns:1fr}
  .alex-widget-panel .button{width:100%}
  .home-service-grid{grid-template-columns:1fr}
  .service-card{min-height:400px}
  .service-card-visual{min-height:125px}
  .architecture-map{min-height:450px;margin:12px}
  .arch-core{width:92px;height:92px}
  .arch-core>small{top:57px}
  .arch-node{
    width:116px;
    min-height:62px;
    padding:9px
  }
  .arch-input{left:3%;top:5%}
  .arch-knowledge{right:3%;top:5%}
  .arch-systems{right:2%;top:41%}
  .arch-action{right:3%;bottom:5%}
  .arch-follow{left:3%;bottom:5%}
  .arch-human{left:2%;top:41%}
  .arch-node small{font-size:max(var(--dp-text-floor, 0px), .42rem)}
  .architecture-ledger{grid-template-columns:1fr 1fr;margin:0 12px 12px}
  .architecture-ledger>div:nth-child(2){border-right:0}
  .architecture-ledger>div:nth-child(-n+2){border-bottom:1px solid rgba(210,255,115,.07)}
  .production-grid{grid-template-columns:1fr}
  .production-card{min-height:210px}
  .manifesto-band{padding:45px 0}
  .manifesto-band p{font-size:2.45rem}
  body[data-home="true"] #implementation .process-grid{grid-template-columns:1fr}
  body[data-home="true"] #implementation .process-grid article{min-height:220px}
  .cinematic-contact .lead-form{padding:22px}
  body:not([data-home="true"]) .page-hero h1{
    font-size:clamp(3rem,13vw,4.4rem)
  }
}

@media(prefers-reduced-motion:reduce){
  .hero-cockpit,.service-card,.production-card,.opportunity-card{transform:none!important}
}


/* =========================================================
   DREAM PROTOCOL // READABILITY + MOBILE MASTER PASS
   High contrast, intentional mobile layouts, and premium
   readability across every customer-facing page.
   ========================================================= */

:root{
  --dp-copy:#465349;
  --dp-copy-strong:#263229;
  --dp-light-card:#f7f8f2;
  --dp-light-card-2:#eef2e9;
  --dp-input:#ffffff;
  --dp-input-border:#9eaa99;
  --dp-dark-copy:#b7c7b1;
  --dp-dark-copy-strong:#f0f6ec
}

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%
}
p{color:var(--dp-copy)}
.section-heading p:not(.eyebrow),
.split>p,
.feature p,
.region-card p,
.process-grid p,
.scope-panel p,
.price-card>p,
.guide-copy p,
.related-note p,
.faq-section details p{
  color:#4d5a50
}
.pale-section p,
.stack-section p,
.production-trust p,
.price-preview p{
  color:#4b574e
}
.architecture-section p,
.dp-demo-priority p,
.regional p,
.cta-band p,
.cinematic-contact p,
.example-panel p{
  color:var(--dp-dark-copy)!important
}

/* Contact form is intentionally light on dark scenes for maximum legibility */
.lead-form,
.page-hero .lead-form,
.cinematic-contact .lead-form{
  color:#172019!important;
  border:1px solid #b7c3af!important;
  background:linear-gradient(160deg,#fbfcf7 0%,#f1f4eb 100%)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.24)!important;
  backdrop-filter:none!important
}
.page-hero .lead-form:before,
.cinematic-contact .lead-form:before{display:none!important}
.form-intro{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:2px 0 22px;
  margin-bottom:2px;
  border-bottom:1px solid #d5ddd0
}
.form-intro>span{
  color:#65775e;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .58rem);
  font-weight:700;
  letter-spacing:.1em
}
.form-intro>strong{
  color:#172019;
  font-family:Manrope,sans-serif;
  font-size:1.25rem;
  line-height:1.25;
  letter-spacing:-.035em
}
.form-intro>small{
  color:#59655c;
  font-size:max(var(--dp-text-floor, 0px), .76rem);
  line-height:1.55;
  max-width:520px
}
.lead-form label,
.page-hero .lead-form label,
.cinematic-contact .lead-form label{
  color:#26332a!important;
  font-size:max(var(--dp-text-floor, 0px), .74rem);
  font-weight:700
}
.lead-form label>small,
.page-hero .lead-form label>small,
.cinematic-contact .lead-form label>small{
  color:#6c786e!important;
  font-weight:500
}
.lead-form input,
.lead-form textarea,
.page-hero .lead-form input,
.page-hero .lead-form textarea,
.cinematic-contact .lead-form input,
.cinematic-contact .lead-form textarea{
  color:#111a13!important;
  caret-color:#111a13;
  background:#fff!important;
  border:1px solid var(--dp-input-border)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset!important;
  font-size:1rem!important;
  line-height:1.45;
  min-height:54px;
  border-radius:7px!important
}
.lead-form textarea,
.page-hero .lead-form textarea,
.cinematic-contact .lead-form textarea{
  min-height:132px
}
.lead-form input::placeholder,
.lead-form textarea::placeholder,
.page-hero .lead-form input::placeholder,
.page-hero .lead-form textarea::placeholder,
.cinematic-contact .lead-form input::placeholder,
.cinematic-contact .lead-form textarea::placeholder{
  color:#68736a!important;
  opacity:1
}
.lead-form input:focus,
.lead-form textarea:focus,
.page-hero .lead-form input:focus,
.page-hero .lead-form textarea:focus,
.cinematic-contact .lead-form input:focus,
.cinematic-contact .lead-form textarea:focus{
  border-color:#658a4d!important;
  box-shadow:0 0 0 4px rgba(101,138,77,.13)!important;
  outline:0
}
.lead-form input:-webkit-autofill,
.lead-form textarea:-webkit-autofill,
.page-hero .lead-form input:-webkit-autofill,
.page-hero .lead-form textarea:-webkit-autofill,
.cinematic-contact .lead-form input:-webkit-autofill,
.cinematic-contact .lead-form textarea:-webkit-autofill{
  -webkit-text-fill-color:#111a13!important;
  box-shadow:0 0 0 1000px #fff inset!important;
  transition:background-color 9999s ease-out 0s
}
.lead-form .button,
.page-hero .lead-form .button,
.cinematic-contact .lead-form .button{
  min-height:58px;
  border-radius:999px!important;
  background:var(--dp-neon)!important;
  border-color:#a8d94d!important;
  color:#0a140c!important;
  font-size:max(var(--dp-text-floor, 0px), .86rem)!important;
  font-weight:800;
  box-shadow:0 10px 28px rgba(130,174,63,.12)!important
}
.form-reassurance{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  padding-top:2px
}
.form-reassurance span{
  position:relative;
  padding:6px 9px 6px 22px;
  border:1px solid #d3dccd;
  border-radius:999px;
  background:#f9faf5;
  color:#4e5d51;
  font-size:max(var(--dp-text-floor, 0px), .64rem);
  line-height:1.2
}
.form-reassurance span:before{
  content:"✓";
  position:absolute;
  left:8px;
  color:#5b7f44;
  font-weight:800
}
.page-hero .lead-form .contact-email,
.page-hero .lead-form .contact-email a,
.cinematic-contact .contact-email,
.cinematic-contact .contact-email a,
.lead-form .contact-email,
.lead-form .contact-email a{
  color:#526358!important
}
.page-hero .lead-form .form-status,
.cinematic-contact .form-status,
.lead-form .form-status{
  color:#45603b!important
}

/* Dark section copy is legible, decorative UI can remain subtle */
.dp-demo-priority .demo-copy>p:not(.eyebrow),
.architecture-copy>p,
.cinematic-contact .contact-copy>p,
.cta-band p:not(.eyebrow),
.regional p{
  color:#b4c4af!important
}
.dp-demo-priority .text-link,
.architecture-section .text-link,
.cinematic-contact .text-link,
.cta-band .text-link{
  color:#e5f0df!important
}

/* Better content density across page types */
body:not([data-home="true"]) .page-hero>p:not(.eyebrow),
body:not([data-home="true"]) .page-hero>div>p:not(.eyebrow){
  color:#b8c8b2!important;
  line-height:1.75
}
body:not([data-home="true"]) .detail-intro p:not(.eyebrow){
  color:#445248;
  line-height:1.8
}
.article-body{
  color:#314036;
  line-height:1.85
}
.article-body p{color:#445248}
.article-source p{color:#69766c}
.faq-section summary{
  color:#253128;
  font-weight:600
}
.check-list li{color:#405046}
.pricing-terms{color:#506057}
.footer-columns a{color:#bdcab8}
.footer-columns p{color:#8ea087}
.footer-top p{color:#a9baa2!important}

/* Signature polish on all inner pages */
body:not([data-home="true"]) .page-hero{
  overflow:hidden
}
body:not([data-home="true"]) .page-hero:before{
  content:"DP";
  position:absolute;
  z-index:-1;
  right:-.03em;
  top:50%;
  transform:translateY(-54%);
  color:rgba(210,255,115,.045);
  font-family:Manrope,sans-serif;
  font-size:clamp(11rem,27vw,28rem);
  font-weight:800;
  line-height:.7;
  letter-spacing:-.12em;
  pointer-events:none
}
body:not([data-home="true"]) .page-hero .eyebrow{
  color:#99ae90
}
body:not([data-home="true"]) .section-heading h2{
  letter-spacing:-.06em
}
body:not([data-home="true"]) .feature,
.price-card,
.guide-card,
.related-note,
.wide-note{
  box-shadow:0 10px 30px rgba(31,48,28,.035)
}

/* Buttons and links remain easy to hit */
.button{min-height:54px}
.menu-button{min-width:44px;min-height:44px}
.faq-section summary{min-height:56px}
.industry-card{min-height:68px}

/* Mobile is a distinct design mode, not compressed desktop */
@media(max-width:680px){
  body{
    font-size:16px;
    line-height:1.68
  }
  .shell{
    width:calc(100% - 36px)
  }
  .section{
    padding-block:72px
  }
  h1,h2,h3{
    text-wrap:balance
  }
  h2{
    font-size:clamp(2.25rem,10vw,3rem);
    line-height:1.02
  }
  p{
    font-size:max(var(--dp-text-floor, 0px), .98rem);
    line-height:1.72
  }
  .eyebrow{
    font-size:max(var(--dp-text-floor, 0px), .67rem)!important;
    line-height:1.45;
    letter-spacing:.105em;
    margin-bottom:18px
  }
  .small-copy{
    font-size:max(var(--dp-text-floor, 0px), .9rem);
    line-height:1.7
  }

  /* Mobile header: logo + actions breathe */
  .nav-wrap{
    width:calc(100% - 28px);
    height:76px;
    gap:10px
  }
  .site-header .brand{font-size:1.02rem}
  .site-header .brand small{
    font-size:max(var(--dp-text-floor, 0px), .42rem);
    letter-spacing:.16em
  }
  .nav-wrap>.button{
    min-height:44px;
    padding:9px 14px;
    font-size:max(var(--dp-text-floor, 0px), .7rem)
  }
  .menu-button{
    margin-left:auto;
    padding:8px
  }
  .site-header .nav-wrap nav{
    top:76px;
    padding:18px 22px 24px
  }
  .site-header .nav-wrap nav a{
    display:flex;
    align-items:center;
    min-height:49px;
    padding:9px 0;
    font-size:max(var(--dp-text-floor, 0px), .82rem)!important;
    border-bottom:1px solid rgba(210,255,115,.08)
  }

  /* Homepage hero readability */
  body[data-home="true"] .home-hero.dp-wow{
    min-height:auto;
    padding:44px 0 82px
  }
  body[data-home="true"] .dp-wow .hero-copy h1{
    font-size:clamp(3.35rem,14vw,4.7rem);
    line-height:.91;
    letter-spacing:-.067em;
    margin-bottom:28px
  }
  body[data-home="true"] .dp-wow .hero-intro{
    font-size:1.08rem;
    line-height:1.56;
    color:#f0f5ec
  }
  body[data-home="true"] .dp-wow .hero-sub{
    font-size:max(var(--dp-text-floor, 0px), .96rem);
    line-height:1.72;
    color:#a8b9a3;
    margin-top:18px
  }
  body[data-home="true"] .dp-wow .hero-primary{
    min-height:56px;
    font-size:max(var(--dp-text-floor, 0px), .83rem)
  }
  body[data-home="true"] .dp-wow .hero-secondary{
    font-family:'DM Sans',Arial,sans-serif;
    font-size:max(var(--dp-text-floor, 0px), .83rem);
    line-height:1.4
  }
  body[data-home="true"] .dp-wow .hero-footnote{
    font-size:max(var(--dp-text-floor, 0px), .57rem);
    line-height:1.55;
    letter-spacing:.075em
  }

  /* Cockpit: critical labels up, decorative telemetry down */
  .hero-cockpit{padding:13px}
  .hero-cockpit .core-head{
    font-size:max(var(--dp-text-floor, 0px), .54rem);
    line-height:1.4
  }
  .signal-node{font-size:max(var(--dp-text-floor, 0px), .48rem)}
  .cockpit-status span{font-size:max(var(--dp-text-floor, 0px), .44rem)}
  .cockpit-status b{font-size:max(var(--dp-text-floor, 0px), .51rem)}
  .cockpit-status small{
    font-size:max(var(--dp-text-floor, 0px), .49rem);
    white-space:normal;
    line-height:1.35
  }
  .hero-cockpit .core-foot{
    font-size:max(var(--dp-text-floor, 0px), .5rem);
    line-height:1.5
  }

  /* Trust rail */
  .home-trust-rail b{font-size:max(var(--dp-text-floor, 0px), .63rem)}
  .home-trust-rail small{
    font-size:max(var(--dp-text-floor, 0px), .7rem);
    line-height:1.42
  }

  /* Scanner */
  .dp-demo-priority{
    padding-block:78px
  }
  .dp-demo-priority .demo-copy h2{
    font-size:clamp(2.75rem,12vw,3.5rem);
    line-height:.96
  }
  .dp-demo-priority .demo-copy>p:not(.eyebrow){
    font-size:max(var(--dp-text-floor, 0px), .98rem);
    line-height:1.72
  }
  .demo-copy-rail{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px
  }
  .demo-copy-rail span{
    font-size:max(var(--dp-text-floor, 0px), .55rem);
    padding:8px 9px
  }
  .demo-mode-rail{
    font-size:max(var(--dp-text-floor, 0px), .5rem);
    line-height:1.45
  }
  .scan-intro-copy span{font-size:max(var(--dp-text-floor, 0px), .65rem)}
  .scan-intro-copy small{
    font-size:max(var(--dp-text-floor, 0px), .78rem);
    line-height:1.45
  }
  .website-form label{font-size:1.12rem}
  .scan-capabilities span{font-size:max(var(--dp-text-floor, 0px), .52rem)}
  .demo-form-note{
    font-size:max(var(--dp-text-floor, 0px), .76rem)!important;
    line-height:1.55
  }
  .analysis-copy h3{font-size:1.35rem}
  .analysis-steps li{
    font-size:max(var(--dp-text-floor, 0px), .65rem);
    line-height:1.45;
    min-height:43px;
    display:flex;
    align-items:center
  }
  .agent-telemetry{
    font-size:max(var(--dp-text-floor, 0px), .5rem);
    line-height:1.4
  }
  .ready-head h3{font-size:1.35rem}
  .ready-head p{font-size:max(var(--dp-text-floor, 0px), .78rem)}
  .employee-view .found-summary{
    font-size:max(var(--dp-text-floor, 0px), .84rem)
  }
  .employee-view blockquote{
    font-size:1rem;
    line-height:1.55
  }
  .demo-section .demo-notice{font-size:max(var(--dp-text-floor, 0px), .8rem)}
  .opportunity-head h4{font-size:1.05rem}
  .opportunity-head>span{font-size:max(var(--dp-text-floor, 0px), .56rem)}
  .opportunity-card{
    grid-template-columns:30px 1fr;
    padding:13px
  }
  .opportunity-card>span{font-size:max(var(--dp-text-floor, 0px), .6rem)}
  .opportunity-card h5{font-size:max(var(--dp-text-floor, 0px), .92rem)}
  .opportunity-card p{
    font-size:max(var(--dp-text-floor, 0px), .78rem)!important;
    line-height:1.55!important
  }
  .opportunity-note{
    font-size:max(var(--dp-text-floor, 0px), .72rem)!important
  }
  .alex-widget-panel strong{font-size:max(var(--dp-text-floor, 0px), .92rem)}
  .alex-widget-panel p{font-size:max(var(--dp-text-floor, 0px), .78rem)}
  .production-flow .kicker{font-size:max(var(--dp-text-floor, 0px), .62rem)!important}
  .production-flow>div{font-size:max(var(--dp-text-floor, 0px), .61rem)}
  .production-flow small{font-size:max(var(--dp-text-floor, 0px), .74rem)}
  .knowledge-details summary{
    min-height:48px;
    font-size:max(var(--dp-text-floor, 0px), .69rem)
  }
  .knowledge-ledger dl>div{
    padding:10px 0;
    font-size:max(var(--dp-text-floor, 0px), .8rem)
  }
  .knowledge-preview p,.knowledge-preview li{font-size:max(var(--dp-text-floor, 0px), .8rem)}
  .preview-actions .demo-convert{
    min-height:54px;
    font-size:max(var(--dp-text-floor, 0px), .8rem)
  }
  .preview-actions .text-button{
    min-height:44px;
    font-size:max(var(--dp-text-floor, 0px), .78rem)
  }
  .demo-bottom{
    font-size:max(var(--dp-text-floor, 0px), .69rem);
    line-height:1.5
  }

  /* Service/product cards */
  .service-grid,
  .pricing-grid,
  .guide-grid,
  .two-grid,
  .related-grid,
  .three-grid{
    grid-template-columns:1fr!important
  }
  .service-card{
    min-height:auto
  }
  .service-card-visual{
    min-height:132px
  }
  .service-card-visual small{
    font-size:max(var(--dp-text-floor, 0px), .52rem)
  }
  .service-card-body{
    padding:24px 21px 25px
  }
  .service-card .service-card-body>.eyebrow{font-size:max(var(--dp-text-floor, 0px), .62rem)!important}
  .service-card .service-card-body h3{
    font-size:1.5rem;
    line-height:1.15
  }
  .service-card .service-card-body>p:not(.eyebrow){
    font-size:max(var(--dp-text-floor, 0px), .94rem);
    line-height:1.68;
    color:#48554b
  }
  .service-card .card-price{
    font-size:max(var(--dp-text-floor, 0px), .72rem);
    padding-top:17px
  }

  /* Architecture: labels must actually be readable */
  .architecture-copy h2{
    font-size:clamp(2.85rem,12vw,3.55rem)
  }
  .architecture-copy>p{
    font-size:max(var(--dp-text-floor, 0px), .96rem);
    line-height:1.75
  }
  .architecture-proof span{font-size:max(var(--dp-text-floor, 0px), .54rem)}
  .architecture-console-head{
    min-height:52px;
    font-size:max(var(--dp-text-floor, 0px), .52rem);
    line-height:1.4
  }
  .arch-node{
    width:122px;
    min-height:67px
  }
  .arch-node>span{font-size:max(var(--dp-text-floor, 0px), .46rem)}
  .arch-node strong{font-size:max(var(--dp-text-floor, 0px), .58rem)}
  .arch-node small{
    font-size:max(var(--dp-text-floor, 0px), .52rem);
    line-height:1.25
  }
  .architecture-ledger span{font-size:max(var(--dp-text-floor, 0px), .46rem)}
  .architecture-ledger b{
    font-size:max(var(--dp-text-floor, 0px), .61rem);
    line-height:1.35
  }
  .architecture-note{
    font-size:max(var(--dp-text-floor, 0px), .76rem);
    line-height:1.55
  }

  /* Guardrail and process cards */
  .production-card{
    min-height:auto;
    padding:25px 21px
  }
  .production-card>span{
    margin-bottom:25px;
    font-size:max(var(--dp-text-floor, 0px), .66rem)
  }
  .production-card h3{font-size:1.35rem}
  .production-card p{
    font-size:max(var(--dp-text-floor, 0px), .93rem);
    line-height:1.67
  }
  .manifesto-band p{
    font-size:2.55rem;
    line-height:.98
  }
  .manifesto-band span{
    font-size:max(var(--dp-text-floor, 0px), .96rem);
    line-height:1.7
  }
  body[data-home="true"] #implementation .process-grid article{
    min-height:auto;
    padding:24px 20px 31px
  }
  body[data-home="true"] #implementation .process-grid h3{
    margin-top:26px;
    font-size:1.45rem
  }
  body[data-home="true"] #implementation .process-grid p{
    max-width:none;
    font-size:max(var(--dp-text-floor, 0px), .92rem);
    line-height:1.65
  }

  /* Inner pages: readable editorial experience */
  body:not([data-home="true"]) .page-hero{
    padding:58px 18px 70px
  }
  body:not([data-home="true"]) .page-hero:before{
    font-size:58vw;
    opacity:.85
  }
  body:not([data-home="true"]) .page-hero h1{
    font-size:clamp(2.85rem,12.5vw,4.15rem);
    line-height:.94;
    letter-spacing:-.062em
  }
  body:not([data-home="true"]) .page-hero>p:not(.eyebrow),
  body:not([data-home="true"]) .page-hero>div>p:not(.eyebrow){
    font-size:1rem!important;
    line-height:1.72!important;
    color:#c0cfbb!important
  }
  body:not([data-home="true"]) .page-hero .actions{
    align-items:stretch;
    flex-direction:column;
    gap:12px
  }
  body:not([data-home="true"]) .page-hero .actions .button{
    width:100%;
    min-height:55px
  }
  body:not([data-home="true"]) .page-hero .actions .text-link{
    font-size:max(var(--dp-text-floor, 0px), .85rem)
  }
  .detail-intro{
    display:block;
    padding-block:68px
  }
  .detail-intro p:not(.eyebrow){
    font-size:1rem!important;
    line-height:1.75!important;
    margin-top:24px
  }
  body:not([data-home="true"]) .feature{
    padding:24px 20px
  }
  .feature h2,.feature h3{
    font-size:1.45rem
  }
  .feature p{
    font-size:max(var(--dp-text-floor, 0px), .95rem);
    line-height:1.68
  }
  .example-panel{
    padding:28px 22px!important
  }
  .example-panel h2{font-size:2rem}
  .example-panel p{font-size:max(var(--dp-text-floor, 0px), .94rem)!important}
  .scope-panel{
    padding:24px 4px
  }
  .scope-panel>p{font-size:max(var(--dp-text-floor, 0px), .95rem)}
  .check-list li{
    padding-block:13px;
    font-size:max(var(--dp-text-floor, 0px), .92rem)
  }
  .faq-section{
    gap:18px
  }
  .faq-section summary{
    min-height:62px;
    padding-block:18px;
    font-size:max(var(--dp-text-floor, 0px), .98rem);
    line-height:1.45
  }
  .faq-section details p{
    font-size:max(var(--dp-text-floor, 0px), .92rem);
    line-height:1.67;
    padding-right:5px
  }

  /* Pricing */
  .price-card{
    padding:26px 22px!important
  }
  .price-card h2{font-size:1.55rem}
  .price-card .price{font-size:2.45rem}
  .price-card>p,
  .price-card .check-list li{
    font-size:max(var(--dp-text-floor, 0px), .92rem);
    line-height:1.6
  }
  .price-card .button{
    min-height:55px;
    font-size:max(var(--dp-text-floor, 0px), .82rem)
  }
  .price-card .text-link{font-size:max(var(--dp-text-floor, 0px), .82rem)}
  .pricing-terms{
    padding:18px;
    font-size:max(var(--dp-text-floor, 0px), .86rem);
    line-height:1.65;
    text-align:left
  }

  /* Guides/resources/articles */
  .guide-copy{padding:23px 20px 25px}
  .guide-copy .eyebrow{font-size:max(var(--dp-text-floor, 0px), .62rem)!important}
  .guide-copy h3{
    font-size:1.45rem;
    line-height:1.25
  }
  .guide-copy p{
    font-size:max(var(--dp-text-floor, 0px), .92rem);
    line-height:1.65
  }
  .guide-copy .text-link{font-size:max(var(--dp-text-floor, 0px), .82rem)}
  .article-hero{
    text-align:left!important;
    padding-inline:18px!important
  }
  .article-meta{
    justify-content:flex-start;
    gap:9px 16px;
    font-size:max(var(--dp-text-floor, 0px), .72rem)
  }
  .article-nav{
    padding:20px!important
  }
  .article-nav>a{
    font-size:max(var(--dp-text-floor, 0px), .87rem);
    margin-bottom:13px
  }
  .article-body{
    font-size:1rem;
    line-height:1.78
  }
  .article-body section h2{
    font-size:1.72rem;
    line-height:1.25
  }
  .article-body p{
    font-size:1rem;
    line-height:1.78
  }
  .takeaway{
    padding:24px 21px
  }
  .takeaway p{
    font-size:1.03rem!important
  }
  .article-checklist{
    padding:23px 20px!important
  }
  .article-source{
    font-size:max(var(--dp-text-floor, 0px), .82rem)
  }

  /* About */
  .founder-grid{
    gap:32px
  }
  .founder-grid p{
    font-size:max(var(--dp-text-floor, 0px), .98rem);
    line-height:1.72
  }
  .founder-title{
    font-size:max(var(--dp-text-floor, 0px), .76rem)!important
  }

  /* Contact: deliberately simple and highly legible */
  .cinematic-contact{
    padding-block:76px 82px
  }
  .cinematic-contact .contact-grid{
    gap:38px
  }
  .cinematic-contact h2{
    font-size:clamp(2.7rem,11vw,3.45rem);
    line-height:.98
  }
  .cinematic-contact .contact-copy>p{
    font-size:1rem;
    line-height:1.72
  }
  .contact-path{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    font-size:max(var(--dp-text-floor, 0px), .63rem)
  }
  .contact-path b{display:none}
  .contact-path span{
    min-height:39px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:8px 7px
  }
  .lead-form,
  .page-hero .lead-form,
  .cinematic-contact .lead-form{
    grid-template-columns:1fr!important;
    gap:17px;
    padding:23px 19px!important;
    border-radius:13px!important
  }
  .lead-form .full{grid-column:auto!important}
  .form-intro{
    padding-bottom:18px
  }
  .form-intro>strong{font-size:1.18rem}
  .form-intro>small{
    font-size:max(var(--dp-text-floor, 0px), .84rem);
    line-height:1.55
  }
  .lead-form label,
  .page-hero .lead-form label,
  .cinematic-contact .lead-form label{
    font-size:max(var(--dp-text-floor, 0px), .86rem)!important;
    gap:8px
  }
  .lead-form input,
  .lead-form textarea{
    font-size:16px!important
  }
  .form-reassurance{
    display:grid;
    grid-template-columns:1fr;
    gap:6px
  }
  .form-reassurance span{
    min-height:34px;
    display:flex;
    align-items:center;
    font-size:max(var(--dp-text-floor, 0px), .75rem)
  }
  .contact-email{
    font-size:max(var(--dp-text-floor, 0px), .84rem)!important;
    line-height:1.55
  }
  .form-status{
    font-size:max(var(--dp-text-floor, 0px), .86rem)!important
  }

  /* Regional and footer */
  .regional p{font-size:max(var(--dp-text-floor, 0px), .98rem)!important}
  .region-names span{
    font-size:max(var(--dp-text-floor, 0px), .67rem)
  }
  .region-visual small{font-size:max(var(--dp-text-floor, 0px), .7rem)}
  .footer-command{
    font-size:max(var(--dp-text-floor, 0px), .5rem)
  }
  .footer-top p{font-size:1.2rem}
  .footer-top .email-link{font-size:max(var(--dp-text-floor, 0px), .9rem)}
  .footer-columns h2{font-size:max(var(--dp-text-floor, 0px), .64rem)}
  .footer-columns a,
  .footer-columns p{
    font-size:max(var(--dp-text-floor, 0px), .82rem);
    line-height:1.65
  }
  .footer-bottom{
    font-size:max(var(--dp-text-floor, 0px), .66rem);
    line-height:1.5
  }

  /* CTA */
  .cta-band h2{
    font-size:clamp(2.65rem,11vw,3.45rem);
    line-height:.98
  }
  .cta-band p:not(.eyebrow){
    font-size:max(var(--dp-text-floor, 0px), .98rem);
    line-height:1.7
  }
  .cta-band .button{
    width:100%;
    min-height:56px
  }
  .cta-band .text-link{font-size:max(var(--dp-text-floor, 0px), .84rem)}
}

@media(max-width:390px){
  .nav-wrap>.button{
    padding-inline:11px;
    font-size:max(var(--dp-text-floor, 0px), .65rem)
  }
  body[data-home="true"] .dp-wow .hero-copy h1{
    font-size:3.25rem
  }
  .home-trust-rail>.shell{
    grid-template-columns:1fr
  }
  .home-trust-rail>.shell>div:last-child{grid-column:auto}
  .architecture-map{
    min-height:500px
  }
  .arch-node{
    width:108px
  }
  .contact-path{
    grid-template-columns:1fr
  }
}


/* DREAM PROTOCOL // SCANNER CONTRAST + RECORDING STAGE */

/* Scanner results: readable first, technical second */
.demo-command-center .employee-view,
.demo-command-center .analysis-view{
  color:#18231b
}
.demo-command-center .employee-view .kicker,
.demo-command-center .analysis-view .kicker,
.demo-command-center .opportunity-head .kicker{
  color:#526156!important;
  opacity:1!important
}
.demo-command-center .ready-head h3,
.demo-command-center .opportunity-head h4{
  color:#18231b!important
}
.demo-command-center .ready-head p,
.demo-command-center .employee-company,
.demo-command-center .found-summary,
.demo-command-center .demo-notice{
  color:#4b5a50!important;
  opacity:1!important
}
.demo-command-center .employee-view blockquote{
  color:#18231b!important;
  background:#edf3df!important;
  border-color:#b7c8a7!important;
  border-left-color:#62834b!important
}
.demo-command-center .opportunity-panel{
  color:#18231b;
  background:linear-gradient(145deg,#edf3e5,#e5ecdc)!important;
  border-color:#afbea3!important
}
.demo-command-center .opportunity-head{
  border-color:#bdc9b4!important
}
.demo-command-center .opportunity-head>span{
  color:#59695d!important;
  opacity:1!important
}
.demo-command-center .opportunity-card{
  background:#fbfcf8!important;
  border-color:#c2ccc0!important
}
.demo-command-center .opportunity-card>span{
  color:#667468!important
}
.demo-command-center .opportunity-card h5{
  color:#1d291f!important
}
.demo-command-center .opportunity-card p{
  color:#526057!important;
  opacity:1!important
}
.demo-command-center .opportunity-note{
  color:#59675e!important;
  opacity:1!important
}
.demo-command-center .production-flow{
  color:#233025!important;
  background:#f9faf5!important;
  border-color:#bdc9b6!important
}
.demo-command-center .production-flow .kicker{
  color:#536158!important
}
.demo-command-center .production-flow>div{
  color:#2d3a30!important
}
.demo-command-center .production-flow>div span{
  color:#2f3d33!important;
  background:#fff!important;
  border-color:#c8d2c2!important
}
.demo-command-center .production-flow small{
  color:#57645b!important
}
.demo-command-center .knowledge-details{
  color:#27342b
}
.demo-command-center .knowledge-details summary{
  color:#334137
}
.demo-command-center .knowledge-ledger dt{
  color:#4f5e53
}
.demo-command-center .knowledge-ledger dd{
  color:#202d23
}
.demo-command-center .knowledge-preview p,
.demo-command-center .knowledge-preview li{
  color:#4e5d52!important
}

/* Recorded example becomes a designed proof moment */
.recording-stage{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 30%,rgba(210,255,115,.09),transparent 28%),
    linear-gradient(180deg,#07100d,#09130f);
  color:#edf5e9;
  border-top:1px solid rgba(210,255,115,.1);
  border-bottom:1px solid rgba(210,255,115,.1)
}
.recording-ambient{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.36;
  background:
    linear-gradient(rgba(210,255,115,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(210,255,115,.04) 1px,transparent 1px);
  background-size:62px 62px;
  mask-image:linear-gradient(90deg,black,transparent 78%)
}
.recording-stage-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);
  gap:7%;
  align-items:center
}
.recording-copy h2{
  color:#f3f8ef;
  font-size:clamp(3.2rem,4.4vw,4.7rem);
  line-height:.97;
  letter-spacing:-.06em
}
.recording-copy h2 em{color:var(--dp-neon)}
.recording-copy>p{
  color:#b2c2ad;
  max-width:520px;
  font-size:max(var(--dp-text-floor, 0px), .96rem);
  line-height:1.78
}
.recording-points{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:30px
}
.recording-points span{
  padding:7px 10px;
  border:1px solid rgba(210,255,115,.13);
  border-radius:999px;
  color:#a9bda2;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .5rem);
  letter-spacing:.06em
}
.recording-console{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(210,255,115,.2);
  border-radius:16px;
  background:
    radial-gradient(circle at 24% 30%,rgba(210,255,115,.07),transparent 25%),
    rgba(12,24,19,.92);
  box-shadow:0 45px 105px rgba(0,0,0,.34)
}
.recording-console-head{
  min-height:54px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border-bottom:1px solid rgba(210,255,115,.1);
  color:#71896b;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .48rem);
  letter-spacing:.09em
}
.recording-console-head span{
  display:flex;
  align-items:center;
  gap:8px
}
.recording-console-head i{
  width:7px;height:7px;
  border-radius:50%;
  background:var(--dp-neon);
  box-shadow:0 0 14px rgba(210,255,115,.65)
}
.recording-console-head b{
  color:var(--dp-neon);
  font-size:max(var(--dp-text-floor, 0px), .46rem)
}
.recording-main{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:27px;
  align-items:center;
  padding:27px 28px 18px
}
.recording-orb{
  position:relative;
  width:124px;height:124px;
  display:grid;
  place-items:center;
  margin:auto
}
.recording-orb i{
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(210,255,115,.25)
}
.recording-orb i:first-child{
  inset:0;
  border-left-color:transparent;
  animation:dpSpin 13s linear infinite
}
.recording-orb i:nth-child(2){
  inset:18px;
  border-style:dashed;
  animation:dpSpinReverse 9s linear infinite
}
.recording-orb i:nth-child(3){
  inset:38px;
  background:var(--dp-neon);
  border:0;
  box-shadow:0 0 45px rgba(210,255,115,.17)
}
.recording-orb b{
  position:relative;
  z-index:2;
  color:#0a140c;
  font-family:Manrope,sans-serif;
  font-size:1rem
}
.recording-details .eyebrow{
  color:#8ea488;
  margin-bottom:9px
}
.recording-details h3{
  color:#edf5e9;
  font-size:1.55rem;
  margin-bottom:10px
}
.recording-details>p:not(.eyebrow){
  color:#9caf96;
  font-size:max(var(--dp-text-floor, 0px), .82rem);
  line-height:1.68;
  max-width:540px
}
.recording-audio-card{
  margin:0 27px;
  padding:19px 20px;
  border:1px solid rgba(210,255,115,.1);
  border-radius:9px;
  background:rgba(255,255,255,.025)
}
.recording-audio-card .audio-wave{
  height:84px;
  margin-bottom:8px
}
.recording-audio-card .audio-wave i{
  background:#718c66
}
.recording-audio-card audio{
  width:100%;
  height:42px;
  filter:contrast(.96)
}
.recording-audio-card.is-playing{
  border-color:rgba(210,255,115,.28);
  box-shadow:0 0 35px rgba(210,255,115,.05)
}
.recording-audio-card.is-playing .audio-wave i{
  background:#a6ce70
}
.recording-flow{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:18px 20px 21px;
  color:#667b62;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .45rem);
  letter-spacing:.07em
}
.recording-flow span{
  padding:6px 8px;
  border:1px solid rgba(210,255,115,.1);
  border-radius:3px
}
.recording-flow b{
  color:var(--dp-neon);
  font-weight:500
}

@media(max-width:960px){
  .recording-stage-grid{
    grid-template-columns:1fr;
    gap:48px
  }
  .recording-copy{max-width:760px}
  .recording-console{max-width:850px}
}

@media(max-width:680px){
  /* Screenshot-specific scanner fixes */
  .demo-command-center .employee-view .kicker,
  .demo-command-center .opportunity-head .kicker{
    font-size:max(var(--dp-text-floor, 0px), .68rem)!important;
    color:#536259!important
  }
  .demo-command-center .ready-head p{
    font-size:max(var(--dp-text-floor, 0px), .87rem)!important;
    color:#47564c!important;
    line-height:1.45
  }
  .demo-command-center .found-summary,
  .demo-command-center .demo-notice{
    font-size:max(var(--dp-text-floor, 0px), .9rem)!important;
    color:#4c5b51!important;
    line-height:1.68!important
  }
  .demo-command-center .opportunity-head>span{
    font-size:max(var(--dp-text-floor, 0px), .63rem)!important;
    color:#56665a!important
  }
  .demo-command-center .opportunity-card p{
    font-size:max(var(--dp-text-floor, 0px), .86rem)!important;
    line-height:1.58!important;
    color:#4b5a50!important
  }
  .demo-command-center .opportunity-note{
    font-size:max(var(--dp-text-floor, 0px), .8rem)!important;
    line-height:1.6!important;
    color:#536158!important
  }

  .recording-stage{
    padding-block:78px
  }
  .recording-stage-grid{gap:36px}
  .recording-copy h2{
    font-size:clamp(2.75rem,12vw,3.55rem)
  }
  .recording-copy>p{
    font-size:max(var(--dp-text-floor, 0px), .98rem);
    line-height:1.72
  }
  .recording-points{
    display:grid;
    grid-template-columns:1fr
  }
  .recording-points span{
    font-size:max(var(--dp-text-floor, 0px), .63rem);
    padding:8px 10px
  }
  .recording-console{border-radius:13px}
  .recording-console-head{
    min-height:50px;
    padding:0 14px;
    font-size:max(var(--dp-text-floor, 0px), .51rem);
    line-height:1.35
  }
  .recording-main{
    grid-template-columns:1fr;
    gap:20px;
    padding:24px 20px 13px;
    text-align:left
  }
  .recording-orb{
    width:104px;height:104px;
    margin:0
  }
  .recording-details .eyebrow{
    font-size:max(var(--dp-text-floor, 0px), .62rem)!important
  }
  .recording-details h3{
    font-size:1.45rem
  }
  .recording-details>p:not(.eyebrow){
    font-size:max(var(--dp-text-floor, 0px), .9rem);
    line-height:1.65
  }
  .recording-audio-card{
    margin:0 18px;
    padding:16px 14px
  }
  .recording-audio-card .audio-wave{
    height:65px;
    gap:3px
  }
  .recording-audio-card .audio-wave i{
    width:3px
  }
  .recording-flow{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;
    padding:17px 18px 20px
  }
  .recording-flow b{display:none}
  .recording-flow span{
    min-height:35px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:max(var(--dp-text-floor, 0px), .58rem)
  }
}


/* Lead form submission feedback */
.form-status.is-success,.form-status.is-error{padding:14px 16px;border-radius:5px;border:1px solid;min-height:0;line-height:1.45}
.form-status.is-success{background:#dff6b8;border-color:#9fc96a;color:#22391b}
.form-status.is-error{background:#f4e4de;border-color:#d3a99a;color:#6a3428}
.form-status strong{display:block;font-size:1rem;letter-spacing:-.01em;margin-bottom:2px}
.form-status span{display:block;font-size:max(var(--dp-text-floor, 0px), .76rem)}
.form-status a{color:inherit;border-bottom:1px solid currentColor}
.lead-form .button.is-sent{opacity:1;cursor:default;background:#caff63;border-color:#a9dd4f;color:#172211}
@media(max-width:640px){.form-status.is-success,.form-status.is-error{padding:14px}.form-status strong{font-size:1.02rem}.form-status span{font-size:max(var(--dp-text-floor, 0px), .8rem)}}


/* Dream Protocol mobile visual QA pass */
/* Keep layouts inside the viewport and make long contact text safe everywhere. */
img,svg,video,canvas,audio{max-width:100%}
.contact-grid>*,.demo-grid>*,.recording-stage-grid>*,.architecture-grid>*,.hero-grid>*{min-width:0}
.demo-window,.hero-cockpit,.architecture-console,.recording-console,.lead-form{max-width:100%;min-width:0}
a[href^="mailto:"]{overflow-wrap:anywhere;word-break:break-word}
:focus-visible{outline:2px solid var(--dp-neon);outline-offset:3px}

/* Lift low-contrast utility text without flattening the dark cinematic look. */
.cinematic-contact .contact-copy .eyebrow,
.cinematic-contact .contact-copy>p,
.recording-copy>p,
.architecture-copy>p{color:#b8c9b2!important}
.cinematic-contact .lead-form label{color:#d2dfcc!important}
.cinematic-contact .lead-form input::placeholder,
.cinematic-contact .lead-form textarea::placeholder{color:#93a58e!important}
.footer-columns h2{color:#94a98d!important}
.footer-columns p{color:#9daf96!important}
.footer-bottom{color:#879b81!important}

/* Mobile: readable type, sane wrapping, and less decorative clutter competing with content. */
@media(max-width:680px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{overflow-x:hidden}
  .shell{max-width:100%}

  /* Restore the original mobile logo proportions. */
  .site-header .brand{font-size:1.02rem}
  .site-header .brand-mark{
    width:25px;
    height:27px;
    flex:0 0 25px;
    border-width:4px;
    border-radius:0 15px 15px 0;
    margin-right:3px;
    border-color:#bfff6c;
    transform:skewY(-10deg)
  }
  .site-header .brand-mark:after{
    width:3px;
    height:18px;
    left:4px;
    top:1px;
    background:#bfff6c
  }
  .site-header .brand small{
    margin-top:7px;
    font-size:max(var(--dp-text-floor, 0px), .42rem);
    letter-spacing:.16em
  }

  /* No link or email is allowed to run off a phone screen. */
  .text-link,
  .email-link,
  .cinematic-contact .contact-copy>.text-link,
  .footer-top .email-link,
  .page-hero .email-link{
    max-width:100%;
    white-space:normal!important;
    overflow-wrap:anywhere;
    word-break:break-word
  }
  .cinematic-contact .contact-copy>.text-link{
    display:inline;
    font-size:max(var(--dp-text-floor, 0px), .92rem)!important;
    line-height:1.5
  }

  /* Primary reading text stays comfortably legible. */
  .hero-sub,
  .demo-copy>p:not(.eyebrow),
  .architecture-copy>p,
  .recording-copy>p,
  .cinematic-contact .contact-copy>p,
  .service-card-body>p,
  .production-card p,
  .feature p,
  .wide-note p,
  .related-note p,
  .scope-panel>p,
  .pricing-terms,
  .article-source,
  .form-intro>small,
  .demo-form-note,
  .demo-notice,
  .opportunity-card p,
  .production-flow small,
  .architecture-note,
  .recording-details>p:not(.eyebrow){
    font-size:max(var(--dp-text-floor, 0px), .88rem)!important;
    line-height:1.62!important
  }

  /* Utility labels can stay compact, but not microscopic. */
  .demo-mode-rail,
  .scan-capabilities span,
  .agent-telemetry,
  .opportunity-head>span,
  .production-flow .kicker,
  .production-flow>div,
  .service-card-visual small,
  .architecture-proof span,
  .architecture-console-head,
  .arch-node>span,
  .arch-node strong,
  .arch-node small,
  .architecture-ledger span,
  .architecture-ledger b,
  .recording-points span,
  .recording-console-head,
  .recording-console-head b,
  .recording-flow,
  .footer-command{
    font-size:max(var(--dp-text-floor, 0px), .64rem)!important;
    line-height:1.45!important
  }

  .eyebrow{font-size:max(var(--dp-text-floor, 0px), .68rem)!important}
  .card-number,.step-number{font-size:max(var(--dp-text-floor, 0px), .68rem)!important}

  /* Small interface copy remains readable instead of looking like decoration. */
  .hero-footnote,
  body[data-home="true"] .dp-wow .hero-footnote,
  .principles-strip>.shell,
  body[data-home="true"] .dp-outcome-strip>.shell,
  .home-trust-rail b,
  .window-bar small,
  .demo-command-center .window-bar small,
  .demo-copy-rail span,
  .analysis-steps li,
  .knowledge-details summary,
  .service-card .service-card-body>.eyebrow,
  .guide-copy .eyebrow,
  .recording-details .eyebrow,
  .architecture-step>span,
  .architecture-step strong,
  .architecture-step small,
  .production-card>span,
  .form-intro>span,
  .form-reassurance span,
  .breadcrumbs,
  .protocol-bar>.shell{
    font-size:max(var(--dp-text-floor, 0px), .66rem)!important;
    line-height:1.45!important
  }
  .core-mark small{font-size:max(var(--dp-text-floor, 0px), .58rem)!important}
  .hero-cockpit .core-head,
  .hero-cockpit .core-foot{
    font-size:max(var(--dp-text-floor, 0px), .62rem)!important;
    line-height:1.45!important
  }
  .cockpit-status span{font-size:max(var(--dp-text-floor, 0px), .58rem)!important}
  .cockpit-status b{font-size:max(var(--dp-text-floor, 0px), .64rem)!important}
  .cockpit-status small{font-size:max(var(--dp-text-floor, 0px), .61rem)!important;line-height:1.4!important}
  .hero-cockpit .core-foot{flex-wrap:wrap;gap:6px 10px}
  .contact-path{font-size:max(var(--dp-text-floor, 0px), .68rem)!important;color:#91a48c}
  .contact-path span{min-height:42px}

  /* Dense technical diagrams get room instead of squeezing their copy. */
  .arch-node{width:128px;min-height:72px}
  .architecture-map{overflow:hidden}
  .production-flow>div{gap:7px;flex-wrap:wrap}
  .recording-main{grid-template-columns:1fr}
  .recording-audio-card{margin-inline:14px}
  .recording-flow{gap:5px;flex-wrap:wrap}

  /* Footer becomes an easy-to-scan phone layout. */
  .footer-top .brand{
    font-size:1.12rem!important;
    transform:none!important;
    max-width:100%
  }
  .footer-top .brand-mark{
    width:25px;
    height:27px;
    border-width:4px;
    margin-right:12px
  }
  .footer-top .brand-mark:after{width:3px;height:18px}
  .footer-top .email-link{font-size:max(var(--dp-text-floor, 0px), .9rem)!important;line-height:1.5}
  .footer-columns a,.footer-columns p{font-size:max(var(--dp-text-floor, 0px), .86rem)!important}
  .footer-columns h2{font-size:max(var(--dp-text-floor, 0px), .69rem)!important}
  .footer-bottom{font-size:max(var(--dp-text-floor, 0px), .7rem)!important}
}

@media(max-width:520px){
  .footer-columns{grid-template-columns:1fr!important;gap:28px}
  .footer-columns>div:last-child{grid-column:auto!important;display:block!important}
  .footer-command{
    grid-template-columns:1fr!important;
    gap:0;
    padding-block:14px;
    font-size:max(var(--dp-text-floor, 0px), .66rem)!important
  }
  .footer-command>span:last-child{display:none}
  .footer-command b{text-align:left}
  .cinematic-contact .contact-grid{gap:30px}
  .contact-path{grid-template-columns:1fr 1fr!important}
}

@media(max-width:390px){
  .cinematic-contact .contact-copy>.text-link{font-size:max(var(--dp-text-floor, 0px), .86rem)!important}
  .contact-path{grid-template-columns:1fr!important}
  .hero-footnote{font-size:max(var(--dp-text-floor, 0px), .62rem)!important;line-height:1.5}
}


/* Dream Protocol credibility + founder + Command preview */
.credibility-section{
  background:
    radial-gradient(circle at 82% 12%,rgba(210,255,115,.08),transparent 24%),
    linear-gradient(180deg,#f0f2e9,#f6f6ef);
  border-block:1px solid #d7ded0
}
.credibility-heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);
  gap:8%;
  align-items:end;
  margin-bottom:52px
}
.credibility-heading h2{
  font-size:clamp(3rem,4.8vw,5rem);
  line-height:.98;
  margin-bottom:0
}
.credibility-heading h2 em{color:#55743f}
.credibility-heading>p{
  margin:0;
  font-size:max(var(--dp-text-floor, 0px), .96rem);
  line-height:1.8;
  color:#516057
}
.proof-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid #cad4c2;
  border-left:1px solid #cad4c2
}
.proof-card{
  position:relative;
  min-height:360px;
  padding:28px 27px 30px;
  display:flex;
  flex-direction:column;
  border-right:1px solid #cad4c2;
  border-bottom:1px solid #cad4c2;
  background:rgba(255,255,255,.42);
  overflow:hidden
}
.proof-card:before{
  content:"";
  position:absolute;
  width:220px;height:220px;
  right:-110px;top:-120px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(194,238,111,.18),transparent 66%);
  pointer-events:none
}
.proof-status{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:fit-content;
  min-height:30px;
  padding:6px 10px;
  border:1px solid #cbd6c3;
  border-radius:999px;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .54rem);
  font-weight:800;
  letter-spacing:.09em;
  color:#4f6150;
  background:#fafbf7
}
.proof-status i{
  width:7px;height:7px;border-radius:50%;background:#77a04f;
  box-shadow:0 0 0 4px rgba(119,160,79,.08)
}
.proof-building .proof-status i{background:#c49542;box-shadow:0 0 0 4px rgba(196,149,66,.08)}
.proof-number{
  margin-top:45px;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .63rem);
  color:#84927e
}
.proof-card h3{
  margin:13px 0 14px;
  font-size:1.65rem;
  line-height:1.08
}
.proof-card p{
  font-size:max(var(--dp-text-floor, 0px), .9rem);
  line-height:1.72;
  color:#566258;
  margin-bottom:30px
}
.proof-card .text-link{
  margin-top:auto;
  font-size:max(var(--dp-text-floor, 0px), .75rem)
}

.founder-proof-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 14% 30%,rgba(211,255,114,.10),transparent 28%),
    linear-gradient(180deg,#07100d,#09150f);
  color:#edf6e8;
  border-block:1px solid rgba(210,255,115,.1)
}
.founder-proof-section:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.28;
  background:
    linear-gradient(rgba(210,255,115,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(210,255,115,.035) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(90deg,black,transparent 72%)
}
.founder-proof-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(300px,.76fr) minmax(0,1.24fr);
  gap:8%;
  align-items:center
}
.founder-proof-photo{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(210,255,115,.18);
  background:#101c17;
  box-shadow:0 45px 110px rgba(0,0,0,.28)
}
.founder-proof-photo:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 55%,rgba(5,13,9,.76))
}
.founder-proof-photo img{
  width:100%;
  aspect-ratio:1;
  object-fit:cover;
  object-position:50% 30%;
  filter:saturate(.88) contrast(1.02)
}
.founder-photo-label{
  position:absolute;
  z-index:2;
  left:20px;right:20px;bottom:18px;
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
  color:#b8c8b1;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .49rem);
  letter-spacing:.08em
}
.founder-photo-label b{
  color:#d4ff79;
  font-size:max(var(--dp-text-floor, 0px), .58rem);
  letter-spacing:.09em
}
.founder-proof-copy .eyebrow{color:#91ad86}
.founder-proof-copy h2{
  color:#f6fbf2;
  font-size:clamp(3rem,4.7vw,5rem);
  line-height:.97
}
.founder-proof-copy h2 em{color:#d2ff73}
.founder-proof-copy p{
  max-width:700px;
  color:#a9bba4;
  font-size:max(var(--dp-text-floor, 0px), .96rem);
  line-height:1.82
}
.founder-proof-copy .founder-lead{
  color:#d5e2d0;
  font-family:Manrope,sans-serif;
  font-size:1.14rem;
  line-height:1.62
}
.founder-proof-copy .text-link{color:#eaf4e5}
.founder-principles{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin:31px 0
}
.founder-principles span{
  min-height:44px;
  display:flex;
  align-items:center;
  padding:9px 12px;
  border:1px solid rgba(210,255,115,.12);
  border-radius:6px;
  background:rgba(255,255,255,.025);
  color:#8da287;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .52rem);
  font-weight:700;
  letter-spacing:.075em
}

.platform-preview{
  position:relative;
  overflow:hidden;
  background:#050b09;
  color:#edf5e9;
  border-block:1px solid rgba(210,255,115,.1)
}
.platform-ambient{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 78% 38%,rgba(112,255,203,.07),transparent 25%),
    radial-gradient(circle at 15% 20%,rgba(210,255,115,.08),transparent 25%)
}
.platform-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);
  gap:7%;
  align-items:center
}
.platform-copy .eyebrow{color:#839b7b}
.platform-status{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:7px 11px;
  margin-bottom:25px;
  border:1px solid rgba(224,185,99,.23);
  border-radius:999px;
  color:#dcb66a;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .51rem);
  font-weight:800;
  letter-spacing:.08em
}
.platform-status i{
  width:7px;height:7px;border-radius:50%;
  background:#d9ad5d;
  box-shadow:0 0 15px rgba(217,173,93,.5)
}
.platform-copy h2{
  color:#f5faf1;
  font-size:clamp(3.1rem,4.8vw,5rem);
  line-height:.96
}
.platform-copy h2 em{color:#d2ff73}
.platform-copy>p{
  color:#a5b6a0;
  max-width:560px;
  font-size:max(var(--dp-text-floor, 0px), .95rem);
  line-height:1.8
}
.platform-copy .platform-note{
  padding-left:14px;
  border-left:2px solid #d3b263;
  color:#c1b18a;
  font-size:max(var(--dp-text-floor, 0px), .78rem)
}
.platform-copy .button{
  margin-top:12px;
  background:#d3ff72;
  border-color:#d3ff72;
  color:#0a140d
}
.platform-window{
  position:relative;
  min-height:565px;
  overflow:hidden;
  display:grid;
  grid-template-columns:150px 1fr;
  grid-template-rows:54px 1fr;
  border:1px solid rgba(210,255,115,.2);
  border-radius:17px;
  background:#0b1511;
  box-shadow:0 48px 120px rgba(0,0,0,.38)
}
.platform-window-head{
  grid-column:1/-1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:0 18px;
  border-bottom:1px solid rgba(210,255,115,.1);
  color:#758b70;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .5rem);
  letter-spacing:.08em
}
.platform-window-head>span{display:flex;align-items:center;gap:8px}
.platform-window-head i{
  width:7px;height:7px;border-radius:50%;
  background:#d0ff75;
  box-shadow:0 0 14px rgba(208,255,117,.6)
}
.platform-window-head b{color:#dcb66a;font-size:max(var(--dp-text-floor, 0px), .47rem)}
.platform-sidebar{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:18px 12px;
  border-right:1px solid rgba(210,255,115,.08);
  background:#08110d
}
.platform-sidebar strong{
  width:38px;height:38px;
  display:grid;place-items:center;
  margin:0 5px 18px;
  border-radius:10px;
  background:#d2ff73;
  color:#0c160e;
  font-family:Manrope,sans-serif
}
.platform-sidebar span{
  padding:9px 10px;
  border-radius:5px;
  color:#62745f;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .48rem)
}
.platform-sidebar span.active{
  color:#d9e7d4;
  background:rgba(210,255,115,.07)
}
.platform-main{
  padding:23px;
  min-width:0
}
.platform-title{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-bottom:19px;
  color:#82927e;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .47rem);
  letter-spacing:.08em
}
.platform-title b{color:#b9ccae}
.platform-kpis{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  margin-bottom:12px
}
.platform-kpis>div{
  min-height:105px;
  padding:15px;
  border:1px solid rgba(210,255,115,.09);
  border-radius:8px;
  background:rgba(255,255,255,.025)
}
.platform-kpis small{
  display:block;
  color:#667a62;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .42rem);
  letter-spacing:.08em
}
.platform-kpis strong{
  display:block;
  margin:9px 0 4px;
  color:#e8f3e2;
  font-family:Manrope,sans-serif;
  font-size:1.8rem;
  font-weight:500
}
.platform-kpis span{
  color:#536451;
  font-size:max(var(--dp-text-floor, 0px), .56rem)
}
.platform-feed{
  border:1px solid rgba(210,255,115,.09);
  border-radius:8px;
  overflow:hidden
}
.platform-feed>div{
  display:grid;
  grid-template-columns:64px 1fr auto;
  gap:12px;
  align-items:center;
  min-height:58px;
  padding:11px 13px;
  border-bottom:1px solid rgba(210,255,115,.065)
}
.platform-feed>div:last-child{border-bottom:0}
.platform-feed span{
  color:#688064;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .43rem)
}
.platform-feed b{
  color:#bdccb7;
  font-size:max(var(--dp-text-floor, 0px), .67rem);
  font-weight:600
}
.platform-feed em{
  color:#8da77e;
  font-style:normal;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .44rem)
}
.platform-admin{
  margin-top:12px;
  padding:14px;
  border:1px solid rgba(210,255,115,.1);
  border-radius:8px;
  background:linear-gradient(90deg,rgba(210,255,115,.045),transparent)
}
.platform-admin span{
  display:block;
  margin-bottom:5px;
  color:#7d9476;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .42rem)
}
.platform-admin b{
  color:#c9d7c3;
  font-size:max(var(--dp-text-floor, 0px), .68rem)
}

.about-belief-section{
  background:#edf0e7;
  border-block:1px solid #d8dfd1
}
.about-belief-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:9%;
  align-items:start
}
.about-belief-grid h2{
  font-size:clamp(2.9rem,4.4vw,4.7rem);
  line-height:.98
}
.about-belief-grid p{
  color:#4b5a50;
  font-size:1rem;
  line-height:1.83
}
.about-principles-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid #c7d0c0;
  border-left:1px solid #c7d0c0
}
.about-principles-grid article{
  min-height:270px;
  padding:27px 24px;
  border-right:1px solid #c7d0c0;
  border-bottom:1px solid #c7d0c0
}
.about-principles-grid span{
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .58rem);
  color:#7b8a75
}
.about-principles-grid h3{
  margin:42px 0 13px;
  font-size:1.45rem
}
.about-principles-grid p{
  font-size:max(var(--dp-text-floor, 0px), .86rem);
  line-height:1.7
}

@media(max-width:960px){
  .credibility-heading,
  .founder-proof-grid,
  .platform-grid,
  .about-belief-grid{grid-template-columns:1fr;gap:40px}
  .proof-grid{grid-template-columns:1fr}
  .proof-card{min-height:auto}
  .founder-proof-photo{max-width:620px}
  .platform-window{max-width:850px}
  .about-principles-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:680px){
  .credibility-heading{margin-bottom:34px}
  .credibility-heading h2,
  .founder-proof-copy h2,
  .platform-copy h2,
  .about-belief-grid h2{
    font-size:clamp(2.75rem,12vw,3.6rem);
    line-height:.96
  }
  .credibility-heading>p,
  .founder-proof-copy p,
  .platform-copy>p,
  .about-belief-grid p{
    font-size:max(var(--dp-text-floor, 0px), .96rem)!important;
    line-height:1.72!important
  }
  .proof-card{
    padding:24px 21px 26px
  }
  .proof-card h3{font-size:1.5rem}
  .proof-card p{font-size:max(var(--dp-text-floor, 0px), .92rem)!important}
  .proof-status{font-size:max(var(--dp-text-floor, 0px), .64rem)}
  .founder-proof-grid{gap:34px}
  .founder-photo-label{
    left:14px;right:14px;bottom:13px;
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
    font-size:max(var(--dp-text-floor, 0px), .58rem)
  }
  .founder-photo-label b{font-size:max(var(--dp-text-floor, 0px), .65rem)}
  .founder-principles{grid-template-columns:1fr}
  .founder-principles span{font-size:max(var(--dp-text-floor, 0px), .65rem);min-height:42px}
  .platform-window{
    min-height:auto;
    grid-template-columns:1fr;
    grid-template-rows:50px auto
  }
  .platform-window-head{font-size:max(var(--dp-text-floor, 0px), .58rem);padding-inline:13px}
  .platform-window-head b{font-size:max(var(--dp-text-floor, 0px), .54rem)}
  .platform-sidebar{display:none}
  .platform-main{padding:16px}
  .platform-kpis{grid-template-columns:1fr 1fr}
  .platform-kpis>div:last-child{grid-column:1/-1}
  .platform-kpis small{font-size:max(var(--dp-text-floor, 0px), .58rem)}
  .platform-kpis span{font-size:max(var(--dp-text-floor, 0px), .68rem)}
  .platform-feed>div{
    grid-template-columns:52px 1fr;
    gap:6px 10px;
    min-height:62px
  }
  .platform-feed span{font-size:max(var(--dp-text-floor, 0px), .57rem)}
  .platform-feed b{font-size:max(var(--dp-text-floor, 0px), .74rem)}
  .platform-feed em{
    grid-column:2;
    font-size:max(var(--dp-text-floor, 0px), .58rem)
  }
  .platform-admin span{font-size:max(var(--dp-text-floor, 0px), .57rem)}
  .platform-admin b{font-size:max(var(--dp-text-floor, 0px), .75rem)}
  .about-principles-grid{grid-template-columns:1fr}
  .about-principles-grid article{min-height:auto;padding:24px 21px}
  .about-principles-grid h3{margin-top:25px}
}


/* Quantified delivery proof */
.delivery-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-bottom:28px;
  border-top:1px solid #cbd4c4;
  border-left:1px solid #cbd4c4
}
.delivery-metrics>div{
  min-height:138px;
  padding:24px 22px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  border-right:1px solid #cbd4c4;
  border-bottom:1px solid #cbd4c4;
  background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.3))
}
.delivery-metrics strong{
  display:block;
  color:#1a281d;
  font-family:Manrope,sans-serif;
  font-size:clamp(2rem,3vw,3.35rem);
  font-weight:600;
  line-height:1;
  letter-spacing:-.06em
}
.delivery-metrics span{
  display:block;
  max-width:210px;
  margin-top:10px;
  color:#5b695c;
  font-size:max(var(--dp-text-floor, 0px), .72rem);
  line-height:1.45
}
.proof-grid-six{grid-template-columns:repeat(3,minmax(0,1fr))}
.proof-result{
  margin-top:auto;
  padding-top:18px;
  border-top:1px solid #d3dbc9;
  display:flex;
  flex-direction:column;
  gap:4px
}
.proof-result b{
  color:#708067;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .49rem);
  letter-spacing:.1em
}
.proof-result span{
  color:#2f4032;
  font-size:max(var(--dp-text-floor, 0px), .76rem);
  line-height:1.5;
  font-weight:600
}
.proof-disclosure{
  margin:21px 0 0;
  color:#6a786b;
  font-size:max(var(--dp-text-floor, 0px), .72rem);
  line-height:1.6
}

@media(max-width:960px){
  .delivery-metrics{grid-template-columns:1fr 1fr}
  .proof-grid-six{grid-template-columns:1fr 1fr}
}

@media(max-width:680px){
  .delivery-metrics{grid-template-columns:1fr 1fr}
  .delivery-metrics>div{
    min-height:118px;
    padding:19px 16px
  }
  .delivery-metrics strong{
    font-size:clamp(1.85rem,10vw,2.8rem)
  }
  .delivery-metrics span{
    font-size:max(var(--dp-text-floor, 0px), .76rem);
    line-height:1.45
  }
  .proof-grid-six{grid-template-columns:1fr}
  .proof-result b{font-size:max(var(--dp-text-floor, 0px), .62rem)}
  .proof-result span{font-size:max(var(--dp-text-floor, 0px), .82rem)}
  .proof-disclosure{font-size:max(var(--dp-text-floor, 0px), .78rem);line-height:1.55}
}

@media(max-width:390px){
  .delivery-metrics{grid-template-columns:1fr}
}


/* DreamProtocol animated operations simulator */
.ops-sim-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 76% 24%,rgba(90,255,199,.08),transparent 25%),
    radial-gradient(circle at 16% 70%,rgba(205,255,105,.08),transparent 28%),
    linear-gradient(180deg,#050b09 0%,#07110d 48%,#06100c 100%);
  color:#edf6e8;
  border-block:1px solid rgba(210,255,115,.1)
}
.ops-sim-ambient{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.42;
  background:
    linear-gradient(rgba(210,255,115,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(210,255,115,.035) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:radial-gradient(ellipse at 55% 48%,black 25%,transparent 82%)
}
.ops-sim-heading{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);
  gap:8%;
  align-items:end;
  margin-bottom:50px
}
.ops-sim-heading h2{
  margin-bottom:0;
  color:#f5faf1;
  font-size:clamp(3.1rem,5vw,5.35rem);
  line-height:.94
}
.ops-sim-heading h2 em{color:#d2ff73}
.ops-sim-heading>div:last-child>p{
  color:#aabca4;
  font-size:max(var(--dp-text-floor, 0px), .96rem);
  line-height:1.78;
  max-width:620px
}
.ops-sim-disclosure{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:7px 11px;
  border:1px solid rgba(219,179,92,.2);
  border-radius:999px;
  color:#cdb073;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .49rem);
  font-weight:700;
  letter-spacing:.075em
}
.ops-sim-disclosure i{
  width:7px;height:7px;border-radius:50%;
  background:#d9ad5d;
  box-shadow:0 0 15px rgba(217,173,93,.55)
}
.ops-simulator{
  position:relative;
  z-index:2;
  overflow:hidden;
  border:1px solid rgba(210,255,115,.2);
  border-radius:19px;
  background:
    radial-gradient(circle at 44% 42%,rgba(210,255,115,.045),transparent 31%),
    rgba(8,18,14,.96);
  box-shadow:0 55px 130px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.025)
}
.ops-simulator:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.08;
  background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(220,255,180,.15) 6px);
  animation:opsScanlines 11s linear infinite
}
.ops-window-head{
  position:relative;
  z-index:4;
  min-height:62px;
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:22px;
  padding:0 19px;
  border-bottom:1px solid rgba(210,255,115,.11);
  color:#71866b;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .49rem);
  letter-spacing:.08em
}
.ops-window-head>span{
  display:flex;
  align-items:center;
  gap:9px
}
.ops-window-head>span i,
.ops-activity-head i{
  width:7px;height:7px;border-radius:50%;
  background:#ceff72;
  box-shadow:0 0 15px rgba(206,255,114,.75)
}
.ops-window-head>b{
  color:#c7d8bd;
  font-size:max(var(--dp-text-floor, 0px), .47rem)
}
.ops-scene-tabs{
  display:flex;
  gap:5px;
  padding:4px;
  border:1px solid rgba(210,255,115,.08);
  border-radius:999px;
  background:rgba(255,255,255,.02)
}
.ops-scene-tabs button{
  min-height:34px;
  padding:7px 11px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#6c8067;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .45rem);
  font-weight:700;
  letter-spacing:.055em;
  cursor:pointer
}
.ops-scene-tabs button[aria-selected="true"]{
  background:#d1ff74;
  color:#0a150d;
  box-shadow:0 0 26px rgba(209,255,116,.12)
}
.ops-scenes{
  position:relative;
  z-index:2
}
.ops-scenes:after{
  content:"";
  position:absolute;
  left:-25%;
  top:0;
  width:22%;
  height:100%;
  pointer-events:none;
  opacity:.18;
  background:linear-gradient(90deg,transparent,rgba(209,255,116,.24),transparent);
  transform:skewX(-14deg);
  animation:opsSweep 7s ease-in-out infinite
}
.ops-scene{
  position:relative;
  display:grid;
  grid-template-columns:minmax(240px,.7fr) minmax(390px,1.35fr) minmax(230px,.72fr);
  min-height:545px
}
.ops-scene-copy{
  position:relative;
  z-index:2;
  padding:44px 31px 38px;
  border-right:1px solid rgba(210,255,115,.07);
  background:linear-gradient(90deg,rgba(255,255,255,.012),transparent)
}
.ops-scene-kicker{
  color:#72896d;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .49rem);
  font-weight:700;
  letter-spacing:.09em
}
.ops-scene-copy h3{
  margin:31px 0 18px;
  color:#eff7eb;
  font-size:clamp(2rem,2.6vw,3rem);
  line-height:.98
}
.ops-scene-copy p{
  color:#91a48c;
  font-size:max(var(--dp-text-floor, 0px), .86rem);
  line-height:1.74
}
.ops-scene-result{
  margin-top:36px;
  padding-top:19px;
  border-top:1px solid rgba(210,255,115,.1)
}
.ops-scene-result b{
  display:block;
  margin-bottom:7px;
  color:#71876d;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .45rem);
  letter-spacing:.1em
}
.ops-scene-result span{
  color:#becdb8;
  font-size:max(var(--dp-text-floor, 0px), .76rem);
  line-height:1.55
}
.ops-motion{
  position:relative;
  min-height:545px;
  display:grid;
  place-items:center;
  overflow:hidden
}
.ops-motion:before{
  content:"";
  position:absolute;
  inset:11% 7%;
  border:1px solid rgba(210,255,115,.065);
  border-radius:50%;
  transform:scale(.9,.56);
  box-shadow:
    0 0 0 48px rgba(210,255,115,.018),
    0 0 0 96px rgba(210,255,115,.012)
}
.ops-motion:after{
  content:"";
  position:absolute;
  left:8%;right:8%;top:50%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(209,255,116,.08) 14%,rgba(209,255,116,.34) 50%,rgba(209,255,116,.08) 86%,transparent);
  box-shadow:0 0 16px rgba(210,255,115,.08)
}
.ops-orb{
  position:absolute;
  z-index:5;
  left:50%;top:50%;
  width:100px;height:100px;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  border-radius:27px;
  background:linear-gradient(145deg,#dcff91,#bdea68);
  color:#0b150d;
  box-shadow:0 0 0 1px rgba(210,255,115,.2),0 0 70px rgba(198,255,104,.2)
}
.ops-orb:before,.ops-orb:after,
.ops-orb i{
  content:"";
  position:absolute;
  border:1px solid rgba(210,255,115,.25);
  border-radius:50%;
  animation:opsOrbit 9s linear infinite
}
.ops-orb:before{width:164px;height:164px}
.ops-orb:after{width:220px;height:128px;animation-duration:12s;animation-direction:reverse}
.ops-orb i:first-child{width:270px;height:82px;animation-duration:15s}
.ops-orb i:nth-child(2){width:138px;height:232px;animation-duration:18s;animation-direction:reverse}
.ops-orb b{
  position:relative;
  z-index:2;
  font-family:Manrope,sans-serif;
  font-size:1.45rem;
  font-weight:800
}
.ops-call-card,.ops-lead-form,.ops-document{
  position:absolute;
  z-index:4;
  left:5%;
  top:50%;
  width:170px;
  min-height:118px;
  transform:translateY(-50%);
  padding:15px;
  border:1px solid rgba(210,255,115,.13);
  border-radius:10px;
  background:rgba(13,27,21,.92);
  box-shadow:0 22px 45px rgba(0,0,0,.22);
  animation:opsFloat 4s ease-in-out infinite
}
.ops-call-card span,.ops-lead-form span,.ops-document span,
.ops-transcript span,.ops-score span,.ops-extract span{
  display:block;
  color:#71896c;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .43rem);
  letter-spacing:.08em
}
.ops-call-card strong,.ops-score strong,.ops-extract strong{
  display:block;
  margin-top:21px;
  color:#d5e2d0;
  font-size:max(var(--dp-text-floor, 0px), .73rem)
}
.ops-call-card small,.ops-score small,.ops-extract small{
  display:block;
  margin-top:7px;
  color:#758a70;
  font-size:max(var(--dp-text-floor, 0px), .58rem)
}
.ops-wave{
  position:absolute;
  z-index:5;
  left:9%;
  top:61%;
  width:125px;
  height:35px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:2px
}
.ops-wave i{
  width:3px;
  height:calc(8px + (var(--n) * .8px));
  min-height:5px;
  max-height:28px;
  border-radius:999px;
  background:#bfff6c;
  transform-origin:center;
  animation:opsWave 900ms ease-in-out infinite alternate;
  animation-delay:calc(var(--n) * -35ms)
}
.ops-transcript,.ops-score,.ops-extract{
  position:absolute;
  z-index:4;
  right:5%;
  top:50%;
  width:180px;
  min-height:120px;
  transform:translateY(-50%);
  padding:15px;
  border:1px solid rgba(116,255,205,.15);
  border-radius:10px;
  background:rgba(9,23,18,.94);
  box-shadow:0 22px 45px rgba(0,0,0,.22);
  animation:opsFloat 4.6s ease-in-out infinite reverse
}
.ops-transcript strong{
  display:block;
  margin:20px 0 8px;
  color:#d9e7d4;
  font-size:max(var(--dp-text-floor, 0px), .76rem)
}
.ops-transcript small{color:#748b70;font-size:max(var(--dp-text-floor, 0px), .58rem)}
.ops-motion-arrow{
  position:absolute;
  z-index:6;
  right:30%;
  top:50%;
  transform:translateY(-50%);
  color:#d3ff72;
  font-size:1.2rem;
  text-shadow:0 0 18px rgba(210,255,115,.45);
  animation:opsArrow 1.6s ease-in-out infinite
}
.ops-action-stack{
  position:absolute;
  z-index:6;
  right:2%;
  bottom:7%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px
}
.ops-action-stack span{
  min-width:74px;
  padding:6px 8px;
  border:1px solid rgba(210,255,115,.11);
  border-radius:5px;
  color:#698064;
  background:rgba(255,255,255,.02);
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .42rem);
  text-align:center;
  animation:opsChip 4s ease-in-out infinite
}
.ops-action-stack span:nth-child(2){animation-delay:.65s}
.ops-action-stack span:nth-child(3){animation-delay:1.3s}
.ops-action-stack span:nth-child(4){animation-delay:1.95s}
.ops-action-stack span.is-on{
  color:#d8e8d1;
  border-color:rgba(210,255,115,.23);
  background:rgba(210,255,115,.06)
}
.ops-lead-form i{
  display:block;
  width:var(--w);
  height:7px;
  margin-top:9px;
  border-radius:4px;
  background:linear-gradient(90deg,#6d8368,#a9be9f);
  transform-origin:left;
  animation:opsFill 3.8s ease-in-out infinite
}
.ops-lead-form i:nth-of-type(2){animation-delay:.25s}
.ops-lead-form i:nth-of-type(3){animation-delay:.5s}
.ops-lead-form i:nth-of-type(4){animation-delay:.75s}
.ops-lead-form strong{
  display:inline-block;
  margin-top:14px;
  color:#d3ff72;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .43rem);
  letter-spacing:.08em
}
.ops-document b{
  position:absolute;
  right:14px;
  bottom:12px;
  color:#d2ff73;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .48rem)
}
.ops-document i{
  display:block;
  height:7px;
  margin-top:10px;
  border-radius:3px;
  background:#657862
}
.ops-document i:nth-of-type(1){width:85%}
.ops-document i:nth-of-type(2){width:68%}
.ops-document i:nth-of-type(3){width:78%}
.ops-document em{
  position:absolute;
  left:10px;right:10px;top:38%;
  height:2px;
  background:linear-gradient(90deg,transparent,#d2ff73,transparent);
  box-shadow:0 0 14px rgba(210,255,115,.6);
  animation:opsDocumentScan 2.6s ease-in-out infinite
}
.ops-activity{
  position:relative;
  z-index:2;
  padding:27px 20px;
  border-left:1px solid rgba(210,255,115,.07);
  background:rgba(5,12,9,.45)
}
.ops-activity-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-bottom:14px;
  border-bottom:1px solid rgba(210,255,115,.08);
  color:#6d8168;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .46rem);
  letter-spacing:.09em
}
.ops-event{
  display:grid;
  grid-template-columns:55px 1fr;
  gap:4px 9px;
  min-height:74px;
  align-content:center;
  padding:11px 3px;
  border-bottom:1px solid rgba(210,255,115,.06);
  opacity:.52;
  transform:translateY(5px);
  animation:opsEventCycle 4.8s ease-in-out infinite
}
.ops-event:nth-of-type(3){animation-delay:.65s}
.ops-event:nth-of-type(4){animation-delay:1.3s}
.ops-event:nth-of-type(5){animation-delay:1.95s}
.ops-event span{
  grid-row:1/3;
  align-self:center;
  color:#61755d;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .4rem)
}
.ops-event b{
  color:#b8c8b2;
  font-size:max(var(--dp-text-floor, 0px), .64rem);
  font-weight:600
}
.ops-event em{
  color:#60745c;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .4rem);
  font-style:normal
}
.ops-event.is-hot{
  opacity:1
}
.ops-bottom-rail{
  position:relative;
  z-index:4;
  min-height:55px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:12px 18px;
  border-top:1px solid rgba(210,255,115,.09);
  color:#6b7f66;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .45rem);
  letter-spacing:.07em;
  flex-wrap:wrap
}
.ops-bottom-rail b{
  color:#d2ff73;
  font-size:max(var(--dp-text-floor, 0px), .7rem)
}
/*
 * Keep scene changes visually continuous. The old entrance animation faded each
 * newly selected scene from opacity:0, which read as a black flash on mobile
 * when the simulator advanced. Settle the layers with transform-only motion so
 * the panel is fully painted on every frame while still feeling alive.
 */
.ops-scene.is-active .ops-scene-copy{
  animation:opsSceneSettle .46s cubic-bezier(.2,.7,.2,1) both
}
.ops-scene.is-active .ops-motion{
  animation:opsSceneSettle .56s .04s cubic-bezier(.2,.7,.2,1) both
}
.ops-scene.is-active .ops-activity{
  animation:opsSceneSettle .56s .08s cubic-bezier(.2,.7,.2,1) both
}

@keyframes opsScanlines{
  0%{transform:translateY(-18px)}
  100%{transform:translateY(18px)}
}
@keyframes opsSweep{
  0%,12%{left:-28%;opacity:0}
  28%{opacity:.16}
  62%{left:115%;opacity:.08}
  100%{left:115%;opacity:0}
}
@keyframes opsOrbit{
  to{transform:rotate(360deg)}
}
@keyframes opsFloat{
  0%,100%{translate:0 -4px}
  50%{translate:0 5px}
}
@keyframes opsWave{
  from{transform:scaleY(.42);opacity:.6}
  to{transform:scaleY(1.2);opacity:1}
}
@keyframes opsArrow{
  0%,100%{translate:-4px 0;opacity:.55}
  50%{translate:4px 0;opacity:1}
}
@keyframes opsChip{
  0%,18%,100%{border-color:rgba(210,255,115,.1);color:#687c64;background:rgba(255,255,255,.02)}
  35%,58%{border-color:rgba(210,255,115,.28);color:#dce9d6;background:rgba(210,255,115,.07)}
}
@keyframes opsFill{
  0%,12%{transform:scaleX(.15);opacity:.35}
  48%,82%{transform:scaleX(1);opacity:1}
  100%{transform:scaleX(.15);opacity:.35}
}
@keyframes opsDocumentScan{
  0%,100%{top:32%;opacity:.35}
  50%{top:74%;opacity:1}
}
@keyframes opsEventCycle{
  0%,12%,100%{opacity:.42;transform:translateY(5px)}
  26%,65%{opacity:1;transform:translateY(0)}
}
@keyframes opsSceneSettle{
  from{transform:translateY(8px) scale(.997)}
  to{transform:translateY(0) scale(1)}
}

/* Stronger business-outcome proof, while keeping claims qualified. */
.proof-scale-rail{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:22px
}
.proof-scale-rail span{
  padding:9px 11px;
  border:1px solid #cfd8c7;
  border-radius:999px;
  background:#fafbf7;
  color:#60705f;
  font-size:max(var(--dp-text-floor, 0px), .68rem)
}
.proof-scale-rail b{
  color:#243526;
  font-weight:700
}

@media(max-width:1100px){
  .ops-scene{
    grid-template-columns:minmax(220px,.65fr) minmax(360px,1.35fr)
  }
  .ops-activity{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:0;
    padding:0 18px 18px;
    border-left:0;
    border-top:1px solid rgba(210,255,115,.07)
  }
  .ops-activity-head{display:none}
  .ops-event{
    border-bottom:0;
    border-right:1px solid rgba(210,255,115,.06);
    padding:12px;
    min-height:82px
  }
  .ops-event:last-child{border-right:0}
}

@media(max-width:820px){
  .ops-sim-heading{grid-template-columns:1fr;gap:28px}
  .ops-window-head{
    grid-template-columns:1fr auto;
    padding-block:12px
  }
  .ops-scene-tabs{
    grid-column:1/-1;
    justify-content:stretch
  }
  .ops-scene-tabs button{flex:1}
  .ops-scene{
    grid-template-columns:1fr;
    min-height:0
  }
  .ops-scene-copy{
    padding:30px 24px 25px;
    border-right:0;
    border-bottom:1px solid rgba(210,255,115,.07)
  }
  .ops-motion{min-height:460px}
  .ops-activity{
    grid-column:auto;
    grid-template-columns:1fr 1fr
  }
}

@media(max-width:680px){
  .ops-sim-section{padding-block:82px}
  .ops-sim-heading{margin-bottom:34px}
  .ops-sim-heading h2{font-size:clamp(2.9rem,13vw,3.8rem)}
  .ops-sim-heading>div:last-child>p{font-size:max(var(--dp-text-floor, 0px), .96rem)!important;line-height:1.7!important}
  .ops-sim-disclosure{
    max-width:100%;
    border-radius:8px;
    font-size:max(var(--dp-text-floor, 0px), .62rem);
    line-height:1.45
  }
  .ops-simulator{border-radius:14px}
  .ops-window-head{
    min-height:52px;
    gap:10px;
    font-size:max(var(--dp-text-floor, 0px), .6rem)
  }
  .ops-window-head>b{font-size:max(var(--dp-text-floor, 0px), .56rem)}
  .ops-scene-tabs{gap:3px}
  .ops-scene-tabs button{
    min-height:39px;
    padding-inline:8px;
    font-size:max(var(--dp-text-floor, 0px), .61rem)
  }
  .ops-scene-copy{
    padding:26px 20px 23px
  }
  .ops-scene-kicker{font-size:max(var(--dp-text-floor, 0px), .62rem)}
  .ops-scene-copy h3{
    margin-top:20px;
    font-size:2.25rem
  }
  .ops-scene-copy p{font-size:max(var(--dp-text-floor, 0px), .92rem);line-height:1.68}
  .ops-scene-result b{font-size:max(var(--dp-text-floor, 0px), .6rem)}
  .ops-scene-result span{font-size:max(var(--dp-text-floor, 0px), .82rem)}
  .ops-motion{
    min-height:405px
  }
  .ops-orb{
    width:82px;height:82px;
    border-radius:22px
  }
  .ops-orb:before{width:135px;height:135px}
  .ops-orb:after{width:175px;height:105px}
  .ops-orb i:first-child{width:210px;height:70px}
  .ops-orb i:nth-child(2){width:112px;height:185px}
  .ops-call-card,.ops-lead-form,.ops-document{
    left:3%;
    width:135px;
    min-height:105px;
    padding:12px
  }
  .ops-transcript,.ops-score,.ops-extract{
    right:3%;
    width:140px;
    min-height:108px;
    padding:12px
  }
  .ops-call-card strong,.ops-score strong,.ops-extract strong,
  .ops-transcript strong{font-size:max(var(--dp-text-floor, 0px), .68rem)}
  .ops-call-card span,.ops-lead-form span,.ops-document span,
  .ops-transcript span,.ops-score span,.ops-extract span{font-size:max(var(--dp-text-floor, 0px), .54rem)}
  .ops-call-card small,.ops-score small,.ops-extract small,.ops-transcript small{font-size:max(var(--dp-text-floor, 0px), .58rem)}
  .ops-wave{
    left:5%;
    width:108px
  }
  .ops-action-stack{
    right:3%;
    bottom:4%;
    grid-template-columns:1fr 1fr
  }
  .ops-action-stack span{
    min-width:60px;
    font-size:max(var(--dp-text-floor, 0px), .54rem)
  }
  .ops-motion-arrow{display:none}
  .ops-activity{
    padding:0 12px 12px;
    grid-template-columns:1fr 1fr
  }
  .ops-event{
    min-height:74px;
    padding:10px 7px;
    grid-template-columns:44px 1fr
  }
  .ops-event span,.ops-event em{font-size:max(var(--dp-text-floor, 0px), .53rem)}
  .ops-event b{font-size:max(var(--dp-text-floor, 0px), .68rem)}
  .ops-bottom-rail{
    justify-content:flex-start;
    font-size:max(var(--dp-text-floor, 0px), .57rem);
    gap:8px 10px
  }
  .proof-scale-rail span{font-size:max(var(--dp-text-floor, 0px), .76rem)}
}

@media(max-width:420px){
  .ops-motion{min-height:380px}
  .ops-call-card,.ops-lead-form,.ops-document{width:122px}
  .ops-transcript,.ops-score,.ops-extract{width:126px}
  .ops-action-stack{display:none}
  .ops-activity{grid-template-columns:1fr}
  .ops-event{border-right:0}
}


/* =========================================================
   DREAM PROTOCOL // CINEMATIC EXPERIENCE PASS
   A progressive enhancement layer: cinematic continuity,
   richer depth, responsive motion, and app-like navigation.
   ========================================================= */

@view-transition{navigation:auto}
.site-header{view-transition-name:dp-header}
.site-header .brand{view-transition-name:dp-brand}
::view-transition-old(root){
  animation:dpPageOut .24s cubic-bezier(.4,0,1,1) both
}
::view-transition-new(root){
  animation:dpPageIn .42s cubic-bezier(.16,1,.3,1) both
}
::view-transition-old(dp-header),
::view-transition-new(dp-header),
::view-transition-old(dp-brand),
::view-transition-new(dp-brand){
  animation-duration:.28s
}
@keyframes dpPageOut{
  to{opacity:.2;transform:translateY(-7px) scale(.997);filter:blur(2px)}
}
@keyframes dpPageIn{
  from{opacity:.15;transform:translateY(11px) scale(.997);filter:blur(4px)}
  to{opacity:1;transform:none;filter:none}
}

html{background:#07100e}
body{
  background:
    radial-gradient(circle at 12% 8%,rgba(210,255,115,.035),transparent 22rem),
    radial-gradient(circle at 88% 22%,rgba(127,255,198,.025),transparent 24rem),
    var(--paper);
}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}

/* Scroll presence gives every major scene a quiet "powered" edge without
   resetting or flashing its content. */
.dp-presence{
  position:relative;
  transition:box-shadow .8s cubic-bezier(.2,.7,.2,1)
}
.dp-presence.is-current{
  box-shadow:
    inset 0 1px rgba(210,255,115,.07),
    inset 0 -1px rgba(127,255,198,.045)
}

/* Signature system activity beacon. Desktop only, decorative and pointer-free. */
.dp-protocol-beacon{
  position:fixed;
  right:13px;
  top:50%;
  z-index:90;
  width:9px;
  height:74px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  transform:translateY(-50%);
  pointer-events:none;
  opacity:.48
}
.dp-protocol-beacon:before{
  content:"";
  position:absolute;
  width:1px;
  height:100%;
  background:linear-gradient(transparent,rgba(210,255,115,.22),transparent)
}
.dp-protocol-beacon i{
  position:relative;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#d2ff73;
  box-shadow:0 0 14px rgba(210,255,115,.72);
  animation:dpBeacon 2.8s ease-in-out infinite
}
.dp-protocol-beacon i:nth-child(2){animation-delay:.55s}
.dp-protocol-beacon i:nth-child(3){animation-delay:1.1s}
@keyframes dpBeacon{
  0%,100%{opacity:.2;transform:scale(.72)}
  45%{opacity:1;transform:scale(1.18)}
}

/* Header feels like a persistent control surface. */
.site-header{
  box-shadow:
    0 12px 44px rgba(0,0,0,.18),
    inset 0 -1px rgba(255,255,255,.015)
}
.site-header:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.32;
  background:
    radial-gradient(520px 70px at var(--header-x,50%) 0,rgba(210,255,115,.09),transparent 70%)
}
.site-header .nav-wrap{position:relative;z-index:1}
.site-header .nav-wrap>.button,
body[data-home="true"] .hero-primary{
  translate:var(--mag-x,0px) var(--mag-y,0px)
}
.button,
.demo-float-cta{
  translate:var(--mag-x,0px) var(--mag-y,0px);
  transition:
    translate .18s cubic-bezier(.2,.7,.2,1),
    transform .2s ease,
    background .2s ease,
    color .2s ease,
    box-shadow .2s ease
}
.button:active,.demo-float-cta:active{scale:.985}

/* Make the hero read like a live system, not a static illustration. */
body[data-home="true"] .home-hero.dp-wow{
  background:
    radial-gradient(circle at 17% 18%,rgba(193,255,99,.075),transparent 25rem),
    radial-gradient(circle at 84% 56%,rgba(87,255,205,.055),transparent 27rem),
    #07100e
}
body[data-home="true"] .hero-aurora{
  opacity:.86;
  filter:blur(48px);
  animation-duration:18s
}
.hero-cockpit{
  box-shadow:
    0 56px 150px rgba(0,0,0,.52),
    0 0 70px rgba(210,255,115,.035),
    0 0 0 1px rgba(210,255,115,.035) inset,
    0 1px rgba(255,255,255,.045) inset
}
.hero-cockpit .signal-node{
  box-shadow:0 0 0 1px rgba(210,255,115,.06) inset;
  animation:dpNodeSignal 4.8s ease-in-out infinite
}
.hero-cockpit .signal-node:nth-of-type(2){animation-delay:.8s}
.hero-cockpit .signal-node:nth-of-type(3){animation-delay:1.6s}
.hero-cockpit .signal-node:nth-of-type(4){animation-delay:2.4s}
@keyframes dpNodeSignal{
  0%,100%{border-color:rgba(210,255,115,.12);filter:none}
  48%{border-color:rgba(210,255,115,.38);filter:drop-shadow(0 0 8px rgba(210,255,115,.16))}
}
.core-ring{
  filter:drop-shadow(0 0 10px rgba(210,255,115,.055))
}

/* Premium, product-like surfaces across every page. */
:is(.service-card,.price-card,.guide-card,.proof-card,.production-card,.opportunity-card,.feature,.region-card,.wide-note){
  transform:translateZ(0);
  backface-visibility:hidden;
}
:is(.service-card,.price-card,.guide-card,.proof-card,.production-card,.opportunity-card):hover{
  border-color:rgba(126,164,94,.62)!important;
  box-shadow:
    0 34px 90px rgba(26,48,21,.13),
    0 0 0 1px rgba(210,255,115,.055) inset
}
.service-card,
.price-card,
.guide-card,
.proof-card,
.production-card,
.opportunity-card{
  will-change:transform
}
.service-card:hover,
.price-card:hover,
.guide-card:hover,
.proof-card:hover,
.production-card:hover,
.opportunity-card:hover{
  transform:translateY(-8px)
}

/* Headings now have a deliberate protocol line that visually carries
   the visitor from one scene to the next. */
.section-heading,
.ops-sim-heading,
.credibility-heading,
.platform-copy,
.recording-copy{
  position:relative
}
.section-heading:after,
.credibility-heading:after{
  content:"";
  display:block;
  width:min(150px,34vw);
  height:1px;
  margin-top:24px;
  background:linear-gradient(90deg,rgba(112,145,78,.72),rgba(210,255,115,.55),transparent);
  transform-origin:left;
  scale:.72 1;
  opacity:.62;
  transition:scale .8s cubic-bezier(.16,1,.3,1),opacity .8s ease
}
.dp-presence.is-current .section-heading:after,
.dp-presence.is-current .credibility-heading:after{
  scale:1 1;
  opacity:1
}

/* The three most cinematic UI blocks get a continuous edge-energy treatment. */
.ops-simulator,
.recording-console,
.platform-window,
.demo-command-center{
  isolation:isolate
}
.ops-simulator:after,
.recording-console:after,
.platform-window:after,
.demo-command-center:after{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:8;
  border-radius:inherit;
  pointer-events:none;
  opacity:.42;
  background:
    linear-gradient(115deg,transparent 0 38%,rgba(210,255,115,.11) 48%,transparent 58% 100%);
  background-size:240% 100%;
  animation:dpEdgeTravel 9s linear infinite
}
@keyframes dpEdgeTravel{
  0%{background-position:190% 0}
  100%{background-position:-70% 0}
}

/* Operations simulator stays alive continuously between scenes. */
.ops-simulator{
  box-shadow:
    0 62px 150px rgba(0,0,0,.43),
    0 0 50px rgba(210,255,115,.028),
    inset 0 1px rgba(255,255,255,.03)
}
.ops-orb{
  box-shadow:
    0 0 0 1px rgba(210,255,115,.24),
    0 0 78px rgba(198,255,104,.23),
    0 0 130px rgba(127,255,198,.055)
}

/* Dark product sections get stronger depth, while light sections keep clarity. */
.demo-section,
.recording-stage,
.ops-sim-section,
.platform-preview{
  position:relative;
  isolation:isolate
}
.demo-section:before,
.recording-stage:before,
.platform-preview:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.28;
  background:
    linear-gradient(rgba(210,255,115,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(210,255,115,.025) 1px,transparent 1px);
  background-size:62px 62px;
  mask-image:radial-gradient(ellipse at center,black 15%,transparent 76%)
}
.demo-section>.shell,
.recording-stage>.shell,
.platform-preview>.shell{position:relative;z-index:1}

/* Forms feel like product interfaces instead of generic form boxes. */
.lead-form,
.website-form,
.alex-widget-panel{
  box-shadow:
    0 24px 70px rgba(29,48,23,.075),
    inset 0 1px rgba(255,255,255,.42)
}
input,textarea{
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease
}
input:focus,textarea:focus{
  outline:none;
  border-color:#88a967;
  box-shadow:0 0 0 4px rgba(118,151,82,.11);
  background:#fff
}

/* FAQ interaction feels immediate without over-animation. */
.faq-section details{
  transition:background .22s ease,padding .22s ease
}
.faq-section details[open]{
  background:rgba(210,255,115,.045);
  padding-inline:16px
}

/* Mobile is intentionally bold and readable, not a shrunk desktop composition. */
@media(max-width:900px){
  .dp-protocol-beacon{display:none}
  .site-header .nav-wrap nav.open{
    background:rgba(7,16,14,.985)!important;
    border-color:rgba(210,255,115,.12)!important;
    backdrop-filter:blur(22px)
  }
  .site-header .nav-wrap nav.open a{color:#cbd9c5}
  .site-header .nav-wrap nav.open a:hover,
  .site-header .nav-wrap nav.open a[aria-current="page"]{color:#f4faef}
}

@media(max-width:680px){
  body{background:var(--paper)}
  .section{padding-block:74px}
  .page-hero{padding-block:48px 64px}
  .eyebrow{font-size:max(var(--dp-text-floor, 0px), .64rem);line-height:1.55;letter-spacing:.105em}
  .page-hero>p:not(.eyebrow),
  .section-heading p:not(.eyebrow){font-size:1rem;line-height:1.72}
  body[data-home="true"] .dp-wow .hero-copy h1{
    font-size:clamp(3.05rem,14.4vw,4.55rem);
    line-height:.94
  }
  body[data-home="true"] .dp-wow .hero-intro{
    font-size:1.08rem;
    line-height:1.52
  }
  body[data-home="true"] .dp-wow .hero-sub{
    font-size:max(var(--dp-text-floor, 0px), .93rem);
    line-height:1.72
  }
  .service-card,
  .price-card,
  .guide-card,
  .proof-card{
    border-radius:10px
  }
  .service-card>p:not(.eyebrow),
  .proof-card p,
  .feature p{
    font-size:max(var(--dp-text-floor, 0px), .9rem);
    line-height:1.68
  }
  .service-card h3{font-size:1.32rem}
  .site-header:before{display:none}
  .ops-simulator:after,
  .recording-console:after,
  .platform-window:after,
  .demo-command-center:after{
    opacity:.24;
    animation-duration:12s
  }
}

@media(prefers-reduced-motion:reduce){
  ::view-transition-old(root),
  ::view-transition-new(root){animation:none}
  .dp-protocol-beacon i,
  .hero-cockpit .signal-node,
  .ops-simulator:after,
  .recording-console:after,
  .platform-window:after,
  .demo-command-center:after{animation:none!important}
}


/* DREAM PROTOCOL // VISUAL MASTERPIECE V2 */

/* Home hero: unmistakably cinematic, not a subtle polish pass. */
body[data-home="true"] .home-hero.dp-wow{
  min-height:calc(100svh - 82px);
  padding:clamp(62px,8vw,110px) 0 clamp(82px,10vw,138px);
  background:
    radial-gradient(900px 620px at 76% 42%,rgba(123,255,195,.12),transparent 62%),
    radial-gradient(760px 590px at 22% 18%,rgba(210,255,115,.13),transparent 63%),
    linear-gradient(135deg,#030806 0%,#07110d 42%,#06130e 100%);
}
body[data-home="true"] .home-hero.dp-wow:after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(115deg,transparent 0 46%,rgba(210,255,115,.05) 50%,transparent 54%);
  background-size:180% 100%;
  animation:dpHeroBeam 12s linear infinite
}
@keyframes dpHeroBeam{from{background-position:140% 0}to{background-position:-80% 0}}
body[data-home="true"] .dp-wow .hero-grid{
  grid-template-columns:minmax(0,1.1fr) minmax(460px,.9fr);
  gap:clamp(44px,7vw,110px)
}
body[data-home="true"] .dp-wow .hero-copy h1{
  font-size:clamp(4.4rem,7.15vw,7.55rem);
  line-height:.88;letter-spacing:-.075em;max-width:900px
}
body[data-home="true"] .dp-wow .hero-copy h1 em{
  display:inline-block;color:#d5ff75;
  text-shadow:0 0 22px rgba(210,255,115,.12),0 0 60px rgba(210,255,115,.12)
}
body[data-home="true"] .dp-wow .hero-intro{max-width:760px;font-size:clamp(1.18rem,1.65vw,1.62rem)}
body[data-home="true"] .dp-wow .hero-sub{max-width:680px;font-size:1rem}
body[data-home="true"] .hero-cockpit{
  min-height:680px;
  transform:perspective(1400px) rotateY(-2.2deg) rotateX(.6deg) translate3d(var(--tilt-x),var(--tilt-y),0);
  border-color:rgba(210,255,115,.3);
  background:
    radial-gradient(circle at 48% 39%,rgba(210,255,115,.085),transparent 30%),
    radial-gradient(circle at 82% 18%,rgba(127,255,198,.06),transparent 26%),
    linear-gradient(180deg,rgba(12,25,19,.96),rgba(3,9,7,.99));
  box-shadow:-22px 48px 120px rgba(0,0,0,.56),0 0 110px rgba(210,255,115,.045),inset 0 1px rgba(255,255,255,.05)
}
body[data-home="true"] .dp-outcome-strip{background:#d4ff74;color:#08110b;border:0}
body[data-home="true"] .dp-outcome-strip>.shell{
  min-height:62px;align-items:center;font-family:var(--dp-mono);font-weight:800;letter-spacing:.08em
}
body[data-home="true"] .home-trust-rail{background:#050b08;border-color:rgba(210,255,115,.12)}

/* Operations becomes a full digital stage. */
.ops-sim-section{
  padding-block:clamp(100px,11vw,165px);
  background:
    radial-gradient(760px 520px at 78% 36%,rgba(127,255,198,.08),transparent 65%),
    radial-gradient(720px 540px at 12% 68%,rgba(210,255,115,.09),transparent 67%),
    #030806
}
.ops-sim-heading{align-items:center;margin-bottom:64px}
.ops-sim-heading h2{font-size:clamp(4rem,6.6vw,7rem);letter-spacing:-.065em}
.ops-simulator{
  border-radius:28px;border-color:rgba(210,255,115,.28);
  background:radial-gradient(circle at 50% 48%,rgba(210,255,115,.075),transparent 34%),linear-gradient(145deg,rgba(11,24,18,.985),rgba(3,9,7,.995))
}
.ops-window-head{min-height:74px;padding-inline:26px}
.ops-scenes{
  background:linear-gradient(90deg,rgba(210,255,115,.018) 1px,transparent 1px),linear-gradient(rgba(210,255,115,.018) 1px,transparent 1px);
  background-size:42px 42px
}
.ops-orb{
  width:118px;height:118px;border-radius:34px;background:linear-gradient(145deg,#efffbd,#bfff64);
  box-shadow:0 0 0 1px rgba(210,255,115,.36),0 0 95px rgba(198,255,104,.32),0 0 190px rgba(127,255,198,.08)
}
.ops-call-card,.ops-lead-form,.ops-document,.ops-transcript,.ops-score,.ops-extract{
  backdrop-filter:blur(18px);border-color:rgba(210,255,115,.19);
  box-shadow:0 28px 60px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.025)
}

/* Homepage services: black-glass product deck, not beige cards. */
body[data-home="true"] .flagship-section{
  position:relative;color:#eff8e9;padding-block:clamp(105px,10vw,155px);
  background:#07100e;box-shadow:0 0 0 100vmax #07100e;clip-path:inset(0 -100vmax)
}
body[data-home="true"] .flagship-section:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.44;
  background:
    radial-gradient(circle at 13% 25%,rgba(210,255,115,.11),transparent 28%),
    radial-gradient(circle at 87% 74%,rgba(127,255,198,.08),transparent 25%),
    linear-gradient(rgba(210,255,115,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(210,255,115,.025) 1px,transparent 1px);
  background-size:auto,auto,54px 54px,54px 54px
}
body[data-home="true"] .flagship-section>*{position:relative;z-index:1}
body[data-home="true"] .flagship-section .section-heading h2{color:#f6fdf2;font-size:clamp(3.4rem,5vw,5.6rem)}
body[data-home="true"] .flagship-section .section-heading h2 em{color:#d2ff73}
body[data-home="true"] .flagship-section .section-heading p{color:#9eb096}
body[data-home="true"] .flagship-section .text-link{color:#d7e7d0}
body[data-home="true"] .home-service-grid{gap:20px}
body[data-home="true"] .home-service-grid .service-card{
  position:relative;min-height:430px;padding:34px;overflow:hidden;
  border:1px solid rgba(210,255,115,.16)!important;border-radius:18px;
  background:radial-gradient(circle at 18% 12%,rgba(210,255,115,.07),transparent 30%),linear-gradient(145deg,rgba(17,33,25,.96),rgba(7,15,11,.99))!important;
  box-shadow:0 30px 90px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.025)
}
body[data-home="true"] .home-service-grid .service-card:after{
  position:absolute;right:12px;bottom:-34px;font-family:Manrope,sans-serif;font-size:9rem;font-weight:800;line-height:1;color:rgba(210,255,115,.035);pointer-events:none
}
body[data-home="true"] .home-service-grid .service-card:nth-child(1):after{content:"01"}
body[data-home="true"] .home-service-grid .service-card:nth-child(2):after{content:"02"}
body[data-home="true"] .home-service-grid .service-card:nth-child(3):after{content:"03"}
body[data-home="true"] .home-service-grid .service-icon{color:#d2ff73}
body[data-home="true"] .home-service-grid .service-card h3{color:#edf7e8;font-size:1.72rem}
body[data-home="true"] .home-service-grid .service-card>p:not(.eyebrow){color:#91a38d;font-size:max(var(--dp-text-floor, 0px), .9rem)}
body[data-home="true"] .home-service-grid .card-price{color:#d2ff73;border-color:rgba(210,255,115,.12);font-family:var(--dp-mono)}

/* Proof section: striking lime evidence band. */
.credibility-section{
  position:relative;color:#0a140d;background:#d7ff7d!important;
  box-shadow:0 0 0 100vmax #d7ff7d;clip-path:inset(0 -100vmax);
  padding-block:clamp(105px,10vw,150px)
}
.credibility-section .credibility-heading h2{color:#0a140d;font-size:clamp(3.4rem,5.1vw,5.7rem)}
.credibility-section .credibility-heading h2 em{color:#25451f}
.credibility-section .credibility-heading p{color:#355331}
.credibility-section .delivery-metrics{gap:1px!important;padding:1px;background:rgba(9,20,12,.13);border-radius:16px;overflow:hidden}
.credibility-section .delivery-metrics>div{background:rgba(248,255,232,.62)!important;padding:30px 24px!important}
.credibility-section .delivery-metrics strong{color:#08110b!important;font-size:clamp(2.6rem,4vw,4.6rem)!important;letter-spacing:-.055em}
.credibility-section .delivery-metrics span{color:#34512f!important}
.credibility-section .proof-card{border-color:rgba(14,34,16,.16)!important;background:rgba(248,255,235,.78)!important;box-shadow:0 18px 55px rgba(39,74,29,.075)}
.credibility-section .proof-card h3{color:#132416}
.credibility-section .proof-card p,.credibility-section .proof-result span,.credibility-section .proof-disclosure{color:#4a6245}
.credibility-section .proof-result{border-color:rgba(20,42,20,.13)}
.credibility-section .proof-result b,.credibility-section .proof-number,.credibility-section .proof-status span{color:#31552c}
.credibility-section .proof-scale-rail span{background:rgba(248,255,235,.58);border-color:rgba(15,40,18,.14);color:#2e4b2c}

/* Inner pages now open inside the same cinematic visual system. */
body:not([data-home="true"]) .page-hero{
  position:relative;isolation:isolate;color:#f3faef;
  padding-block:clamp(72px,8vw,122px) clamp(82px,9vw,138px);
  background:
    radial-gradient(620px 430px at 72% 38%,rgba(127,255,198,.08),transparent 68%),
    radial-gradient(620px 430px at 12% 5%,rgba(210,255,115,.11),transparent 65%),
    #07100e;
  box-shadow:0 0 0 100vmax #07100e;clip-path:inset(0 -100vmax)
}
body:not([data-home="true"]) .page-hero:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55;
  background:linear-gradient(rgba(210,255,115,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(210,255,115,.03) 1px,transparent 1px);
  background-size:58px 58px
}
body:not([data-home="true"]) .page-hero h1{color:#f8fff4;font-size:clamp(3.8rem,6.5vw,7rem);line-height:.91;max-width:1100px}
body:not([data-home="true"]) .page-hero h1 em{color:#d2ff73;text-shadow:0 0 40px rgba(210,255,115,.12)}
body:not([data-home="true"]) .page-hero>p:not(.eyebrow),body:not([data-home="true"]) .page-hero .contact-grid>div>p{color:#9eb298}
body:not([data-home="true"]) .page-hero .eyebrow{color:#a8c68d}
body:not([data-home="true"]) :is(.service-card,.price-card,.feature,.guide-card,.related-note,.region-card){border-radius:14px}
body:not([data-home="true"]) .service-card{min-height:390px;padding:34px}
body:not([data-home="true"]) .service-card h3{font-size:1.55rem}
body:not([data-home="true"]) .service-card>p:not(.eyebrow){font-size:max(var(--dp-text-floor, 0px), .9rem);line-height:1.72}

/* Final CTA is now a real closing scene. */
.cta-band{
  position:relative;overflow:hidden;color:#f6fdf1;
  background:radial-gradient(circle at 78% 50%,rgba(127,255,198,.11),transparent 28rem),radial-gradient(circle at 15% 25%,rgba(210,255,115,.13),transparent 27rem),#07100e!important
}
.cta-band h2{color:#f6fdf1}.cta-band h2 em{color:#d2ff73}.cta-band p{color:#9eb096}
.cta-band .button{background:#d2ff73;border-color:#d2ff73;color:#0a140d;box-shadow:0 18px 50px rgba(177,242,74,.13)}

@media(max-width:820px){
  body[data-home="true"] .dp-wow .hero-grid{grid-template-columns:1fr}
  body[data-home="true"] .hero-cockpit{transform:none;min-height:560px}
}
@media(max-width:680px){
  body[data-home="true"] .home-hero.dp-wow{padding:42px 0 92px}
  body[data-home="true"] .dp-wow .hero-copy h1{font-size:clamp(3.35rem,15.8vw,5rem);line-height:.9}
  body[data-home="true"] .hero-cockpit{min-height:520px;border-radius:18px}
  .ops-sim-section{padding-block:90px}.ops-sim-heading h2{font-size:clamp(3.3rem,14vw,4.4rem)}
  .ops-simulator{border-radius:20px}.ops-window-head{min-height:62px;padding-inline:14px}
  .ops-orb{width:92px;height:92px;border-radius:26px}
  body[data-home="true"] .flagship-section{padding-block:88px}
  body[data-home="true"] .home-service-grid .service-card{min-height:360px;padding:27px 23px}
  body[data-home="true"] .home-service-grid .service-card h3{font-size:1.55rem}
  .credibility-section{padding-block:88px}
  .credibility-section .delivery-metrics{border-radius:12px}
  .credibility-section .delivery-metrics>div{padding:24px 19px!important}
  .credibility-section .delivery-metrics strong{font-size:3rem!important}
  body:not([data-home="true"]) .page-hero{padding-block:58px 78px}
  body:not([data-home="true"]) .page-hero h1{font-size:clamp(3.15rem,14.3vw,4.65rem);line-height:.92}
}


/* DREAM PROTOCOL // AI SALES POLISH */

/* The capability band should read like AI product modules, not a legacy stats table. */
.credibility-section .delivery-metrics{
  gap:10px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  overflow:visible
}
.credibility-section .delivery-metrics>div{
  min-height:168px;
  justify-content:space-between;
  border:1px solid rgba(8,17,11,.86)!important;
  border-radius:14px;
  background:
    radial-gradient(circle at 82% 18%,rgba(210,255,115,.09),transparent 34%),
    #0a160f!important;
  box-shadow:0 18px 44px rgba(35,69,24,.12)
}
.credibility-section .delivery-metrics strong{
  color:#d8ff80!important;
  font-family:var(--dp-mono);
  font-size:clamp(1.65rem,2.5vw,2.75rem)!important;
  font-weight:800;
  letter-spacing:.035em
}
.credibility-section .delivery-metrics span{
  max-width:250px;
  color:#c5d5bf!important;
  font-size:max(var(--dp-text-floor, 0px), .78rem);
  line-height:1.55
}
.credibility-section .proof-grid{
  gap:10px;
  border:0
}
.credibility-section .proof-card{
  min-height:390px;
  border:1px solid rgba(14,34,16,.15)!important;
  border-radius:14px;
  background:rgba(250,255,239,.78)!important
}
.credibility-section .proof-status{
  border-color:rgba(27,60,25,.14);
  background:rgba(255,255,255,.52);
  color:#31552c
}
.credibility-section .proof-result b{
  color:#31552c;
  font-size:max(var(--dp-text-floor, 0px), .52rem)
}
.credibility-section .proof-result span{
  color:#304b2c;
  font-weight:700
}
.credibility-section .proof-disclosure{
  max-width:900px;
  margin-top:26px
}

/* The AI-first architecture copy deserves a little more breathing room. */
.architecture-copy>p{
  font-size:max(var(--dp-text-floor, 0px), .96rem);
  max-width:620px
}
.architecture-proof{
  gap:8px;
  margin-top:30px
}
.architecture-proof span{
  background:rgba(210,255,115,.035)
}
.production-card h3{
  font-size:1.2rem
}
.production-card p{
  font-size:max(var(--dp-text-floor, 0px), .82rem)
}

/* Make the homepage journey feel deliberate: demo and offers get the strongest CTAs. */
.dp-demo-priority .demo-copy h2,
.flagship-section .section-heading h2{
  text-wrap:balance
}
.dp-demo-priority .demo-copy>p:not(.eyebrow){
  font-size:max(var(--dp-text-floor, 0px), .94rem);
  line-height:1.76
}
.cinematic-pricing{
  border-top:1px solid rgba(91,111,76,.14)
}

/* Inner service pages: keep AI value above implementation details. */
body:not([data-home="true"]) .detail-intro h2{
  max-width:720px
}
body:not([data-home="true"]) .detail-intro>p{
  max-width:680px
}

/* Mobile: keep the new AI modules readable and punchy. */
@media(max-width:680px){
  .credibility-section .delivery-metrics{
    grid-template-columns:1fr 1fr
  }
  .credibility-section .delivery-metrics>div{
    min-height:146px;
    padding:20px 17px!important
  }
  .credibility-section .delivery-metrics strong{
    font-size:clamp(1.45rem,7.2vw,2.15rem)!important
  }
  .credibility-section .delivery-metrics span{
    font-size:max(var(--dp-text-floor, 0px), .72rem)
  }
  .credibility-section .proof-card{
    min-height:auto;
    padding:26px 22px 27px
  }
  .credibility-section .proof-card h3{
    font-size:1.5rem
  }
  .home-trust-rail b{
    font-size:max(var(--dp-text-floor, 0px), .63rem)
  }
  .home-trust-rail small{
    font-size:max(var(--dp-text-floor, 0px), .62rem)
  }
}
@media(max-width:390px){
  .credibility-section .delivery-metrics{
    grid-template-columns:1fr
  }
}


/* DREAM PROTOCOL // CLIENT ACCESS */

.client-login-nav{
  padding:8px 11px!important;
  border:1px solid rgba(210,255,115,.14);
  border-radius:999px;
  color:#c9d9c2!important
}
.client-login-nav:hover,
.client-login-nav[aria-current="page"]{
  border-color:rgba(210,255,115,.38);
  background:rgba(210,255,115,.07);
  color:#efffdc!important;
  box-shadow:none!important
}
.client-login-nav:after{display:none!important}

body[data-page="client-login"]{
  background:#050b08;
}
body[data-page="client-login"] .protocol-bar{
  border-bottom-color:rgba(210,255,115,.1);
  background:#07100e
}
.client-login-page{
  position:relative;
  overflow:hidden;
  padding:clamp(62px,7vw,105px) 0 clamp(80px,8vw,118px);
  color:#eef7e9;
  background:
    radial-gradient(780px 580px at 15% 14%,rgba(210,255,115,.11),transparent 68%),
    radial-gradient(760px 560px at 88% 46%,rgba(127,255,198,.065),transparent 68%),
    linear-gradient(145deg,#030806,#07120d 48%,#06100c)
}
.client-login-grid-bg{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.34;
  background:
    linear-gradient(rgba(210,255,115,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(210,255,115,.035) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:radial-gradient(ellipse at 52% 42%,black 18%,transparent 84%)
}
.client-login-shell{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(410px,.72fr);
  column-gap:clamp(44px,6vw,92px);
  row-gap:24px;
  align-items:start
}
.client-login-status-rail{
  grid-column:1/-1;
  min-height:42px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:20px;
  margin-bottom:0;
  padding:0 15px;
  border:1px solid rgba(210,255,115,.1);
  border-radius:9px;
  background:rgba(255,255,255,.018);
  color:#72866d;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .44rem);
  letter-spacing:.1em
}
.client-login-status-rail span:first-child{
  display:flex;
  align-items:center;
  gap:8px;
  color:#bdd5b4
}
.client-login-status-rail span:nth-child(2){color:#d2ff73;text-align:center}
.client-login-status-rail span:last-child{text-align:right}
.client-login-status-rail i,
.client-login-card-status i,
.client-workspace-head i{
  display:inline-block;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#d2ff73;
  box-shadow:0 0 14px rgba(210,255,115,.7)
}
.client-login-copy{max-width:800px}
.client-login-copy>.eyebrow{color:#a7c58b}
.client-login-copy h1{
  max-width:800px;
  margin-bottom:28px;
  color:#f8fff4;
  font-size:clamp(3.8rem,5.8vw,6.5rem);
  line-height:.91;
  letter-spacing:-.068em
}
.client-login-copy h1 em{
  color:#d2ff73;
  text-shadow:0 0 48px rgba(210,255,115,.13)
}
.client-login-copy>p:not(.eyebrow){
  max-width:690px;
  color:#a6b8a0;
  font-size:1rem;
  line-height:1.78
}
.client-login-jump{
  display:none;
  width:fit-content;
  margin-top:24px;
  padding-bottom:4px;
  color:#d2ff73;
  border-bottom:1px solid rgba(210,255,115,.4);
  font-size:max(var(--dp-text-floor, 0px), .72rem);
  font-weight:700
}
.client-login-jump span{margin-left:9px}
.client-login-console{scroll-margin-top:118px}
.client-login-features{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:36px
}
.client-login-features>div{
  position:relative;
  min-height:132px;
  padding:20px;
  border:1px solid rgba(210,255,115,.12);
  border-radius:12px;
  background:rgba(255,255,255,.025);
  box-shadow:inset 0 1px rgba(255,255,255,.02)
}
.client-login-features span{
  display:block;
  margin-bottom:17px;
  color:#6f856a;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .5rem);
  letter-spacing:.1em
}
.client-login-features strong{
  display:block;
  color:#e7f2e1;
  font-family:Manrope,Arial,sans-serif;
  font-size:1rem
}
.client-login-features small{
  display:block;
  margin-top:7px;
  color:#81947c;
  font-size:max(var(--dp-text-floor, 0px), .69rem);
  line-height:1.52
}
.client-workspace-preview{
  margin-top:12px;
  overflow:hidden;
  border:1px solid rgba(210,255,115,.14);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(18,35,28,.82),rgba(8,18,14,.9));
  box-shadow:0 22px 55px rgba(0,0,0,.14)
}
.client-workspace-head{
  min-height:45px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:0 16px;
  border-bottom:1px solid rgba(210,255,115,.09);
  color:#7e9478;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .44rem);
  letter-spacing:.09em
}
.client-workspace-head span{display:flex;align-items:center;gap:8px}
.client-workspace-head b{color:#9fb396;font-size:max(var(--dp-text-floor, 0px), .42rem)}
.client-workspace-kpis{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  border-bottom:1px solid rgba(210,255,115,.08);
  background:rgba(210,255,115,.07)
}
.client-workspace-kpis>div{
  min-width:0;
  padding:14px 15px;
  background:#0b1712
}
.client-workspace-kpis small{
  display:block;
  color:#60755d;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .4rem);
  letter-spacing:.08em
}
.client-workspace-kpis strong{
  display:block;
  margin:3px 0 0;
  color:#eef8e9;
  font-family:Manrope,Arial,sans-serif;
  font-size:1.15rem;
  line-height:1
}
.client-workspace-kpis span{
  color:#799074;
  font-size:max(var(--dp-text-floor, 0px), .53rem)
}
.client-workspace-stream{padding:7px 14px 12px}
.client-workspace-stream>div{
  min-width:0;
  display:grid;
  grid-template-columns:32px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:10px 0;
  border-bottom:1px solid rgba(210,255,115,.07)
}
.client-workspace-stream>div:last-child{border-bottom:0}
.client-workspace-icon{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:1px solid rgba(210,255,115,.17);
  border-radius:8px;
  background:rgba(210,255,115,.045);
  color:#cfff70;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .48rem)
}
.client-workspace-stream p{min-width:0;margin:0}
.client-workspace-stream strong{
  display:block;
  color:#dfeade;
  font-family:Manrope,Arial,sans-serif;
  font-size:max(var(--dp-text-floor, 0px), .66rem)
}
.client-workspace-stream small{
  display:block;
  margin-top:2px;
  overflow:hidden;
  color:#70826d;
  font-size:max(var(--dp-text-floor, 0px), .55rem);
  line-height:1.4;
  text-overflow:ellipsis;
  white-space:nowrap
}
.client-workspace-stream>div>b{
  color:#8ba482;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .42rem);
  letter-spacing:.07em
}
.client-workspace-stream>div:nth-child(2)>b{color:#cfff70}

.client-login-console{
  position:sticky;
  top:126px;
  overflow:hidden;
  border:1px solid rgba(210,255,115,.24);
  border-radius:22px;
  background:
    radial-gradient(circle at 50% 22%,rgba(210,255,115,.07),transparent 34%),
    rgba(8,18,14,.97);
  box-shadow:
    0 55px 145px rgba(0,0,0,.46),
    0 0 90px rgba(210,255,115,.035),
    inset 0 1px rgba(255,255,255,.035)
}
.client-login-console:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.08;
  background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(220,255,180,.16) 6px)
}
.client-login-console-head{
  position:relative;
  z-index:2;
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:0 20px;
  border-bottom:1px solid rgba(210,255,115,.1);
  color:#738a6e;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .48rem);
  letter-spacing:.09em
}
.client-login-console-head span{display:flex;align-items:center;gap:9px}
.client-login-console-head i,
.client-login-foot i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#d2ff73;
  box-shadow:0 0 14px rgba(210,255,115,.65)
}
.client-login-console-head b{color:#cfe2c7;font-size:max(var(--dp-text-floor, 0px), .47rem)}
.client-login-card{
  position:relative;
  z-index:2;
  padding:34px 38px 30px
}
.client-login-mark{
  position:relative;
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  margin-bottom:26px;
  border-radius:21px;
  color:#0a140d;
  background:linear-gradient(145deg,#e7ffad,#bcf161);
  box-shadow:0 0 70px rgba(198,255,104,.17)
}
.client-login-mark span{
  position:relative;
  z-index:2;
  font-family:Manrope,Arial,sans-serif;
  font-size:1.1rem;
  font-weight:800
}
.client-login-mark i{
  position:absolute;
  width:104px;
  height:45px;
  border:1px solid rgba(210,255,115,.26);
  border-radius:50%;
  animation:opsOrbit 12s linear infinite
}
.client-login-mark i:last-child{
  width:45px;
  height:104px;
  animation-direction:reverse;
  animation-duration:15s
}
.client-login-card-status{
  display:flex;
  justify-content:space-between;
  gap:15px;
  margin-bottom:20px;
  color:#72866d;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .42rem);
  letter-spacing:.08em
}
.client-login-card-status span{display:flex;align-items:center;gap:7px;color:#bad2b1}
.client-login-card-status b{color:#8da586;font-size:max(var(--dp-text-floor, 0px), .41rem)}
.client-login-card>.eyebrow{margin-bottom:10px;color:#728a6d}
.client-login-card h2{
  margin-bottom:10px;
  color:#f0f8ec;
  font-size:2.3rem
}
.client-login-intro{
  max-width:390px;
  margin-bottom:24px;
  color:#8ba286!important;
  font-size:max(var(--dp-text-floor, 0px), .78rem)!important;
  line-height:1.6
}
.client-login-card label{
  display:block;
  margin-bottom:14px;
  color:#b0c0aa;
  font-size:max(var(--dp-text-floor, 0px), .67rem);
  font-weight:600
}
.client-login-card input{
  width:100%;
  margin-top:7px;
  min-height:54px;
  padding:0 15px;
  border:1px solid rgba(210,255,115,.15);
  border-radius:7px;
  background:rgba(255,255,255,.035);
  color:#eff8e9
}
.client-login-card input::placeholder{color:#5d7258}
.client-login-card input:focus{
  border-color:rgba(210,255,115,.46);
  outline:0;
  background:rgba(255,255,255,.055);
  box-shadow:0 0 0 4px rgba(210,255,115,.065)
}
.client-login-card .button{
  width:100%;
  justify-content:space-between;
  margin-top:7px;
  background:#d2ff73;
  border-color:#d2ff73;
  color:#08110b;
  box-shadow:0 18px 50px rgba(177,242,74,.11)
}
.client-login-card .button.is-acknowledged{background:#dfffa0}
.client-login-status{
  display:none;
  margin:16px 0 0;
  padding:13px 14px;
  border:1px solid rgba(210,255,115,.13);
  border-radius:8px;
  background:rgba(210,255,115,.045);
  color:#a8bda2;
  font-size:max(var(--dp-text-floor, 0px), .66rem);
  line-height:1.55
}
.client-login-status.is-visible{display:flex;flex-direction:column;gap:4px}
.client-login-status strong{color:#dff0d7}
.client-login-status a{color:#d2ff73;border-bottom:1px solid rgba(210,255,115,.45)}
.client-login-links{
  display:flex;
  justify-content:space-between;
  gap:18px;
  margin-top:21px;
  padding-top:17px;
  border-top:1px solid rgba(210,255,115,.09)
}
.client-login-links a{
  color:#a9bea2;
  font-size:max(var(--dp-text-floor, 0px), .62rem);
  border-bottom:1px solid rgba(169,190,162,.23)
}
.client-login-links a:hover{color:#d2ff73;border-color:#d2ff73}
.client-login-security{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:20px;
  color:#52664f;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .39rem);
  letter-spacing:.08em
}
.client-login-foot{
  position:relative;
  z-index:2;
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:0 20px;
  border-top:1px solid rgba(210,255,115,.09);
  color:#60745c;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .45rem);
  letter-spacing:.07em
}
.client-login-foot>span:first-child{display:flex;align-items:center;gap:8px}

.client-portal-explainer{
  padding:100px 0 112px;
  background:#f2f3ea
}
.client-portal-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px
}
.client-portal-grid article{
  min-height:250px;
  padding:26px 23px;
  border:1px solid #d7ddd0;
  border-radius:9px;
  background:#e9ece3
}
.client-portal-grid article>span{
  display:block;
  margin-bottom:56px;
  color:#899281;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .55rem)
}
.client-portal-grid h3{font-size:1.25rem;margin-bottom:13px}
.client-portal-grid p{font-size:max(var(--dp-text-floor, 0px), .78rem);line-height:1.62;margin:0}

@media(max-width:1180px){
  .client-login-nav{padding-inline:7px!important}
  .client-login-shell{grid-template-columns:minmax(0,1fr) minmax(385px,.72fr);gap:42px}
}
@media(max-width:980px){
  .client-login-shell{grid-template-columns:1fr;column-gap:0;row-gap:34px}
  .client-login-status-rail{grid-column:auto}
  .client-login-copy{max-width:820px}
  .client-login-console{
    position:relative;
    top:auto;
    width:min(100%,620px);
    margin-inline:auto
  }
  .client-portal-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .client-login-nav{
    padding:10px 0!important;
    border:0;
    border-radius:0;
    background:transparent
  }
}
@media(max-width:680px){
  .client-login-page{padding:45px 0 72px}
  .client-login-status-rail{
    grid-template-columns:1fr auto;
    padding-block:11px;
    font-size:max(var(--dp-text-floor, 0px), .39rem)
  }
  .client-login-status-rail span:last-child{display:none}
  .client-login-copy h1{
    font-size:clamp(3rem,14vw,4.4rem);
    line-height:.91
  }
  .client-login-copy>p:not(.eyebrow){font-size:max(var(--dp-text-floor, 0px), .92rem);line-height:1.68}
  .client-login-jump{display:inline-flex;align-items:center}
  .client-login-features{grid-template-columns:1fr;margin-top:28px}
  .client-login-features>div{min-height:105px}
  .client-workspace-kpis{grid-template-columns:1fr 1fr}
  .client-workspace-stream small{white-space:normal}
  .client-login-console{border-radius:17px}
  .client-login-card{padding:28px 20px 27px}
  .client-login-card h2{font-size:2rem}
  .client-login-console-head,.client-login-foot{padding-inline:14px}
  .client-login-links{flex-direction:column;align-items:flex-start;gap:9px}
  .client-login-security{flex-direction:column}
  .client-login-foot{
    align-items:flex-start;
    flex-direction:column;
    justify-content:center;
    padding-block:13px
  }
  .client-portal-explainer{padding:70px 0}
  .client-portal-grid{grid-template-columns:1fr}
  .client-portal-grid article{min-height:0}
  .client-portal-grid article>span{margin-bottom:30px}
}
@media(max-width:360px){
  .client-login-status-rail span:nth-child(2){display:none}
  .client-login-status-rail{grid-template-columns:1fr}
  .client-workspace-head b{display:none}
  .client-workspace-kpis{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){
  .client-login-mark i{animation:none!important}
}

/* Conversion polish: a readable first screen, with the working demo one click away. */
body[data-home="true"] .home-hero.dp-wow{
  min-height:0;
  padding:clamp(36px,4.6vw,70px) 0 64px;
}
body[data-home="true"] .dp-wow .hero-grid{
  grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);
  gap:clamp(28px,4vw,64px);
}
body[data-home="true"] .dp-wow .hero-copy{padding-block:0}
body[data-home="true"] .dp-wow .hero-copy .eyebrow{margin-bottom:24px;font-size:max(var(--dp-text-floor, 0px), .65rem)}
body[data-home="true"] .dp-wow .hero-copy h1{
  font-size:clamp(3.4rem,5.5vw,5.9rem);
  line-height:1.02;letter-spacing:-.065em;margin-bottom:24px;
}
body[data-home="true"] .dp-wow .hero-intro{font-size:clamp(1.06rem,1.4vw,1.3rem);line-height:1.55}
body[data-home="true"] .dp-wow .hero-sub{color:#bbcab4;font-size:1rem;line-height:1.65;margin:18px 0 0}
body[data-home="true"] .dp-wow .hero-actions{margin-top:26px;gap:18px}
body[data-home="true"] .dp-wow .hero-secondary{font-size:max(var(--dp-text-floor, 0px), .78rem);min-height:44px}
body[data-home="true"] .dp-wow .hero-footnote{color:#a9bd9f;font-size:max(var(--dp-text-floor, 0px), .58rem);line-height:1.7;margin-top:24px}
body[data-home="true"] .hero-cockpit{min-height:0;transform:none}
body[data-home="true"] .cockpit-main{grid-template-columns:1fr}
body[data-home="true"] .hero-cockpit .core-stage{height:210px}
body[data-home="true"] .hero-cockpit .event-feed{display:grid;grid-template-columns:1fr 1fr;gap:5px}
body[data-home="true"] .hero-cockpit .event-row{margin:0;padding:8px;min-height:50px;animation:none}
body[data-home="true"] .hero-cockpit .event-row:last-child{grid-column:1 / -1}
body[data-home="true"] .hero-cockpit .event-row b{font-size:max(var(--dp-text-floor, 0px), .65rem);color:#e2eddb}
body[data-home="true"] .hero-cockpit .event-row em{font-size:max(var(--dp-text-floor, 0px), .65rem);color:#b8cba9}
body[data-home="true"] .cockpit-feed-title{font-size:max(var(--dp-text-floor, 0px), .61rem);color:#b8cba9}
body[data-home="true"] .signal-node{font-size:max(var(--dp-text-floor, 0px), .57rem);color:#c9d9bf}
body[data-home="true"] .cockpit-status b{font-size:max(var(--dp-text-floor, 0px), .57rem)}
body[data-home="true"] .cockpit-status small{font-size:max(var(--dp-text-floor, 0px), .58rem);color:#acbea2;line-height:1.5}
body[data-home="true"] .cockpit-meta{color:#a9bd9f}
body[data-home="true"] .demo-float-cta{display:none}
.home-insights .guide-card{border-radius:18px;overflow:hidden}
.home-insights .guide-copy{padding:28px}
.home-insights .guide-copy h3{font-size:1.45rem;line-height:1.25}
.home-insights .guide-copy p{line-height:1.7}
/* A visible keyboard focus ring works on both the dark and light surfaces. */
:where(a,button,input,textarea,summary):focus-visible{outline:3px solid #75a634;outline-offset:5px;box-shadow:0 0 0 7px #f7ffe9}
@media(min-width:821px) and (max-width:1100px){
  body[data-home="true"] .dp-wow .hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:28px}
}
@media(max-width:820px){
  body[data-home="true"] .dp-wow .hero-grid{grid-template-columns:1fr;gap:36px}
  body[data-home="true"] .dp-wow .hero-copy h1{font-size:clamp(3rem,8.5vw,5rem)}
  body[data-home="true"] .hero-cockpit{max-width:620px;width:100%;margin-inline:auto}
}
@media(max-width:680px){
  body[data-home="true"] .home-hero.dp-wow{padding:30px 0 42px}
  body[data-home="true"] .dp-wow .hero-copy .eyebrow{font-size:max(var(--dp-text-floor, 0px), .56rem);letter-spacing:.08em;margin-bottom:20px}
  body[data-home="true"] .dp-wow .hero-copy h1{font-size:clamp(2.65rem,11.5vw,4.4rem);line-height:1.04}
  body[data-home="true"] .dp-wow .hero-sub{font-size:max(var(--dp-text-floor, 0px), .96rem)}
  body[data-home="true"] .dp-wow .hero-actions{margin-top:22px;gap:10px}
  body[data-home="true"] .hero-actions .hero-secondary{align-self:center}
  body[data-home="true"] .hero-cockpit .core-stage{height:190px}
  body[data-home="true"] .cockpit-status{grid-template-columns:1fr 1fr}
  body[data-home="true"] .cockpit-status>div{padding:10px}
  body[data-home="true"] .cockpit-status b{font-size:max(var(--dp-text-floor, 0px), .66rem)}
  body[data-home="true"] .cockpit-status small{font-size:max(var(--dp-text-floor, 0px), .66rem)}
  .home-insights .guide-grid{grid-template-columns:1fr}
  .home-insights .guide-grid .guide-card{display:flex;grid-column:auto}
  .home-insights .guide-art{height:130px}
}
/* Collapse before desktop link labels become crowded or wrap. */
.site-header .nav-wrap nav a{white-space:nowrap}
@media(min-width:901px) and (max-width:1180px){
  .nav-status{display:none}
  .menu-button{display:flex;flex-direction:column;gap:6px;margin-left:auto}
  .menu-button>span:not(.sr-only){height:1px;width:23px}
  .site-header .nav-wrap nav{
    position:absolute;top:100%;left:0;right:0;display:none;
    flex-direction:column;align-items:stretch;gap:4px;padding:20px 48px;
    background:#07100e;border-bottom:1px solid #263d2a;
  }
  .site-header .nav-wrap nav.open{display:flex}
  .site-header .nav-wrap nav a{min-height:44px;color:#d0dfc8;font-size:max(var(--dp-text-floor, 0px), .9rem)}
}
/* Reduced motion also opts out of cross-document transition snapshots. */
@media(prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
}
@media(max-width:365px){
  /* The hero retains the primary action; keep the narrow header navigable. */
  .site-header .nav-wrap>.button{display:none}
}
@media(max-width:680px){
  .lead-form{grid-template-columns:minmax(0,1fr)}
  .lead-form>*{min-width:0}
  .lead-form :is(input,textarea){min-width:0;max-width:100%}
  .lead-form .button{white-space:normal;overflow-wrap:anywhere;gap:12px}
}


/* =========================================================
   DREAMBOARD
   ========================================================= */
.dreamboard-home{
  position:relative;overflow:hidden;background:#07100e;color:#f2f8ed;border-block:1px solid rgba(205,255,121,.13)
}
.dreamboard-home-glow{
  position:absolute;inset:-40%;pointer-events:none;opacity:.8;
  background:radial-gradient(circle at 72% 48%,rgba(191,255,103,.16),transparent 28%),radial-gradient(circle at 30% 70%,rgba(79,255,197,.08),transparent 24%)
}
.dreamboard-home-grid{position:relative;display:grid;grid-template-columns:.82fr 1.18fr;gap:7%;align-items:center}
.dreamboard-home-copy h2{color:#f5faef}.dreamboard-home-copy h2 em{color:#ceff72}
.dreamboard-home-copy>p:not(.eyebrow){color:#9caf96;max-width:620px}
.dreamboard-home-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px}
.dreamboard-home .button{background:#d1ff73;color:#0a140c;border-color:#d1ff73}
.dreamboard-home .text-link{color:#e0ecd9}
.dreamboard-role-rail{display:flex;gap:8px;flex-wrap:wrap;margin-top:38px}
.dreamboard-role-rail span{padding:8px 10px;border:1px solid rgba(205,255,121,.15);border-radius:999px;color:#8ba185;font-size:max(var(--dp-text-floor, 0px), .48rem);font-weight:700;letter-spacing:.09em}
.dreamboard-mini{position:relative;border:1px solid rgba(205,255,121,.22);border-radius:16px;padding:22px;background:linear-gradient(180deg,rgba(17,32,26,.96),rgba(8,18,15,.98));box-shadow:0 30px 90px rgba(0,0,0,.35)}
.dreamboard-mini:before,.dreamboard-console:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.08;background-image:linear-gradient(rgba(205,255,121,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(205,255,121,.15) 1px,transparent 1px);background-size:42px 42px}
.dreamboard-mini>*{position:relative;z-index:1}
.dreamboard-mini-head,.dreamboard-console-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:15px;border-bottom:1px solid rgba(205,255,121,.13);font-size:max(var(--dp-text-floor, 0px), .55rem);letter-spacing:.11em;color:#8ca185}
.dreamboard-mini-head span,.dreamboard-console-top>div{display:flex;align-items:center;gap:8px}.dreamboard-mini-head i,.dreamboard-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#cfff70;box-shadow:0 0 15px rgba(207,255,112,.85)}
.dreamboard-mini-head b,.dreamboard-console-top>span{color:#cfff70;font-size:max(var(--dp-text-floor, 0px), .52rem)}
.dreamboard-mini-label{font-size:max(var(--dp-text-floor, 0px), .48rem);letter-spacing:.12em;color:#8fa486;margin:25px 0 8px}
.dreamboard-mini h3{font-size:1.65rem;color:#f4faef;letter-spacing:-.04em;max-width:650px;margin-bottom:24px}
.dreamboard-mini-opinions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.dreamboard-mini-opinions>div{padding:14px;border:1px solid rgba(205,255,121,.12);border-radius:8px;background:rgba(255,255,255,.025)}
.dreamboard-mini-opinions strong{font-family:Manrope,sans-serif;color:#eff8e9;font-size:max(var(--dp-text-floor, 0px), .72rem)}
.dreamboard-mini-opinions span{float:right;font-size:max(var(--dp-text-floor, 0px), .42rem);letter-spacing:.07em;color:#cfff70}
.dreamboard-mini-opinions>div:last-child span{color:#ffd76f}
.dreamboard-mini-opinions p{clear:both;color:#91a18d;font-size:max(var(--dp-text-floor, 0px), .66rem);line-height:1.55;margin:9px 0 0}
.dreamboard-mini-chair{margin-top:10px;padding:16px 17px;border-radius:8px;background:#ceff72;color:#0b150e}
.dreamboard-mini-chair small{display:block;font-size:max(var(--dp-text-floor, 0px), .45rem);letter-spacing:.11em;margin-bottom:5px}.dreamboard-mini-chair strong{font-family:Manrope,sans-serif;font-size:max(var(--dp-text-floor, 0px), .82rem);line-height:1.45}

.dreamboard-hero{display:grid;grid-template-columns:1.35fr .65fr;gap:8%;align-items:center}
.dreamboard-trust-note{margin-top:26px!important;max-width:680px!important}
.dreamboard-hero-mark{min-height:360px;display:grid;place-items:center;position:relative;border:1px solid rgba(164,201,129,.22);border-radius:18px;background:#09140f;overflow:hidden}
.dreamboard-hero-mark:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle,rgba(205,255,121,.2),transparent 38%)}
.dreamboard-hero-mark>span{position:absolute;bottom:20px;font-size:max(var(--dp-text-floor, 0px), .48rem);letter-spacing:.12em;color:#7f9876}
.dreamboard-orbit{position:relative;width:205px;height:205px;border:1px solid rgba(207,255,112,.23);border-radius:50%;display:grid;place-items:center}
.dreamboard-orbit:before,.dreamboard-orbit:after,.dreamboard-orbit i{content:"";position:absolute;border:1px solid rgba(207,255,112,.17);border-radius:50%}
.dreamboard-orbit:before{width:148px;height:148px}.dreamboard-orbit:after{width:92px;height:92px}.dreamboard-orbit i:nth-child(1){width:9px;height:9px;background:#cfff70;left:13px;top:63px;box-shadow:0 0 16px #cfff70}
.dreamboard-orbit i:nth-child(2){width:7px;height:7px;background:#7fffc6;right:23px;bottom:47px}.dreamboard-orbit i:nth-child(3){width:6px;height:6px;background:#cfff70;top:21px;right:55px}
.dreamboard-orbit b{position:relative;z-index:2;font-family:Manrope,sans-serif;font-size:2rem;color:#d4ff7a}

.dreamboard-stage{position:relative;background:#07100e;color:#edf6e7;border-block:1px solid rgba(205,255,121,.12)}
.dreamboard-stage-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:36px}
.dreamboard-stage-head h2{color:#f5faef}.dreamboard-stage-head h2 em{color:#ceff72}.dreamboard-stage-head>p{max-width:440px;color:#94a58f}
.dreamboard-console{position:relative;overflow:hidden;padding:22px;border:1px solid rgba(205,255,121,.2);border-radius:18px;background:linear-gradient(180deg,#0d1b16,#08120f);box-shadow:0 35px 90px rgba(0,0,0,.4)}
.dreamboard-console>*{position:relative;z-index:1}
.dreamboard-console-top>div b{color:#f2faed;font-size:max(var(--dp-text-floor, 0px), .72rem)}.dreamboard-console-top>div small{font-size:max(var(--dp-text-floor, 0px), .46rem);color:#71866d}
.dreamboard-console-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}
.dreamboard-console-kpis>div{padding:13px 14px;border:1px solid rgba(205,255,121,.1);background:rgba(255,255,255,.022);border-radius:7px}
.dreamboard-console-kpis small{display:block;font-size:max(var(--dp-text-floor, 0px), .43rem);letter-spacing:.08em;color:#6f846b}.dreamboard-console-kpis strong{display:block;color:#f4faef;font-size:1.17rem;margin:4px 0 1px}.dreamboard-console-kpis span{font-size:max(var(--dp-text-floor, 0px), .42rem);color:#71826d}
.dreamboard-question{padding:23px 22px;border:1px solid rgba(205,255,121,.12);border-radius:10px;background:linear-gradient(110deg,rgba(207,255,112,.07),rgba(255,255,255,.015));margin-bottom:10px}
.dreamboard-question small{font-size:max(var(--dp-text-floor, 0px), .45rem);letter-spacing:.11em;color:#cfff70}.dreamboard-question h3{color:#f4faef;font-size:1.45rem;margin:7px 0 8px;max-width:830px}.dreamboard-question span{font-size:max(var(--dp-text-floor, 0px), .48rem);color:#71836d}
.dreamboard-discussion{display:grid;grid-template-columns:1.35fr .65fr;gap:10px}
.dreamboard-advisors{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dreamboard-advisors article{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:14px;border:1px solid rgba(205,255,121,.10);border-radius:8px;background:rgba(255,255,255,.022)}
.dreamboard-avatar{width:42px;height:42px;border:1px solid rgba(205,255,121,.28);border-radius:7px;display:grid;place-items:center;background:#10231a;color:#cfff70;font-family:Manrope,sans-serif;font-size:max(var(--dp-text-floor, 0px), .65rem);font-weight:800}
.dreamboard-advisors article>div:last-child>p:first-child{display:flex;justify-content:space-between;gap:10px;margin:0 0 7px}.dreamboard-advisors strong{color:#f1f8ec;font-size:max(var(--dp-text-floor, 0px), .7rem)}.dreamboard-advisors article>div:last-child>p:first-child span{font-size:max(var(--dp-text-floor, 0px), .4rem);letter-spacing:.08em;color:#849a7e}
.dreamboard-advisors h4{font-family:Manrope,sans-serif;color:#dce9d5;font-size:max(var(--dp-text-floor, 0px), .78rem);line-height:1.4;margin:0 0 6px}.dreamboard-advisors article>div:last-child>p:last-child{font-size:max(var(--dp-text-floor, 0px), .61rem);color:#83947f;line-height:1.55;margin:0}
.dreamboard-chair{padding:18px;border:1px solid rgba(207,255,112,.2);border-radius:10px;background:rgba(15,33,24,.88)}
.dreamboard-chair-head{display:flex;gap:10px;align-items:center}.dreamboard-chair-head>span{font-size:1.3rem;color:#cfff70}.dreamboard-chair-head small{font-size:max(var(--dp-text-floor, 0px), .42rem);letter-spacing:.1em;color:#81937c}.dreamboard-chair-head h3{font-size:1.05rem;color:#f4faef;margin:2px 0 0}
.dreamboard-chair-summary{font-size:max(var(--dp-text-floor, 0px), .7rem);color:#a8b7a3;line-height:1.6;margin:17px 0}
.dreamboard-chair ol{list-style:none;padding:0;margin:0;display:grid;gap:8px}.dreamboard-chair li{display:grid;grid-template-columns:28px 1fr;gap:10px}.dreamboard-chair li>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid #bfff69;color:#cfff70;font-size:max(var(--dp-text-floor, 0px), .55rem)}.dreamboard-chair li strong{font-size:max(var(--dp-text-floor, 0px), .67rem);color:#e8f2e3}.dreamboard-chair li p{font-size:max(var(--dp-text-floor, 0px), .56rem);color:#7f917a;margin:1px 0 0;line-height:1.45}
.dreamboard-dissent{margin-top:16px;padding-top:14px;border-top:1px solid rgba(205,255,121,.11)}.dreamboard-dissent small{font-size:max(var(--dp-text-floor, 0px), .42rem);letter-spacing:.1em;color:#ffd76f}.dreamboard-dissent p{font-size:max(var(--dp-text-floor, 0px), .57rem);color:#879982;margin:5px 0 0}
.dreamboard-role-grid .service-card{min-height:300px}.dreamboard-role-grid .service-card:last-child{grid-column:2/3}
.dreamboard-method .process-grid article{border-top-color:#a7bd91}
.dreamboard-brief{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}
.dreamboard-brief-card{padding:24px;border:1px solid #b8c9aa;border-radius:10px;background:#eef0e7}
.dreamboard-brief-top{display:flex;justify-content:space-between;font-size:max(var(--dp-text-floor, 0px), .52rem);letter-spacing:.1em;color:#667461;padding-bottom:15px;border-bottom:1px solid #cbd4c3}.dreamboard-brief-card h3{font-size:2rem;margin:25px 0}.dreamboard-brief-list{display:grid;gap:8px}.dreamboard-brief-list>div{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #d4dacd}.dreamboard-brief-list>div>span{font-weight:800;color:#648533}.dreamboard-brief-list p{margin:0}.dreamboard-brief-list strong{display:block;color:#253023;font-size:max(var(--dp-text-floor, 0px), .77rem)}.dreamboard-brief-list small{display:block;color:#727d6e;font-size:max(var(--dp-text-floor, 0px), .61rem);margin-top:2px}

@media(max-width:1000px){
  .dreamboard-home-grid,.dreamboard-hero,.dreamboard-discussion,.dreamboard-brief{grid-template-columns:1fr}
  .dreamboard-home-grid{gap:45px}.dreamboard-stage-head{display:block}.dreamboard-stage-head>p{max-width:650px}
  .dreamboard-role-grid .service-card:last-child{grid-column:auto}
}
@media(max-width:680px){
  .dreamboard-home{padding-block:65px}.dreamboard-home-grid{gap:30px}.dreamboard-home-actions{align-items:stretch;gap:12px}.dreamboard-home-actions .button{width:100%}
  .dreamboard-mini{padding:15px}.dreamboard-mini h3{font-size:1.25rem}.dreamboard-mini-opinions{grid-template-columns:1fr}
  .dreamboard-role-rail span{font-size:max(var(--dp-text-floor, 0px), .42rem);padding:6px 8px}
  .dreamboard-hero-mark{min-height:285px}.dreamboard-orbit{width:165px;height:165px}
  .dreamboard-stage{padding-block:58px}.dreamboard-console{padding:12px;border-radius:12px}.dreamboard-console-top{align-items:flex-start}.dreamboard-console-top>span{font-size:max(var(--dp-text-floor, 0px), .42rem);text-align:right}
  .dreamboard-console-kpis{grid-template-columns:1fr 1fr}.dreamboard-question{padding:18px 15px}.dreamboard-question h3{font-size:1.12rem}
  .dreamboard-advisors{grid-template-columns:1fr}.dreamboard-advisors article{padding:12px}.dreamboard-chair{padding:15px}
  .dreamboard-brief-card{padding:18px}.dreamboard-brief-card h3{font-size:1.55rem}
}


/* =========================================================
   QUIET LUXURY PRODUCT FLOW
   ========================================================= */

.brand-family{
  padding:clamp(110px,11vw,175px) 0;
  background:#f4f4ed;
}
.brand-family-intro{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.55fr);
  column-gap:10%;
  align-items:end;
  margin-bottom:72px;
}
.brand-family-intro .eyebrow{grid-column:1/-1;margin-bottom:34px}
.brand-family-intro h2{
  margin:0;
  max-width:820px;
  font-size:clamp(3.4rem,5.6vw,6.6rem);
  line-height:.96;
  letter-spacing:-.065em
}
.brand-family-intro>p{
  margin:0 0 9px;
  max-width:430px;
  font-size:max(var(--dp-text-floor, 0px), .98rem);
  line-height:1.8
}
.brand-family-stack{
  border-top:1px solid #cfd5c9;
}
.brand-family-row{
  position:relative;
  display:grid;
  grid-template-columns:120px minmax(0,1.25fr) minmax(260px,.65fr) 40px;
  column-gap:36px;
  align-items:center;
  min-height:230px;
  padding:38px 2px;
  border-bottom:1px solid #cfd5c9;
  transition:padding .28s ease,background .28s ease
}
.brand-family-row:hover{
  padding-inline:18px;
  background:#eef0e7
}
.brand-family-index span{
  display:block;
  color:#8c9685;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .65rem)
}
.brand-family-index small{
  display:block;
  margin-top:28px;
  color:#667260;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .48rem);
  letter-spacing:.11em
}
.brand-family-copy h3{
  margin:0 0 17px;
  font-size:clamp(2.2rem,3.4vw,4rem);
  line-height:1;
  letter-spacing:-.055em
}
.brand-family-copy p{
  max-width:730px;
  margin:0;
  font-size:max(var(--dp-text-floor, 0px), .92rem);
  line-height:1.72
}
.brand-family-proof{
  display:flex;
  flex-wrap:wrap;
  gap:7px
}
.brand-family-proof span{
  padding:7px 10px;
  border:1px solid #cbd3c3;
  border-radius:999px;
  color:#6e7a68;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .45rem);
  letter-spacing:.07em
}
.brand-family-row>b{
  justify-self:end;
  font-size:1.2rem;
  font-weight:400;
  color:#728169
}
.brand-family-row.is-dark{
  margin-inline:-24px;
  padding-inline:24px;
  color:#eff8e9;
  background:#0a1511;
  border-bottom-color:#0a1511
}
.brand-family-row.is-dark:hover{
  padding-inline:40px;
  background:#0d1b16
}
.brand-family-row.is-dark .brand-family-index span,
.brand-family-row.is-dark .brand-family-index small,
.brand-family-row.is-dark .brand-family-copy p,
.brand-family-row.is-dark>b{color:#82947c}
.brand-family-row.is-dark .brand-family-copy h3{color:#f6fbf2}
.brand-family-row.is-dark .brand-family-proof span{
  color:#9ab38f;
  border-color:rgba(210,255,115,.16)
}

.quiet-services{
  padding:clamp(110px,10vw,165px) 0;
  background:#f4f4ed
}
.quiet-service-list{
  margin-top:60px;
  border-top:1px solid #cfd5c9
}
.quiet-service-list>a{
  display:grid;
  grid-template-columns:70px minmax(0,1fr) 190px 30px;
  gap:28px;
  align-items:center;
  min-height:170px;
  padding:28px 2px;
  border-bottom:1px solid #cfd5c9;
  transition:padding .25s ease,background .25s ease
}
.quiet-service-list>a:hover{
  padding-inline:15px;
  background:#eef0e7
}
.quiet-service-list>a>span{
  color:#8b9585;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .55rem)
}
.quiet-service-list small{
  display:block;
  margin-bottom:7px;
  color:#74806e;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .45rem);
  letter-spacing:.1em
}
.quiet-service-list h3{
  margin:0 0 7px;
  font-size:clamp(1.5rem,2.2vw,2.5rem)
}
.quiet-service-list p{margin:0;max-width:730px;font-size:max(var(--dp-text-floor, 0px), .82rem)}
.quiet-service-list>a>b{
  color:#566151;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .58rem);
  font-weight:500;
  text-align:right
}
.quiet-service-list>a>i{
  color:#6f7e67;
  font-style:normal;
  font-size:1rem
}

/* DreamWorkforce gets an editorial hierarchy instead of a card catalog. */
body[data-page="ai-workforce"]{background:#f4f4ed}
.workforce-hero{
  min-height:680px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  gap:9%;
  align-items:end;
  padding-top:clamp(100px,10vw,150px);
  padding-bottom:95px
}
.workforce-hero>div:first-child{max-width:930px}
.workforce-hero h1{
  max-width:980px;
  font-size:clamp(4.3rem,7.2vw,8.3rem);
  line-height:.9;
  letter-spacing:-.072em
}
.workforce-hero>div:first-child>p:not(.eyebrow){
  max-width:720px;
  font-size:1.02rem;
  line-height:1.8
}
.workforce-hero-note{
  align-self:end;
  padding-top:24px;
  border-top:1px solid #bfc8b7
}
.workforce-hero-note>span{
  display:block;
  margin-bottom:36px;
  color:#85907e;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .55rem)
}
.workforce-hero-note p{
  margin:0 0 10px;
  color:#1e2920;
  font-family:Manrope,Arial,sans-serif;
  font-size:1.05rem;
  line-height:1.45
}
.workforce-hero-note small{
  color:#788273;
  font-size:max(var(--dp-text-floor, 0px), .67rem);
  line-height:1.55
}

.workforce-signature{
  padding:clamp(105px,10vw,160px) 0;
  color:#edf5e8;
  background:#07100e
}
.workforce-signature .section-heading{margin-bottom:72px}
.workforce-signature .section-heading h2{color:#f6fbf2}
.workforce-signature .section-heading h2 em{color:#cfff70}
.workforce-signature .section-heading p{color:#8da087}
.workforce-signature-list{
  border-top:1px solid rgba(210,255,115,.16)
}
.workforce-signature-list article{
  display:grid;
  grid-template-columns:150px minmax(0,1fr) 185px;
  gap:48px;
  min-height:315px;
  padding:50px 0;
  border-bottom:1px solid rgba(210,255,115,.13)
}
.workforce-role-meta span{
  display:block;
  color:#7b8e76;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .58rem)
}
.workforce-role-meta small{
  display:block;
  margin-top:48px;
  color:#90a489;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .45rem);
  letter-spacing:.1em
}
.workforce-role-main h3{
  margin:0 0 25px;
  color:#f8fcf5;
  font-size:clamp(2.6rem,4.4vw,5rem);
  line-height:.96
}
.workforce-role-main>p{
  max-width:790px;
  margin:0;
  color:#94a88e;
  font-size:max(var(--dp-text-floor, 0px), .93rem);
  line-height:1.8
}
.workforce-outcomes{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:30px
}
.workforce-outcomes span{
  padding:7px 10px;
  border:1px solid rgba(210,255,115,.15);
  border-radius:999px;
  color:#9cb591;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .43rem);
  letter-spacing:.06em
}
.workforce-role-side{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  text-align:right
}
.workforce-role-side strong{
  color:#d2ff73;
  font-family:Manrope,Arial,sans-serif;
  font-size:1.25rem;
  font-weight:500
}
.workforce-role-side small{
  color:#657a61;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .48rem)
}
.workforce-role-side a{
  margin-top:auto;
  color:#d8e8d2;
  font-size:max(var(--dp-text-floor, 0px), .68rem);
  border-bottom:1px solid rgba(216,232,210,.35)
}

.workforce-bench{
  padding:clamp(105px,10vw,160px) 0;
  background:#f4f4ed
}
.workforce-bench-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,.5fr);
  gap:10%;
  align-items:end;
  margin-bottom:70px
}
.workforce-bench-head h2{
  margin:0;
  font-size:clamp(3rem,5vw,5.6rem);
  line-height:.97
}
.workforce-bench-head>p{
  margin:0 0 8px;
  max-width:460px;
  font-size:max(var(--dp-text-floor, 0px), .9rem);
  line-height:1.75
}
.workforce-bench-list{
  border-top:1px solid #cdd4c6
}
.workforce-bench-list>a{
  display:grid;
  grid-template-columns:70px 260px minmax(0,1fr) 28px;
  gap:24px;
  align-items:center;
  min-height:125px;
  border-bottom:1px solid #cdd4c6
}
.workforce-bench-list>a>span{
  color:#8a9483;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .5rem)
}
.workforce-bench-list strong{
  font-family:Manrope,Arial,sans-serif;
  font-size:1.15rem;
  font-weight:500
}
.workforce-bench-list p{
  margin:0;
  max-width:680px;
  font-size:max(var(--dp-text-floor, 0px), .78rem);
  line-height:1.65
}
.workforce-bench-list i{
  font-style:normal;
  color:#73816b
}

.workforce-method{
  padding:clamp(105px,10vw,150px) 0;
  background:#e9ece3
}
.workforce-method-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:34px;
  margin-top:70px
}
.workforce-method-grid article{
  padding-top:23px;
  border-top:1px solid #adb9a4
}
.workforce-method-grid article>span{
  display:block;
  margin-bottom:54px;
  color:#7c8776;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .5rem)
}
.workforce-method-grid h3{font-size:1.35rem}
.workforce-method-grid p{font-size:max(var(--dp-text-floor, 0px), .78rem);line-height:1.7}

.workforce-close{
  padding:clamp(120px,12vw,190px) 0;
  text-align:center;
  color:#f5fbf1;
  background:#07100e
}
.workforce-close .shell{max-width:1080px}
.workforce-close .eyebrow{color:#84997d}
.workforce-close h2{
  color:#f8fcf5;
  font-size:clamp(3.4rem,6.2vw,7rem);
  line-height:.94
}
.workforce-close h2 em{color:#cfff70}
.workforce-close>div>p:not(.eyebrow){
  max-width:720px;
  margin:0 auto 35px;
  color:#91a48b;
  font-size:max(var(--dp-text-floor, 0px), .98rem);
  line-height:1.8
}
.workforce-close .button{
  background:#d2ff73;
  border-color:#d2ff73;
  color:#0a140d
}

@media(max-width:980px){
  .brand-family-intro,
  .workforce-bench-head{grid-template-columns:1fr;gap:30px}
  .brand-family-row{grid-template-columns:70px 1fr 35px}
  .brand-family-proof{grid-column:2/3;margin-top:18px}
  .brand-family-row>b{grid-column:3/4;grid-row:1/3}
  .workforce-hero{grid-template-columns:1fr;min-height:auto;gap:55px}
  .workforce-hero-note{max-width:360px}
  .workforce-signature-list article{grid-template-columns:100px 1fr}
  .workforce-role-side{
    grid-column:2/3;
    align-items:flex-start;
    text-align:left;
    min-height:80px
  }
  .workforce-role-side a{margin-top:25px}
  .workforce-bench-list>a{grid-template-columns:55px 220px minmax(0,1fr) 24px}
  .workforce-method-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .brand-family{padding:85px 0 95px}
  .brand-family-intro{margin-bottom:52px}
  .brand-family-intro .eyebrow{margin-bottom:24px}
  .brand-family-intro h2{font-size:clamp(2.8rem,12vw,4.7rem)}
  .brand-family-intro>p{font-size:max(var(--dp-text-floor, 0px), .9rem)}
  .brand-family-row,
  .brand-family-row.is-dark{
    margin-inline:0;
    grid-template-columns:42px minmax(0,1fr) 22px;
    column-gap:14px;
    min-height:0;
    padding:34px 0
  }
  .brand-family-row:hover,
  .brand-family-row.is-dark:hover{padding-inline:0}
  .brand-family-index small{display:none}
  .brand-family-copy h3{font-size:2rem;margin-bottom:12px}
  .brand-family-copy p{font-size:max(var(--dp-text-floor, 0px), .8rem);line-height:1.65}
  .brand-family-proof{
    grid-column:2/4;
    gap:5px;
    margin-top:18px
  }
  .brand-family-proof span{padding:6px 8px;font-size:max(var(--dp-text-floor, 0px), .39rem)}
  .brand-family-row>b{grid-column:3/4;grid-row:1/2;align-self:start;margin-top:4px}

  .quiet-services{padding:85px 0 100px}
  .quiet-service-list{margin-top:45px}
  .quiet-service-list>a{
    grid-template-columns:36px minmax(0,1fr) 20px;
    gap:12px;
    min-height:0;
    padding:30px 0
  }
  .quiet-service-list>a:hover{padding-inline:0}
  .quiet-service-list>a>b{display:none}
  .quiet-service-list>a>i{grid-column:3;grid-row:1;align-self:start}
  .quiet-service-list h3{font-size:1.55rem;line-height:1.15}
  .quiet-service-list p{font-size:max(var(--dp-text-floor, 0px), .76rem);line-height:1.62}

  .workforce-hero{
    padding-top:70px;
    padding-bottom:75px;
    gap:42px
  }
  .workforce-hero h1{
    font-size:clamp(3.2rem,15vw,5.3rem);
    line-height:.91
  }
  .workforce-hero>div:first-child>p:not(.eyebrow){font-size:max(var(--dp-text-floor, 0px), .92rem);line-height:1.7}
  .workforce-hero .actions{align-items:stretch}
  .workforce-hero .actions .button{width:100%}
  .workforce-hero-note{max-width:100%}
  .workforce-hero-note>span{margin-bottom:22px}

  .workforce-signature{padding:90px 0}
  .workforce-signature .section-heading{margin-bottom:50px}
  .workforce-signature-list article{
    grid-template-columns:1fr;
    gap:24px;
    min-height:0;
    padding:42px 0
  }
  .workforce-role-meta{
    display:flex;
    justify-content:space-between;
    align-items:center
  }
  .workforce-role-meta small{margin:0}
  .workforce-role-main h3{
    font-size:clamp(2.5rem,12vw,4rem);
    margin-bottom:18px
  }
  .workforce-role-main>p{font-size:max(var(--dp-text-floor, 0px), .83rem);line-height:1.72}
  .workforce-outcomes{margin-top:22px}
  .workforce-role-side{grid-column:auto;min-height:0;align-items:flex-start}
  .workforce-role-side a{margin-top:18px}
  .workforce-role-side strong{font-size:1.05rem}

  .workforce-bench{padding:90px 0}
  .workforce-bench-head{margin-bottom:48px}
  .workforce-bench-head h2{font-size:clamp(2.8rem,12vw,4.6rem)}
  .workforce-bench-list>a{
    grid-template-columns:38px minmax(0,1fr) 20px;
    gap:12px;
    min-height:0;
    padding:27px 0
  }
  .workforce-bench-list strong{font-size:1.05rem}
  .workforce-bench-list p{
    grid-column:2/4;
    margin-top:-3px;
    font-size:max(var(--dp-text-floor, 0px), .74rem);
    line-height:1.58
  }
  .workforce-bench-list i{grid-column:3;grid-row:1}

  .workforce-method{padding:85px 0}
  .workforce-method-grid{grid-template-columns:1fr;gap:25px;margin-top:50px}
  .workforce-method-grid article>span{margin-bottom:27px}
  .workforce-method-grid p{font-size:max(var(--dp-text-floor, 0px), .78rem)}
  .workforce-close{padding:105px 0}
  .workforce-close h2{font-size:clamp(3rem,13.5vw,5.2rem)}
  .workforce-close>div>p:not(.eyebrow){font-size:max(var(--dp-text-floor, 0px), .88rem)}
}


/* =========================================================
   HUMAN PRESENCE
   Real founder proof without breaking the quiet product feel.
   ========================================================= */
.founder-proof-section{
  position:relative;
  overflow:hidden;
  color:#18231d;
  background:#e7e8df;
  border-block:1px solid #cfd5c9
}
.founder-proof-section:before{display:none}
.founder-proof-grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);
  gap:clamp(55px,8vw,120px);
  align-items:center
}
.founder-proof-photo{
  position:relative;
  overflow:hidden;
  border:0;
  border-radius:2px;
  background:#d8ddd3;
  box-shadow:none
}
.founder-proof-photo:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 60%,rgba(9,15,11,.72))
}
.founder-proof-photo img{
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:50% 27%;
  filter:saturate(.82) contrast(1.02)
}
.founder-photo-label{
  left:18px;right:18px;bottom:16px;
  color:#d6dfd2;
  font-size:max(var(--dp-text-floor, 0px), .45rem)
}
.founder-photo-label b{color:#f1f7ed;font-size:max(var(--dp-text-floor, 0px), .53rem)}
.founder-proof-copy .eyebrow{color:#697565}
.founder-proof-copy h2{
  max-width:830px;
  color:#172019;
  font-size:clamp(3.3rem,5.4vw,6rem);
  line-height:.95;
  letter-spacing:-.062em
}
.founder-proof-copy h2 em{color:#697b5e}
.founder-proof-copy p{
  max-width:710px;
  color:#657064;
  font-size:max(var(--dp-text-floor, 0px), .96rem);
  line-height:1.82
}
.founder-proof-copy .founder-lead{
  color:#2d392f;
  font-family:Manrope,Arial,sans-serif;
  font-size:1.14rem;
  line-height:1.62
}
.founder-note{
  max-width:720px;
  margin:32px 0 34px;
  padding:22px 0 4px;
  border-top:1px solid #b9c2b2
}
.founder-note small{
  display:block;
  margin-bottom:14px;
  color:#7b8675;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .46rem);
  letter-spacing:.1em
}
.founder-note p{
  margin:0;
  color:#172019;
  font-family:Manrope,Arial,sans-serif;
  font-size:clamp(1.35rem,2.1vw,2.2rem);
  line-height:1.35;
  letter-spacing:-.035em
}
.founder-principles{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:31px 0
}
.founder-principles span{
  min-height:0;
  padding:7px 10px;
  border:1px solid #bfc7b8;
  border-radius:999px;
  background:transparent;
  color:#6d7869;
  font-size:max(var(--dp-text-floor, 0px), .45rem)
}
.founder-proof-copy .text-link{color:#283329}

@media(max-width:900px){
  .founder-proof-grid{grid-template-columns:1fr;gap:45px}
  .founder-proof-photo{max-width:560px}
}
@media(max-width:680px){
  .founder-proof-section{padding-block:88px}
  .founder-proof-grid{gap:34px}
  .founder-proof-photo{
    width:calc(100% - 24px);
    margin-left:0
  }
  .founder-proof-photo img{aspect-ratio:4/4.7}
  .founder-proof-copy h2{
    font-size:clamp(3rem,13vw,4.8rem)
  }
  .founder-proof-copy .founder-lead{
    font-size:1rem
  }
  .founder-note{margin-top:27px}
  .founder-note p{font-size:1.45rem}
  .founder-principles{gap:6px}
}


/* =========================================================
   BRAND PRESENCE HOMEPAGE
   ========================================================= */
body[data-home="true"]{background:#f1f1e9}
body[data-home="true"] .site-header .nav-wrap>.button{
  min-height:40px;
  padding:9px 16px;
  border-color:rgba(226,239,220,.22);
  background:transparent;
  color:#e7eee3;
  box-shadow:none
}
body[data-home="true"] .site-header .nav-wrap>.button:hover{
  background:rgba(255,255,255,.045);
  color:#fff;
  transform:none
}

.presence-hero{
  position:relative;
  overflow:hidden;
  min-height:calc(100svh - 94px);
  display:flex;
  align-items:stretch;
  color:#f5f7f2;
  background:#080b09;
  border-bottom:1px solid #1d251f
}
.presence-hero-ambient{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 76% 34%,rgba(196,255,110,.10),transparent 22%),
    radial-gradient(circle at 63% 75%,rgba(96,255,204,.05),transparent 25%);
}
.presence-hero-shell{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  padding-top:36px;
  padding-bottom:31px
}
.presence-hero-top,
.presence-hero-bottom{
  display:flex;
  justify-content:space-between;
  gap:24px;
  color:#68746a;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .45rem);
  letter-spacing:.11em
}
.presence-hero-grid{
  flex:1;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.55fr);
  gap:10%;
  align-items:center;
  padding:70px 0 55px
}
.presence-hero-copy h1{
  max-width:980px;
  margin:0 0 38px;
  color:#f8faf6;
  font-size:clamp(5.2rem,9vw,10.8rem);
  line-height:.83;
  letter-spacing:-.078em;
  font-weight:500
}
.presence-hero-copy h1 em{
  color:#cfff70;
  text-shadow:0 0 55px rgba(207,255,112,.12)
}
.presence-hero-copy>p{
  max-width:750px;
  margin:0;
  color:#a6afa6;
  font-family:Manrope,Arial,sans-serif;
  font-size:clamp(1.05rem,1.6vw,1.4rem);
  line-height:1.62;
  letter-spacing:-.022em
}
.presence-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:26px;
  margin-top:38px
}
.presence-actions .button{
  background:#d2ff73;
  border-color:#d2ff73;
  color:#09110b;
  box-shadow:none
}
.presence-actions .text-link{color:#dce3d8}
.presence-product-index{
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-top:1px solid rgba(231,240,226,.12);
  border-bottom:1px solid rgba(231,240,226,.12)
}
.presence-product-index>a{
  display:grid;
  grid-template-columns:34px 1fr 18px;
  gap:16px;
  align-items:center;
  min-height:112px;
  border-bottom:1px solid rgba(231,240,226,.095)
}
.presence-product-index>a:last-child{border-bottom:0}
.presence-product-index>a>span{
  color:#58645a;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .47rem)
}
.presence-product-index strong{
  display:block;
  color:#e9eee7;
  font-family:Manrope,Arial,sans-serif;
  font-size:1.05rem;
  font-weight:500
}
.presence-product-index small{
  display:block;
  margin-top:3px;
  color:#68766a;
  font-size:max(var(--dp-text-floor, 0px), .62rem)
}
.presence-product-index b{
  color:#6e7b70;
  font-size:max(var(--dp-text-floor, 0px), .8rem);
  font-weight:400
}
.presence-product-index>a:hover strong{color:#d2ff73}
.presence-hero-bottom{
  justify-content:flex-start;
  gap:clamp(20px,5vw,70px)
}

.presence-thesis{
  padding:clamp(115px,13vw,210px) 0;
  background:#edece4
}
.presence-thesis p{
  max-width:1180px;
  margin:0;
  color:#171d18;
  font-family:Manrope,Arial,sans-serif;
  font-size:clamp(3.3rem,6.3vw,7.4rem);
  line-height:.94;
  letter-spacing:-.065em
}
.presence-thesis p em{color:#6d7968}

.presence-demo{
  color:#172019;
  background:#e9eae2;
  border-block:1px solid #cbd1c5
}
.presence-demo .demo-copy .eyebrow{color:#6f7d69}
.presence-demo .demo-copy h2{color:#172019}
.presence-demo .demo-copy h2 em{color:#6d7d61}
.presence-demo .demo-copy>p{color:#697368}
.presence-demo .demo-copy .small-copy{color:#858e82}
.presence-demo .demo-copy .text-link{color:#273228}
.presence-demo .demo-window{
  box-shadow:0 40px 95px rgba(21,29,23,.14)
}

.presence-standard{
  padding:clamp(110px,11vw,170px) 0;
  background:#f2f2eb
}
.presence-standard-head{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:7%;
  align-items:start;
  margin-bottom:80px
}
.presence-standard-head .eyebrow{margin-top:14px}
.presence-standard-head h2{
  max-width:920px;
  margin:0;
  font-size:clamp(3.5rem,5.8vw,6.6rem);
  line-height:.95
}
.presence-standard-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:38px;
  border-top:1px solid #c4cbc0
}
.presence-standard-grid article{padding-top:26px}
.presence-standard-grid article>span{
  display:block;
  margin-bottom:70px;
  color:#879181;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .48rem)
}
.presence-standard-grid h3{
  max-width:320px;
  margin-bottom:16px;
  font-size:1.35rem
}
.presence-standard-grid p{
  max-width:360px;
  margin:0;
  font-size:max(var(--dp-text-floor, 0px), .8rem);
  line-height:1.72
}

body[data-home="true"] .founder-proof-section{
  padding-top:clamp(100px,10vw,150px);
  padding-bottom:clamp(100px,10vw,150px)
}

body[data-home="true"] .cinematic-contact{
  padding-top:clamp(115px,11vw,165px);
  padding-bottom:clamp(115px,11vw,165px)
}

@media(max-width:980px){
  .presence-hero-grid{grid-template-columns:1fr;gap:62px}
  .presence-product-index{max-width:620px}
  .presence-standard-head{grid-template-columns:1fr;gap:14px}
  .presence-standard-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  body[data-home="true"] .site-header .nav-wrap>.button{
    min-height:39px;
    padding:8px 13px;
    font-size:max(var(--dp-text-floor, 0px), .69rem)
  }
  .presence-hero{
    min-height:auto
  }
  .presence-hero-shell{
    padding-top:22px;
    padding-bottom:23px
  }
  .presence-hero-top{
    font-size:max(var(--dp-text-floor, 0px), .38rem)
  }
  .presence-hero-top span:last-child{display:none}
  .presence-hero-grid{
    gap:46px;
    padding:70px 0 44px
  }
  .presence-hero-copy h1{
    margin-bottom:30px;
    font-size:clamp(3.8rem,17vw,6.2rem);
    line-height:.84
  }
  .presence-hero-copy>p{
    font-size:max(var(--dp-text-floor, 0px), .98rem);
    line-height:1.64
  }
  .presence-actions{
    align-items:flex-start;
    gap:18px;
    margin-top:29px
  }
  .presence-actions .button{
    width:auto;
    min-height:47px;
    padding:13px 17px
  }
  .presence-product-index>a{
    min-height:88px
  }
  .presence-product-index strong{font-size:max(var(--dp-text-floor, 0px), .98rem)}
  .presence-product-index small{font-size:max(var(--dp-text-floor, 0px), .58rem)}
  .presence-hero-bottom{
    gap:18px;
    overflow:hidden;
    white-space:nowrap;
    font-size:max(var(--dp-text-floor, 0px), .36rem)
  }

  .presence-thesis{
    padding:100px 0 110px
  }
  .presence-thesis p{
    font-size:clamp(3rem,14vw,5rem);
    line-height:.96
  }

  .presence-demo{padding-block:88px}
  .presence-standard{padding:90px 0}
  .presence-standard-head{margin-bottom:56px}
  .presence-standard-head h2{
    font-size:clamp(3rem,13vw,5rem)
  }
  .presence-standard-grid{
    grid-template-columns:1fr;
    gap:32px
  }
  .presence-standard-grid article>span{margin-bottom:30px}
}


.presence-notes{
  padding-top:clamp(100px,10vw,150px);
  padding-bottom:clamp(105px,10vw,155px)
}
.presence-notes-head{
  display:flex;
  justify-content:space-between;
  gap:50px;
  align-items:end;
  margin-bottom:60px
}
.presence-notes-head h2{
  margin:0;
  font-size:clamp(3rem,4.8vw,5.5rem);
  line-height:.96
}
.presence-notes-list{
  border-top:1px solid #c6cdc1
}
.presence-notes-list>a{
  display:grid;
  grid-template-columns:70px minmax(0,1fr) 24px;
  gap:22px;
  align-items:center;
  min-height:118px;
  border-bottom:1px solid #c6cdc1
}
.presence-notes-list>a>span{
  color:#879182;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .48rem)
}
.presence-notes-list small{
  display:block;
  margin-bottom:5px;
  color:#7a8574;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .43rem);
  letter-spacing:.08em
}
.presence-notes-list strong{
  display:block;
  color:#1a221b;
  font-family:Manrope,Arial,sans-serif;
  font-size:clamp(1.1rem,1.7vw,1.55rem);
  font-weight:500;
  letter-spacing:-.03em
}
.presence-notes-list b{
  color:#74816d;
  font-size:max(var(--dp-text-floor, 0px), .82rem);
  font-weight:400
}
.presence-notes-list>a:hover strong{color:#5e744e}

@media(max-width:680px){
  .presence-notes{padding:85px 0 95px}
  .presence-notes-head{
    display:block;
    margin-bottom:42px
  }
  .presence-notes-head .text-link{margin-top:20px}
  .presence-notes-list>a{
    grid-template-columns:36px minmax(0,1fr) 18px;
    gap:12px;
    min-height:102px
  }
  .presence-notes-list strong{
    font-size:1.08rem;
    line-height:1.3
  }
}

/* Kinetic homepage */
.presence-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(430px,.72fr);gap:6%}
.kinetic-hero{--mx:0px;--my:0px;position:relative;min-height:590px;overflow:hidden;border:1px solid rgba(215,235,207,.13);border-radius:22px;background:radial-gradient(circle at 50% 50%,rgba(207,255,112,.08),transparent 27%),rgba(255,255,255,.015);box-shadow:inset 0 1px rgba(255,255,255,.03),0 35px 90px rgba(0,0,0,.24);transform:translate3d(var(--mx),var(--my),0);transition:transform .3s ease}
.kinetic-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(207,255,112,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(207,255,112,.06) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle,#000 15%,transparent 76%)}
.kinetic-halo{position:absolute;left:50%;top:50%;border:1px solid rgba(207,255,112,.15);border-radius:50%;transform:translate(-50%,-50%);animation:dpSpin 26s linear infinite}.halo-one{width:340px;height:340px}.halo-two{width:465px;height:465px;border-style:dashed;opacity:.5;animation-direction:reverse;animation-duration:39s}
.kinetic-lines{position:absolute;inset:7%;width:86%;height:86%}.kinetic-lines path{fill:none;stroke:rgba(207,255,112,.16);stroke-width:1;stroke-dasharray:4 8;animation:dpDash 13s linear infinite}
.kinetic-core{position:absolute;left:50%;top:50%;width:136px;height:136px;display:grid;place-items:center;align-content:center;transform:translate(-50%,-50%);border:1px solid rgba(207,255,112,.35);border-radius:50%;background:#0c1711;box-shadow:0 0 80px rgba(207,255,112,.09)}
.kinetic-core:before,.kinetic-core:after{content:"";position:absolute;border:1px solid rgba(207,255,112,.18);border-radius:50%;animation:dpPulse 4.5s ease-in-out infinite}.kinetic-core:before{inset:-22px}.kinetic-core:after{inset:-45px;animation-delay:-2.2s}.kinetic-core>i{position:absolute;width:7px;height:7px;border-radius:50%;background:#cfff70;box-shadow:0 0 15px #cfff70}.kinetic-core>i:first-child{left:4px;top:37px}.kinetic-core>i:nth-child(2){right:12px;bottom:26px}.kinetic-core>span{color:#e8f7df;font:700 2rem Manrope,Arial,sans-serif}.kinetic-core>small{color:#6e8469;font:400 max(var(--dp-text-floor, 0px), .39rem) var(--dp-mono);letter-spacing:.12em}
.kinetic-node{position:absolute;z-index:3;width:172px;min-height:76px;padding:13px 14px;text-align:left;border:1px solid rgba(210,255,115,.14);border-radius:10px;background:rgba(10,22,16,.9);color:#dce8d7;box-shadow:0 18px 40px rgba(0,0,0,.19);cursor:pointer;animation:dpFloat 6s ease-in-out infinite}.kinetic-node:hover,.kinetic-node:focus-visible{border-color:rgba(210,255,115,.46);background:#102219;outline:0}.kinetic-node>span{float:right;color:#61745e;font:400 max(var(--dp-text-floor, 0px), .43rem) var(--dp-mono)}.kinetic-node strong{display:block;font:600 max(var(--dp-text-floor, 0px), .78rem) Manrope,Arial,sans-serif}.kinetic-node small{display:block;margin-top:5px;color:#6f826b;font:400 max(var(--dp-text-floor, 0px), .38rem) var(--dp-mono);letter-spacing:.08em}.node-workforce{left:6%;top:14%}.node-board{right:5%;top:17%;animation-delay:-2s}.node-perio{right:7%;bottom:12%;animation-delay:-4s}
.kinetic-data{position:absolute;color:#526451;font:400 max(var(--dp-text-floor, 0px), .38rem) var(--dp-mono);letter-spacing:.1em}.data-one{left:8%;bottom:21%}.data-two{right:13%;top:49%}.data-three{left:25%;top:10%}.kinetic-caption{position:absolute;left:18px;right:18px;bottom:15px;display:flex;justify-content:space-between;color:#5f725b;font:400 max(var(--dp-text-floor, 0px), .39rem) var(--dp-mono);letter-spacing:.09em}.kinetic-caption span{display:flex;align-items:center;gap:7px}.kinetic-caption i{width:6px;height:6px;border-radius:50%;background:#cfff70;box-shadow:0 0 12px #cfff70}
@keyframes dpSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes dpDash{to{stroke-dashoffset:-120}}@keyframes dpPulse{0%,100%{opacity:.2;transform:scale(.94)}50%{opacity:.75;transform:scale(1.04)}}@keyframes dpFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}

.product-theater{padding:clamp(115px,11vw,175px) 0;background:#080d0a;color:#edf5e9;border-block:1px solid #1b261d}.product-theater-head{display:grid;grid-template-columns:1fr .5fr;gap:9%;align-items:end;margin-bottom:62px}.product-theater-head h2{color:#f5faf2;font-size:clamp(3.5rem,5.5vw,6.4rem);line-height:.95}.product-theater-head h2 em{color:#cfff70}.product-theater-head>p{color:#8ea088;line-height:1.75}
.product-theater-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid rgba(207,255,112,.13);margin-bottom:18px}.product-theater-tabs button{position:relative;min-height:96px;padding:18px 20px;text-align:left;border:0;border-right:1px solid rgba(207,255,112,.1);background:transparent;color:#7e9079;cursor:pointer}.product-theater-tabs button:last-child{border-right:0}.product-theater-tabs button:after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:2px;background:#cfff70;transition:right .35s}.product-theater-tabs button[aria-selected="true"]{color:#eef6e9;background:rgba(207,255,112,.035)}.product-theater-tabs button[aria-selected="true"]:after{right:0}.product-theater-tabs span{float:right;font:400 max(var(--dp-text-floor, 0px), .42rem) var(--dp-mono);color:#60705d}.product-theater-tabs strong{display:block;font:600 max(var(--dp-text-floor, 0px), .88rem) Manrope,Arial,sans-serif}.product-theater-tabs small{display:block;margin-top:4px;font-size:max(var(--dp-text-floor, 0px), .58rem);color:#667762}
.product-theater-stage{position:relative;min-height:575px;border:1px solid rgba(207,255,112,.15);border-radius:16px;background:#0b1510;box-shadow:0 35px 95px rgba(0,0,0,.32);overflow:hidden}.product-theater-stage:before{content:"";position:absolute;inset:0;opacity:.07;background-image:linear-gradient(rgba(207,255,112,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(207,255,112,.12) 1px,transparent 1px);background-size:50px 50px}.proof-panel{position:relative;z-index:1;min-height:575px;padding:24px;animation:proofIn .45s ease both}.proof-panel[hidden]{display:none}.proof-window-head{display:flex;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid rgba(207,255,112,.1);color:#71836d;font:400 max(var(--dp-text-floor, 0px), .43rem) var(--dp-mono);letter-spacing:.09em}.proof-window-head span{display:flex;align-items:center;gap:8px}.proof-window-head i{width:6px;height:6px;border-radius:50%;background:#cfff70;box-shadow:0 0 12px #cfff70}.proof-window-head b{color:#94a88e;font-size:max(var(--dp-text-floor, 0px), .4rem)}.proof-link{position:absolute;right:24px;bottom:21px;color:#cfff70;font-size:max(var(--dp-text-floor, 0px), .65rem);border-bottom:1px solid rgba(207,255,112,.35)}
.workforce-proof-layout,.perio-proof-layout,.board-proof-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px;margin-top:16px}.proof-call,.proof-flow,.proof-activity,.perio-voice,.perio-chart,.board-proof-members>div,.board-proof-chair,.board-proof-question{border:1px solid rgba(207,255,112,.1);border-radius:9px;background:rgba(255,255,255,.018)}.proof-call{grid-row:span 2;padding:25px}.proof-call small,.board-proof-question small,.perio-voice>small{color:#70836b;font:400 max(var(--dp-text-floor, 0px), .42rem) var(--dp-mono);letter-spacing:.09em}.proof-call h3,.board-proof-question h3,.perio-voice h3{color:#f1f7ed}.proof-wave{height:82px;display:flex;align-items:center;gap:4px}.proof-wave i{width:3px;height:calc(12px + (var(--n) % 7) * 7px);border-radius:4px;background:#cfff70;animation:waveBeat 1.25s ease-in-out infinite;animation-delay:calc(var(--n) * -45ms)}.proof-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;padding:17px}.proof-flow>div span{display:block;color:#5d7059;font:400 max(var(--dp-text-floor, 0px), .4rem) var(--dp-mono)}.proof-flow strong{display:block;color:#dce8d7;font-size:max(var(--dp-text-floor, 0px), .67rem);margin:5px 0}.proof-flow small{font-size:max(var(--dp-text-floor, 0px), .5rem);color:#70806c}.proof-flow>i{color:#53634f;font-style:normal}.proof-activity{padding:7px 15px}.proof-activity>div{display:grid;grid-template-columns:54px 1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid rgba(207,255,112,.07)}.proof-activity span,.proof-activity em{font:400 max(var(--dp-text-floor, 0px), .4rem) var(--dp-mono);color:#72876c}.proof-activity strong{font-size:max(var(--dp-text-floor, 0px), .59rem);color:#cddac8}
.board-proof-question{grid-column:1/-1;padding:24px}.board-proof-question h3{margin:7px 0;font-size:1.55rem}.board-proof-members{display:grid;grid-template-columns:1fr 1fr;gap:8px}.board-proof-members>div{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:14px}.board-proof-members>div>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(207,255,112,.17);border-radius:8px;color:#cfff70;font:400 max(var(--dp-text-floor, 0px), .48rem) var(--dp-mono)}.board-proof-members p{margin:0}.board-proof-members strong{display:block;color:#dce7d8;font-size:max(var(--dp-text-floor, 0px), .64rem)}.board-proof-members small,.board-proof-members b{font-size:max(var(--dp-text-floor, 0px), .42rem);color:#6e8069}.board-proof-chair{padding:22px;background:#102019}.board-proof-chair>small{color:#cfff70;font:400 max(var(--dp-text-floor, 0px), .42rem) var(--dp-mono)}.board-proof-chair h3{color:#f1f7ed;font-size:1.7rem}.board-proof-chair p{color:#95a68f;font-size:max(var(--dp-text-floor, 0px), .7rem)}.board-proof-chair ol{color:#bdcbb7;font-size:max(var(--dp-text-floor, 0px), .62rem);line-height:1.9}
.perio-voice,.perio-chart{padding:24px}.perio-listen{display:flex;gap:9px;padding:12px 0 18px;border-bottom:1px solid rgba(207,255,112,.08);font:400 max(var(--dp-text-floor, 0px), .4rem) var(--dp-mono);color:#72866d}.perio-listen i{width:8px;height:8px;border-radius:50%;background:#cfff70;box-shadow:0 0 14px #cfff70;animation:dpPulse 2s infinite}.perio-listen b{margin-left:auto;color:#9db891}.perio-transcript{display:grid;grid-template-columns:42px 1fr auto;gap:10px;padding:14px 0;border-bottom:1px solid rgba(207,255,112,.07)}.perio-transcript span,.perio-transcript em{font:400 max(var(--dp-text-floor, 0px), .4rem) var(--dp-mono);color:#6d8068}.perio-transcript strong{color:#d9e5d5}.perio-chart-head{display:flex;justify-content:space-between;color:#758a70;font:400 max(var(--dp-text-floor, 0px), .43rem) var(--dp-mono)}.perio-sites{display:grid;grid-template-columns:repeat(3,1fr) 60px repeat(3,1fr);gap:6px;align-items:center;margin:30px 0}.perio-sites span,.perio-sites i{height:48px;display:grid;place-items:center;border:1px solid rgba(207,255,112,.12);border-radius:7px;color:#dce8d7}.perio-sites i{height:60px;border-radius:50%;color:#cfff70;font-style:normal}.perio-flags{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.perio-flags span{padding:12px;border:1px solid rgba(207,255,112,.08);border-radius:7px;color:#6d8068;font:400 max(var(--dp-text-floor, 0px), .38rem) var(--dp-mono)}.perio-flags b{display:block;margin-top:4px;color:#a8bd9f}.perio-history{margin-top:22px}.perio-history small{font:400 max(var(--dp-text-floor, 0px), .4rem) var(--dp-mono);color:#6d8068}.perio-history div{position:relative;height:36px;margin-top:9px;border:1px solid rgba(207,255,112,.08);border-radius:7px;overflow:hidden}.perio-history div span{position:absolute;inset:0 auto 0 0;width:var(--w);background:rgba(207,255,112,.08)}.perio-history div b{position:relative;z-index:1;display:flex;align-items:center;height:100%;padding:0 12px;color:#a9baa4;font-size:max(var(--dp-text-floor, 0px), .55rem)}
@keyframes proofIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes waveBeat{0%,100%{transform:scaleY(.45);opacity:.35}50%{transform:scaleY(1);opacity:1}}

@media(max-width:980px){.presence-hero-grid{grid-template-columns:1fr}.kinetic-hero{min-height:520px;max-width:720px}.product-theater-head{grid-template-columns:1fr;gap:25px}.workforce-proof-layout,.perio-proof-layout,.board-proof-grid{grid-template-columns:1fr}.proof-call{grid-row:auto}}
@media(max-width:680px){.kinetic-hero{min-height:440px;border-radius:15px}.halo-one{width:245px;height:245px}.halo-two{width:340px;height:340px}.kinetic-core{width:104px;height:104px}.kinetic-node{width:137px;min-height:65px;padding:10px}.node-workforce{left:4%;top:12%}.node-board{right:4%;top:15%}.node-perio{right:5%;bottom:13%}.kinetic-data{display:none}.kinetic-caption{font-size:max(var(--dp-text-floor, 0px), .34rem)}.product-theater{padding:90px 0}.product-theater-head{margin-bottom:42px}.product-theater-head h2{font-size:clamp(3rem,13vw,4.8rem)}.product-theater-tabs{grid-template-columns:1fr}.product-theater-tabs button{min-height:72px;border-right:0;border-bottom:1px solid rgba(207,255,112,.08)}.product-theater-stage,.proof-panel{min-height:650px}.proof-panel{padding:15px}.proof-window-head b{display:none}.proof-flow{grid-template-columns:1fr 1fr;gap:8px}.proof-flow>i{display:none}.proof-activity>div{grid-template-columns:48px 1fr}.proof-activity em{display:none}.board-proof-members{grid-template-columns:1fr}.perio-sites{grid-template-columns:repeat(3,1fr);}.perio-sites i{grid-column:1/-1;width:58px;justify-self:center}.perio-flags{grid-template-columns:1fr}.proof-link{right:15px;bottom:16px}}
@media(prefers-reduced-motion:reduce){.kinetic-halo,.kinetic-lines path,.kinetic-core:before,.kinetic-core:after,.kinetic-node,.proof-wave i,.perio-listen i{animation:none!important}.kinetic-hero{transform:none!important}}


/* =========================================================
   KINETIC HERO + CLICKABLE PRODUCT PROOF
   ========================================================= */
body[data-home="true"] .presence-hero-grid{
  grid-template-columns:minmax(0,1.03fr) minmax(430px,.77fr);
  gap:7%;
}
.kinetic-hero{
  --mx:0px;
  --my:0px;
  --gx:50%;
  --gy:50%;
  position:relative;
  width:min(100%,590px);
  aspect-ratio:1;
  justify-self:end;
  overflow:hidden;
  border:1px solid rgba(229,239,224,.11);
  border-radius:28px;
  background:
    radial-gradient(circle at var(--gx) var(--gy),rgba(207,255,112,.095),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.005));
  box-shadow:0 55px 130px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.03);
  isolation:isolate
}
.kinetic-hero:after{
  content:"";
  position:absolute;
  inset:-25% 0 auto;
  height:36%;
  pointer-events:none;
  z-index:8;
  background:linear-gradient(180deg,transparent,rgba(207,255,112,.055),transparent);
  transform:translateY(-100%);
  animation:kineticScan 7.5s ease-in-out infinite
}
.kinetic-grid{
  position:absolute;
  inset:-10%;
  opacity:.24;
  background:
    linear-gradient(rgba(210,255,115,.052) 1px,transparent 1px),
    linear-gradient(90deg,rgba(210,255,115,.052) 1px,transparent 1px);
  background-size:44px 44px;
  transform:translate(calc(var(--mx) * -.05),calc(var(--my) * -.05)) rotate(-4deg) scale(1.08);
  animation:kineticGridDrift 16s linear infinite
}
.kinetic-halo{
  position:absolute;
  left:50%;
  top:50%;
  border:1px solid rgba(207,255,112,.16);
  border-radius:50%
}
.halo-one{
  width:58%;
  height:58%;
  border-style:dashed;
  transform:translate(-50%,-50%);
  animation:kineticSpin 24s linear infinite
}
.halo-two{
  width:34%;
  height:34%;
  opacity:.72;
  transform:translate(-50%,-50%);
  animation:kineticSpinReverse 17s linear infinite
}
.kinetic-halo:before,
.kinetic-halo:after{
  content:"";
  position:absolute;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#cfff70;
  box-shadow:0 0 22px rgba(207,255,112,.72)
}
.kinetic-halo:before{left:8%;top:21%}
.kinetic-halo:after{right:3%;bottom:31%;width:5px;height:5px}
.kinetic-lines{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  fill:none;
  stroke:rgba(207,255,112,.20);
  stroke-width:1.1;
  transform:translate(calc(var(--mx) * .04),calc(var(--my) * .04))
}
.kinetic-lines path{
  stroke-dasharray:4 9;
  animation:kineticDash 11s linear infinite
}
.kinetic-core{
  position:absolute;
  z-index:5;
  left:50%;
  top:50%;
  width:108px;
  height:108px;
  display:grid;
  place-items:center;
  border:1px solid rgba(207,255,112,.24);
  border-radius:29px;
  background:#d1ff73;
  color:#09110b;
  box-shadow:0 0 0 12px rgba(207,255,112,.025),0 0 80px rgba(207,255,112,.20);
  transform:translate(calc(-50% + var(--mx) * .08),calc(-50% + var(--my) * .08)) rotate(45deg)
}
.kinetic-core:before{
  content:"";
  position:absolute;
  inset:-23px;
  border:1px solid rgba(207,255,112,.14);
  border-radius:50%;
  animation:kineticPulse 3.5s ease-in-out infinite
}
.kinetic-core i{
  position:absolute;
  width:160px;
  height:62px;
  border:1px solid rgba(207,255,112,.18);
  border-radius:50%;
  transform:rotate(-45deg);
  animation:kineticOrbit 15s linear infinite
}
.kinetic-core i:nth-child(2){
  width:62px;
  height:160px;
  animation-direction:reverse;
  animation-duration:19s
}
.kinetic-core span,
.kinetic-core small{
  position:absolute;
  transform:rotate(-45deg)
}
.kinetic-core span{
  font-family:Manrope,Arial,sans-serif;
  font-size:1.75rem;
  font-weight:800
}
.kinetic-core small{
  margin-top:49px;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .36rem);
  letter-spacing:.12em
}
.kinetic-node{
  position:absolute;
  z-index:6;
  min-width:160px;
  padding:13px 14px;
  display:grid;
  grid-template-columns:26px 1fr;
  column-gap:9px;
  text-align:left;
  color:#dce6d8;
  border:1px solid rgba(224,238,219,.13);
  border-radius:12px;
  background:rgba(8,17,13,.82);
  backdrop-filter:blur(13px);
  box-shadow:0 16px 40px rgba(0,0,0,.18);
  cursor:pointer;
  transition:border-color .3s ease,background .3s ease,box-shadow .3s ease,transform .3s ease
}
.kinetic-node>span{
  grid-row:1/3;
  color:#677666;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .43rem)
}
.kinetic-node strong{
  font-family:Manrope,Arial,sans-serif;
  font-size:max(var(--dp-text-floor, 0px), .73rem);
  font-weight:600;
  line-height:1.2
}
.kinetic-node small{
  margin-top:4px;
  color:#6d7d6d;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .36rem);
  letter-spacing:.08em
}
.kinetic-node:hover,
.kinetic-node:focus-visible,
.kinetic-node.is-signal{
  border-color:rgba(207,255,112,.36);
  background:rgba(17,31,23,.94);
  box-shadow:0 18px 48px rgba(0,0,0,.26),0 0 28px rgba(207,255,112,.055)
}
.node-workforce{
  left:5%;
  top:13%;
  transform:translate(calc(var(--mx) * -.10),calc(var(--my) * -.10))
}
.node-board{
  right:4.5%;
  top:13%;
  transform:translate(calc(var(--mx) * .13),calc(var(--my) * -.10))
}
.node-perio{
  right:6%;
  bottom:11%;
  transform:translate(calc(var(--mx) * .10),calc(var(--my) * .13))
}
.kinetic-data{
  position:absolute;
  z-index:3;
  color:#60705f;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .38rem);
  letter-spacing:.11em
}
.data-one{left:7%;bottom:21%}
.data-two{right:8%;top:42%}
.data-three{left:29%;top:6%}
.kinetic-caption{
  position:absolute;
  z-index:7;
  left:18px;
  right:18px;
  bottom:14px;
  display:flex;
  justify-content:space-between;
  gap:20px;
  color:#5d6b5e;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .39rem);
  letter-spacing:.09em
}
.kinetic-caption span{display:flex;align-items:center;gap:7px}
.kinetic-caption i{
  width:6px;height:6px;
  border-radius:50%;
  background:#cfff70;
  box-shadow:0 0 13px rgba(207,255,112,.65)
}
.kinetic-caption b{color:#82917f;font-size:max(var(--dp-text-floor, 0px), .38rem)}

.product-theater{
  padding:clamp(110px,11vw,170px) 0;
  color:#edf5e9;
  background:#070d0a;
  border-block:1px solid #1d2920
}
.product-theater-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.52fr);
  gap:9%;
  align-items:end;
  margin-bottom:62px
}
.product-theater-head h2{
  margin:0;
  color:#f8fbf6;
  font-size:clamp(3.6rem,5.7vw,6.6rem);
  line-height:.94;
  letter-spacing:-.065em
}
.product-theater-head h2 em{color:#cfff70}
.product-theater-head>p{
  max-width:480px;
  margin:0 0 8px;
  color:#889b85;
  font-size:max(var(--dp-text-floor, 0px), .9rem);
  line-height:1.78
}
.product-theater-tabs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(207,255,112,.15);
  border-bottom:1px solid rgba(207,255,112,.15)
}
.product-theater-tabs button{
  min-height:112px;
  display:grid;
  grid-template-columns:36px 1fr;
  column-gap:13px;
  align-content:center;
  text-align:left;
  border:0;
  border-right:1px solid rgba(207,255,112,.11);
  background:transparent;
  color:#73846f;
  cursor:pointer
}
.product-theater-tabs button:last-child{border-right:0}
.product-theater-tabs button>span{
  grid-row:1/3;
  align-self:start;
  margin-top:3px;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .45rem)
}
.product-theater-tabs strong{
  color:#aab9a4;
  font-family:Manrope,Arial,sans-serif;
  font-size:1rem;
  font-weight:500
}
.product-theater-tabs small{
  margin-top:4px;
  color:#5f705c;
  font-size:max(var(--dp-text-floor, 0px), .58rem)
}
.product-theater-tabs button[aria-selected="true"]{
  background:rgba(207,255,112,.045);
  color:#cfff70
}
.product-theater-tabs button[aria-selected="true"] strong{color:#f0f7ec}
.product-theater-stage{
  margin-top:24px;
  min-height:610px;
  overflow:hidden;
  border:1px solid rgba(207,255,112,.16);
  border-radius:20px;
  background:
    radial-gradient(circle at 76% 21%,rgba(207,255,112,.055),transparent 23%),
    #0a1410;
  box-shadow:0 46px 110px rgba(0,0,0,.34)
}
.proof-panel{
  min-height:610px;
  padding:20px;
  animation:proofReveal .48s cubic-bezier(.22,.61,.36,1) both
}
.proof-window-head{
  min-height:44px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:0 4px 14px;
  border-bottom:1px solid rgba(207,255,112,.10);
  color:#70816d;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .44rem);
  letter-spacing:.08em
}
.proof-window-head span{display:flex;align-items:center;gap:8px}
.proof-window-head i{
  width:7px;height:7px;border-radius:50%;
  background:#cfff70;
  box-shadow:0 0 14px rgba(207,255,112,.65)
}
.proof-window-head b{color:#93a58e;font-size:max(var(--dp-text-floor, 0px), .42rem)}
.proof-link{
  display:inline-flex;
  margin-top:20px;
  padding-bottom:3px;
  color:#dce9d6;
  border-bottom:1px solid rgba(220,233,214,.35);
  font-size:max(var(--dp-text-floor, 0px), .69rem)
}

/* DreamWorkforce proof */
.workforce-proof-layout{
  min-height:500px;
  display:grid;
  grid-template-columns:minmax(280px,.9fr) minmax(340px,1.2fr) minmax(240px,.75fr);
  gap:13px;
  padding-top:15px
}
.proof-call,
.proof-flow,
.proof-activity{
  border:1px solid rgba(207,255,112,.09);
  border-radius:12px;
  background:rgba(255,255,255,.018)
}
.proof-call{padding:24px}
.proof-call>small{
  color:#64765f;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .41rem);
  letter-spacing:.08em
}
.proof-call h3{
  margin:34px 0 22px;
  color:#edf5e9;
  font-size:1.65rem
}
.proof-call>p{
  margin:23px 0;
  color:#9aab95;
  font-size:max(var(--dp-text-floor, 0px), .82rem);
  line-height:1.65
}
.proof-wave{
  height:74px;
  display:flex;
  align-items:center;
  gap:4px
}
.proof-wave i{
  width:3px;
  height:calc(22px + var(--n) * 1px);
  max-height:48px;
  border-radius:3px;
  background:#cfff70;
  opacity:.62;
  animation:proofWave 1.5s ease-in-out infinite alternate;
  animation-delay:calc(var(--n) * -55ms)
}
.proof-call-status{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-top:16px;
  border-top:1px solid rgba(207,255,112,.09);
  color:#71816d;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .43rem)
}
.proof-call-status b{color:#cfff70}
.proof-flow{
  display:grid;
  grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr;
  align-items:center;
  padding:20px
}
.proof-flow>div{
  min-height:185px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:17px;
  border:1px solid rgba(207,255,112,.09);
  border-radius:10px;
  background:#0c1813
}
.proof-flow>div>span{
  margin-bottom:36px;
  color:#657861;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .43rem)
}
.proof-flow strong{
  color:#dce8d7;
  font-family:Manrope,Arial,sans-serif;
  font-size:max(var(--dp-text-floor, 0px), .88rem)
}
.proof-flow small{
  margin-top:5px;
  color:#687966;
  font-size:max(var(--dp-text-floor, 0px), .57rem);
  line-height:1.45
}
.proof-flow>i{
  color:#cfff70;
  font-style:normal;
  text-align:center;
  animation:proofArrow 1.8s ease-in-out infinite
}
.proof-activity{
  padding:14px
}
.proof-activity>div{
  display:grid;
  grid-template-columns:54px 1fr auto;
  gap:10px;
  align-items:center;
  min-height:78px;
  padding:9px 4px;
  border-bottom:1px solid rgba(207,255,112,.07)
}
.proof-activity>div:last-child{border-bottom:0}
.proof-activity span{
  color:#62775e;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .4rem)
}
.proof-activity strong{
  color:#a8b9a2;
  font-size:max(var(--dp-text-floor, 0px), .64rem)
}
.proof-activity em{
  color:#758b70;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .39rem);
  font-style:normal
}

/* DreamBoard proof */
.board-proof-question{
  padding:33px 6px 29px;
  border-bottom:1px solid rgba(207,255,112,.09)
}
.board-proof-question small{
  color:#cfff70;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .43rem);
  letter-spacing:.1em
}
.board-proof-question h3{
  max-width:900px;
  margin:8px 0 7px;
  color:#f0f6ed;
  font-size:clamp(1.7rem,3vw,3rem)
}
.board-proof-question span{
  color:#667764;
  font-size:max(var(--dp-text-floor, 0px), .58rem)
}
.board-proof-grid{
  display:grid;
  grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);
  gap:13px;
  padding-top:14px
}
.board-proof-members{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px
}
.board-proof-members>div{
  min-height:135px;
  display:grid;
  grid-template-columns:42px 1fr;
  column-gap:12px;
  align-content:center;
  padding:15px;
  border:1px solid rgba(207,255,112,.09);
  border-radius:10px;
  background:rgba(255,255,255,.018)
}
.board-proof-members>div>span{
  grid-row:1/3;
  width:42px;height:42px;
  display:grid;place-items:center;
  border:1px solid rgba(207,255,112,.18);
  border-radius:9px;
  color:#cfff70;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .48rem)
}
.board-proof-members p{margin:0}
.board-proof-members strong{display:block;color:#dce8d7;font-size:max(var(--dp-text-floor, 0px), .72rem)}
.board-proof-members small{display:block;color:#667965;font-size:max(var(--dp-text-floor, 0px), .51rem)}
.board-proof-members b{
  grid-column:2;
  margin-top:9px;
  color:#829b77;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .4rem)
}
.board-proof-chair{
  padding:28px;
  border:1px solid rgba(207,255,112,.15);
  border-radius:12px;
  background:linear-gradient(150deg,rgba(207,255,112,.055),rgba(255,255,255,.015))
}
.board-proof-chair>small{
  color:#cfff70;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .43rem);
  letter-spacing:.09em
}
.board-proof-chair h3{
  margin:28px 0 12px;
  color:#eff7eb;
  font-size:2rem
}
.board-proof-chair>p{
  color:#92a68d;
  font-size:max(var(--dp-text-floor, 0px), .78rem);
  line-height:1.65
}
.board-proof-chair ol{
  margin:28px 0 0;
  padding:20px 0 0 21px;
  border-top:1px solid rgba(207,255,112,.09);
  color:#a7b9a1
}
.board-proof-chair li{
  margin:10px 0;
  padding-left:7px;
  font-size:max(var(--dp-text-floor, 0px), .68rem)
}

/* DreamPerio proof */
.perio-proof-layout{
  min-height:505px;
  display:grid;
  grid-template-columns:minmax(300px,.82fr) minmax(430px,1.18fr);
  gap:13px;
  padding-top:15px
}
.perio-voice,
.perio-chart{
  padding:25px;
  border:1px solid rgba(207,255,112,.09);
  border-radius:12px;
  background:rgba(255,255,255,.018)
}
.perio-voice>small,
.perio-chart-head{
  color:#62755f;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .42rem);
  letter-spacing:.08em
}
.perio-voice h3{
  margin:38px 0 28px;
  color:#edf5e9;
  font-size:clamp(1.55rem,2.3vw,2.45rem);
  line-height:1.2
}
.perio-listen{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 0 18px;
  border-bottom:1px solid rgba(207,255,112,.08);
  color:#799075;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .41rem)
}
.perio-listen i{
  width:8px;height:8px;border-radius:50%;
  background:#cfff70;
  box-shadow:0 0 18px rgba(207,255,112,.75);
  animation:perioListen 1.25s ease-in-out infinite
}
.perio-listen b{margin-left:auto;color:#a7bd9e;font-size:max(var(--dp-text-floor, 0px), .39rem)}
.perio-transcript{
  display:grid;
  grid-template-columns:45px 1fr auto;
  gap:10px;
  align-items:center;
  min-height:66px;
  border-bottom:1px solid rgba(207,255,112,.07)
}
.perio-transcript span{color:#657863;font-family:var(--dp-mono);font-size:max(var(--dp-text-floor, 0px), .42rem)}
.perio-transcript strong{color:#dfe9da;font-size:max(var(--dp-text-floor, 0px), .82rem)}
.perio-transcript em{color:#71846d;font-family:var(--dp-mono);font-size:max(var(--dp-text-floor, 0px), .4rem);font-style:normal}
.perio-chart-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-bottom:22px;
  border-bottom:1px solid rgba(207,255,112,.08)
}
.perio-chart-head b{color:#8ba382;font-size:max(var(--dp-text-floor, 0px), .41rem)}
.perio-sites{
  min-height:215px;
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:7px;
  align-items:center
}
.perio-sites span,
.perio-sites i{
  aspect-ratio:1;
  display:grid;
  place-items:center;
  border:1px solid rgba(207,255,112,.10);
  border-radius:9px;
  color:#b4c4ae;
  background:#0d1a14;
  font-family:Manrope,Arial,sans-serif;
  font-size:1.05rem;
  font-style:normal
}
.perio-sites i{
  color:#08110b;
  background:#cfff70;
  border-color:#cfff70;
  font-weight:800;
  box-shadow:0 0 30px rgba(207,255,112,.10)
}
.perio-flags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  padding-top:14px;
  border-top:1px solid rgba(207,255,112,.08)
}
.perio-flags span{
  padding:7px 9px;
  border:1px solid rgba(207,255,112,.09);
  border-radius:999px;
  color:#657963;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .38rem)
}
.perio-flags b{color:#9db594}
.perio-history{margin-top:21px}
.perio-history>small{
  color:#62755f;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .39rem);
  letter-spacing:.08em
}
.perio-history>div{
  position:relative;
  min-height:42px;
  margin-top:8px;
  padding:12px;
  overflow:hidden;
  border:1px solid rgba(207,255,112,.08);
  border-radius:7px
}
.perio-history>div>span{
  position:absolute;
  left:0;top:0;bottom:0;
  width:var(--w);
  background:rgba(207,255,112,.06)
}
.perio-history b{
  position:relative;
  color:#9bad95;
  font-size:max(var(--dp-text-floor, 0px), .57rem)
}

@keyframes kineticGridDrift{
  to{background-position:44px 44px}
}
@keyframes kineticSpin{
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes kineticSpinReverse{
  to{transform:translate(-50%,-50%) rotate(-360deg)}
}
@keyframes kineticOrbit{
  to{transform:rotate(315deg)}
}
@keyframes kineticDash{
  to{stroke-dashoffset:-130}
}
@keyframes kineticPulse{
  0%,100%{opacity:.35;transform:scale(.94)}
  50%{opacity:.9;transform:scale(1.08)}
}
@keyframes kineticScan{
  0%,18%{transform:translateY(-130%)}
  60%,100%{transform:translateY(430%)}
}
@keyframes proofReveal{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:none}
}
@keyframes proofWave{
  from{transform:scaleY(.45);opacity:.36}
  to{transform:scaleY(1);opacity:.9}
}
@keyframes proofArrow{
  0%,100%{opacity:.25;transform:translateX(-2px)}
  50%{opacity:1;transform:translateX(2px)}
}
@keyframes perioListen{
  0%,100%{transform:scale(.75);opacity:.45}
  50%{transform:scale(1.2);opacity:1}
}

@media(max-width:1165px){
  body[data-home="true"] .presence-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);
    gap:4%
  }
  .kinetic-node{min-width:145px}
  .workforce-proof-layout{grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr)}
  .proof-activity{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
  .proof-activity>div:nth-child(2){border-right:0}
}
@media(max-width:900px){
  body[data-home="true"] .presence-hero-grid{grid-template-columns:1fr;gap:55px}
  .kinetic-hero{justify-self:center;width:min(100%,620px)}
  .product-theater-head{grid-template-columns:1fr;gap:25px}
  .workforce-proof-layout{grid-template-columns:1fr}
  .proof-flow{min-height:220px}
  .proof-activity{grid-column:auto}
  .board-proof-grid,.perio-proof-layout{grid-template-columns:1fr}
}
@media(max-width:680px){
  body[data-home="true"] .presence-hero-grid{gap:42px}
  .kinetic-hero{
    width:100%;
    border-radius:18px
  }
  .kinetic-core{width:78px;height:78px;border-radius:22px}
  .kinetic-core i{width:120px;height:48px}
  .kinetic-core i:nth-child(2){width:48px;height:120px}
  .kinetic-core span{font-size:1.25rem}
  .kinetic-core small{margin-top:37px;font-size:max(var(--dp-text-floor, 0px), .29rem)}
  .kinetic-node{
    min-width:0;
    width:41%;
    padding:10px 9px;
    grid-template-columns:22px 1fr;
    column-gap:6px;
    border-radius:9px
  }
  .kinetic-node strong{font-size:max(var(--dp-text-floor, 0px), .61rem)}
  .kinetic-node small{font-size:max(var(--dp-text-floor, 0px), .3rem)}
  .node-workforce{left:4%;top:10%}
  .node-board{right:4%;top:10%}
  .node-perio{right:4%;bottom:12%}
  .kinetic-data{font-size:max(var(--dp-text-floor, 0px), .30rem)}
  .data-one{left:5%;bottom:25%}
  .data-two{right:5%;top:42%}
  .data-three{left:28%;top:4%}
  .kinetic-caption{left:11px;right:11px;bottom:9px;font-size:max(var(--dp-text-floor, 0px), .31rem)}
  .kinetic-caption b{font-size:max(var(--dp-text-floor, 0px), .30rem)}
  .product-theater{padding:90px 0}
  .product-theater-head{margin-bottom:45px}
  .product-theater-head h2{font-size:clamp(3rem,13vw,4.9rem)}
  .product-theater-head>p{font-size:max(var(--dp-text-floor, 0px), .82rem)}
  .product-theater-tabs{
    grid-template-columns:1fr;
    border-bottom:0
  }
  .product-theater-tabs button{
    min-height:72px;
    border-right:0;
    border-bottom:1px solid rgba(207,255,112,.10)
  }
  .product-theater-stage{
    margin-top:16px;
    min-height:0;
    border-radius:14px
  }
  .proof-panel{min-height:0;padding:13px}
  .proof-window-head{
    align-items:flex-start;
    font-size:max(var(--dp-text-floor, 0px), .36rem);
    line-height:1.5
  }
  .proof-window-head b{text-align:right;font-size:max(var(--dp-text-floor, 0px), .34rem)}
  .workforce-proof-layout{min-height:0;gap:9px;padding-top:10px}
  .proof-call{padding:18px}
  .proof-call h3{font-size:1.38rem;margin:25px 0 18px}
  .proof-wave{height:58px}
  .proof-flow{
    grid-template-columns:1fr 18px 1fr;
    gap:5px;
    padding:10px
  }
  .proof-flow>div{min-height:125px;padding:11px}
  .proof-flow>div:nth-of-type(3),
  .proof-flow>div:nth-of-type(4){margin-top:0}
  .proof-flow>i:nth-of-type(2){display:none}
  .proof-flow>div:nth-of-type(3){grid-column:1}
  .proof-flow>div:nth-of-type(4){grid-column:3}
  .proof-flow>div>span{margin-bottom:20px}
  .proof-activity{display:block;padding:10px}
  .proof-activity>div{min-height:62px}
  .board-proof-question{padding:25px 3px 22px}
  .board-proof-question h3{font-size:1.55rem}
  .board-proof-members{grid-template-columns:1fr}
  .board-proof-members>div{min-height:92px}
  .board-proof-chair{padding:20px}
  .board-proof-chair h3{font-size:1.6rem;margin-top:22px}
  .perio-proof-layout{min-height:0;gap:9px;padding-top:10px}
  .perio-voice,.perio-chart{padding:18px}
  .perio-voice h3{margin:27px 0 22px;font-size:1.45rem}
  .perio-sites{min-height:150px;gap:4px}
  .perio-sites span,.perio-sites i{border-radius:6px;font-size:max(var(--dp-text-floor, 0px), .8rem)}
}
@media(prefers-reduced-motion:reduce){
  .kinetic-grid,.halo-one,.halo-two,.kinetic-lines path,.kinetic-core:before,.kinetic-core i,
  .kinetic-hero:after,.proof-wave i,.proof-flow>i,.perio-listen i{
    animation:none!important
  }
  .kinetic-hero,.kinetic-grid,.kinetic-lines,.kinetic-core,.kinetic-node{transform:none!important}
  .kinetic-core{transform:translate(-50%,-50%) rotate(45deg)!important}
}

/* Final kinetic core treatment: quiet, precise, not neon-logo loud. */
.kinetic-core{border-radius:50%;background:#0d1913;color:#e8f5e1;box-shadow:0 0 0 12px rgba(207,255,112,.018),0 0 70px rgba(207,255,112,.08);transform:translate(calc(-50% + var(--mx) * .08),calc(-50% + var(--my) * .08))}
.kinetic-core span,.kinetic-core small{transform:none}.kinetic-core i{transform:none}
@media(max-width:680px){.kinetic-core{border-radius:50%}}
@media(prefers-reduced-motion:reduce){.kinetic-core{transform:translate(-50%,-50%)!important}}


/* =========================================================
   CINEMATIC PRODUCT FILM HERO
   Replaces the orbital/sci-fi hero with a restrained moving
   product reel: interface footage, slow camera motion, cuts.
   ========================================================= */
body[data-home="true"] .presence-hero-grid{
  grid-template-columns:minmax(0,.88fr) minmax(500px,.98fr);
  gap:6%;
}
body[data-home="true"] .presence-hero-copy h1{
  font-size:clamp(4.9rem,7.9vw,9.2rem);
}
.cinematic-reel{
  position:relative;
  width:min(100%,720px);
  justify-self:end;
  overflow:hidden;
  border:1px solid rgba(231,239,226,.12);
  border-radius:18px;
  background:#0a0d0b;
  box-shadow:
    0 46px 110px rgba(0,0,0,.34),
    0 1px 0 rgba(255,255,255,.025) inset;
}
.reel-top{
  height:43px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:0 15px;
  border-bottom:1px solid rgba(231,239,226,.09);
  background:#0c100d;
  color:#69746b;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .4rem);
  letter-spacing:.1em
}
.reel-top b{
  color:#a7b7a1;
  font-size:max(var(--dp-text-floor, 0px), .39rem);
  font-weight:500
}
.reel-viewport{
  position:relative;
  aspect-ratio:16/10;
  min-height:450px;
  overflow:hidden;
  background:#0b100d
}
.reel-scene{
  position:absolute;
  inset:0;
  z-index:1;
  opacity:0;
  overflow:hidden;
  pointer-events:none;
  transform:scale(1.035) translate3d(8px,3px,0);
  transition:opacity .78s ease;
  will-change:transform,opacity
}
.reel-scene.is-active{
  z-index:2;
  opacity:1;
  pointer-events:auto;
  animation:reelCamera 5.6s cubic-bezier(.2,.72,.2,1) both
}
@keyframes reelCamera{
  from{transform:scale(1.045) translate3d(12px,6px,0)}
  to{transform:scale(1) translate3d(0,0,0)}
}
.film-scene-label{
  position:absolute;
  z-index:6;
  top:18px;
  left:20px;
  display:flex;
  align-items:baseline;
  gap:10px;
  color:#e8efe5;
  font-family:var(--dp-mono)
}
.film-scene-label span{
  font-size:max(var(--dp-text-floor, 0px), .53rem);
  font-weight:800;
  letter-spacing:.08em
}
.film-scene-label small{
  color:#7d8b7a;
  font-size:max(var(--dp-text-floor, 0px), .37rem);
  letter-spacing:.09em
}
.reel-product-link{
  position:absolute;
  z-index:7;
  right:18px;
  bottom:16px;
  min-height:34px;
  padding:0;
  border:0;
  border-bottom:1px solid rgba(220,232,214,.34);
  background:transparent;
  color:#e2e9de;
  font-size:max(var(--dp-text-floor, 0px), .56rem);
  font-weight:600;
  cursor:pointer
}
.reel-product-link span{
  margin-left:9px;
  color:#cfff70
}
.reel-vignette,
.reel-grain{
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none
}
.reel-vignette{
  box-shadow:
    inset 0 0 100px rgba(0,0,0,.24),
    inset 0 -90px 100px rgba(0,0,0,.16)
}
.reel-grain{
  opacity:.11;
  background-image:
    repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0,rgba(255,255,255,.028) 1px,transparent 1px,transparent 3px);
  mix-blend-mode:soft-light
}
.reel-controls{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  min-height:66px;
  border-top:1px solid rgba(231,239,226,.09);
  background:#0b0f0c
}
.reel-controls>button{
  position:relative;
  border:0;
  border-right:1px solid rgba(231,239,226,.07);
  background:transparent;
  color:#6d796d;
  text-align:left;
  padding:14px 15px 15px;
  font-size:max(var(--dp-text-floor, 0px), .54rem);
  cursor:pointer;
  transition:color .2s ease,background .2s ease
}
.reel-controls>button:nth-child(3){border-right:0}
.reel-controls>button span{
  display:block;
  margin-bottom:2px;
  color:#4f5c51;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .36rem)
}
.reel-controls>button.is-active{
  color:#edf4e9;
  background:rgba(255,255,255,.018)
}
.reel-controls>button.is-active span{color:#a9bc9e}
.reel-progress{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  overflow:hidden;
  background:rgba(255,255,255,.035)
}
.reel-progress i{
  display:block;
  width:100%;
  height:100%;
  background:#cfff70;
  transform:scaleX(0);
  transform-origin:left
}
.cinematic-reel.is-playing .reel-progress i{
  animation:reelProgress 5.6s linear forwards
}
@keyframes reelProgress{to{transform:scaleX(1)}}

/* Scene 01: DreamWorkforce */
.scene-workforce{
  background:
    radial-gradient(circle at 72% 27%,rgba(182,225,114,.14),transparent 25%),
    linear-gradient(135deg,#131914 0%,#0a0e0b 58%,#111711 100%)
}
.film-workforce-stage{
  position:absolute;
  inset:68px 34px 48px;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(185px,.62fr);
  gap:16px;
  align-items:center
}
.film-call-card{
  align-self:center;
  min-height:245px;
  padding:24px;
  border:1px solid rgba(220,232,214,.13);
  border-radius:13px;
  background:rgba(17,25,18,.88);
  box-shadow:0 24px 65px rgba(0,0,0,.22)
}
.film-call-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-bottom:16px;
  border-bottom:1px solid rgba(220,232,214,.08);
  color:#70806c;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .4rem);
  letter-spacing:.08em
}
.film-call-head span{display:flex;align-items:center;gap:7px}
.film-call-head i{
  width:7px;height:7px;border-radius:50%;
  background:#cfff70;
  box-shadow:0 0 14px rgba(207,255,112,.7)
}
.film-call-head b{color:#9caf95;font-size:max(var(--dp-text-floor, 0px), .42rem)}
.film-call-card>p{
  margin:27px 0 34px;
  color:#f0f5ec;
  font-family:Manrope,Arial,sans-serif;
  font-size:clamp(1.15rem,1.7vw,1.55rem);
  line-height:1.38;
  letter-spacing:-.035em
}
.film-understood{
  padding-top:15px;
  border-top:1px solid rgba(220,232,214,.08)
}
.film-understood small{
  display:block;
  color:#647563;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .38rem);
  letter-spacing:.09em
}
.film-understood strong{
  display:block;
  margin-top:6px;
  color:#a9b9a4;
  font-size:max(var(--dp-text-floor, 0px), .62rem);
  line-height:1.45
}
.film-action-stack{
  display:grid;
  gap:8px
}
.film-action-stack>div{
  display:grid;
  grid-template-columns:28px 1fr;
  gap:9px;
  min-height:72px;
  padding:13px;
  border:1px solid rgba(220,232,214,.1);
  border-radius:9px;
  background:rgba(255,255,255,.024);
  transform:translateX(14px);
  opacity:.62
}
.scene-workforce.is-active .film-action-stack>div{
  animation:filmActionIn .6s ease forwards
}
.scene-workforce.is-active .film-action-stack>div:nth-child(2){animation-delay:.45s}
.scene-workforce.is-active .film-action-stack>div:nth-child(3){animation-delay:.9s}
@keyframes filmActionIn{to{transform:none;opacity:1}}
.film-action-stack span{
  color:#657664;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .38rem)
}
.film-action-stack strong{
  display:block;
  color:#d9e4d4;
  font-size:max(var(--dp-text-floor, 0px), .59rem);
  font-weight:600
}
.film-action-stack em{
  display:block;
  grid-column:2;
  margin-top:-17px;
  color:#8da184;
  font-style:normal;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .39rem)
}

/* Scene 02: DreamBoard */
.scene-board{
  background:
    linear-gradient(125deg,rgba(174,209,132,.07),transparent 46%),
    #0b0e0c
}
.film-board-stage{
  position:absolute;
  inset:67px 31px 47px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:12px
}
.film-board-question{
  grid-column:1/-1;
  align-self:start;
  padding:20px 21px;
  border:1px solid rgba(226,235,220,.11);
  border-radius:10px;
  background:rgba(255,255,255,.019)
}
.film-board-question small,
.film-chair small{
  display:block;
  color:#72806f;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .38rem);
  letter-spacing:.09em
}
.film-board-question h3{
  max-width:550px;
  margin:8px 0 0;
  color:#f0f3ee;
  font-size:clamp(1.3rem,2vw,1.8rem);
  line-height:1.18
}
.film-board-voices{
  display:grid;
  gap:7px
}
.film-board-voices>div{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:10px;
  align-items:center;
  min-height:62px;
  padding:10px 12px;
  border:1px solid rgba(226,235,220,.09);
  border-radius:8px;
  background:rgba(255,255,255,.017)
}
.film-board-voices>div>span{
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:7px;
  border:1px solid rgba(207,255,112,.16);
  color:#cfff70;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .43rem)
}
.film-board-voices p{margin:0}
.film-board-voices strong{
  display:block;
  color:#d7dfd3;
  font-size:max(var(--dp-text-floor, 0px), .55rem)
}
.film-board-voices small{
  display:block;
  margin-top:2px;
  color:#788775;
  font-size:max(var(--dp-text-floor, 0px), .45rem)
}
.film-chair{
  padding:20px;
  border:1px solid rgba(207,255,112,.15);
  border-radius:10px;
  background:
    linear-gradient(150deg,rgba(207,255,112,.055),transparent 62%),
    #111713
}
.film-chair small{color:#9caf92}
.film-chair strong{
  display:block;
  margin-top:17px;
  color:#e6ede2;
  font-family:Manrope,Arial,sans-serif;
  font-size:clamp(.9rem,1.35vw,1.17rem);
  line-height:1.45;
  font-weight:500
}

/* Scene 03: DreamPerio */
.scene-perio{
  color:#172019;
  background:
    linear-gradient(180deg,rgba(255,255,255,.58),transparent 20%),
    #e8ece4
}
.scene-perio .film-scene-label span{color:#1f2921}
.scene-perio .film-scene-label small{color:#6f7d6b}
.scene-perio .reel-product-link{
  color:#263128;
  border-bottom-color:#7f907a
}
.scene-perio .reel-product-link span{color:#5c793e}
.film-perio-stage{
  position:absolute;
  inset:68px 30px 48px;
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:12px;
  align-items:stretch
}
.film-perio-transcript,
.film-tooth-card{
  padding:22px;
  border:1px solid #cbd3c7;
  border-radius:11px;
  background:rgba(248,249,244,.9);
  box-shadow:0 18px 45px rgba(33,46,35,.07)
}
.film-perio-transcript>small{
  color:#71806d;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .38rem);
  letter-spacing:.09em
}
.film-perio-transcript h3{
  margin:17px 0 27px;
  color:#202b22;
  font-size:clamp(1.2rem,1.7vw,1.55rem);
  line-height:1.3
}
.film-perio-transcript>div{
  display:flex;
  align-items:center;
  gap:8px;
  padding-top:14px;
  border-top:1px solid #d7ddd3;
  color:#74806f;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .38rem)
}
.film-perio-transcript>div i{
  width:7px;height:7px;border-radius:50%;
  background:#718f4e;
  box-shadow:0 0 0 4px rgba(113,143,78,.09)
}
.film-perio-transcript>div b{
  margin-left:auto;
  color:#526848;
  font-size:max(var(--dp-text-floor, 0px), .39rem)
}
.film-tooth-head{
  display:flex;
  justify-content:space-between;
  color:#687765;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .41rem)
}
.film-tooth-head b{color:#2d3a30;font-size:max(var(--dp-text-floor, 0px), .41rem)}
.film-sites{
  display:grid;
  grid-template-columns:repeat(3,1fr) 54px repeat(3,1fr);
  gap:6px;
  align-items:center;
  margin:36px 0 28px
}
.film-sites span,
.film-sites i{
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid #cdd5c8;
  border-radius:7px;
  background:#f5f6f1;
  color:#344036;
  font-family:Manrope,Arial,sans-serif;
  font-size:max(var(--dp-text-floor, 0px), .76rem);
  font-style:normal
}
.film-sites i{
  height:58px;
  border-radius:50%;
  background:#26342a;
  color:#d9efac
}
.film-flags{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px
}
.film-flags span{
  padding:11px;
  border-top:1px solid #d0d7cc;
  color:#758071;
  font-family:var(--dp-mono);
  font-size:max(var(--dp-text-floor, 0px), .36rem)
}
.film-flags b{
  display:block;
  margin-top:4px;
  color:#334238;
  font-size:max(var(--dp-text-floor, 0px), .48rem)
}

@media(max-width:1100px){
  body[data-home="true"] .presence-hero-grid{
    grid-template-columns:minmax(0,.8fr) minmax(460px,1fr);
    gap:4%
  }
  .reel-viewport{min-height:420px}
  .film-workforce-stage{inset-inline:24px}
}
@media(max-width:980px){
  body[data-home="true"] .presence-hero-grid{
    grid-template-columns:1fr;
    gap:58px
  }
  .cinematic-reel{
    width:min(100%,780px);
    justify-self:start
  }
  .reel-viewport{min-height:440px}
}
@media(max-width:680px){
  body[data-home="true"] .presence-hero-copy h1{
    font-size:clamp(3.8rem,16.5vw,5.9rem)
  }
  .cinematic-reel{
    border-radius:13px
  }
  .reel-top{
    height:39px;
    padding-inline:11px;
    font-size:max(var(--dp-text-floor, 0px), .35rem)
  }
  .reel-top b{font-size:max(var(--dp-text-floor, 0px), .33rem)}
  .reel-viewport{
    aspect-ratio:auto;
    min-height:500px
  }
  .film-scene-label{
    top:14px;
    left:14px;
    display:block
  }
  .film-scene-label small{
    display:block;
    margin-top:3px
  }
  .film-workforce-stage,
  .film-board-stage,
  .film-perio-stage{
    inset:65px 14px 54px;
    grid-template-columns:1fr;
    gap:9px
  }
  .film-call-card{
    min-height:205px;
    padding:18px
  }
  .film-call-card>p{
    margin:20px 0 22px;
    font-size:1.05rem
  }
  .film-action-stack{
    grid-template-columns:1fr 1fr 1fr;
    gap:5px
  }
  .film-action-stack>div{
    display:block;
    min-height:83px;
    padding:10px
  }
  .film-action-stack strong{
    margin-top:7px;
    font-size:max(var(--dp-text-floor, 0px), .49rem);
    line-height:1.25
  }
  .film-action-stack em{
    display:block;
    margin:4px 0 0
  }
  .film-board-question{
    grid-column:auto;
    padding:15px
  }
  .film-board-question h3{font-size:1.1rem}
  .film-board-voices{
    grid-template-columns:1fr 1fr 1fr
  }
  .film-board-voices>div{
    display:block;
    min-height:92px;
    padding:9px
  }
  .film-board-voices>div>span{
    width:30px;height:30px;
    margin-bottom:7px
  }
  .film-board-voices small{font-size:max(var(--dp-text-floor, 0px), .37rem);line-height:1.3}
  .film-chair{
    padding:15px
  }
  .film-chair strong{
    margin-top:10px;
    font-size:max(var(--dp-text-floor, 0px), .8rem)
  }
  .film-perio-transcript,
  .film-tooth-card{padding:16px}
  .film-perio-transcript h3{
    margin:10px 0 15px;
    font-size:1rem
  }
  .film-sites{
    grid-template-columns:repeat(3,1fr);
    margin:18px 0 15px
  }
  .film-sites i{
    grid-column:1/-1;
    width:52px;
    height:52px;
    justify-self:center
  }
  .film-flags span{padding:8px 4px}
  .reel-controls{
    min-height:61px
  }
  .reel-controls>button{
    padding:12px 10px;
    font-size:max(var(--dp-text-floor, 0px), .48rem)
  }
  .reel-product-link{
    right:14px;
    bottom:13px;
    font-size:max(var(--dp-text-floor, 0px), .5rem)
  }
}
@media(prefers-reduced-motion:reduce){
  .reel-scene,
  .reel-scene.is-active,
  .scene-workforce.is-active .film-action-stack>div,
  .cinematic-reel.is-playing .reel-progress i{
    animation:none!important;
    transform:none!important
  }
}


/* =========================================================
   PROOF IN MOTION
   Editorial product moments: no browser chrome, no screenshot theater.
   ========================================================= */
.proof-stories{
  position:relative;
  overflow:hidden;
  padding:clamp(110px,11vw,175px) 0 clamp(120px,12vw,190px);
  background:
    radial-gradient(circle at 76% 18%,rgba(207,255,112,.045),transparent 27%),
    #080d0a;
  color:#edf4e9;
  border-block:1px solid rgba(223,236,217,.08)
}
.proof-stories:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.24;
  background-image:linear-gradient(rgba(214,231,205,.025) 1px,transparent 1px);
  background-size:100% 72px;
  mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)
}
.proof-stories .shell{position:relative;z-index:1}
.proof-stories-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.43fr);
  gap:10%;
  align-items:end;
  margin-bottom:70px
}
.proof-stories-head h2{
  margin:10px 0 0;
  color:#f4f8f1;
  font-size:clamp(4rem,7.2vw,8.2rem);
  line-height:.9;
  letter-spacing:-.065em
}
.proof-stories-head h2 em{color:#cfff70;font-style:normal}
.proof-stories-head>p{
  max-width:430px;
  margin:0 0 10px;
  color:#8c9a88;
  font-size:max(var(--dp-text-floor, 0px), .86rem);
  line-height:1.75
}
.proof-story-nav{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(222,235,216,.12);
  margin-bottom:56px
}
.proof-story-nav button{
  position:relative;
  min-height:118px;
  display:grid;
  grid-template-columns:42px 1fr;
  grid-template-rows:auto auto;
  gap:5px 10px;
  align-content:center;
  padding:22px 26px 20px 0;
  border:0;
  border-right:1px solid rgba(222,235,216,.09);
  background:transparent;
  color:#687567;
  text-align:left;
  cursor:pointer
}
.proof-story-nav button:last-child{border-right:0;padding-left:26px}
.proof-story-nav button:nth-child(2){padding-left:26px}
.proof-story-nav button:after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:-1px;
  height:2px;
  background:#cfff70;
  transition:right .45s cubic-bezier(.2,.72,.2,1)
}
.proof-story-nav button[aria-selected="true"]{color:#edf4e9}
.proof-story-nav button[aria-selected="true"]:after{right:26px}
.proof-story-nav button span{
  grid-row:1/3;
  color:#526052;
  font:500 max(var(--dp-text-floor, 0px), .42rem) var(--dp-mono);
  letter-spacing:.09em
}
.proof-story-nav strong{font:600 max(var(--dp-text-floor, 0px), .9rem) Manrope,Arial,sans-serif}
.proof-story-nav small{
  color:#60705f;
  font:500 max(var(--dp-text-floor, 0px), .39rem) var(--dp-mono);
  letter-spacing:.12em
}
.proof-story-nav button[aria-selected="true"] small{color:#9fb396}
.proof-story-stage{position:relative}
.proof-story{
  position:relative;
  min-height:640px;
  padding:0;
  animation:storyEnter .65s cubic-bezier(.2,.72,.2,1) both
}
.proof-story[hidden]{display:none}
.story-kicker{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-bottom:18px;
  border-bottom:1px solid rgba(222,235,216,.09);
  color:#e5ede1;
  font:600 max(var(--dp-text-floor, 0px), .5rem) var(--dp-mono);
  letter-spacing:.12em
}
.story-kicker b{
  color:#596857;
  font-size:max(var(--dp-text-floor, 0px), .38rem);
  font-weight:500
}
.story-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.58fr);gap:8%;align-items:center;min-height:520px}
.story-statement{padding:72px 0 58px}
.story-statement>small,
.story-board-question>small,
.perio-utterance>small,
.story-synthesis>small{
  color:#71806e;
  font:500 max(var(--dp-text-floor, 0px), .43rem) var(--dp-mono);
  letter-spacing:.12em
}
.story-statement h3{
  max-width:820px;
  margin:22px 0 30px;
  color:#f3f7f0;
  font-size:clamp(2.4rem,4.6vw,5.3rem);
  line-height:1.03;
  letter-spacing:-.055em;
  font-weight:500
}
.story-wave{
  height:58px;
  display:flex;
  align-items:center;
  gap:5px;
  max-width:560px;
  opacity:.78
}
.story-wave i{
  width:3px;
  height:calc(9px + (var(--n) % 9) * 5px);
  border-radius:3px;
  background:#cfff70;
  transform-origin:center;
  animation:storyWave 1.35s ease-in-out infinite alternate;
  animation-delay:calc(var(--n) * -38ms)
}
.story-understood{
  max-width:660px;
  display:flex;
  justify-content:space-between;
  gap:24px;
  margin-top:28px;
  padding-top:17px;
  border-top:1px solid rgba(222,235,216,.09)
}
.story-understood span{color:#61705f;font:500 max(var(--dp-text-floor, 0px), .38rem) var(--dp-mono);letter-spacing:.11em}
.story-understood strong{color:#9caf96;font-size:max(var(--dp-text-floor, 0px), .64rem);font-weight:500;text-align:right}
.story-motion{
  position:relative;
  display:grid;
  gap:2px;
  padding-left:42px
}
.motion-line{
  position:absolute;
  left:10px;
  top:35px;
  bottom:35px;
  width:1px;
  overflow:hidden;
  background:rgba(207,255,112,.12)
}
.motion-line i{
  position:absolute;
  left:0;
  top:-22%;
  width:1px;
  height:28%;
  background:linear-gradient(transparent,#cfff70,transparent);
  animation:storyTravel 3.4s ease-in-out infinite
}
.motion-step{
  display:grid;
  grid-template-columns:44px 1fr auto;
  gap:13px;
  align-items:center;
  min-height:104px;
  padding:18px 0;
  border-bottom:1px solid rgba(222,235,216,.08)
}
.motion-step>span{color:#51604f;font:500 max(var(--dp-text-floor, 0px), .4rem) var(--dp-mono)}
.motion-step small{display:block;color:#5f6f5e;font:500 max(var(--dp-text-floor, 0px), .37rem) var(--dp-mono);letter-spacing:.1em}
.motion-step strong{display:block;margin-top:6px;color:#dce6d8;font-size:max(var(--dp-text-floor, 0px), .82rem);font-weight:500}
.motion-step em{color:#81917d;font:500 max(var(--dp-text-floor, 0px), .38rem) var(--dp-mono);font-style:normal}
.story-footer{
  display:flex;
  justify-content:space-between;
  gap:30px;
  align-items:center;
  min-height:72px;
  padding-top:19px;
  border-top:1px solid rgba(222,235,216,.1)
}
.story-footer p{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  color:#778575;
  font-size:max(var(--dp-text-floor, 0px), .67rem)
}
.story-footer p span{
  width:6px;height:6px;border-radius:50%;
  background:#cfff70;
  box-shadow:0 0 16px rgba(207,255,112,.62)
}
.story-footer a{
  color:#e5eee1;
  font-size:max(var(--dp-text-floor, 0px), .68rem);
  border-bottom:1px solid rgba(207,255,112,.28);
  padding-bottom:4px
}

/* DreamBoard moment */
.story-board-question{
  display:grid;
  grid-template-columns:110px minmax(0,1fr) 250px;
  gap:26px;
  align-items:start;
  padding:58px 0 48px
}
.story-board-question h3{
  margin:0;
  color:#f3f6f1;
  font-size:clamp(2.4rem,4.4vw,5rem);
  line-height:1.03;
  letter-spacing:-.055em;
  font-weight:500
}
.story-board-question p{
  margin:8px 0 0;
  color:#71806d;
  font:max(var(--dp-text-floor, 0px), .44rem)/1.75 var(--dp-mono);
  letter-spacing:.06em
}
.story-board-body{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);
  gap:7%;
  padding:0 0 52px
}
.story-voices{display:grid}
.story-voices>div{
  display:grid;
  grid-template-columns:46px 1fr auto;
  gap:15px;
  align-items:center;
  min-height:86px;
  border-top:1px solid rgba(222,235,216,.08)
}
.story-voices>div:last-child{border-bottom:1px solid rgba(222,235,216,.08)}
.story-voices>div>span{
  width:38px;height:38px;display:grid;place-items:center;
  border:1px solid rgba(207,255,112,.18);
  border-radius:50%;
  color:#cfff70;
  font:500 max(var(--dp-text-floor, 0px), .39rem) var(--dp-mono)
}
.story-voices p{margin:0}
.story-voices small{display:block;color:#687865;font:500 max(var(--dp-text-floor, 0px), .36rem) var(--dp-mono);letter-spacing:.11em}
.story-voices strong{display:block;margin-top:5px;color:#d9e2d5;font-size:max(var(--dp-text-floor, 0px), .72rem);font-weight:500}
.story-voices em{color:#667664;font:500 max(var(--dp-text-floor, 0px), .37rem) var(--dp-mono);font-style:normal}
.story-synthesis{
  align-self:start;
  padding:32px 34px 28px;
  border-left:2px solid #cfff70;
  background:linear-gradient(90deg,rgba(207,255,112,.045),transparent)
}
.story-synthesis h3{
  margin:17px 0 12px;
  color:#f2f7ef;
  font-size:clamp(2rem,3.4vw,3.5rem);
  letter-spacing:-.045em;
  line-height:1
}
.story-synthesis>p{margin:0 0 26px;color:#91a08d;font-size:max(var(--dp-text-floor, 0px), .72rem);line-height:1.65}
.story-synthesis>div{
  display:grid;
  grid-template-columns:35px 1fr;
  padding:11px 0;
  border-top:1px solid rgba(222,235,216,.08)
}
.story-synthesis>div span{color:#5d6c5b;font:500 max(var(--dp-text-floor, 0px), .38rem) var(--dp-mono)}
.story-synthesis>div b{color:#bdc9b8;font-size:max(var(--dp-text-floor, 0px), .58rem);font-weight:500}

/* DreamPerio moment */
.story-perio-grid{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(480px,1.15fr);
  gap:8%;
  align-items:center;
  min-height:520px;
  padding:42px 0 48px
}
.perio-utterance h3{
  margin:22px 0 40px;
  color:#f3f7f0;
  font-size:clamp(2.3rem,4.2vw,4.7rem);
  line-height:1.04;
  letter-spacing:-.052em;
  font-weight:500
}
.perio-listening{
  display:flex;
  align-items:center;
  gap:10px;
  max-width:470px;
  padding-top:17px;
  border-top:1px solid rgba(222,235,216,.09);
  color:#71816e;
  font:500 max(var(--dp-text-floor, 0px), .38rem) var(--dp-mono);
  letter-spacing:.09em
}
.perio-listening i{
  width:7px;height:7px;border-radius:50%;background:#cfff70;
  box-shadow:0 0 15px rgba(207,255,112,.7);
  animation:perioBreathe 1.5s ease-in-out infinite
}
.perio-listening b{margin-left:auto;color:#9aae92;font-size:max(var(--dp-text-floor, 0px), .38rem)}
.perio-focus{position:relative}
.perio-orbit{
  position:relative;
  width:min(100%,600px);
  aspect-ratio:1.25;
  margin-inline:auto
}
.perio-orbit:before,
.perio-orbit:after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(207,255,112,.10);
  border-radius:50%
}
.perio-orbit:before{width:68%;height:84%}
.perio-orbit:after{width:94%;height:116%;border-style:dashed;opacity:.55}
.perio-orbit>strong{
  position:absolute;
  left:50%;top:50%;
  width:132px;height:132px;
  transform:translate(-50%,-50%);
  display:grid;place-items:center;
  align-content:center;
  border:1px solid rgba(207,255,112,.28);
  border-radius:50%;
  background:#101b14;
  color:#eff8ea;
  font-size:3.5rem;
  font-weight:500;
  box-shadow:0 0 70px rgba(207,255,112,.07)
}
.perio-orbit>strong small{
  display:block;
  margin-top:-5px;
  color:#6f806b;
  font:500 max(var(--dp-text-floor, 0px), .34rem) var(--dp-mono);
  letter-spacing:.12em
}
.perio-orbit .site{
  position:absolute;
  width:54px;height:54px;
  display:grid;place-items:center;
  border:1px solid rgba(222,235,216,.13);
  border-radius:50%;
  background:#0c130e;
  color:#c9d5c4;
  font:500 1rem Manrope,Arial,sans-serif;
  box-shadow:0 12px 36px rgba(0,0,0,.18)
}
.perio-orbit .s1{left:17%;top:17%}.perio-orbit .s2{left:45%;top:3%}.perio-orbit .s3{right:15%;top:18%}
.perio-orbit .s4{left:15%;bottom:12%}.perio-orbit .s5{left:45%;bottom:-1%}.perio-orbit .s6{right:14%;bottom:13%}
.perio-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  border-top:1px solid rgba(222,235,216,.1);
  border-bottom:1px solid rgba(222,235,216,.1)
}
.perio-metrics span{
  padding:15px 10px;
  color:#667564;
  font:500 max(var(--dp-text-floor, 0px), .36rem) var(--dp-mono);
  letter-spacing:.08em;
  border-right:1px solid rgba(222,235,216,.08)
}
.perio-metrics span:last-child{border-right:0}
.perio-metrics b{display:block;margin-top:5px;color:#b7c4b2;font-size:max(var(--dp-text-floor, 0px), .48rem)}

@keyframes storyEnter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes storyWave{from{transform:scaleY(.38);opacity:.35}to{transform:scaleY(1);opacity:1}}
@keyframes storyTravel{0%{transform:translateY(-120%);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(450%);opacity:0}}
@keyframes perioBreathe{0%,100%{transform:scale(.78);opacity:.55}50%{transform:scale(1.25);opacity:1}}

@media(max-width:980px){
  .proof-stories-head{grid-template-columns:1fr;gap:24px}
  .proof-stories-head>p{max-width:620px}
  .story-grid,.story-board-body,.story-perio-grid{grid-template-columns:1fr;gap:24px}
  .story-motion{padding:0 0 0 42px}
  .story-board-question{grid-template-columns:90px 1fr}
  .story-board-question p{grid-column:2}
  .story-perio-grid{padding-top:60px}
  .perio-focus{max-width:700px}
}
@media(max-width:680px){
  .proof-stories{padding:88px 0 105px}
  .proof-stories-head{margin-bottom:42px}
  .proof-stories-head h2{font-size:clamp(3.2rem,16vw,5.2rem)}
  .proof-story-nav{grid-template-columns:1fr;margin-bottom:34px}
  .proof-story-nav button,.proof-story-nav button:nth-child(2),.proof-story-nav button:last-child{
    min-height:72px;
    grid-template-columns:34px 1fr auto;
    grid-template-rows:1fr;
    padding:14px 0;
    border-right:0;
    border-bottom:1px solid rgba(222,235,216,.08)
  }
  .proof-story-nav button span{grid-row:auto}
  .proof-story-nav button small{align-self:center}
  .proof-story-nav button[aria-selected="true"]:after{right:0}
  .story-kicker b{font-size:max(var(--dp-text-floor, 0px), .31rem);text-align:right}
  .proof-story{min-height:0}
  .story-grid{min-height:0}
  .story-statement{padding:48px 0 25px}
  .story-statement h3{font-size:clamp(2.25rem,11vw,3.7rem)}
  .story-wave{gap:3px}
  .story-wave i{width:2px}
  .story-understood{display:block}
  .story-understood strong{display:block;margin-top:8px;text-align:left}
  .story-motion{padding-left:28px}
  .motion-line{left:3px}
  .motion-step{grid-template-columns:34px 1fr auto;min-height:82px}
  .story-footer{align-items:flex-start;flex-direction:column;gap:14px;padding:18px 0 0}
  .story-board-question{display:block;padding:44px 0 34px}
  .story-board-question h3{margin-top:15px;font-size:clamp(2.15rem,10vw,3.5rem)}
  .story-board-question p{margin-top:16px}
  .story-board-body{padding-bottom:34px}
  .story-voices>div{grid-template-columns:42px 1fr;min-height:92px}
  .story-voices em{display:none}
  .story-synthesis{padding:25px 20px}
  .story-perio-grid{padding:44px 0 34px}
  .perio-utterance h3{font-size:clamp(2.2rem,10.5vw,3.6rem)}
  .perio-orbit{width:100%;aspect-ratio:1}
  .perio-orbit:before{width:60%;height:60%}
  .perio-orbit:after{width:85%;height:85%}
  .perio-orbit>strong{width:108px;height:108px;font-size:2.8rem}
  .perio-orbit .site{width:46px;height:46px;font-size:max(var(--dp-text-floor, 0px), .85rem)}
  .perio-orbit .s1{left:9%;top:18%}.perio-orbit .s2{left:43%;top:2%}.perio-orbit .s3{right:8%;top:19%}
  .perio-orbit .s4{left:8%;bottom:18%}.perio-orbit .s5{left:43%;bottom:2%}.perio-orbit .s6{right:7%;bottom:18%}
  .perio-metrics{grid-template-columns:1fr}
  .perio-metrics span{border-right:0;border-bottom:1px solid rgba(222,235,216,.07)}
}
@media(prefers-reduced-motion:reduce){
  .story-wave i,.motion-line i,.perio-listening i,.proof-story{animation:none!important}
}


/* Proof anchor lands below the persistent navigation. */
.proof-stories{scroll-margin-top:96px}


/* =========================================================
   CINEMATIC LIVE-ACTION HERO
   Video is the atmosphere, not a framed software demo.
   ========================================================= */
body[data-home="true"] .cinematic-video-hero{
  position:relative;
  overflow:hidden;
  min-height:clamp(760px,88vh,960px);
  background:#070b08
}
body[data-home="true"] .cinematic-video-hero .presence-hero-ambient{
  opacity:.58;
  background:
    radial-gradient(circle at 19% 28%,rgba(207,255,112,.08),transparent 25%),
    linear-gradient(90deg,rgba(6,10,7,.28),transparent 48%)
}
body[data-home="true"] .cinematic-video-hero .presence-hero-shell{
  position:relative;
  min-height:inherit;
  display:flex;
  flex-direction:column
}
body[data-home="true"] .cinematic-video-hero .presence-hero-top{
  position:relative;
  z-index:8
}
body[data-home="true"] .video-presence-grid{
  position:relative;
  flex:1;
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(480px,1.18fr);
  align-items:center;
  min-height:660px;
  gap:5%
}
body[data-home="true"] .video-hero-copy{
  position:relative;
  z-index:7;
  align-self:center;
  padding:70px 0 95px
}
body[data-home="true"] .video-hero-copy h1{
  max-width:820px;
  margin:0;
  color:#f5f7f2;
  font-size:clamp(5.2rem,8.3vw,9.7rem);
  line-height:.82;
  letter-spacing:-.075em;
  text-shadow:0 12px 45px rgba(0,0,0,.36)
}
body[data-home="true"] .video-hero-copy h1 em{
  color:#cfff70;
  font-style:normal
}
body[data-home="true"] .video-hero-copy>p{
  max-width:590px;
  margin:42px 0 0;
  color:#b0b9ac;
  font-size:clamp(.95rem,1.2vw,1.12rem);
  line-height:1.72;
  text-shadow:0 3px 18px rgba(0,0,0,.7)
}
body[data-home="true"] .video-hero-copy .presence-actions{margin-top:38px}
.hero-film{
  position:absolute;
  z-index:2;
  top:20px;
  right:-7vw;
  bottom:20px;
  width:min(73vw,1120px);
  overflow:hidden;
  background:#0a0d0b;
  isolation:isolate
}
.hero-film video{
  position:absolute;
  inset:-2%;
  width:104%;
  height:104%;
  object-fit:cover;
  object-position:52% center;
  filter:saturate(.72) contrast(1.05) brightness(.74);
  transform:scale(1.035);
  animation:heroCamera 15s ease-in-out infinite alternate;
  will-change:transform
}
.hero-film-grade{
  position:absolute;
  inset:0;
  z-index:2;
  background:
    linear-gradient(90deg,#070b08 0%,rgba(7,11,8,.92) 14%,rgba(7,11,8,.5) 38%,rgba(7,11,8,.11) 68%,rgba(7,11,8,.18) 100%),
    linear-gradient(180deg,rgba(7,11,8,.48),transparent 22%,transparent 72%,rgba(7,11,8,.72)),
    radial-gradient(circle at 72% 34%,rgba(207,255,112,.10),transparent 24%);
  pointer-events:none
}
.hero-film-grain{
  position:absolute;
  inset:0;
  z-index:3;
  opacity:.15;
  pointer-events:none;
  mix-blend-mode:soft-light;
  background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.024) 0,rgba(255,255,255,.024) 1px,transparent 1px,transparent 3px)
}
.hero-film-meta{
  position:absolute;
  z-index:5;
  top:25px;
  left:41%;
  right:30px;
  display:flex;
  justify-content:space-between;
  gap:18px;
  color:#c0c9bb;
  font:500 max(var(--dp-text-floor, 0px), .39rem) var(--dp-mono);
  letter-spacing:.13em
}
.hero-film-meta b{
  display:flex;
  align-items:center;
  gap:8px;
  color:#e5eee0;
  font-size:max(var(--dp-text-floor, 0px), .36rem)
}
.hero-film-meta i{
  width:6px;height:6px;border-radius:50%;
  background:#cfff70;
  box-shadow:0 0 16px rgba(207,255,112,.78);
  animation:filmStatus 1.6s ease-in-out infinite
}
.hero-film-sequence{
  position:absolute;
  z-index:6;
  right:34px;
  bottom:62px;
  width:min(44%,460px);
  padding:24px 26px 18px;
  border-left:1px solid rgba(207,255,112,.34);
  background:linear-gradient(90deg,rgba(7,13,9,.82),rgba(7,13,9,.43) 76%,transparent);
  backdrop-filter:blur(6px)
}
.hero-film-now small{
  display:block;
  color:#788875;
  font:500 max(var(--dp-text-floor, 0px), .38rem) var(--dp-mono);
  letter-spacing:.11em
}
.hero-film-now strong{
  display:block;
  margin-top:12px;
  color:#f0f5ed;
  font-size:clamp(1.25rem,2vw,2.05rem);
  line-height:1.12;
  letter-spacing:-.035em;
  font-weight:550
}
.hero-film-now span{
  display:block;
  min-height:34px;
  margin-top:8px;
  color:#9dab98;
  font-size:max(var(--dp-text-floor, 0px), .62rem);
  line-height:1.5
}
.hero-film-events{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin-top:21px;
  border-top:1px solid rgba(229,239,224,.11)
}
.hero-film-events>div{
  position:relative;
  min-width:0;
  padding:13px 8px 2px 0;
  opacity:.34;
  transition:opacity .35s ease,transform .35s ease
}
.hero-film-events>div:before{
  content:"";
  position:absolute;
  left:0;
  top:-1px;
  width:0;
  height:1px;
  background:#cfff70;
  transition:width .5s ease
}
.hero-film-events>div.is-active{opacity:1;transform:translateY(-2px)}
.hero-film-events>div.is-active:before{width:72%}
.hero-film-events span{
  display:block;
  color:#5e6d5c;
  font:500 max(var(--dp-text-floor, 0px), .33rem) var(--dp-mono)
}
.hero-film-events b{
  display:block;
  margin-top:5px;
  overflow:hidden;
  color:#cbd6c7;
  font:600 max(var(--dp-text-floor, 0px), .39rem) var(--dp-mono);
  text-overflow:ellipsis
}
.hero-film-events em{
  display:block;
  margin-top:3px;
  color:#7d8d79;
  font:500 max(var(--dp-text-floor, 0px), .33rem) var(--dp-mono);
  font-style:normal
}
.hero-film-caption{
  position:absolute;
  z-index:5;
  left:41%;
  right:34px;
  bottom:22px;
  display:flex;
  justify-content:space-between;
  gap:20px;
  color:#7a8977;
  font:500 max(var(--dp-text-floor, 0px), .34rem) var(--dp-mono);
  letter-spacing:.11em
}
.hero-film-caption b{color:#a9b9a3;font-size:max(var(--dp-text-floor, 0px), .34rem)}
.hero-film.film-pulse .hero-film-now strong{animation:filmCopyIn .55s cubic-bezier(.2,.72,.2,1) both}
@keyframes heroCamera{from{transform:scale(1.035) translate3d(0,0,0)}to{transform:scale(1.095) translate3d(-1.2%,.8%,0)}}
@keyframes filmStatus{0%,100%{opacity:.48;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}
@keyframes filmCopyIn{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:none}}

@media(max-width:1080px){
  body[data-home="true"] .video-presence-grid{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)}
  .hero-film{right:-15vw;width:82vw}
  .hero-film-sequence{width:min(48%,420px)}
}
@media(max-width:900px){
  body[data-home="true"] .cinematic-video-hero{min-height:880px}
  body[data-home="true"] .video-presence-grid{
    display:block;
    min-height:760px
  }
  body[data-home="true"] .video-hero-copy{
    position:relative;
    z-index:7;
    width:min(86%,700px);
    padding:76px 0 220px
  }
  .hero-film{
    top:0;
    right:calc(50% - 50vw);
    bottom:0;
    width:100vw
  }
  .hero-film video{
    object-position:62% center;
    filter:saturate(.68) contrast(1.06) brightness(.61)
  }
  .hero-film-grade{
    background:
      linear-gradient(180deg,rgba(7,11,8,.76) 0%,rgba(7,11,8,.58) 38%,rgba(7,11,8,.14) 67%,rgba(7,11,8,.8) 100%),
      linear-gradient(90deg,rgba(7,11,8,.88),rgba(7,11,8,.38) 65%,rgba(7,11,8,.14))
  }
  .hero-film-meta{left:28px;right:28px}
  .hero-film-sequence{
    left:28px;
    right:28px;
    bottom:62px;
    width:auto;
    max-width:620px
  }
  .hero-film-caption{left:28px;right:28px}
}
@media(max-width:680px){
  body[data-home="true"] .cinematic-video-hero{
    min-height:860px
  }
  body[data-home="true"] .cinematic-video-hero .presence-hero-top{
    color:#82907f
  }
  body[data-home="true"] .video-presence-grid{min-height:730px}
  body[data-home="true"] .video-hero-copy{
    width:100%;
    padding:58px 0 285px
  }
  body[data-home="true"] .video-hero-copy h1{
    font-size:clamp(4.35rem,18.4vw,6.1rem);
    line-height:.84
  }
  body[data-home="true"] .video-hero-copy>p{
    max-width:94%;
    margin-top:34px;
    color:#c0c8bc;
    font-size:max(var(--dp-text-floor, 0px), .97rem);
    line-height:1.58
  }
  body[data-home="true"] .video-hero-copy .presence-actions{margin-top:31px}
  .hero-film video{
    inset:-4%;
    width:108%;
    height:108%;
    object-position:65% 54%;
    filter:saturate(.62) contrast(1.08) brightness(.55)
  }
  .hero-film-meta{
    top:auto;
    left:18px;
    right:18px;
    bottom:244px;
    font-size:max(var(--dp-text-floor, 0px), .31rem)
  }
  .hero-film-meta b{font-size:max(var(--dp-text-floor, 0px), .30rem)}
  .hero-film-sequence{
    left:18px;
    right:18px;
    bottom:48px;
    padding:17px 16px 13px;
    border-left-color:rgba(207,255,112,.45);
    background:linear-gradient(90deg,rgba(7,13,9,.88),rgba(7,13,9,.58))
  }
  .hero-film-now small{font-size:max(var(--dp-text-floor, 0px), .31rem)}
  .hero-film-now strong{
    margin-top:8px;
    font-size:1.28rem
  }
  .hero-film-now span{
    min-height:30px;
    margin-top:6px;
    font-size:max(var(--dp-text-floor, 0px), .54rem)
  }
  .hero-film-events{margin-top:13px}
  .hero-film-events>div{padding:10px 5px 0 0}
  .hero-film-events span{font-size:max(var(--dp-text-floor, 0px), .28rem)}
  .hero-film-events b{font-size:max(var(--dp-text-floor, 0px), .29rem)}
  .hero-film-events em{display:none}
  .hero-film-caption{display:none}
}
@media(max-width:380px){
  body[data-home="true"] .cinematic-video-hero{min-height:830px}
  body[data-home="true"] .video-hero-copy{padding-bottom:265px}
  body[data-home="true"] .video-hero-copy h1{font-size:4rem}
  .hero-film-meta{bottom:228px}
}
@media(prefers-reduced-motion:reduce){
  .hero-film video,.hero-film-meta i,.hero-film.film-pulse .hero-film-now strong{animation:none!important}
  .hero-film video{transform:none}
}


/* Hero media visibility + resilient poster fallback */
.hero-film{
  background:
    linear-gradient(135deg,rgba(9,15,10,.25),rgba(9,15,10,.08)),
    url("https://images.pexels.com/videos/10040738/pexels-photo-10040738.jpeg?auto=compress&dpr=1&h=1080&w=1920") center/cover no-repeat,
    #0a0d0b;
}
.hero-film video{filter:saturate(.78) contrast(1.03) brightness(.88)}
@media(max-width:900px){
  .hero-film video{filter:saturate(.76) contrast(1.04) brightness(.82)}
  .hero-film-grade{
    background:
      linear-gradient(180deg,rgba(7,11,8,.58) 0%,rgba(7,11,8,.38) 38%,rgba(7,11,8,.06) 67%,rgba(7,11,8,.60) 100%),
      linear-gradient(90deg,rgba(7,11,8,.66),rgba(7,11,8,.24) 65%,rgba(7,11,8,.06))
  }
}
@media(max-width:680px){
  .hero-film video{filter:saturate(.74) contrast(1.04) brightness(.80)}
}


/* Real operator film: vertical source, deliberate mobile-first crop. */
.hero-film{
  background:
    linear-gradient(135deg,rgba(9,15,10,.16),rgba(9,15,10,.04)),
    url("https://images.pexels.com/videos/7989667/pexels-photo-7989667.jpeg?auto=compress&dpr=1&h=1920&w=1080") center/cover no-repeat,
    #0a0d0b;
}
.hero-film video{
  object-position:50% 50%;
  filter:saturate(.74) contrast(1.04) brightness(.82);
}
@media(max-width:900px){
  .hero-film video{
    object-position:52% 50%;
    filter:saturate(.76) contrast(1.03) brightness(.84);
  }
}
@media(max-width:680px){
  .hero-film video{
    object-position:54% 50%;
    filter:saturate(.78) contrast(1.03) brightness(.86);
  }
}


/* =========================================================
   RECORDED VOICE PROOF
   Restored homepage audio in the cinematic design language.
   ========================================================= */
.presence-recording{
  position:relative;
  overflow:hidden;
  padding:clamp(105px,10vw,155px) 0;
  background:
    radial-gradient(circle at 77% 46%,rgba(207,255,112,.055),transparent 28%),
    #0a100c;
  color:#edf4e9;
  border-top:1px solid rgba(224,236,218,.08)
}
.presence-recording:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.15;
  background-image:
    linear-gradient(rgba(207,255,112,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(207,255,112,.025) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)
}
.presence-recording .recording-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(430px,1.05fr);
  gap:9%;
  align-items:center
}
.recording-copy h2{
  margin:12px 0 25px;
  color:#f3f7f0;
  font-size:clamp(3.6rem,5.7vw,6.4rem);
  line-height:.94;
  letter-spacing:-.06em
}
.recording-copy h2 em{color:#cfff70;font-style:normal}
.recording-copy>p{
  max-width:520px;
  color:#91a08d;
  font-size:max(var(--dp-text-floor, 0px), .84rem);
  line-height:1.75
}
.recording-proof{
  display:flex;
  align-items:center;
  gap:18px;
  margin-top:34px;
  padding-top:19px;
  border-top:1px solid rgba(224,236,218,.10);
  color:#738171;
  font:500 max(var(--dp-text-floor, 0px), .38rem) var(--dp-mono);
  letter-spacing:.11em
}
.recording-proof span{display:flex;align-items:center;gap:8px}
.recording-proof i{
  width:6px;height:6px;border-radius:50%;
  background:#cfff70;
  box-shadow:0 0 14px rgba(207,255,112,.7)
}
.recording-proof b{
  margin-left:auto;
  color:#9caf95;
  font-size:max(var(--dp-text-floor, 0px), .37rem);
  font-weight:500
}
.presence-audio-card{
  padding:0;
  overflow:hidden;
  border:1px solid rgba(224,236,218,.12);
  border-radius:16px;
  background:
    linear-gradient(150deg,rgba(207,255,112,.035),transparent 58%),
    #0d1510;
  box-shadow:0 40px 90px rgba(0,0,0,.26)
}
.audio-card-top{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:0 18px;
  border-bottom:1px solid rgba(224,236,218,.08);
  color:#6f7e6c;
  font:500 max(var(--dp-text-floor, 0px), .37rem) var(--dp-mono);
  letter-spacing:.1em
}
.audio-card-top b{color:#9eaf98;font-size:max(var(--dp-text-floor, 0px), .35rem);font-weight:500}
.audio-scene{padding:34px 28px 25px}
.audio-scene>small{
  color:#6f806c;
  font:500 max(var(--dp-text-floor, 0px), .38rem) var(--dp-mono);
  letter-spacing:.12em
}
.audio-scene>strong{
  display:block;
  max-width:520px;
  margin-top:13px;
  color:#eef5e9;
  font-size:clamp(1.35rem,2vw,2rem);
  line-height:1.28;
  letter-spacing:-.025em;
  font-weight:500
}
.presence-audio-card .audio-wave{
  height:108px;
  justify-content:flex-start;
  gap:5px;
  overflow:hidden;
  margin-top:25px
}
.presence-audio-card .audio-wave i{
  flex:0 0 3px;
  width:3px;
  background:linear-gradient(#7d9e5f,#cfff70);
  opacity:.62;
  box-shadow:0 0 10px rgba(207,255,112,.12)
}
.presence-audio-card.is-playing .audio-wave i{opacity:.95}
.presence-audio-card audio{
  display:block;
  width:calc(100% - 56px);
  height:42px;
  margin:0 28px 28px;
  filter:invert(.89) hue-rotate(35deg) saturate(.7)
}
.audio-card-bottom{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(224,236,218,.08)
}
.audio-card-bottom span{
  padding:13px 12px;
  border-right:1px solid rgba(224,236,218,.06);
  color:#657463;
  text-align:center;
  font:500 max(var(--dp-text-floor, 0px), .33rem) var(--dp-mono);
  letter-spacing:.11em
}
.audio-card-bottom span:last-child{border-right:0}
@media(max-width:900px){
  .presence-recording .recording-grid{grid-template-columns:1fr;gap:44px}
  .recording-copy>p{max-width:620px}
}
@media(max-width:680px){
  .presence-recording{padding:88px 0}
  .recording-copy h2{font-size:clamp(3rem,13.5vw,4.8rem)}
  .recording-proof{display:block}
  .recording-proof b{display:block;margin:9px 0 0}
  .presence-audio-card{border-radius:13px}
  .audio-scene{padding:27px 20px 20px}
  .presence-audio-card .audio-wave{height:88px;gap:4px}
  .presence-audio-card audio{width:calc(100% - 40px);margin:0 20px 22px}
  .audio-card-bottom{grid-template-columns:1fr 1fr}
  .audio-card-bottom span:nth-child(2){border-right:0}
  .audio-card-bottom span:nth-child(-n+2){border-bottom:1px solid rgba(224,236,218,.06)}
}


/* FINAL RELEASE GUARDS: keep light cards readable inside dark section wrappers. */
body:not([data-home="true"]) .service-card{
  color:var(--ink);
  background-color:#f2f3ec!important
}
body:not([data-home="true"]) .service-card .service-card-body h3{
  color:var(--ink)
}
body:not([data-home="true"]) .service-card .service-card-body>p:not(.eyebrow){
  color:#526055
}
body:not([data-home="true"]) .service-card .service-card-body>.eyebrow{
  color:#708466
}
body:not([data-home="true"]) .service-card .card-price{
  color:#2c392e;
  border-color:#d0d8ca
}
body:not([data-home="true"]) .service-card .card-price span{
  color:#697468
}

/* Desktop readability: preserve each component's type hierarchy while setting
   a shared floor for small text. Mobile retains its existing responsive sizes. */
@media (min-width: 1024px) {
  :root { --dp-text-floor: .875rem; }
  body p:not(.eyebrow), body li, body input, body textarea,
  body .story-understood strong, body .motion-step strong,
  body .story-voices strong, body .dreamboard-advisors h4 {
    --dp-text-floor: 1rem;
  }
  body .eyebrow { --dp-text-floor: .875rem; letter-spacing: .08em; }
  body .nav-wrap { gap: 20px; }
  body #primary-nav { gap: 18px; }
  body #primary-nav a { font-size: .875rem; letter-spacing: 0; }
  body .nav-status { display: none; }
  body .brand small { font-size: .625rem; letter-spacing: .12em; }
  body .footer-columns a, body .footer-columns p { font-size: 1rem; line-height: 1.65; }
  body .footer-columns h2 { font-size: .875rem; }
  body .lead-form label { font-size: 1rem; }
  body .lead-form input, body .lead-form textarea { font-size: 1rem; }
  body .story-grid { gap: 5%; grid-template-columns: minmax(0,1fr) minmax(360px,.7fr); min-height: 430px; }
  body .story-statement { padding-block: 48px; }
  body .story-statement h3 { font-size: clamp(2.5rem,4vw,4.5rem); line-height: 1.1; }
  body .story-understood, body .story-footer, body .story-kicker { flex-wrap: wrap; }
  body .story-understood strong { text-align: left; }
  body .story-board-question { grid-template-columns: minmax(0,1fr) minmax(220px,.4fr); }
  body .story-board-question > small { grid-column: 1 / -1; }
  body .story-voices > div { grid-template-columns: 46px minmax(0,1fr); padding-block: 16px; }
  body .story-voices em { grid-column: 2; }
  body .dreamboard-discussion { grid-template-columns: minmax(0,1.5fr) minmax(300px,1fr); }
  body .dreamboard-advisors article > div:last-child > p:first-child { flex-wrap: wrap; }
  body .hero-film-meta, body .hero-film-caption, body .audio-card-top,
  body .recording-meta { flex-wrap: wrap; gap: 12px; }
  body .hero-film-events { gap: 12px; }
}
@media (min-width: 1024px) and (max-width: 1350px) {
  body .nav-wrap { gap: 14px; }
  body #primary-nav { gap: 12px; }
  body .nav-wrap > .button { padding-inline: 14px; }
  body .dreamboard-advisors { grid-template-columns: 1fr; }
}

/* Contrast corrections are scoped to dark surfaces; light cards retain dark ink. */
body .proof-stories :is(.story-kicker b, .story-statement > small,
  .story-board-question > small, .story-board-question > p, .story-understood span,
  .motion-step > span, .motion-step small, .motion-step em, .story-footer p,
  .story-voices small, .story-voices em, .story-synthesis > small,
  .story-synthesis > div span, .perio-utterance > small, .perio-listening,
  .perio-orbit > strong small, .perio-metrics small) { color: #b6c5af; }
body .proof-story-nav button { color: #b6c5af; }
body .proof-story-nav :is(small, span) { color: #afc1a7; }
body .dreamboard-console :is(p, small, .dreamboard-question > span,
  .dreamboard-console-kpis span, .dreamboard-advisors p span) { color: #b8c9b1; }
body .cinematic-video-hero :is(.presence-hero-top, .hero-film-now small,
  .hero-film-now span, .hero-film-events span, .hero-film-events em,
  .hero-film-caption, .hero-film-caption b) { color: #b8c9b1; }
body .presence-recording :is(.recording-meta, .recording-meta b,
  .audio-card-top, .audio-card-top b, .audio-scene small, .audio-card-bottom span) { color: #b8c9b1; }
body .demo-window :is(.demo-form-note, .demo-bottom) { color: #b8c9b1; }
body .site-header :is(.brand small, #primary-nav a) { color: #b8c9b1; }
body .site-header #primary-nav a:hover,
body .site-header #primary-nav a[aria-current="page"] { color: #f2f7ef; }
body .presence-demo .demo-copy > p { color: #4d5a4c; }
body .presence-demo .demo-copy .small-copy { color: #53614f; }
body .service-card .service-card-body > .eyebrow { color: #52634b; }
@media (min-width: 1024px) {
  body .lead-form label small { font-size: .875rem; }
  body .hero-film { right: 0; }
  body .hero-film-sequence { width: min(48%, 480px); bottom: 92px; }
  body .hero-film-events { grid-template-columns: repeat(2, minmax(0,1fr)); }
  body .hero-film-events > div { opacity: 1; }
  body .hero-film-events b { overflow: visible; overflow-wrap: anywhere; }
}
/* Secondary text on pale surfaces needs darker ink, not the dark-theme tint. */
body .breadcrumbs a,
body .presence-standard-grid article > span,
body .presence-notes-list > a > span,
body .presence-notes-list small,
body .dreamboard-brief-top,
body .dreamboard-brief-list small,
body .workforce-bench-list > a > span,
body .workforce-method-grid article > span,
body .industry-card > span:first-child,
body .founder-proof-copy > p,
body .founder-note > small,
body .founder-principles > span,
body .about-principles-grid article > span,
body .article-nav > a,
body .article-source :is(p, a),
body .client-portal-grid article > span { color: #4e6048; }
body .dreamboard-stage-head .eyebrow,
body .workforce-role-side > small,
body .client-workspace-kpis small,
body .presence-recording .recording-proof,
body .presence-recording .recording-proof b { color: #b8c9b1; }
body[data-page="client-login"] .protocol-bar { color: #b8c9b1; }
:root body:not([data-home="true"]) .breadcrumbs a,
:root body .founder-proof-copy > .eyebrow { color: #4e6048; }

/* Conversion-first gateway: specific options immediately below the homepage hero. */
body[data-home="true"] .conversion-gateway{position:relative;z-index:2;background:#e8eee6;color:#102018;padding:clamp(44px,5vw,72px) 0 50px;border-bottom:1px solid #d4dfd2}
body[data-home="true"] .conversion-gateway .cg-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:end;margin:0 0 26px}
body[data-home="true"] .conversion-gateway .eyebrow{color:#466d35;font-size:.78rem;letter-spacing:.13em;font-weight:750}
body[data-home="true"] .conversion-gateway h2{color:#122619;font-size:clamp(2.3rem,4.1vw,4.3rem);letter-spacing:-.055em;line-height:1.06;margin:10px 0 0}
body[data-home="true"] .conversion-gateway h2 em{font-style:normal;color:#557a38}
body[data-home="true"] .conversion-gateway .cg-heading>p{color:#40564a;font-size:clamp(.98rem,1.15vw,1.1rem);line-height:1.65;max-width:530px}
body[data-home="true"] .conversion-gateway .cg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body[data-home="true"] .cg-card{display:flex;flex-direction:column;gap:12px;min-height:265px;padding:clamp(20px,2.25vw,29px);border:1px solid #c7d5c5;border-radius:16px;background:#fff;color:#15241b;text-decoration:none;box-shadow:0 10px 35px #1b33220b;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
body[data-home="true"] .cg-card:is(:hover,:focus-visible){transform:translateY(-4px);border-color:#82b25d;box-shadow:0 15px 42px #1b332220;outline-offset:3px}
body[data-home="true"] .cg-index{color:#527841;font:700 .76rem/1.4 monospace;letter-spacing:.09em}
body[data-home="true"] .cg-card strong{font-size:clamp(1.25rem,1.5vw,1.58rem);line-height:1.22;letter-spacing:-.035em}
body[data-home="true"] .cg-desc{font-size:.97rem;line-height:1.55;color:#4e5f52}
body[data-home="true"] .cg-bottom{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid #e2e9df;font-size:.79rem}
body[data-home="true"] .cg-bottom b{font-weight:700;color:#425846}
body[data-home="true"] .cg-bottom>span{font-weight:800;white-space:nowrap;color:#315c18}
body[data-home="true"] .cg-foot{margin:22px 0 0;text-align:center;color:#47604b;font-size:.81rem;letter-spacing:.015em}
body[data-home="true"] .hero-conversion-note{color:#e3efd5;font-size:.86rem;font-weight:600;margin:15px 0 0;line-height:1.5}
@media(max-width:850px){body[data-home="true"] .conversion-gateway .cg-heading{grid-template-columns:1fr;gap:12px}body[data-home="true"] .conversion-gateway .cg-grid{grid-template-columns:1fr}body[data-home="true"] .cg-card{min-height:auto}body[data-home="true"] .cg-foot{text-align:left}}
@media(prefers-reduced-motion:reduce){body[data-home="true"] .cg-card{transition:none}body[data-home="true"] .cg-card:is(:hover,:focus-visible){transform:none}}