/* Focused revision of the first HTML mockup. Original page rhythm and content retained. */
.brand{font-size:27px;letter-spacing:-.9px;gap:11px}.brand .mark{width:33px;height:33px}
.nav-end .button{font-size:12px}.site-header .brand{white-space:nowrap}
/* Actual page width, no scaling or screen-in-screen wrappers. */
.wrap{width:min(1280px,calc(100% - 112px))}.section{padding-block:112px}
.section-header{margin-bottom:44px}.work-foot{justify-content:flex-end;padding-top:30px}
/* The only new hero treatment is the rotating globe. */
.hero-layout{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)}
.globe-visual{height:570px;perspective:none;isolation:isolate}
.globe-aura{position:absolute;inset:-35px -55px;background:radial-gradient(ellipse at 55% 48%,#006f9830,transparent 64%);pointer-events:none;z-index:-1}
#nooma-globe{display:block;width:100%;height:100%;touch-action:pan-y;object-fit:contain}
.globe-note{position:absolute;right:0;bottom:82px;font-size:8px;line-height:1.8;letter-spacing:1.8px;color:#8eb4cd;pointer-events:none}
.globe-note>span{display:block;width:24px;height:1px;background:#4fc9f0;margin-bottom:13px}
.globe-toggle{position:absolute;bottom:16px;right:12px;display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 12px;border:1px solid #264354;background:#091620b3;border-radius:5px;font-size:10px;color:#b3cbdc}
.globe-toggle:hover{border-color:#55d6f9;color:#e5f8ff}.motion-glyph{width:11px;text-align:center;font-size:11px}
/* Real brand artwork, same quiet strip. No generic stand-in icons. */
.tools-strip{gap:35px}.tools-strip>span{flex:0 0 145px}
.tools-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:27px;align-items:center;min-width:0;width:100%}
.tools-list .tool-brand{display:flex;justify-content:center;gap:9px;align-items:center;font-size:16px;color:#c2cfdb;white-space:nowrap;letter-spacing:-.3px;font-weight:550}
.tool-brand>img{width:29px;height:29px;object-fit:contain;flex-shrink:0}.tool-brand.tool-cloudflare>img{width:33px}
.tools-list .tool-anthropic{font-size:13px;letter-spacing:.1px}.tool-anthropic>img{width:26px;height:26px}
.tool-brand.tool-aws>img{width:65px;height:40px}.tool-brand.tool-azure>img{width:31px;height:31px}
/* Every case study uses the full-width Faneros layout, stacked. */
.featured+.featured{margin-top:28px}
@media(min-width:961px){.featured-copy>.project-numbers:last-child{margin-top:auto;margin-bottom:0}}
@media(max-width:960px){.featured-copy>.project-kicker+h3{grid-row:2/5}}
.case-details>summary{font-size:12px;min-height:60px}.case-details .summary-right{white-space:nowrap}
.founder-caption p{font-size:14px;line-height:1.8}.engineering{border-bottom:1px solid var(--line)}
/* Real, separate contact view inside the portable HTML preview. */
.contact-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);gap:105px;padding-block:92px 106px;align-items:start}
.contact-intro>.eyebrow{margin-bottom:30px}.contact-intro h1{font-size:clamp(52px,4.8vw,70px);line-height:1.07;letter-spacing:-3.4px;font-weight:550;outline:none}
.contact-intro h1>span{background:linear-gradient(115deg,#64ddf8,#16a1f3);background-clip:text;-webkit-background-clip:text;color:transparent}
.contact-intro>p{max-width:465px;color:#acbdce;font-size:15px;line-height:1.9;margin-top:28px}
.contact-window{border:1px solid #264250;border-radius:11px;margin-top:32px;max-width:435px;background:linear-gradient(145deg,#0d1822,#070e15);overflow:hidden}
.contact-window .window-bar{background:#0c1821;height:36px}.contact-window .address{font-size:7px;letter-spacing:1.5px}
.contact-window-body{padding:28px}.contact-window-body small{font-size:8px;letter-spacing:1.8px;color:#819eb3}.contact-window-body h2{font-size:24px;line-height:1.4;letter-spacing:-.65px;margin-top:15px}
.contact-window-foot{display:flex;align-items:center;gap:15px;background:#0b2232;border-top:1px solid #1e384b;padding:20px 27px}
.contact-window-foot>span{font-size:29px;color:var(--cyan)}.contact-window-foot b{font-size:12px;font-weight:550;display:block}.contact-window-foot small{font-size:10px;color:#98b3c6;display:block;margin-top:4px}
.contact-email{display:flex;align-items:center;gap:17px;max-width:330px;margin-top:27px;font-size:14px}.contact-email>.icon{color:var(--cyan);width:22px;height:22px}.contact-email small{display:block;font-size:10px;color:#8ca9bc;margin-bottom:3px}.contact-email>span:last-child{margin-left:auto;color:var(--cyan)}
.contact-form-card{padding:36px;border:1px solid #294a5e;border-radius:14px;background:linear-gradient(145deg,#102330,#0a141d 75%)}
.contact-form-card>.eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:16px}.contact-form-card>h2{font-size:29px;letter-spacing:-1px;line-height:1.25}.contact-form-card>p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:13px;margin-bottom:27px}
.contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 15px}.field-wide{grid-column:1/-1}
.contact-fields label{font-size:11px;display:block;color:#d0dbe7;min-width:0}.contact-fields label>span{font-size:9px;color:#8ba4b7;white-space:nowrap;margin-left:5px}
.contact-fields input,.contact-fields select,.contact-fields textarea{display:block;width:100%;margin-top:8px;padding:12px 13px;border:1px solid #294254;border-radius:6px;background:#080f17;color:#eaf2fa;font:12px/1.5 var(--font);min-height:45px;box-sizing:border-box}
.contact-fields textarea{resize:vertical;min-height:125px;max-height:500px}.contact-fields input::placeholder,.contact-fields textarea::placeholder{color:#829bb0}
.contact-fields input:focus,.contact-fields textarea:focus,.contact-fields select:focus{outline:2px solid #46c2ef;outline-offset:2px;border-color:#46c2ef}
.form-discretion{font-size:10px;line-height:1.8;color:#91a9bd;margin-top:16px}.contact-submit{width:100%;margin-top:20px;min-height:47px;justify-content:center}
.form-preview-note{font-size:10px;color:#aac4d5;text-align:center;margin-top:13px;line-height:1.6}
.contact-checks{display:flex;flex-wrap:wrap;gap:15px;border-top:1px solid #263744;padding-top:18px;margin-top:22px;color:#a6bfd1;font-size:10px}
.conversation-topics{margin:24px 20px 0}.conversation-topics h3{font-size:9px;letter-spacing:1.6px;color:#a2b7c9;margin-bottom:14px}.conversation-topics p{font-size:12px;color:#8fa7bb;margin-top:9px}.conversation-topics strong{color:#c2d2df;font-weight:500}
/* Modals: contained image, readable content, native keyboard/focus behavior. */
.screenshot-dialog,.inquiry-dialog{background:#0b1520;border:1px solid #345c74;border-radius:12px;color:var(--text);padding:20px;width:min(1300px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 30px 100px #000b}
.screenshot-dialog::backdrop,.inquiry-dialog::backdrop{background:rgba(1,5,10,.86);backdrop-filter:blur(5px)}
.screenshot-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.screenshot-dialog-head>h2{font-size:17px;font-weight:500}
.screenshot-close{font-size:25px;line-height:1;background:#132331;border:1px solid #2e4c61;border-radius:5px;width:38px;height:38px;display:grid;place-items:center;flex-shrink:0}
.screenshot-dialog>img{width:100%;height:auto;max-height:calc(100dvh - 166px);object-fit:contain;background:#060a0f;border:1px solid #263d4d;border-radius:5px}.screenshot-dialog>p{font-size:11px;color:#8eacc1;margin-top:12px}
.inquiry-dialog{max-width:620px;padding:26px}.inquiry-note{font-size:13px;color:#b3c5d5;line-height:1.8}.inquiry-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 var(--font);border:1px solid #2a4054;padding:18px;background:#071019;border-radius:5px;margin-block:20px}
@media(min-width:1600px){.hero{padding-top:85px}.hero-layout{min-height:607px}}
@media(max-width:1150px){.tools-strip{display:block}.tools-strip>span{display:block;text-align:center;margin-bottom:25px}.tools-strip>span br{display:none}.tools-list{gap:20px}.globe-visual{height:525px}.contact-page{gap:55px}.contact-form-card{padding:30px}.contact-intro h1{font-size:56px}}
@media(max-width:980px){.globe-visual{height:470px}.hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.globe-note{right:0;bottom:57px;font-size:7px}.contact-page{gap:35px;padding-block:65px 85px}.contact-intro h1{font-size:48px;letter-spacing:-2.5px}.contact-fields{grid-template-columns:1fr}.field-wide{grid-column:auto}.contact-window-body h2{font-size:21px}.contact-form-card{padding:25px}.contact-form-card>h2{font-size:25px}.tools-list .tool-brand{font-size:14px}.tool-brand>img{width:24px;height:24px}.tools-list .tool-anthropic{font-size:11px;gap:6px}.tool-anthropic>img{width:22px}.case-details>summary{padding-inline:18px;font-size:10px}}
@media(max-width:760px){.tools-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.tools-list .tool-brand{font-size:16px}.tools-list .tool-anthropic{font-size:13px}.contact-page{grid-template-columns:1fr;gap:45px;max-width:650px}.contact-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.field-wide{grid-column:1/-1}.contact-intro h1{font-size:62px}.contact-intro h1 br:nth-of-type(3){display:none}.contact-intro>p{max-width:none}.contact-window{max-width:none}.contact-window-body h2{font-size:24px}.contact-email{max-width:340px}.conversation-topics{margin-inline:4px}.brand{font-size:25px}}
@media(max-width:680px){.wrap{width:calc(100% - 40px)}.section{padding-block:72px}.hero-layout{grid-template-columns:1fr}.hero{padding-top:46px;padding-bottom:28px}.globe-visual{height:390px;margin-top:24px;width:100%;}.globe-note{bottom:67px;right:0;font-size:7px}.globe-toggle{right:5px;bottom:4px}.hero-copy h1{font-size:60px}.hero-ownership{font-size:28px}.hero-description{font-size:14px}.hero .proof-strip{margin-top:27px}.tools-list{column-gap:16px}.tools-list .tool-brand{font-size:13px;gap:7px}.tools-list .tool-anthropic{font-size:10px}.tools-strip{padding-bottom:20px}.featured+.featured{margin-top:24px}.case-details>summary{font-size:10px;padding-inline:22px;min-height:59px}.case-details .summary-right{font-size:10px}.work-foot{display:flex;margin-top:0}.work-foot>.text-link{margin-top:0}.contact-page{padding-block:48px 70px}.contact-intro h1{font-size:58px;letter-spacing:-2.5px}.contact-intro>.eyebrow{margin-bottom:23px}.contact-form-card{padding:25px}.contact-form-card>h2{font-size:28px}.contact-fields{grid-template-columns:1fr}.field-wide{grid-column:auto}.contact-fields input,.contact-fields select,.contact-fields textarea{font-size:16px}.contact-fields label{font-size:12px}.form-discretion,.form-preview-note{font-size:11px}.contact-submit{font-size:13px}.contact-checks{font-size:11px}.screenshot-dialog{padding:12px;width:calc(100% - 20px)}.screenshot-dialog-head h2{font-size:14px}.screenshot-dialog>img{max-height:calc(100dvh - 160px)}.inquiry-dialog{width:calc(100% - 28px);padding:20px}}
@media(max-width:390px){.hero-copy h1{font-size:52px}.brand{font-size:22px;gap:7px}.brand .mark{width:29px;height:29px}.globe-visual{height:342px}.case-details>summary{padding-inline:18px}.case-details .summary-label{max-width:148px}.contact-intro h1{font-size:50px}.contact-form-card{padding:20px}.contact-form-card>h2{font-size:25px}.contact-window-body{padding:23px}.tools-list .tool-brand{font-size:12px}.tools-list .tool-anthropic{font-size:9px}.tools-list{gap:25px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}


.engineer-note{max-width:34rem;color:#b9cfe0;font-size:12px;line-height:1.85;margin-top:16px}
.agent-demo[open]>summary{background:linear-gradient(180deg,#102433,#0c1b28);color:#dff7ff}
.contact-direct{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px;max-width:760px}
.contact-direct>div{padding:16px 18px;border:1px solid #294558;border-radius:10px;background:linear-gradient(145deg,#0e1822,#09111a)}
.contact-direct small{display:block;font-size:9px;letter-spacing:1.4px;color:#8ba6ba;text-transform:uppercase;margin-bottom:8px}
.contact-direct strong{display:block;font-size:13px;line-height:1.65;font-weight:550;color:#e6f0f9}
.contact-direct a{color:inherit}
@media(max-width:980px){.contact-direct{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.contact-direct{grid-template-columns:1fr}.engineer-note{font-size:11px}}

/* Focused R3 revision: visible replay and a standalone contact page. */
.agent-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 25px;background:#0c1b28;border-bottom:1px solid #284558;color:#c9efff}
.agent-demo-heading strong{font-size:13px;font-weight:550}.agent-demo-heading span{font-size:10px;color:#9bb5c8}
.dlp-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}
.agent-demo .dlp-controls .dlp-replay{min-height:40px;min-width:78px;padding:0 15px;font-size:12px;border-radius:6px}
.agent-demo .dlp-toggle{border-color:#35708a;background:#102534;color:#d2f4ff}
.agent-demo .dlp-status{min-height:22px}.agent-demo .dlp-status-text{font-size:12px}
.contact-details{display:grid;gap:0;margin-top:28px;border-top:1px solid #294558;max-width:480px}
.contact-detail{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #294558;min-width:0}
.contact-detail>span:nth-child(2){min-width:0}.contact-detail>span:last-child:not(:nth-child(2)){margin-left:auto;color:var(--cyan)}
.contact-detail-icon{width:28px;color:var(--cyan);font-size:24px;flex-shrink:0;text-align:center}
.contact-detail small{display:block;font-size:10px;color:#92adbf;letter-spacing:.5px;margin-bottom:4px}
.contact-detail strong,.contact-detail address{display:block;font-style:normal;font-size:14px;line-height:1.7;font-weight:450;overflow-wrap:anywhere;color:#e3edf6}
.contact-detail[href]:hover strong{color:var(--cyan)}
@media(max-width:680px){.agent-demo-heading{display:block;padding:18px}.agent-demo-heading span{display:block;margin-top:5px}.dlp-controls{width:100%;justify-content:flex-end}.agent-demo .dlp-top-left{gap:8px}.agent-demo .dlp-status-text{font-size:11px}.contact-detail strong,.contact-detail address{font-size:14px}}
@media(prefers-reduced-motion:reduce){.agent-demo *{animation:none!important;transition:none!important}}


/* R5 refinements: monochrome tool icons and tighter flow */




/* R7 brand-true logo strip */
.tools-strip{display:block;padding-top:30px}
.tools-list{grid-template-columns:repeat(8,minmax(0,1fr));gap:28px;align-items:center;width:100%}
.tools-list .tool-brand{display:flex;justify-content:center;gap:10px;align-items:center;font-size:16px;white-space:nowrap;letter-spacing:-.3px;font-weight:550}
.tools-list .tool-brand img{filter:none}
.tools-list .tool-cloudflare{color:#F38020}
.tools-list .tool-openai{color:#10A37F}
.tools-list .tool-anthropic{color:#D4C5B0}
.tools-list .tool-aws{color:#FF9900}
.tools-list .tool-azure{color:#0078D4}
.tools-list .tool-google-cloud{color:#8AB4F8}
.tools-list .tool-netlify{color:#00C7B7}
.tools-list .tool-wordpress{color:#21759B}
@media(max-width:1280px){.tools-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 28px}}
@media(max-width:760px){.tools-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:550px){.tools-list{grid-template-columns:repeat(2,minmax(0,1fr))}}