/* RedScope's own product illustration and identity, with an open, centered layout. */
:root{--bg:#fff;--text:#182938;--muted:#657382;--line:#dce3e9;--accent:#e5756d;--paper:#fff;--ink:#253849}
html{scroll-padding-top:105px}body{background:#fff;color:var(--text)}h2{letter-spacing:-1px}.section{padding-top:100px;padding-bottom:100px}.section-eyebrow{color:#74869a;font-size:10px}.eyebrow{font-weight:700}.button{border-radius:100px;padding:14px 23px;gap:18px;box-shadow:0 5px 10px #1c35470c}.button-primary{background:#233d61;color:#fff;border-color:#233d61}.button-primary:hover{background:#325886;box-shadow:0 8px 20px #1c456523}.button-primary svg,.secondary-link svg{transition:transform .2s}.button:hover svg,.secondary-link:hover svg{transform:translateX(3px)}.button-light{background:#fff;color:#223b5a}.button-light:hover{background:#eaf0f7}.secondary-link{color:#536779}.secondary-link:hover{color:#1b3d65}.status-dot{background:#86a5ad}.brand{color:#193044}.brand-dot,.brand svg{color:#de7c73}.section-heading{align-items:center}.section-heading>p,.section-heading>div>p{color:#71808b;font-size:14px;line-height:2}
/* Floating navigation stays in a familiar place as the story unfolds. */
.site-header{position:fixed;top:15px;left:15px;right:15px;z-index:30;border:1px solid #fff;background:#ffffffef;border-radius:7px;box-shadow:0 7px 24px #233d5710;backdrop-filter:blur(16px);transition:box-shadow .2s}.site-header.has-scrolled{box-shadow:0 9px 28px #233d571c}.nav-wrap{height:67px;max-width:1440px;padding:0 23px}.brand{font-size:26px}.brand svg{height:27px;width:27px}.desktop-nav{margin-left:40px;gap:33px}.desktop-nav a{color:#6d7c85;font-size:12px}.desktop-nav a:hover,.desktop-nav a.is-active{color:#294e78}.language-switch button{color:#8a959d}.language-switch button[aria-pressed="true"]{color:#203953}.language-switch>span{background:#d4dce3}.header-cta{color:#fff;background:#20344b;border:1px solid #20344b;border-radius:100px;padding:10px 17px;font-size:11px}.header-cta:hover{background:#335475;border-color:#335475}.header-cta svg{color:#dce7f1}.mobile-nav{background:#fff;border-top-color:#e4eaf0;border-radius:0 0 7px 7px}.mobile-nav a{color:#405b73}.menu-toggle span{background:#34536f}
/* Centered hero, connected illustration, and UI previews at the edges. */
.hero{display:block;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#edf2f6 0%,#e5edf5 80%,#e5edf5 100%);padding:129px 0 0}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 85%,#c4d5e55c,transparent 55%)}.hero-copy{max-width:1000px;text-align:center}.hero-copy .eyebrow{justify-content:center;font-size:9px;letter-spacing:1.6px;color:#597694;margin-bottom:16px}.accent-line{width:16px;background:#de847a}.hero h1{font-size:61px;letter-spacing:-1.8px;line-height:1.14;color:#1b3043;max-width:900px;margin:0 auto}.hero-description{max-width:700px;font-size:15px;color:#738191;line-height:1.85;margin:18px auto 0}.hero-actions{justify-content:center;gap:28px;margin-top:23px}.hero-actions .button{font-size:12px;min-height:48px}.hero-actions .secondary-link{font-size:12px}.hero-note{justify-content:center;font-size:10px;line-height:1.9;color:#83919f;margin-top:16px}.hero-note .status-dot{height:4px;width:4px}.product-scene{height:395px;max-width:1110px;margin:15px auto 0;position:relative;padding:0}.security-engine{position:absolute;width:910px;height:auto;max-width:100%;bottom:-35px;left:50%;transform:translateX(-50%);display:block;filter:drop-shadow(0 14px 22px #2647640b)}.engine-label{display:flex;align-items:center;gap:7px;position:absolute;top:38px;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:1.3px;color:#6f8ca0;white-space:nowrap}.engine-label .status-dot{height:4px;width:4px;background:#91acba}.overlay-chat{position:absolute;width:255px;left:35px;top:60px;background:#f5f7f8;border:1px solid #d1dce5;box-shadow:0 15px 30px #37547217;border-radius:8px;transform:rotate(-2deg);z-index:2}.overlay-chat .telegram-header{padding:12px 13px;gap:8px;background:#fff;border-bottom-color:#e3e9ef}.overlay-chat .bot-icon{height:29px;width:29px;background:#f4e9e4;border-color:#ebd4cc;color:#c17c6c}.overlay-chat .bot-icon svg{height:18px;width:18px}.overlay-chat .telegram-header strong{font-size:10px;color:#385066}.overlay-chat .telegram-header div>span{font-size:8px;margin-top:2px;color:#99a5ae}.overlay-chat .telegram-menu{font-size:9px;color:#b0bac1}.overlay-chat .conversation-body{padding:11px 11px 12px;gap:10px;background-image:none;background:#eff3f6}.overlay-chat .conversation-date{font-size:7px;color:#9aa9b5;margin:0}.overlay-chat .message{padding:9px 10px;border-radius:5px}.overlay-chat .message-out{min-width:162px;background:#dfe9f0;border-color:#d1e0e9;font-size:9px;color:#728b9e}.overlay-chat .message-out small{font-size:5px;color:#9baebc}.overlay-chat .message-in{width:100%;border-color:#dce5eb;background:#fff}.overlay-chat .message-in>strong{font-size:9px;line-height:1.8;color:#526d80}.overlay-chat .chat-stages{gap:6px;margin-top:9px}.overlay-chat .chat-stages>span{font-size:8px;color:#91a0a9}.overlay-chat .chat-stages svg{height:10px;width:10px;color:#86a7aa}.overlay-chat .telegram-footer{background:#f7f9fa;border-top-color:#e1e8ed;padding:9px 7px;font-size:7px;line-height:1.8;color:#94a5af}.snapshot{position:absolute;right:29px;top:99px;width:242px;padding:16px 17px 0;background:#fff;border:1px solid #d6e1e9;border-radius:8px;box-shadow:0 16px 30px #36567519;z-index:2;transform:rotate(2deg)}.snapshot-top{display:flex;align-items:center;gap:7px;font-size:8px;color:#8e9faa;margin-bottom:11px}.snapshot-top>svg{height:12px;width:12px;color:#8ba6bb}.snapshot-dots{margin-left:auto;font-size:8px;letter-spacing:1px}.snapshot>strong{font-size:12px;color:#38556d;display:block;line-height:1.7}.snapshot-domain{display:block;font-size:8px;color:#a5b1b9;margin-top:4px}.snapshot-counts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:15px;margin-bottom:13px}.snapshot-counts>div{padding-left:12px;border-right:1px solid #e8eef2}.snapshot-counts>div:first-child{padding-left:0}.snapshot-counts>div:last-child{border:0}.snapshot-counts b{font-size:27px;display:block;line-height:1;color:#ba7b86}.snapshot-counts>div:nth-child(2) b{color:#be936b}.snapshot-counts>div:nth-child(3) b{color:#b1aa7d}.snapshot-counts span{display:block;font-size:7px;margin-top:5px;color:#9aaab3}.snapshot-evidence{display:flex;align-items:center;gap:5px;font-size:8px;line-height:1.7;color:#98a7ad;padding:10px 0;border-top:1px solid #e9eef1}.snapshot-evidence>svg{height:10px;width:10px;color:#82a4a5}.snapshot-link{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 -17px;padding:10px 17px;border-top:1px solid #e8eef2;border-radius:0 0 8px 8px;font-size:8px;color:#7b93a6;background:#f9fbfc}.snapshot-link svg{height:12px;width:12px}.snapshot-link:hover{color:#305e86;background:#eef4f8}.visual-note{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;color:#7e97aa;background:#e9f0f7e8;padding:7px 12px;border-radius:100px;z-index:3;width:max-content;max-width:95%;line-height:1.8}.visual-note svg{height:10px;width:10px}
/* Product qualities take the place of unsupported customer or usage claims. */
.value-section{padding-top:60px;padding-bottom:6px}.value-intro{text-align:center;color:#7c8c97;font-size:15px;margin-bottom:26px}.value-band{display:grid;grid-template-columns:repeat(4,1fr);border-radius:15px;background:linear-gradient(110deg,#20364c,#294d7b);padding:27px 20px;box-shadow:inset 0 0 0 1px #43638235}.value-band>div{display:flex;align-items:center;flex-direction:column;text-align:center;border-right:1px solid #ffffff15;padding:0 13px}.value-band>div:last-child{border:0}.value-band svg{height:20px;width:20px;color:#a5c4d5;margin-bottom:10px}.value-band strong{font-size:14px;color:#e5eff5;line-height:1.9}.value-band small{font-size:10px;color:#99b1c5;line-height:1.9;margin-top:5px}.workflow-section .section-heading{display:block;text-align:center;max-width:850px;margin:0 auto 50px}.workflow-section .section-eyebrow{justify-content:center}.workflow-section .section-heading>p{max-width:650px;margin:19px auto 0}.workflow-grid{gap:26px}.workflow-grid article{border:1px solid #e0e6eb;border-radius:11px;background:linear-gradient(150deg,#fff,#f7f9fb);padding:26px 26px 28px;transition:transform .2s,box-shadow .2s}.workflow-grid article:hover{transform:translateY(-4px);box-shadow:0 14px 28px #294a6b0c}.step-number{color:#8fa3b4}.step-number>span{background:#e1e8ee}.step-icon{border-color:#dce7ee;color:#6f92a7;background:#ecf3f7}.workflow-grid h3{font-size:20px;color:#2c455b}.workflow-grid p{font-size:13px;color:#83919b}
/* Select a layer to learn what it contributes to the assessment. */
.coverage-section{background:radial-gradient(ellipse at 20% 70%,#21466b65,transparent 55%),#12263c;border-color:#12263c;color:#e8f1f8;overflow:hidden}.coverage-section .section-heading{display:block;text-align:center;max-width:850px;margin:0 auto 35px}.coverage-section .section-eyebrow{color:#84a8c5;justify-content:center}.coverage-section .section-heading>p{max-width:700px;color:#8fa9bd;margin:19px auto 0}.stage-tabs{display:flex;align-items:center;justify-content:center;gap:8px;border-bottom:1px solid #55708b38;padding-bottom:20px}.stage-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border:1px solid transparent;background:none;padding:10px 20px;color:#8aa4ba;font-size:14px;line-height:1.8;border-radius:6px;transition:background .2s,color .2s,border-color .2s}.stage-tab-number{font-size:8px;color:#5f809b}.stage-tabs button[aria-selected="true"]{color:#dbedf8;background:#2d506c70;border-color:#54779375}.stage-tabs button[aria-selected="true"] .stage-tab-number{color:#9cc8d7}.stage-tabs button:hover{color:#d8eaf4;background:#2d506c40}.stage-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center;margin-top:38px}.stage-visual{position:relative;min-height:450px}.layer-stack{display:block;width:100%;max-height:460px;height:auto;stroke:none;overflow:visible}.layer-top{fill:#284460;stroke:#627e9735;stroke-width:1}.layer-side-left{fill:#1d3854}.layer-side-right{fill:#182f49}.layer-corner{stroke:#5c7c98;stroke-width:1.5;fill:none}.layer-text{fill:#7193ad;font-family:Walone,Arial,sans-serif;font-size:11px;letter-spacing:1px;text-anchor:middle}.layer-stack g{transition:transform .35s}.layer-stack g.is-active{transform:translateY(-10px)}.layer-stack g.is-active .layer-top{fill:url(#layer-active);stroke:#a9e2e3;stroke-opacity:.6}.layer-stack g.is-active .layer-side-left{fill:#327f93}.layer-stack g.is-active .layer-side-right{fill:#285e84}.layer-stack g.is-active .layer-corner{stroke:#bce5e7}.layer-stack g.is-active .layer-text{fill:#def6f5}.stage-visual-caption{display:flex;align-items:center;justify-content:center;gap:7px;color:#557e9e;font-size:8px;letter-spacing:1px;margin-top:18px}.stage-visual-caption>span{height:3px;width:3px;background:#739ab7;border-radius:50%}.stage-panel-eyebrow{font-size:8px;letter-spacing:1.5px;color:#7091ac;margin-bottom:12px}.stage-panel h3{font-size:30px;line-height:1.4;color:#e0edf7;letter-spacing:-.4px}.stage-panel>p{font-size:13px;color:#8ca6bc;line-height:1.9;margin-top:12px}.stage-features{display:grid;gap:10px;margin-top:24px}.stage-features article{display:flex;gap:13px;border:1px solid #62819d30;background:#223d5670;border-radius:7px;padding:14px 15px}.stage-feature-number{display:grid;place-items:center;flex-shrink:0;height:22px;width:22px;color:#8eb8cb;font-size:8px;border:1px solid #6588a343;border-radius:5px;margin-top:1px}.stage-features strong{display:block;font-size:13px;color:#a9c9db;line-height:1.8;font-weight:700}.stage-features p{font-size:11px;color:#7898b2;line-height:1.85;margin-top:3px}.stage-report-link{display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:12px;color:#b3d0e4;margin-top:21px}.stage-report-link svg{height:16px;width:16px}.stage-report-link:hover{color:white}.coverage-note{color:#6689a5;border-color:#4d6d8730;margin-top:35px;font-size:10px}.coverage-note svg{color:#7097b2}
/* The example report lives within a quiet, full-width light section. */
.report-section{background:#edf2f7;max-width:none;padding-left:0;padding-right:0}.report-section .section-heading{display:block;text-align:center;max-width:850px;margin:0 auto 42px}.report-section .section-eyebrow{justify-content:center}.report-section .section-heading>div>p{max-width:690px;margin:19px auto 0}.preview-label{justify-content:center;color:#8c9baa}.preview-label>span:first-child{background:#9eb0bc}.report-shell{max-width:1000px;margin:0 auto;border-radius:14px;box-shadow:0 15px 40px #35516f0d;border-color:#dce5ec;background:#fff;color:#354e62}.report-toolbar{background:#f6f9fb;border-color:#e5edf3}.report-toolbar>div{color:#879cae}.report-toolbar svg{color:#c08c82}.sample-badge{background:#eef3f7;border-color:#dce7ef;color:#8b9eae}.report-content{padding:29px 35px 25px}.report-top h3{color:#3b566c}.report-target-label,.report-top p{color:#8ca0b0}.download-button{border-color:#dce6ee;color:#8fa5b5}.download-button:hover{background:#f2f7fa}.report-stats{border-color:#e3ecf2}.report-stats>div{border-color:#e4ecf2}.report-stats strong{color:#618299}.report-stats span,.report-stats .report-stat-last>span{color:#96aab8}.report-stat-last svg{color:#8facbd}.findings-heading h4{color:#506b80}.findings-heading>span{color:#a3b4bf}.report-tabs{border-color:#e4ecf2}.report-tabs button{color:#91a5b5}.report-tabs button[aria-selected="true"]{color:#4e7897;border-color:#4e7897}.report-tabs b{background:#eff4f7;color:#a1b6c4}.finding{border-color:#e6edf3}.finding-title{color:#5b7488}.finding summary>svg{color:#a3bac9}.finding-detail{color:#7d93a4}.finding-detail strong{color:#6c8da4}.finding-metadata span{background:#f0f5f8;border-color:#dfebf2;color:#8ca6b8}.finding-endpoint{color:#7f9bb0;background:#f1f6fa;border-color:#e2edf3}.finding-evidence{background:#22394e;color:#bad0e1}.validation-note{color:#b1a27f}.report-footnote{color:#9aadb9}.telegram-section{padding-top:77px;padding-bottom:0}.telegram-callout{background:radial-gradient(ellipse at 90% 10%,#427ca680,transparent 60%),linear-gradient(110deg,#1e3851,#294f79);border-color:#365e80;border-radius:15px;padding:42px 45px}.telegram-callout-icon{color:#bad3e1;border-color:#6d92ae;background:#355b7770}.telegram-callout-icon svg{color:#b9d8e9}.telegram-callout .eyebrow{color:#83acc8}.telegram-callout h2{color:#edf4f8}.telegram-callout p{color:#94b5ce}.faq-section{color:#314f65}.faq-subtitle{color:#96a8b5}.faq-list details,.faq-list details:first-child{border-color:#dfe7ed}.faq-list summary{color:#647e91}.faq-list p{color:#8fa3b1}.faq-plus:before,.faq-plus:after{background:#9bb2c2}.site-footer{border-color:#e0e7ed;color:#7f96a8}.footer-main>span{color:#9cafbd}.back-top{color:#7d9bb1}.footer-bottom{border-color:#e9eef2;color:#a9b9c4}.toast{background:#294862;color:#d9e9f3;border-color:#7294af}
/* The supplied font serves both languages; only sizing and line-height change. */
html[lang="my"] .hero h1{font-size:47px;line-height:1.58;letter-spacing:-.3px}html[lang="my"] .hero-description{font-size:14px;line-height:2.1;max-width:730px}html[lang="my"] .hero-actions .button,html[lang="my"] .hero-actions .secondary-link{font-size:12px}html[lang="my"] .overlay-chat .message-in>strong{font-size:9px;line-height:1.9}html[lang="my"] .workflow-grid h3{font-size:17px}html[lang="my"] .stage-panel h3{font-size:25px;line-height:1.8}html[lang="my"] .stage-tabs button{font-size:12px}html[lang="my"] .value-band strong{font-size:12px}html[lang="my"] .snapshot>strong{font-size:11px;line-height:2}
.motion-enabled .reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.motion-enabled .reveal.is-visible{opacity:1;transform:none}
@media(min-width:1500px){.hero{padding-top:145px}.product-scene{height:430px;max-width:1200px}.security-engine{width:1010px;bottom:-35px}.overlay-chat{left:55px;top:70px;width:270px}.snapshot{right:55px;top:110px;width:250px}.hero h1{font-size:67px}html[lang="my"] .hero h1{font-size:51px}}
@media(max-width:1100px){.hero{padding-top:125px}.hero h1{font-size:55px}html[lang="my"] .hero h1{font-size:43px}.hero-description{max-width:650px;font-size:14px}.product-scene{height:370px;max-width:930px}.security-engine{width:850px;bottom:-25px}.overlay-chat{left:20px;top:65px;width:228px}.snapshot{right:20px;top:110px;width:222px}.overlay-chat .conversation-body{padding:10px}.overlay-chat .message-in>strong{font-size:8px}html[lang="my"] .overlay-chat .message-in>strong{font-size:8px}.overlay-chat .chat-stages>span{font-size:7px}.snapshot>strong{font-size:11px}.stage-layout{gap:45px}.stage-visual{min-height:400px}.stage-panel h3{font-size:27px}.stage-panel>p{font-size:12px}.workflow-grid{gap:18px}.workflow-grid article{padding:23px 21px}.workflow-grid h3{font-size:18px}.workflow-grid p{font-size:12px}.value-band strong{font-size:12px}html[lang="my"] .value-band strong{font-size:11px}.value-band small{font-size:9px}.value-intro{font-size:14px}.telegram-callout{padding:35px}.stage-tabs button{padding:10px 15px}.desktop-nav{gap:27px;margin-left:20px}}
@media(max-width:850px){.site-header{left:10px;right:10px;top:10px}.nav-wrap{padding:0 17px;height:64px}.desktop-nav{gap:19px;margin-left:0}.desktop-nav a{font-size:10px}.header-cta{font-size:10px;padding:9px 12px}.nav-actions{gap:16px}.hero{padding-top:118px}.hero h1{font-size:48px}html[lang="my"] .hero h1{font-size:38px}.hero-description{font-size:13px;max-width:600px}.hero-copy .eyebrow{font-size:8px}.product-scene{height:345px}.security-engine{width:780px;bottom:-15px}.overlay-chat{width:195px;left:20px;top:65px;transform:rotate(-2deg)}.overlay-chat .telegram-header{padding:10px}.overlay-chat .bot-icon{width:25px;height:25px}.overlay-chat .telegram-header strong{font-size:9px}.overlay-chat .conversation-body{padding:9px;gap:8px}.overlay-chat .message-out{min-width:135px;font-size:8px}.overlay-chat .message{padding:8px}.overlay-chat .telegram-footer{font-size:6px}.overlay-chat .chat-stages{gap:5px}.overlay-chat .chat-stages>span{font-size:6px;gap:5px}.overlay-chat .message-in>strong,html[lang="my"] .overlay-chat .message-in>strong{font-size:7px}.snapshot{width:191px;right:20px;top:110px;padding:13px 13px 0}.snapshot>strong{font-size:10px}html[lang="my"] .snapshot>strong{font-size:9px}.snapshot-top{font-size:7px;margin-bottom:8px}.snapshot-counts b{font-size:23px}.snapshot-counts span{font-size:6px}.snapshot-link{margin:0 -13px;padding:9px 13px;font-size:7px}.snapshot-evidence{font-size:7px}.visual-note{font-size:7px;bottom:7px}.value-section{padding-top:45px}.value-band{padding:23px 10px}.value-band strong{font-size:11px}.value-band small{font-size:8px}.value-band svg{height:18px;width:18px}.value-band>div{padding:0 10px}.workflow-grid{gap:16px}.workflow-grid article{padding:20px 17px}.workflow-grid h3{font-size:17px}html[lang="my"] .workflow-grid h3{font-size:15px}.workflow-grid p{font-size:11px}.stage-tabs{gap:5px}.stage-tabs button{font-size:12px;gap:7px;padding:10px 13px}html[lang="my"] .stage-tabs button{font-size:10px}.stage-layout{gap:30px;grid-template-columns:1fr 1.1fr}.stage-visual{min-height:340px}.stage-panel h3{font-size:25px}html[lang="my"] .stage-panel h3{font-size:21px}.stage-panel>p{font-size:11px}.stage-features{gap:9px;margin-top:20px}.stage-features article{padding:11px 12px;gap:10px}.stage-features strong{font-size:11px}.stage-features p{font-size:9px}.stage-feature-number{height:19px;width:19px;font-size:7px}.stage-panel-eyebrow{font-size:7px;letter-spacing:1px}.stage-report-link{font-size:10px}.stage-visual-caption{font-size:6px}.telegram-callout>.button{margin-left:74px}.report-section .section-heading{max-width:700px}}
@media(max-width:670px){html{scroll-padding-top:95px}.site-header{top:9px;left:9px;right:9px;border-radius:7px}.nav-wrap{height:61px;padding:0 15px}.brand{font-size:24px}.brand svg{width:25px;height:25px}.nav-actions{gap:15px}.hero{display:block;padding:112px 0 0}.hero-copy{padding-left:23px;padding-right:23px}.hero-copy .eyebrow{font-size:7px;letter-spacing:1px;gap:8px;margin-bottom:19px}.hero h1,html[lang="en"] .hero h1{font-size:38px;line-height:1.25;letter-spacing:-1.1px}html[lang="my"] .hero h1{font-size:32px;line-height:1.7;letter-spacing:-.3px}.hero-description{font-size:13px;line-height:1.95;max-width:410px;margin-top:18px}html[lang="my"] .hero-description{font-size:12px;line-height:2.2}.hero-actions{gap:19px;margin-top:22px}.hero-actions .button{font-size:11px;min-height:46px;padding:13px 18px;gap:12px}.hero-actions .secondary-link{font-size:11px;gap:8px}html[lang="my"] .hero-actions .button,html[lang="my"] .hero-actions .secondary-link{font-size:10px}.hero-note{font-size:8px;gap:6px;line-height:1.9;margin-top:16px}.product-scene{height:395px;margin-top:18px;max-width:520px}.security-engine{width:590px;max-width:none;bottom:7px}.engine-label{top:16px;font-size:6px;letter-spacing:1px}.overlay-chat{width:162px;left:17px;top:62px;transform:rotate(-3deg)}.overlay-chat .telegram-header{padding:8px;gap:6px}.overlay-chat .bot-icon{width:20px;height:20px}.overlay-chat .bot-icon svg{width:13px;height:13px}.overlay-chat .telegram-header strong{font-size:7px}.overlay-chat .telegram-header div>span{font-size:5px}.overlay-chat .telegram-menu{font-size:6px}.overlay-chat .conversation-body{padding:7px;gap:7px}.overlay-chat .conversation-date{font-size:5px}.overlay-chat .message{padding:7px}.overlay-chat .message-out{min-width:116px;font-size:7px}.overlay-chat .message-out small{font-size:4px}.overlay-chat .message-in>strong,html[lang="my"] .overlay-chat .message-in>strong{font-size:6px;line-height:2}.overlay-chat .chat-stages{gap:4px;margin-top:6px}.overlay-chat .chat-stages>span{font-size:5px;line-height:1.8;gap:4px}.overlay-chat .chat-stages svg{width:7px;height:7px}.overlay-chat .telegram-footer{font-size:5px;padding:7px 6px}.overlay-chat .telegram-footer svg{width:8px;height:8px}.snapshot{top:204px;right:16px;width:161px;padding:10px 11px 0;transform:rotate(3deg)}.snapshot-top{font-size:6px;gap:5px;margin-bottom:6px}.snapshot-top>svg{width:9px;height:9px}.snapshot>strong,html[lang="my"] .snapshot>strong{font-size:8px;line-height:1.9}.snapshot-domain{font-size:6px;margin-top:3px}.snapshot-counts{margin:10px 0}.snapshot-counts>div{padding-left:8px}.snapshot-counts b{font-size:20px}.snapshot-counts span{font-size:5px;margin-top:4px}.snapshot-evidence{font-size:5px;padding:7px 0;gap:4px}.snapshot-evidence svg{width:7px;height:7px}.snapshot-link{margin:0 -11px;padding:8px 11px;font-size:6px}.snapshot-link svg{width:9px;height:9px}.visual-note{bottom:7px;font-size:6px;padding:6px 9px;max-width:93%;gap:5px;text-align:center;line-height:1.8}.visual-note svg{width:8px;height:8px}.value-section{padding-top:40px;padding-bottom:0}.value-intro{font-size:13px;line-height:2;margin-bottom:20px}.value-band{grid-template-columns:repeat(2,1fr);padding:10px 14px;border-radius:12px}.value-band>div{padding:20px 9px}.value-band>div:nth-child(2){border-right:0}.value-band>div:nth-child(-n+2){border-bottom:1px solid #ffffff15}.value-band strong{font-size:12px}html[lang="my"] .value-band strong{font-size:10px}.value-band small{font-size:8px;line-height:1.9}.value-band svg{height:19px;width:19px;margin-bottom:9px}.section{padding-top:70px;padding-bottom:70px}.section-heading h2{font-size:33px}html[lang="my"] .section-heading h2{font-size:27px;line-height:1.85}.section-heading>p,.section-heading>div>p{font-size:13px;line-height:2}.workflow-section .section-heading{margin-bottom:29px}.workflow-section .section-heading>p{margin-top:18px}.workflow-grid{grid-template-columns:1fr;gap:15px}.workflow-grid article{padding:24px 23px}.workflow-grid h3{font-size:21px}html[lang="my"] .workflow-grid h3{font-size:18px}.workflow-grid p{font-size:13px;line-height:2}.step-icon{margin:20px 0 15px}.coverage-section .section-heading{margin-bottom:25px}.coverage-section .section-heading>p{font-size:12px;color:#91adbf;line-height:2}.stage-tabs{justify-content:space-between;gap:4px;padding-bottom:16px}.stage-tabs button{font-size:10px;padding:9px 7px;gap:4px;min-height:39px;border-radius:5px}html[lang="my"] .stage-tabs button{font-size:8px;padding:9px 6px;line-height:1.9}.stage-tab-number{display:none}.stage-layout{display:flex;flex-direction:column;gap:25px;margin-top:23px}.stage-visual{width:100%;max-width:350px;min-height:0;position:relative}.layer-stack{max-height:310px;width:100%;margin:0 auto}.stage-visual-caption{font-size:6px;margin-top:4px}.stage-panel{width:100%}.stage-panel h3{font-size:27px}html[lang="my"] .stage-panel h3{font-size:23px;line-height:1.85}.stage-panel>p{font-size:13px;line-height:2}.stage-panel-eyebrow{font-size:8px;line-height:1.9;letter-spacing:1px}.stage-features{gap:10px;margin-top:21px}.stage-features article{padding:14px;gap:11px}.stage-features strong{font-size:12px;line-height:1.9}.stage-features p{font-size:11px;line-height:2;margin-top:4px}.stage-feature-number{font-size:7px;height:21px;width:21px;margin-top:3px}.stage-report-link{font-size:11px;justify-content:flex-start;margin-top:22px}.coverage-note{font-size:10px;line-height:2;margin-top:29px}.report-section .section-heading{margin-bottom:29px}.report-section .section-heading>div>p{font-size:12px;line-height:2}.report-content{padding:24px 17px}.report-shell{border-radius:10px}.report-top h3,html[lang="my"] .report-top h3{font-size:26px}.report-top p{font-size:10px;max-width:190px}.report-stats span{font-size:8px;line-height:2}.finding-title{font-size:12px}.finding-detail{font-size:12px;line-height:2.1}.telegram-section{padding-top:51px}.telegram-callout{padding:30px 25px;border-radius:12px}.telegram-callout h2{font-size:28px}html[lang="my"] .telegram-callout h2{font-size:23px;line-height:1.9}.telegram-callout p{font-size:12px;line-height:2}.telegram-callout>.button{margin:23px 0 0;font-size:11px}.faq-list summary{font-size:14px;line-height:2}.faq-list p{font-size:13px;line-height:2.1}.footer-bottom{font-size:9px}.footer-main>span{font-size:10px}}
@media(max-width:370px){.hero-copy{padding-left:19px;padding-right:19px}.hero h1,html[lang="en"] .hero h1{font-size:33px;line-height:1.3;letter-spacing:-.8px}html[lang="my"] .hero h1{font-size:29px;line-height:1.8}.hero-actions{gap:15px}.hero-actions .button{font-size:10px;padding:12px 14px}.hero-actions .secondary-link{font-size:10px}html[lang="my"] .hero-actions .button,html[lang="my"] .hero-actions .secondary-link{font-size:9px}.hero-copy .eyebrow{font-size:6px;letter-spacing:1px}.hero-note{font-size:7px}.overlay-chat{width:149px;left:12px}.snapshot{width:149px;right:12px;top:211px}.product-scene{height:388px}.security-engine{width:555px;bottom:20px}.overlay-chat .message-in>strong,html[lang="my"] .overlay-chat .message-in>strong{font-size:5.8px}.overlay-chat .chat-stages>span{font-size:4.8px}.visual-note{font-size:5.5px}.stage-tabs button{font-size:9px;padding:9px 6px}html[lang="my"] .stage-tabs button{font-size:7px;padding:9px 5px}.value-band small{font-size:7px}.nav-wrap{padding:0 12px}.brand{font-size:22px}.brand svg{width:23px;height:23px}.language-switch button{font-size:11px}.nav-actions{gap:12px}}
.desktop-nav a{color:#607384}.hero-description{color:#65798a}.hero-note{color:#7e909f}.section-heading>p,.section-heading>div>p,.workflow-grid p{color:#6d808f}.stage-panel>p{color:#a0b7c9}.stage-features p{color:#9ab2c5;font-size:12px}.stage-features strong{color:#b8d1df}.coverage-section .section-heading>p{color:#9ab1c5}.finding-detail{color:#6b8192}.finding-title{color:#506b7f}.report-top p,.report-target-label,.report-stats span{color:#859ba9}.faq-list p,.faq-subtitle{color:#758b9a}.value-intro{color:#748997}
@media(max-width:670px){.stage-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stage-tabs button{min-height:44px;font-size:12px;gap:9px;justify-content:flex-start;padding:10px 13px}.stage-tab-number{display:block;font-size:7px}html[lang="my"] .stage-tabs button{font-size:11px;padding:10px 12px}.stage-features p{font-size:11px}.hero-description{color:#647c8f}html[lang="my"] .hero-description{font-size:13px}html[lang="my"] .hero-actions .button,html[lang="my"] .hero-actions .secondary-link,.hero-actions .button,.hero-actions .secondary-link{font-size:11px}.hero-note{font-size:9px}.download-button{min-height:40px;height:40px;width:40px}}
/* Website ownership verification is required before assessment. */
.verification-note{width:fit-content;max-width:90%;margin-left:auto;margin-right:auto;padding:8px 14px;border:1px solid #dbd4c8;border-radius:100px;background:#fbfaf5cc;color:#907d60;font-size:11px;line-height:1.9;gap:8px}.verification-note:hover{background:#fffaf1;color:#7c6749}.verification-note>svg{width:13px;height:13px;color:#a4916d}.overlay-chat .chat-access-status{display:flex;align-items:center;gap:4px;font-size:6px;line-height:1.8;background:#f4eee3;color:#aa9471;border:1px solid #e8ddc7;border-radius:3px;padding:3px 5px;margin-bottom:7px;width:fit-content;max-width:100%}.chat-access-status>svg{height:8px;width:8px}.overlay-chat .chat-stages>span:nth-child(n+2){color:#a7aeb2}.overlay-chat .chat-stages>span:nth-child(n+2)>svg{color:#b3a78e}.snapshot-access{display:block;color:#9caab3;font-size:7px;line-height:1.9;margin-top:6px}.workflow-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.workflow-grid article{padding:24px 22px}.workflow-grid h3{font-size:18px;min-height:56px}.workflow-grid p{font-size:12px;line-height:2}.workflow-grid article:nth-child(2){border-color:#e4d7c5;background:linear-gradient(150deg,#fff,#faf7f1)}.workflow-grid article:nth-child(2) .step-icon{background:#f5efe5;border-color:#e6d9c5;color:#a78f6c}html[lang="my"] .workflow-grid h3{font-size:16px;min-height:65px}.hero-description{max-width:740px}
@media(max-width:1000px){.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.workflow-grid article{padding:25px}.workflow-grid h3,html[lang="my"] .workflow-grid h3{min-height:0}.workflow-grid h3{font-size:21px}html[lang="my"] .workflow-grid h3{font-size:18px}.workflow-grid p{font-size:13px}.verification-note{font-size:10px}}
@media(max-width:670px){.workflow-grid{grid-template-columns:1fr;gap:16px}.workflow-grid article{padding:24px 23px}.workflow-grid h3{font-size:21px}html[lang="my"] .workflow-grid h3{font-size:18px}.workflow-grid p{font-size:13px}.verification-note{font-size:10px;line-height:2;padding:8px 12px;border-radius:9px;max-width:100%;text-align:left}.verification-note>svg{height:13px;width:13px}.overlay-chat .chat-access-status{font-size:4.5px;padding:2px 4px;gap:3px;margin-bottom:5px}.chat-access-status>svg{height:6px;width:6px}.snapshot{top:190px}.snapshot-access{font-size:5px;margin-top:4px;line-height:1.8}.overlay-chat .message-out{min-width:0;max-width:100%;font-size:6px;line-height:1.9}.hero-copy .eyebrow{font-size:6.5px;letter-spacing:.8px}}
@media(max-width:370px){.snapshot{top:193px}.verification-note{font-size:9px}.overlay-chat .chat-access-status{font-size:4px}.hero-copy .eyebrow{font-size:5.8px;letter-spacing:.7px}}
@media(prefers-reduced-motion:reduce){.motion-enabled .reveal{opacity:1;transform:none}.layer-stack g{transition:none}.layer-stack g.is-active{transform:none}}

/* Readable, versioned bot terms and verification consent. */
.verification-consent{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:22px;margin-top:28px;padding:25px 28px;border:1px solid #d6e3e8;border-radius:12px;background:#f0f6f8}
.consent-icon{display:grid;place-items:center;width:40px;height:40px;background:#e3eef1;border-radius:10px;color:#52798d}.consent-icon svg{width:21px;height:21px}
.verification-consent h3{font-size:15px;line-height:1.9;color:#29485c;margin:0 0 7px}.verification-consent p{font-size:12px;line-height:2.1;color:#536c7a;max-width:770px;margin:0}
.terms-read-link{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;color:#385e73;font-size:12px;line-height:2;padding:10px 0;border-bottom:1px solid #9eb7c4}.terms-read-link svg{width:17px;height:17px;flex:none}
.terms-section{background:#f5f8fa;margin-top:80px;border-top:1px solid #e5edf1;border-bottom:1px solid #e5edf1;scroll-margin-top:105px}.terms-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:90px;align-items:start}
.terms-intro{position:sticky;top:125px}.terms-intro h2{font-size:42px;line-height:1.35;letter-spacing:-1px;white-space:pre-line;color:#214459;margin:20px 0}.terms-intro>p{font-size:14px;line-height:2;color:#536d7e;margin:0 0 24px}.terms-version{display:block;font-size:10px;line-height:2;color:#758c9b}.terms-return{display:inline-flex;align-items:center;gap:8px;color:#4b7087;font-size:12px;margin-top:24px}.terms-return svg{width:15px;height:15px}
.terms-list{list-style:none;margin:0;padding:0}.terms-list li{display:grid;grid-template-columns:30px 1fr;gap:18px;padding:26px 0;border-bottom:1px solid #dae5eb}.terms-list li:first-child{padding-top:0}.terms-list li:last-child{border-bottom:0}.term-number{font-size:10px;color:#7b99ac;line-height:2.7;font-weight:700}.terms-list h3{margin:0 0 10px;font-size:17px;line-height:1.7;color:#294d63}.terms-list p{font-size:13px;line-height:2;color:#536d7e;margin:0;max-width:760px}
.terms-acceptance{position:relative;padding:29px 30px 28px 60px;margin-top:12px;background:#e7f0f4;border:1px solid #cedfe7;border-radius:10px}.terms-acceptance>svg{position:absolute;left:25px;top:32px;width:19px;height:19px;color:#417a84}.terms-acceptance h3{font-size:13px;line-height:2;color:#31576c;margin:0 0 12px}.terms-acceptance p{font-size:14px;line-height:2.1;color:#234c63;margin:0}.terms-acceptance>span{display:block;font-size:11px;line-height:2;color:#5f7b8d;margin-top:17px}
.footer-bottom>a{color:#4c6d82}.footer-bottom>a:hover,.terms-read-link:hover{color:#183f58}
html[lang="my"] .terms-intro h2{font-size:32px;line-height:1.95;letter-spacing:0}html[lang="my"] .terms-list h3{font-size:16px;line-height:2}html[lang="my"] .terms-list p{line-height:2.2}html[lang="my"] .verification-consent h3{font-size:14px}html[lang="my"] .terms-acceptance p{font-size:14px;line-height:2.2}
@media(min-width:1001px){.desktop-nav{gap:22px}.desktop-nav a{font-size:12px}.hero-description{max-width:680px}.workflow-grid h3,html[lang="my"] .workflow-grid h3{min-height:0;margin-bottom:14px}.workflow-grid p{color:#526d7e}}
@media(max-width:1000px){.verification-consent{grid-template-columns:36px 1fr;gap:17px}.terms-read-link{grid-column:2;justify-self:start;padding-top:0}.terms-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:38px}.terms-intro h2{font-size:34px}html[lang="my"] .terms-intro h2{font-size:25px}}
@media(max-width:670px){.hero-description{max-width:340px}.verification-consent{padding:23px 20px;gap:14px;grid-template-columns:1fr}.consent-icon{width:34px;height:34px}.verification-consent h3,html[lang="my"] .verification-consent h3{font-size:14px;line-height:2}.verification-consent p{font-size:12px;line-height:2.2}.terms-read-link{grid-column:1;font-size:12px;margin-top:3px}.terms-section{margin-top:56px}.terms-layout{grid-template-columns:1fr;gap:34px}.terms-intro{position:static}.terms-intro h2{font-size:34px}html[lang="my"] .terms-intro h2{font-size:27px;line-height:1.9}.terms-intro>p{font-size:13px}.terms-list li{gap:12px;grid-template-columns:23px 1fr;padding:23px 0}.terms-list h3,html[lang="my"] .terms-list h3{font-size:15px}.terms-list p{font-size:12px;line-height:2.15}.terms-acceptance{padding:24px 20px}.terms-acceptance>svg{position:static;margin-bottom:12px}.terms-acceptance p,html[lang="my"] .terms-acceptance p{font-size:13px;line-height:2.2}.terms-acceptance h3{font-size:12px}.terms-return{margin-top:17px}.footer-bottom{flex-wrap:wrap;gap:14px}}

/* Walone Thin needs sufficient size and contrast for longer Burmese copy. */
.hero-description,html[lang="my"] .hero-description{font-size:16px;color:#3f5b70;line-height:2.1;max-width:720px}
.desktop-nav a{font-size:13px;color:#425e73}.hero-note.verification-note{font-size:12px;color:#74644c}
.section-heading>p,.section-heading>div>p,.workflow-grid p{font-size:14px;color:#415e72;line-height:2.1}.workflow-grid article{padding:25px 22px}.workflow-grid h3{line-height:1.9}
.verification-consent p{font-size:14px;color:#3c5a6d}.verification-consent h3,html[lang="my"] .verification-consent h3{font-size:15px}.terms-read-link{font-size:13px}
.terms-intro>p,.terms-list p{font-size:15px;color:#3d5a6d;line-height:2.1}.terms-version{font-size:12px;color:#587184}.terms-list h3,html[lang="my"] .terms-list h3{font-size:17px}.terms-acceptance p,html[lang="my"] .terms-acceptance p{font-size:15px;color:#23465d}.terms-acceptance>span{font-size:12px;color:#4d6c80}
.faq-list p,.faq-subtitle{color:#49667a}.value-intro{color:#536f82}.telegram-callout p{font-size:14px;color:#c5d6e3}
@media(max-width:1000px){.verification-consent{align-items:start}.verification-consent p{font-size:13px}.terms-list p{font-size:14px}.terms-intro>p{font-size:14px}}
@media(max-width:670px){.hero-description,html[lang="my"] .hero-description{font-size:14px;line-height:2.2;max-width:340px}.hero-note.verification-note{font-size:10px}.section-heading>p,.section-heading>div>p,.workflow-grid p{font-size:14px;line-height:2.1}.workflow-grid article{padding:25px 23px}.verification-consent p{font-size:13px;line-height:2.2}.verification-consent h3,html[lang="my"] .verification-consent h3{font-size:14px}.terms-list p{font-size:14px;line-height:2.15}.terms-list h3,html[lang="my"] .terms-list h3{font-size:16px}.terms-intro>p{font-size:14px}.terms-acceptance p,html[lang="my"] .terms-acceptance p{font-size:14px}.terms-acceptance>span{font-size:12px}.terms-read-link{font-size:13px}.telegram-callout p{font-size:13px}}

/* Compact UI/UX typography & spacing overrides */
.hero{padding:134px 0 0}
.hero-copy .eyebrow{margin-bottom:14px}
.hero h1,html[lang="en"] .hero h1{font-size:clamp(34px,4vw,48px);line-height:1.18;letter-spacing:-1.2px;max-width:780px}
html[lang="my"] .hero h1{font-size:clamp(30px,3.4vw,42px);line-height:1.58;letter-spacing:-.2px;max-width:780px}
.hero-description,html[lang="my"] .hero-description{font-size:15.5px;line-height:2.05;max-width:680px;margin-top:20px;color:#2c465b;white-space:pre-line;-webkit-text-stroke:.22px currentColor}
.desktop-nav a,.secondary-link,.hero-note.verification-note,.section-heading>p,.section-heading>div>p,.workflow-grid p,.terms-intro>p,.terms-list p,.faq-list p,.faq-subtitle{-webkit-text-stroke:.2px currentColor}
.hero-actions{margin-top:26px;gap:24px}
.hero-note{margin-top:18px}
.section{padding-top:68px;padding-bottom:68px}
.section-heading{margin-bottom:30px}
h2,html[lang="en"] h2{font-size:clamp(24px,2.5vw,32px);line-height:1.25;letter-spacing:-.7px;margin:10px 0 12px}
html[lang="my"] h2{font-size:clamp(22px,2.3vw,30px);line-height:1.62;letter-spacing:0;margin:10px 0 12px}
.section-heading>p,.section-heading>div>p{margin-top:12px;line-height:1.95;max-width:600px}
@media (max-width:768px){
 .hero{padding:102px 0 0}
 .hero-copy{padding-left:14px;padding-right:14px}
 .hero h1,html[lang="en"] .hero h1{font-size:clamp(25px,6.6vw,33px);line-height:1.24;letter-spacing:-.8px}
 html[lang="my"] .hero h1{font-size:clamp(20.5px,5.6vw,26px);line-height:1.6;letter-spacing:-.2px}
 .hero-description,html[lang="my"] .hero-description{white-space:pre-line;font-size:clamp(11.2px,3.15vw,13.5px);line-height:2.05;max-width:100%;margin-top:14px}
 .hero-actions{margin-top:20px;gap:14px;flex-wrap:nowrap}
 .hero-actions .button,html[lang="my"] .hero-actions .button{font-size:11px;min-height:44px;padding:11px 16px;gap:9px;white-space:nowrap}
 .hero-actions .secondary-link,html[lang="my"] .hero-actions .secondary-link{font-size:11px;gap:6px;white-space:nowrap}
 .hero-note.verification-note{margin-top:14px;text-align:center;justify-content:center;border-radius:100px;width:fit-content;max-width:96%;white-space:nowrap}
 .section{padding-top:52px;padding-bottom:52px}
 .section-heading{margin-bottom:24px}
}

/* Header wrapping & mobile horizontal overflow fixes */
html,body{overflow-x:clip;max-width:100%}
.desktop-nav a,.header-cta,.language-switch button{white-space:nowrap}
.site-header .nav-wrap{gap:16px}
@media (max-width:960px){
 .desktop-nav,.header-cta{display:none!important}
 .menu-toggle{display:block!important}
}

/* Precision Security Topology Visual (#coverage) */
.stage-visual{min-height:auto}
.topology-frame{background:radial-gradient(circle at 50% 50%,rgba(28,64,98,.46) 0%,rgba(9,21,35,.86) 76%);border:1px solid rgba(117,201,201,.2);border-radius:14px;padding:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 60px rgba(3,10,18,.48)}
.cyber-topology{display:block;width:100%;height:auto;max-width:460px;margin:0 auto}
.topo-reticle{fill:none;stroke:rgba(117,201,201,.32);stroke-width:1.2}
.topo-ring-outer{fill:none;stroke:rgba(132,168,197,.22);stroke-width:1;stroke-dasharray:2 6}
.topo-ring{fill:none;stroke:rgba(132,168,197,.16);stroke-width:1;stroke-dasharray:3 5}
.topo-axis{stroke:rgba(132,168,197,.12);stroke-width:1}
.topo-sweep{transform-origin:230px 200px;animation:radar-sweep 9s linear infinite}
@keyframes radar-sweep{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.topo-sweep{animation:none}}
.topo-layer{opacity:.1;transition:opacity .35s ease}
.topo-layer:not(.is-active) .topo-node,.topo-layer:not(.is-active) .topo-pill,.topo-layer:not(.is-active) .topo-label{opacity:0}
.topo-layer.is-active{opacity:1}
.topo-active-ring{fill:none;stroke:#75c9c9;stroke-width:1.4;stroke-opacity:.75}
.topo-link{stroke:rgba(117,201,201,.55);stroke-width:1.2;stroke-dasharray:4 4;animation:topo-flow 18s linear infinite}
@keyframes topo-flow{to{stroke-dashoffset:-160}}
@media (prefers-reduced-motion:reduce){.topo-link{animation:none}}
.topo-poly{fill:rgba(117,201,201,.08);stroke:#75c9c9;stroke-width:1.4}
.topo-arc{fill:none;stroke:#487dc7;stroke-width:1.4;stroke-dasharray:4 4}
.topo-node,.topo-pill{fill:#0c1f33;stroke:#75c9c9;stroke-width:1.3;transition:opacity .25s ease}
.topo-label{fill:#e4f4f8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;font-weight:700;text-anchor:middle;letter-spacing:.8px;transition:opacity .25s ease}
.topo-shield{fill:rgba(117,201,201,.16);stroke:#75c9c9;stroke-width:1.5;stroke-linejoin:round}
.topo-check{fill:none;stroke:#ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.topo-core-halo{fill:none;stroke:rgba(117,201,201,.32);stroke-width:1}
.topo-core{fill:#132d46;stroke:#75c9c9;stroke-width:1.6}
.topo-core-text{fill:#ffffff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px;font-weight:700;text-anchor:middle;letter-spacing:.8px}
.topo-lock-ring{fill:none;stroke:#e5756d;stroke-width:1.3;stroke-dasharray:6 5;stroke-opacity:.75;transform-origin:230px 200px;animation:scopeCrosshairLock 4.2s cubic-bezier(.22,1,.36,1) infinite}
.topo-lock-brackets{fill:none;stroke:#e5756d;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform-origin:230px 200px;animation:scopeBracketLock 4.2s cubic-bezier(.22,1,.36,1) infinite}
@keyframes scopeCrosshairLock{
 0%,12%{transform:rotate(0deg) scale(1)}
 32%{transform:rotate(90deg) scale(1.08)}
 44%,100%{transform:rotate(90deg) scale(1)}
}
@keyframes scopeBracketLock{
 0%,12%{transform:scale(1)}
 26%{transform:scale(1.13)}
 40%{transform:scale(.9)}
 52%,100%{transform:scale(1)}
}
@keyframes scopeDotPulse{
 0%,28%,100%{opacity:.4;transform:scale(.82)}
 38%,54%{opacity:1;transform:scale(1.38)}
}
.scope-icon{overflow:visible}
.scope-crosshair,.scope-brackets,.scope-dot{transform-origin:12px 12px}
.scope-crosshair{animation:scopeCrosshairLock 4.2s cubic-bezier(.22,1,.36,1) infinite}
.scope-brackets{animation:scopeBracketLock 4.2s cubic-bezier(.22,1,.36,1) infinite}
.scope-dot{animation:scopeDotPulse 4.2s ease-in-out infinite}
.brand:hover .scope-crosshair{animation:none;transform:rotate(180deg) scale(1.08);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.brand:hover .scope-brackets{animation:none;transform:scale(.88);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.engine-label .status-dot{background:#e5756d;box-shadow:0 0 0 0 rgba(229,117,109,.65);animation:targetPing 2.4s infinite}
@keyframes targetPing{0%{box-shadow:0 0 0 0 rgba(229,117,109,.65)}70%{box-shadow:0 0 0 7px rgba(229,117,109,0)}100%{box-shadow:0 0 0 0 rgba(229,117,109,0)}}
@media (prefers-reduced-motion:reduce){
 .scope-crosshair,.scope-brackets,.scope-dot,.topo-lock-ring,.topo-lock-brackets,.engine-label .status-dot{animation:none!important}
}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #75c9c9;outline-offset:2px}

/* Standalone Verification Web App (/verify) — Zero Marketing Clutter, Live Animated Console */
.app-body{min-height:100dvh;display:flex;flex-direction:column;background:#eaf0f6;position:relative;overflow-x:clip}
.app-grid-bg{position:fixed;inset:0;z-index:-1;background-image:radial-gradient(rgba(35,61,97,.12) 1px,transparent 1px),radial-gradient(ellipse at 18% 12%,rgba(117,201,201,.22),transparent 48%),radial-gradient(ellipse at 85% 88%,rgba(35,61,97,.12),transparent 52%);background-size:24px 24px,100% 100%,100% 100%;pointer-events:none}

.app-topbar{position:sticky;top:0;z-index:20;backdrop-filter:blur(16px);background:rgba(255,255,255,.84);border-bottom:1px solid #dce5ee}
.app-topbar-inner{max-width:1120px;margin:0 auto;height:66px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.app-topbar-right{display:flex;align-items:center;gap:14px}
.app-live-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:100px;background:#edf5f4;border:1px solid #cae2df;color:#1e6361;font-size:9px;font-weight:700;letter-spacing:1.1px}
.live-dot{width:6px;height:6px;border-radius:50%;background:#18a999;box-shadow:0 0 0 0 rgba(24,169,153,.6);animation:livePulse 2s infinite}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(24,169,153,.55)}70%{box-shadow:0 0 0 7px rgba(24,169,153,0)}100%{box-shadow:0 0 0 0 rgba(24,169,153,0)}}
.app-exit-btn{padding:8px 14px;border-radius:100px;background:#eef3f7;border:1px solid #d5e0ea;color:#233d61;font-size:11px;font-weight:700;white-space:nowrap;transition:background .18s}
.app-exit-btn:hover{background:#e1ebf3}

.app-stage{flex:1;display:grid;place-items:center;padding:28px 20px}
.app-console{width:100%;max-width:1040px;display:grid;grid-template-columns:390px minmax(0,1fr);background:#fff;border:1px solid #d7e2ec;border-radius:20px;box-shadow:0 28px 70px rgba(22,46,74,.11);overflow:hidden;animation:consoleBoot .5s cubic-bezier(.22,1,.36,1) both}
@keyframes consoleBoot{from{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:none}}

/* Left Visual Radar Pane */
.app-visual-pane{background:radial-gradient(circle at 50% 48%,#1b3c5c 0%,#0f2236 70%,#091624 100%);color:#e6f2fa;padding:22px 22px 20px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border-right:1px solid #24405d}
.app-visual-top{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:2}
.radar-chip{font-size:9px;letter-spacing:1.3px;font-weight:700;color:#8ee3e1;background:rgba(117,201,201,.12);border:1px solid rgba(117,201,201,.32);padding:4px 10px;border-radius:100px}
.radar-host-tag{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;color:#93b6d0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:210px}

.radar-stage{position:relative;display:grid;place-items:center;margin:8px 0}
.verify-radar-svg{width:100%;max-width:300px;height:auto;overflow:visible}
.vr-ring-outer{fill:none;stroke:rgba(132,168,197,.25);stroke-width:1;stroke-dasharray:3 6}
.vr-ring-mid{fill:none;stroke:rgba(117,201,201,.24);stroke-width:1;stroke-dasharray:4 4;transform-origin:180px 180px;animation:vrSpin 34s linear infinite reverse}
.vr-ring-inner{fill:none;stroke:rgba(132,168,197,.28);stroke-width:1}
.vr-axis{stroke:rgba(132,168,197,.13);stroke-width:1}
.vr-sweep{transform-origin:180px 180px;animation:vrSpin 5.5s linear infinite;transition:opacity .35s}
@keyframes vrSpin{to{transform:rotate(360deg)}}

.vr-wire{stroke:rgba(132,168,197,.25);stroke-width:1.2;stroke-dasharray:4 4;transition:stroke .25s,stroke-opacity .25s}
.vr-node rect{fill:#0d1f33;stroke:rgba(132,168,197,.4);stroke-width:1.2;transition:all .25s}
.vr-node text{fill:#89abc6;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8.5px;font-weight:700;text-anchor:middle;letter-spacing:.9px;transition:fill .25s}

.vr-node{transition:opacity .25s}
.app-console[data-vg-step="2"] .vr-node,.app-console[data-vg-step="2"] .vr-wire{opacity:.28}
.app-console[data-vg-step="2"][data-vg-method="dns"] .vr-node-dns,.app-console[data-vg-step="2"][data-vg-method="dns"] .vr-wire-dns,
.app-console[data-vg-step="2"][data-vg-method="meta"] .vr-node-meta,.app-console[data-vg-step="2"][data-vg-method="meta"] .vr-wire-meta,
.app-console[data-vg-step="2"][data-vg-method="file"] .vr-node-file,.app-console[data-vg-step="2"][data-vg-method="file"] .vr-wire-file,
.app-console[data-vg-step="2"][data-vg-method="prompt"] .vr-node-prompt,.app-console[data-vg-step="2"][data-vg-method="prompt"] .vr-wire-prompt{opacity:1}
.app-console[data-vg-step="2"][data-vg-method="dns"] .vr-node-dns rect,
.app-console[data-vg-step="2"][data-vg-method="meta"] .vr-node-meta rect,
.app-console[data-vg-step="2"][data-vg-method="file"] .vr-node-file rect,
.app-console[data-vg-step="2"][data-vg-method="prompt"] .vr-node-prompt rect{fill:#173d52;stroke:#75c9c9;stroke-width:1.8;filter:drop-shadow(0 0 8px rgba(117,201,201,.55))}
.app-console[data-vg-step="2"][data-vg-method="dns"] .vr-node-dns text,
.app-console[data-vg-step="2"][data-vg-method="meta"] .vr-node-meta text,
.app-console[data-vg-step="2"][data-vg-method="file"] .vr-node-file text,
.app-console[data-vg-step="2"][data-vg-method="prompt"] .vr-node-prompt text{fill:#fff}
.app-console[data-vg-step="2"][data-vg-method="dns"] .vr-wire-dns,
.app-console[data-vg-step="2"][data-vg-method="meta"] .vr-wire-meta,
.app-console[data-vg-step="2"][data-vg-method="file"] .vr-wire-file,
.app-console[data-vg-step="2"][data-vg-method="prompt"] .vr-wire-prompt{stroke:#75c9c9;stroke-width:1.6;animation:topo-flow 6s linear infinite}

.vr-pulse-wave{fill:none;stroke:#75c9c9;stroke-width:1.6;opacity:0;transform-origin:180px 180px}
.app-console[data-vg-checking="true"] .vr-pulse-wave{animation:vrWave 1.5s cubic-bezier(.16,1,.3,1) infinite}
.app-console[data-vg-checking="true"] .vr-pulse-delay{animation-delay:.75s}
.app-console[data-vg-checking="true"] .vr-sweep{animation-duration:1.4s}
@keyframes vrWave{0%{transform:scale(.95);opacity:.85}100%{transform:scale(3.1);opacity:0}}

.vr-core-ring{fill:none;stroke:#e5756d;stroke-width:1.4;stroke-dasharray:6 5;transform-origin:180px 180px;animation:scopeCrosshairLock 4.2s cubic-bezier(.22,1,.36,1) infinite}
.vr-brackets{fill:none;stroke:#e5756d;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform-origin:180px 180px;animation:scopeBracketLock 4.2s cubic-bezier(.22,1,.36,1) infinite}
.vr-core{fill:#132c45;stroke:#75c9c9;stroke-width:1.8;transition:all .35s}
.vr-icon-lock{fill:none;stroke:#d9edf8;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:opacity .25s,transform .25s;transform-origin:180px 180px}
.vr-icon-check{fill:none;stroke:#5ef2d6;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:46;stroke-dashoffset:46;opacity:0;transition:opacity .25s}

.app-console[data-vg-step="3"] .vr-core{fill:#103a3b;stroke:#5ef2d6;filter:drop-shadow(0 0 18px rgba(94,242,214,.4))}
.app-console[data-vg-step="3"] .vr-core-ring,.app-console[data-vg-step="3"] .vr-brackets{stroke:#5ef2d6;animation:none}
.app-console[data-vg-step="3"] .vr-sweep{opacity:.25;animation-duration:16s}
.app-console[data-vg-step="3"] .vr-icon-lock{opacity:0;transform:scale(.6)}
.app-console[data-vg-step="3"] .vr-icon-check{opacity:1;animation:drawCheck .55s cubic-bezier(.22,1,.36,1) .1s forwards}
.app-console[data-vg-step="3"] .radar-chip{color:#86ffe8;border-color:rgba(94,242,214,.45);background:rgba(94,242,214,.14)}
@keyframes drawCheck{to{stroke-dashoffset:0}}

.app-visual-steps{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid rgba(132,168,197,.18)}
.av-step{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:1px;color:#6c8ea9;font-weight:700;transition:color .25s}
.av-step b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(132,168,197,.14);color:#8ab0cc;font-size:8.5px;transition:all .25s}
.av-line{flex:1;height:1px;background:rgba(132,168,197,.2)}
.app-console[data-vg-step="1"] .av-step[data-av="1"],
.app-console[data-vg-step="2"] .av-step[data-av="2"],
.app-console[data-vg-step="3"] .av-step[data-av="3"]{color:#fff}
.app-console[data-vg-step="1"] .av-step[data-av="1"] b,
.app-console[data-vg-step="2"] .av-step[data-av="2"] b{background:#75c9c9;color:#0b1f33}
.app-console[data-vg-step="2"] .av-step[data-av="1"] b,
.app-console[data-vg-step="3"] .av-step[data-av="1"] b,
.app-console[data-vg-step="3"] .av-step[data-av="2"] b,
.app-console[data-vg-step="3"] .av-step[data-av="3"] b{background:#2fd8b9;color:#082221}

/* Right Interactive Workspace */
.app-work-pane{padding:32px 34px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.app-stepper{display:flex;align-items:center;gap:8px;margin-bottom:26px}
.app-stepper>span:not(.stepper-bar){display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:10.5px;font-weight:700;background:#edf2f7;color:#7e93a4;border:1px solid #dce5ee;transition:all .25s}
.app-stepper>span.is-active{background:#233d61;color:#fff;border-color:#233d61;box-shadow:0 4px 12px rgba(35,61,97,.22)}
.app-stepper>span.is-done{background:#e3f4f2;color:#1b6e6a;border-color:#b2dfdc}
.stepper-bar{flex:1;height:3px;border-radius:10px;background:#edf2f7;overflow:hidden}
.stepper-bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#233d61,#49a5a2);transition:width .4s cubic-bezier(.22,1,.36,1)}
.app-console[data-vg-step="2"] #vg-progress-fill,
.app-console[data-vg-step="3"] #vg-progress-fill,
.app-console[data-vg-step="3"] #vg-progress-fill-2{width:100%}

.vg-panel{animation:panelFade .3s cubic-bezier(.22,1,.36,1) both}
@keyframes panelFade{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}

.vg-label,.vg-mini-label{display:block;font-size:10px;letter-spacing:1.3px;color:#627a8e;font-weight:700;margin-bottom:10px}
.vg-input-group{display:flex;align-items:center;gap:8px;background:#f8fbfd;border:1.5px solid #d5e0ea;border-radius:100px;padding:5px 5px 5px 20px;transition:border-color .2s,box-shadow .2s}
.vg-input-group:focus-within{border-color:#233d61;background:#fff;box-shadow:0 0 0 4px rgba(35,61,97,.08)}
.vg-input-group input{flex:1;min-width:0;height:44px;border:0;background:transparent;color:#182938;font-size:14.5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;outline:none}
.vg-input-group input::placeholder{color:#91a3b3}
.vg-input-group .button{white-space:nowrap;min-height:44px;padding:0 22px;font-size:12px}

.vg-consent{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:13px 15px;background:#f5f8fb;border:1px solid #e1eaf1;border-radius:10px;font-size:12.5px;line-height:1.9;color:#3f5b70;cursor:pointer}
.vg-consent input{margin-top:5px;width:15px;height:15px;accent-color:#233d61;flex-shrink:0}
.vg-consent a{color:#233d61;font-weight:700;text-decoration:underline;text-underline-offset:3px}

.vg-alert{margin:14px 0 0;padding:11px 15px;border-radius:10px;font-size:12.5px;line-height:1.85;animation:panelFade .2s ease both}
.vg-alert.is-error{background:#fdf2f3;border:1px solid #efc9ce;color:#8e2a36}
.vg-alert.is-ok{background:#edf8f7;border:1px solid #b8e2df;color:#1e6361}

.vg-target-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:#f5f9fc;border:1px solid #dce6ee;border-radius:10px;margin-bottom:16px}
.vg-target-bar strong{font-size:15.5px;color:#1b3043;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.vg-link-btn{background:none;border:0;color:#4e7897;font-size:12px;font-weight:700;cursor:pointer;padding:6px 10px;border-radius:6px;text-decoration:underline;text-underline-offset:3px}
.vg-link-btn:hover{color:#1b3043;background:#e8eff5}

.vg-choose-head{margin-bottom:8px}
.vg-choose-head .vg-mini-label{margin-bottom:0;color:#233d61}
.vg-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.vg-tabs button{display:inline-flex;align-items:center;gap:8px;background:#f2f6f9;border:1px solid #dce6ee;color:#5b7488;padding:8px 14px;border-radius:100px;font-size:12px;font-weight:700;transition:all .18s}
.vg-tabs button:hover{color:#233d61;background:#e8eff5}
.vg-tabs button[aria-selected="true"]{background:#233d61;border-color:#233d61;color:#fff;box-shadow:0 4px 10px rgba(35,61,97,.18)}
.vg-radio{width:12px;height:12px;border-radius:50%;border:2px solid #93a7b8;display:inline-block;position:relative;flex-shrink:0;transition:border-color .18s}
.vg-tabs button[aria-selected="true"] .vg-radio{border-color:#75c9c9}
.vg-tabs button[aria-selected="true"] .vg-radio::after{content:"";position:absolute;inset:2px;border-radius:50%;background:#75c9c9}

.vg-method-panel{background:#f8fbfd;border:1px solid #e1eaf1;border-radius:12px;padding:15px 16px}
.vg-method-hint{margin:0 0 10px;font-size:12.5px;line-height:1.85;color:#3f5b70}
.vg-dns-meta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:10px;font-size:11.5px;color:#5a7488}
.vg-dns-meta code{background:#e7f0f6;padding:2px 8px;border-radius:5px;color:#1b3043;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.vg-code-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#162b40;border:1px solid #284560;border-radius:9px;padding:10px 12px}
.vg-code-row.is-prompt{align-items:flex-start}
.vg-code-row.is-prompt code{white-space:pre-wrap;font-size:11.5px;line-height:1.7}
.vg-code-row code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;color:#9ef2ef;word-break:break-all;line-height:1.6}
.vg-copy-btn{flex-shrink:0;background:#264563;border:1px solid #3c658a;color:#edf5fa;border-radius:7px;padding:7px 13px;font-size:11px;font-weight:700;white-space:nowrap;transition:background .18s,transform .12s}
.vg-copy-btn:hover{background:#345b80}
.vg-copy-btn:active{transform:scale(.96)}

.vg-actions-row{margin-top:18px;display:flex;gap:12px;align-items:center}
.vg-verified-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.vg-verified-badge{display:inline-flex;align-items:center;gap:7px;background:#e6f5f4;border:1px solid #b6e0dd;color:#1e6866;padding:5px 12px;border-radius:100px;font-size:11.5px;font-weight:700}
.vg-verified-badge svg{width:14px;height:14px}
.vg-ttl-pill{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:700;color:#4a6b82;background:#eef4f8;border:1px solid #d5e2ec;padding:4px 10px;border-radius:100px}
.vg-verified-card h2{margin:0 0 16px;font-size:21px;color:#1b3043;line-height:1.55;letter-spacing:-.2px}
.vg-final-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}

.vg-contact-box{margin-top:20px;padding-top:16px;border-top:1px solid #e4ecf2}
.vg-contact-row{display:flex;gap:8px;align-items:center}
.vg-contact-row input{flex:1;min-width:0;height:42px;padding:0 15px;border-radius:100px;border:1.5px solid #d5e0ea;background:#f8fbfd;color:#182938;font-size:13px;outline:none}
.vg-contact-row input:focus{border-color:#233d61;background:#fff}
.vg-contact-row .vg-copy-btn{height:42px;padding:0 18px;border-radius:100px;background:#eef3f7;border-color:#d4dfe8;color:#233d61}
.vg-contact-row .vg-copy-btn:hover{background:#e1ebf3}

@media (max-width:900px){
 .app-console{grid-template-columns:1fr;max-width:580px}
 .app-visual-pane{border-right:0;border-bottom:1px solid #24405d;padding:16px 18px}
 .verify-radar-svg{max-width:190px}
 .app-work-pane{padding:24px 20px}
}
@media (max-width:600px){
 .app-topbar-inner{padding:0 14px;height:58px}
 .app-live-pill{display:none}
 .app-stage{padding:14px 12px}
 .vg-input-group{flex-direction:column;align-items:stretch;border-radius:14px;padding:8px;gap:8px;background:#fff}
 .vg-input-group input{padding:0 10px;height:42px}
 .vg-input-group .button,.vg-actions-row .button,.vg-tg-btn,.vg-contact-row .vg-copy-btn{width:100%;justify-content:center}
 .vg-contact-row,.vg-code-row{flex-direction:column;align-items:stretch}
 .vg-copy-btn{width:100%;text-align:center}
}
@media (prefers-reduced-motion:reduce){
 .vr-ring-mid,.vr-sweep,.vr-pulse-wave,.vr-core-ring,.vr-brackets,.live-dot{animation:none!important}
}
