
/* WrappCore unified website v2 */
:root{--aw-bg:#0f0e0d;--aw-panel:#191715;--aw-panel-2:#22201d;--aw-line:rgba(255,255,255,.11);--aw-text:#f6f2ea;--aw-muted:#a9a39a;--aw-accent:#e6bd68;--aw-cyan:#91d5d7;--aw-green:#8fd19e;--aw-red:#e07a6f;--aw-blue:#93b7df;--aw-radius:24px;--aw-container:min(1180px,calc(100vw - 48px));--aw-macos-icon-shift-x:calc(-50% + .15px);--aw-macos-icon-shift-y:-52%;--aw-macos-stand-shift-y:5.25px;--aw-windows-icon-shift-x:calc(-50% + .2px);--aw-windows-icon-shift-y:-48%}
.aw-footer-privacy-link{margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
html{scroll-behavior:smooth}body{overflow-x:hidden}.aw-site-page{background:radial-gradient(circle at 12% -10%,rgba(230,189,104,.09),transparent 34%),radial-gradient(circle at 88% 8%,rgba(145,213,215,.07),transparent 28%),#0f0e0d;color:var(--aw-text)}
.aw-site-page .container{width:var(--aw-container);margin-inline:auto}.aw-site-page .topbar{position:sticky;top:0;z-index:1000;background:rgba(15,14,13,.78);backdrop-filter:blur(20px) saturate(140%);border-bottom:1px solid rgba(255,255,255,.07)}
.aw-site-page .nav-wrap{min-height:76px;display:flex;align-items:center;gap:26px}.aw-site-page .brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit;flex:0 0 auto}.aw-site-page .brand img{width:42px;height:42px;border-radius:11px}.aw-site-page .brand span{display:grid;line-height:1.05}.aw-site-page .brand strong{font:700 17px/1.1 'Space Grotesk',sans-serif;letter-spacing:-.02em;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.aw-site-page .brand small{margin-top:4px;color:var(--aw-muted);font-size:11px}
.aw-site-page .topnav{display:flex;align-items:center;justify-content:center;gap:4px;flex:1}.aw-site-page .topnav a{color:#c9c3ba;text-decoration:none;padding:10px 12px;border-radius:10px;font-size:14px;white-space:nowrap}.aw-site-page .topnav a:hover,.aw-site-page .topnav a[aria-current=page]{background:rgba(255,255,255,.06);color:#fff}.aw-site-page .nav-actions{display:flex;align-items:center;gap:12px}.lang-switch{display:flex;padding:3px;border:1px solid var(--aw-line);border-radius:999px;background:rgba(255,255,255,.035)}.lang-switch a{display:grid;place-items:center;min-width:34px;text-align:center;padding:7px 8px;border-radius:999px;text-decoration:none;color:#938d85;font:700 11px/1 'Manrope',sans-serif}.lang-switch a.is-active{background:#f3ede3;color:#171513}.aw-page-hero{padding:104px 0 68px;position:relative}.aw-page-hero:after{content:'';position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent)}.aw-page-hero .eyebrow{color:var(--aw-accent);letter-spacing:.14em;text-transform:uppercase;font:700 12px/1.4 'DM Mono',monospace}.aw-page-hero h1{max-width:900px;margin:18px 0 20px;font:700 clamp(46px,7vw,88px)/.98 'Space Grotesk',sans-serif;letter-spacing:-.055em}.aw-page-hero p:not(.eyebrow){max-width:760px;color:#b9b2a8;font-size:clamp(18px,2.2vw,23px);line-height:1.55}.aw-breadcrumbs{display:flex;gap:8px;align-items:center;margin-bottom:24px;color:#817b73;font-size:12px}.aw-breadcrumbs a{color:#aaa39a;text-decoration:none}.aw-content-shell{padding:70px 0 110px}.aw-content-shell>section,.aw-content-shell>.container>section{margin-block:0 64px}.aw-site-page .pricing-grid,.aw-site-page .resource-grid,.aw-site-page .doc-grid{align-items:stretch}.aw-site-page article,.aw-site-page .card{min-width:0}.aw-site-page img{max-width:100%;height:auto}.aw-site-page pre{max-width:100%;overflow:auto}.aw-site-page table{display:block;max-width:100%;overflow-x:auto}.menu-toggle{display:none}
.platform-switch{display:flex;align-items:stretch;gap:3px;padding:3px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.035);font:700 11px/1 'Manrope',sans-serif}.platform-switch a,.platform-switch .platform-option{display:grid;place-items:center;min-height:28px;padding:0 10px;border-radius:999px;color:#a9a39a;text-decoration:none;white-space:nowrap;line-height:1}.platform-switch a.is-active{background:#f3ede3;color:#171513}.platform-switch .platform-option{position:relative;align-self:center;min-height:28px;padding-bottom:7px;cursor:not-allowed;opacity:.58}.platform-switch em{position:absolute;right:10px;bottom:2px;font:700 7px/1 'DM Mono',monospace;letter-spacing:.04em;text-transform:uppercase;color:#e77a52;font-style:normal}
.platform-switch .platform-option{min-width:68px;padding:0 9px 8px}.platform-switch em{right:auto;left:50%;bottom:2px;transform:translateX(-50%);white-space:nowrap}
.platform-switch-mobile{display:none}.platform-glyph{position:relative;display:block;width:13px;height:13px}.platform-glyph-macos{height:10px;border:1.5px solid currentColor;border-radius:3px}.platform-glyph-macos:after{content:"";position:absolute;right:3px;bottom:-4px;left:3px;height:1.5px;border-radius:2px;background:currentColor}.platform-glyph-windows{background:linear-gradient(currentColor 0 0) 0 0/5px 5px no-repeat,linear-gradient(currentColor 0 0) 8px 0/5px 5px no-repeat,linear-gradient(currentColor 0 0) 0 8px/5px 5px no-repeat,linear-gradient(currentColor 0 0) 8px 8px/5px 5px no-repeat}
/* terminal replica */
.aw-terminal{--term-bg:#2d3340;background:#000;border-radius:24px;padding:38px 3.2% 34px;box-shadow:0 35px 85px rgba(0,0,0,.52);position:relative;overflow:hidden;isolation:isolate}.aw-terminal-window{background:var(--term-bg);border:1px solid #6d7178;border-radius:17px;overflow:hidden;box-shadow:0 18px 42px rgba(0,0,0,.42)}.aw-terminal-bar{height:48px;background:#242424;display:flex;align-items:center;padding:0 16px;gap:10px;border-bottom:1px solid #111}.aw-dot{width:14px;height:14px;border-radius:50%;display:block}.aw-dot.red{background:#ff605c}.aw-dot.yellow{background:#ffbd44}.aw-dot.green{background:#00ca4e}.aw-terminal-title{margin-left:7px;color:#a7a7a7;font:700 14px/1 'Manrope',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aw-terminal-body{padding:14px 16px 20px;min-height:420px;overflow:auto;color:#f4f4f2;font:500 clamp(11px,1.1vw,15px)/1.38 'DM Mono','SFMono-Regular',Consolas,monospace;white-space:pre-wrap;word-break:break-word}.aw-terminal-line{display:block;min-height:1.38em}.t-dim{color:#566170}.t-rule{color:#8f969e}.t-cyan{color:#91d5d7}.t-yellow{color:#d8bd70}.t-red{color:#d97567}.t-green{color:#91d19f}.t-blue{color:#93b7df}.t-white{color:#f4f4f2}.t-bold{font-weight:700}.aw-terminal-cursor:after{content:'';display:inline-block;width:.65em;height:1.08em;background:#c7c9c7;margin-left:.35em;vertical-align:-.16em;animation:awblink 1.05s steps(1) infinite}@keyframes awblink{50%{opacity:0}}.aw-terminal-caption{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-top:18px;color:#a9a39a}.aw-terminal-caption strong{display:block;color:#fff;margin-bottom:5px}.aw-terminal-caption small{max-width:700px;line-height:1.5}.aw-terminal-badge{flex:0 0 auto;border:1px solid rgba(230,189,104,.3);background:rgba(230,189,104,.08);color:#e6bd68;padding:8px 11px;border-radius:999px;font:700 10px/1 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.aw-terminal-stage{margin:34px 0}.aw-terminal-switcher{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;margin-bottom:16px;scrollbar-width:thin}.aw-terminal-switcher button{border:1px solid var(--aw-line);background:#1b1917;color:#a9a39a;border-radius:999px;padding:10px 14px;white-space:nowrap;cursor:pointer}.aw-terminal-switcher button.is-active{background:#f2ece3;color:#171513}.aw-terminal-pane{display:none}.aw-terminal-pane.is-active{display:block}.aw-terminal-source-note{margin-top:18px;padding:16px 18px;border:1px solid rgba(230,189,104,.2);background:rgba(230,189,104,.055);border-radius:14px;color:#bdb4a5;font-size:13px;line-height:1.6}
@media(max-width:980px){:root{--aw-container:min(100% - 32px,1180px)}.aw-site-page .nav-wrap{min-height:68px;flex-wrap:wrap}.menu-toggle{display:grid;margin-left:auto;width:42px;height:42px;place-items:center;border:1px solid var(--aw-line);border-radius:11px;background:transparent}.menu-toggle span:not(.sr-only){display:block;width:18px;height:2px;background:#fff;margin:2px}.aw-site-page .topnav{display:none;order:3;width:100%;flex-direction:column;align-items:stretch;padding:10px 0 18px}.aw-site-page .topnav.is-open{display:flex}.aw-site-page .nav-actions{margin-left:0}.aw-site-page .nav-actions .button{display:none}.aw-page-hero{padding:76px 0 48px}.aw-terminal{padding:18px 0;background:transparent;border-radius:0}.aw-terminal-body{min-height:360px}.aw-terminal-caption{flex-direction:column}.aw-terminal-badge{align-self:flex-start}}
@media(max-width:620px){:root{--aw-container:calc(100vw - 24px)}.aw-site-page .brand small{display:none}.aw-site-page .nav-actions{margin-left:auto}.aw-site-page .nav-wrap{gap:10px}.aw-page-hero h1{font-size:44px}.aw-terminal-bar{height:42px}.aw-dot{width:12px;height:12px}.aw-terminal-title{font-size:11px}.aw-terminal-body{padding:12px 11px 16px;font-size:10px;min-height:320px}.aw-terminal-window{border-radius:12px}.aw-content-shell{padding-top:44px}}

/* --------------------------------------------------------------------------
   Website v3 visual correction
   The homepage keeps its original light/dark storytelling. Standalone pages
   use the same dark shell without inheriting illegible light-page tokens.
   -------------------------------------------------------------------------- */
.aw-site-page{
  --bg:#0f0e0d;
  --surface:#191715;
  --surface-2:#22201d;
  --ink:#f6f2ea;
  --muted:#aaa39a;
  --line:rgba(255,255,255,.12);
  --dark:#0f0e0d;
  --dark-2:#191715;
  background:
    radial-gradient(circle at 12% -10%,rgba(230,189,104,.09),transparent 34%),
    radial-gradient(circle at 88% 8%,rgba(145,213,215,.07),transparent 28%),
    #0f0e0d;
  color:var(--ink);
}
.aw-site-page:before{opacity:.08;background-image:radial-gradient(rgba(255,255,255,.16) .55px,transparent .55px)}

/* Consistent standalone page rhythm */
.aw-site-page main{min-height:calc(100vh - 76px)}
.aw-site-page .docs-page{padding:0}
.aw-site-page .docs-shell{max-width:1180px;padding:70px 24px 110px}
.aw-site-page .docs-content{max-width:none}
.aw-site-page .docs-hero{margin-bottom:34px}
.aw-site-page .docs-back{color:#ff7b51}
.aw-site-page .docs-kicker{color:#ff7b51}
.aw-site-page .docs-content h1,
.aw-site-page .docs-content h2,
.aw-site-page .docs-content h3,
.aw-site-page .docs-card h2{color:#f6f2ea}
.aw-site-page .docs-content p,
.aw-site-page .docs-content li,
.aw-site-page .docs-card p{color:#aaa39a}
.aw-site-page .docs-content code{background:#25221f;color:#f6f2ea}
.aw-site-page .docs-card{
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.035));
  border-color:rgba(255,255,255,.12);
  color:#f6f2ea;
  min-height:230px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.aw-site-page .docs-card:hover{
  transform:translateY(-3px);
  border-color:rgba(255,100,51,.52);
  background:rgba(255,255,255,.07);
}
.aw-site-page .docs-note{
  color:#c9c1b7;
  background:rgba(255,100,51,.075);
  border:1px solid rgba(255,100,51,.18);
  border-left:4px solid #ff6433;
}
.aw-site-page .docs-meta span{border-color:rgba(255,255,255,.13);color:#bcb5ab}

/* Pricing uses one hero and begins immediately after it */
.aw-site-page .pricing-section{padding-top:84px}
.aw-site-page .pricing-section .section-heading{display:none}
.aw-site-page .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.aw-site-page .pricing-card,
.aw-site-page .licensing-card,
.aw-site-page .included-card{
  color:#f6f2ea;
  border-color:rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.032));
}
.aw-site-page .pricing-card>p,
.aw-site-page .licensing-card p{color:#aaa39a}
.aw-site-page .pricing-list li{color:#d2cbc1;border-color:rgba(255,255,255,.09)}
.aw-site-page .pricing-note{color:#bbb3a8;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.10)}
.aw-site-page .button-secondary{color:#f6f2ea;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.16)}
.aw-site-page .faq-list{border-color:rgba(255,255,255,.12)}
.aw-site-page .faq-list details{border-color:rgba(255,255,255,.12)}
.aw-site-page .faq-list p{color:#aaa39a}

/* Video cards no longer become flat white blocks on a dark page */
.aw-site-page .featured-videos{gap:18px}
.aw-site-page .video-card{
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.035));
  border-color:rgba(255,255,255,.13);
  color:#f6f2ea;
}
.aw-site-page .video-copy p{color:#aaa39a}
.aw-site-page .text-link{color:#ff7047}
.aw-site-page .video-thumb:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.45));pointer-events:none}

/* Footer is exactly the same visual system across all standalone pages */
.aw-site-page .footer,
.aw-site-page .site-footer{background:#0b0a09;color:#f6f2ea;border-top:1px solid rgba(255,255,255,.08)}
.aw-site-page .footer-grid a{color:#aaa39a}
.aw-site-page .footer-bottom{border-color:rgba(255,255,255,.09);color:#817b73}

@media(max-width:760px){
  .aw-site-page .pricing-grid{grid-template-columns:1fr}
  .aw-site-page .pricing-section{padding-top:58px}
  .aw-site-page .docs-shell{padding:48px 16px 80px}
  .aw-site-page .docs-card{min-height:0}
}

/* v8.4: gallery headers and controls are one dark product surface. */
.aw-story-page .product-proof-section .proof-gallery,
.aw-story-page .runtime-section [data-runtime-gallery] { background:#171512!important; border:1px solid #403a33!important; border-radius:24px!important; padding:16px!important; }
.aw-story-page .product-proof-section .proof-gallery-tabs,
.aw-story-page .runtime-section .runtime-nav { background:#171512!important; border:0!important; border-radius:14px!important; padding:0 0 12px!important; }
.aw-story-page .product-proof-section .proof-gallery-copy,
.aw-story-page .runtime-section .runtime-copy { background:#211e1a!important; color:#fffdf8!important; border-color:#403a33!important; }
.aw-story-page .product-proof-section .proof-gallery-copy :is(h2,h3,h4,strong),
.aw-story-page .runtime-section .runtime-copy :is(h2,h3,h4,strong) { color:#fffdf8!important; }
.aw-story-page .product-proof-section .proof-gallery-copy > p:not(.mono-label),
.aw-story-page .runtime-section .runtime-copy > p:not(.mono-label) { color:#d0c6ba!important; }
.aw-story-page .product-proof-section .proof-gallery-controls button,
.aw-story-page .runtime-section .runtime-controls button { background:#2e2924!important; border-color:#5d5449!important; color:#fff!important; }
.aw-story-page .gctrace-table-wrap,
.aw-story-page .gctrace-detail { overscroll-behavior:auto!important; }


/* Website v4 — unified light/dark storytelling */
.aw-story-page{background:#0f0e0d;color:#f6f2ea}
.aw-story-page .aw-band{position:relative;isolation:isolate}
.aw-story-page .aw-band>.container,.aw-story-page .aw-docs-band-inner,.aw-story-page .aw-docs-intro>*{position:relative;z-index:1}
.aw-story-page .aw-band-dark{--bg:#0f0e0d;--surface:#191715;--surface-2:#22201d;--ink:#f6f2ea;--muted:#aaa39a;--line:rgba(255,255,255,.12);background:radial-gradient(circle at 15% 0,rgba(230,189,104,.07),transparent 30%),#0f0e0d;color:var(--ink)}
.aw-story-page .aw-band-light{--bg:#f7f3ec;--surface:#fffdf9;--surface-2:#f0ebe3;--ink:#171513;--muted:#706a62;--line:#d8d0c4;background:radial-gradient(circle at 85% 0,rgba(255,100,51,.055),transparent 30%),#f7f3ec;color:var(--ink)}
.aw-story-page .aw-band-light h1,.aw-story-page .aw-band-light h2,.aw-story-page .aw-band-light h3,.aw-story-page .aw-band-light strong,.aw-story-page .aw-band-light summary{color:#171513!important}
.aw-story-page .aw-band-light p,.aw-story-page .aw-band-light li,.aw-story-page .aw-band-light small{color:#706a62!important}
.aw-story-page .aw-band-light .eyebrow,.aw-story-page .aw-band-light .docs-kicker{color:#df582f!important}
.aw-story-page .aw-band-light .pricing-card,.aw-story-page .aw-band-light .licensing-card,.aw-story-page .aw-band-light .included-card,.aw-story-page .aw-band-light .docs-card,.aw-story-page .aw-band-light .video-card{background:rgba(255,255,255,.72)!important;border-color:#d7cec1!important;color:#171513!important;box-shadow:0 18px 50px rgba(43,35,25,.06)}
.aw-story-page .aw-band-light .pricing-list li,.aw-story-page .aw-band-light .faq-list details{border-color:#ddd4c8!important;color:#4d4842!important}
.aw-story-page .aw-band-light .button-secondary{color:#171513!important;border-color:#cfc5b8!important;background:#fff!important}
.aw-story-page .aw-band-light .pricing-note,.aw-story-page .aw-band-light .docs-note{background:#fff8f2!important;border-color:#f0c6b7!important;color:#65584f!important}
.aw-story-page .aw-band-dark .pricing-card,.aw-story-page .aw-band-dark .licensing-card,.aw-story-page .aw-band-dark .included-card,.aw-story-page .aw-band-dark .docs-card,.aw-story-page .aw-band-dark .video-card{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.03));border-color:rgba(255,255,255,.12);color:#f6f2ea}
.aw-story-page .aw-page-hero{padding:104px 0 78px}
.aw-story-page .section.aw-band{padding-top:92px;padding-bottom:92px}
.aw-story-page .section.aw-band+.section.aw-band{margin-top:0}
.aw-story-page .aw-docs-story{max-width:none;padding:0}
.aw-story-page .aw-docs-intro{padding:42px max(24px,calc((100vw - 1180px)/2));margin:0}
.aw-story-page .aw-docs-intro .docs-back{display:inline-block;margin-bottom:24px}
.aw-story-page .docs-content{max-width:none}
.aw-story-page .aw-docs-band{padding:84px max(24px,calc((100vw - 1180px)/2));margin:0!important}
.aw-story-page .aw-docs-band-inner{max-width:980px}
.aw-story-page article.aw-docs-band{max-width:none}
.aw-story-page .aw-docs-band .docs-grid{max-width:1180px;margin:auto}
.aw-story-page .aw-docs-band h2:first-child{font-size:clamp(32px,4vw,54px);letter-spacing:-.035em;margin-top:0}
.aw-story-page .aw-docs-band p,.aw-story-page .aw-docs-band li{font-size:17px;line-height:1.75}
.aw-story-page .aw-docs-band ul{padding-left:24px}
.aw-story-page .aw-docs-band .docs-note{margin-top:34px}
.aw-story-page .video-library{min-height:60vh}
.aw-story-page .video-card{overflow:hidden}
.aw-story-page footer{margin-top:0}
@media(max-width:760px){.aw-story-page .section.aw-band{padding-top:64px;padding-bottom:64px}.aw-story-page .aw-docs-band{padding:60px 18px}.aw-story-page .aw-docs-intro{padding:34px 18px}.aw-story-page .aw-page-hero{padding:72px 0 54px}}

/* --------------------------------------------------------------------------
   Website v5 release-candidate: authoritative mobile navigation
   -------------------------------------------------------------------------- */
body.menu-open{overflow:hidden}
.menu-toggle{position:relative;z-index:1003;cursor:pointer}
.menu-toggle span:not(.sr-only){transition:transform .22s ease,opacity .18s ease,background-color .2s ease}
.menu-toggle.is-open span:not(.sr-only):nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-toggle.is-open span:not(.sr-only):nth-child(2){opacity:0}
.menu-toggle.is-open span:not(.sr-only):nth-child(3){transform:translateY(-6px) rotate(-45deg)}

@media(max-width:980px){
  .nav-wrap,.aw-site-page .nav-wrap{height:auto;min-height:76px;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;column-gap:10px;row-gap:0}
  .brand{order:1;min-width:0;overflow:hidden}
  .brand img{flex:0 0 auto}
  .brand span{min-width:0}
  .platform-switch{order:2;flex:0 0 auto;gap:2px;padding:4px;margin-left:0}
  .nav-actions,.aw-site-page .nav-actions{order:3;margin-left:0;gap:10px;align-items:center;justify-self:start}
  .menu-toggle{order:4;display:flex;flex:0 0 42px;width:42px;height:42px;min-height:42px;aspect-ratio:1/1;align-items:center;justify-content:center;flex-direction:column;gap:6px;margin-left:0;border:1px solid rgba(25,23,20,.16);border-radius:12px;background:rgba(255,255,255,.42);padding:0}
  .menu-toggle span:not(.sr-only){display:block;flex:0 0 auto;width:20px;height:2px;margin:0;background:var(--ink,#191714);border-radius:2px}
  .aw-site-page .menu-toggle{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.05)}
  .aw-site-page .menu-toggle span:not(.sr-only){background:#fff}
  .nav-actions .button,.aw-site-page .nav-actions .button{display:none}
  .platform-switch,.lang-switch,.menu-toggle{min-height:44px}
  .platform-switch,.lang-switch{display:flex;align-items:center;justify-content:center}
  .platform-switch{display:flex;flex:0 0 auto;gap:2px;padding:4px}
  .platform-switch a,.platform-switch .platform-option{position:relative;display:grid;place-items:center;width:32px;min-width:32px;height:32px;min-height:32px;aspect-ratio:1/1;padding:0;font-size:0;line-height:1}
  .platform-switch > a:first-of-type::before,.platform-switch > a:last-of-type::before{content:"";display:block;margin:auto;color:currentColor}
  .platform-switch > a:first-of-type::before{position:absolute;top:50%;left:50%;width:13px;height:10px;border:1.5px solid currentColor;border-radius:3px;box-sizing:border-box;transform:translate(var(--aw-macos-icon-shift-x),var(--aw-macos-icon-shift-y))}
  .platform-switch > a:first-of-type::after{content:"";position:absolute;top:50%;left:50%;width:8px;height:1.5px;border-radius:2px;background:currentColor;transform:translate(var(--aw-macos-icon-shift-x),var(--aw-macos-stand-shift-y))}
  .platform-switch > a:last-of-type::before{position:absolute;top:50%;left:50%;width:13px;height:13px;background:linear-gradient(currentColor 0 0) 0 0/5px 5px no-repeat,linear-gradient(currentColor 0 0) 8px 0/5px 5px no-repeat,linear-gradient(currentColor 0 0) 0 8px/5px 5px no-repeat,linear-gradient(currentColor 0 0) 8px 8px/5px 5px no-repeat;transform:translate(var(--aw-windows-icon-shift-x),var(--aw-windows-icon-shift-y))}
  .platform-switch .platform-option{opacity:.56}
  .platform-switch em{display:none}
  .platform-switch.platform-switch-mobile{display:none}
  .lang-switch{flex:0 0 auto;padding:4px}
  .lang-switch a,.lang-switch button{position:relative;display:flex;align-items:center;justify-content:center;width:32px;min-width:32px;height:32px;min-height:32px;aspect-ratio:1/1;padding:0;line-height:1;text-align:center;font:700 11px/1 'Manrope',sans-serif;letter-spacing:.01em}
  .lang-switch-label{position:absolute;inset:0;display:grid;place-items:center;line-height:1;pointer-events:none;transform:translateY(.5px)}

  .topnav,.aw-site-page .topnav{
    position:fixed;
    z-index:1002;
    top:84px;
    left:12px;
    right:12px;
    width:auto;
    max-height:calc(100dvh - 100px);
    overflow:auto;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:4px;
    padding:12px;
    border:1px solid #3b352f;
    border-radius:18px;
    background:#171512;
    box-shadow:0 24px 70px rgba(0,0,0,.42);
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-10px) scale(.985);
    transform-origin:top center;
    transition:opacity .18s ease,transform .22s ease,visibility 0s linear .22s;
  }
  .topnav.is-open,.aw-site-page .topnav.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
    transition-delay:0s;
  }
  .topnav a,.aw-site-page .topnav a{display:flex;align-items:center;min-height:54px;padding:0 24px;border-radius:18px;color:#f3ede3;font-size:16px;font-weight:700;background:transparent;border:0}
  .topnav a:hover,.topnav a[aria-current=page],.aw-site-page .topnav a:hover,.aw-site-page .topnav a[aria-current=page]{background:#2f2a26;color:#fff}
  .aw-site-page .topnav{border-color:#3b352f;background:#171512;box-shadow:0 24px 70px rgba(0,0,0,.48)}
  .aw-site-page .topnav a{color:#d8d2c9}
  .aw-site-page .topnav a:hover,.aw-site-page .topnav a[aria-current=page]{background:rgba(255,255,255,.08);color:#fff}
}

@media(max-width:620px){
  .container{width:min(calc(100% - 28px),var(--max))}
  .nav-wrap,.aw-site-page .nav-wrap{min-height:72px;gap:7px}
  .brand img{width:40px;height:40px}
  .brand strong{font-size:16px}
  .brand small{display:block;font-size:10px}
  .aw-site-page .brand small{display:block;font-size:10px;line-height:1.1;white-space:nowrap}
  .menu-toggle{flex-basis:40px;width:40px;height:40px;min-height:40px;aspect-ratio:1/1}
  .lang-switch a,.lang-switch button{width:32px;min-width:32px;padding:0}
  .topnav,.aw-site-page .topnav{top:78px}
}

@media(max-width:390px){
  .aw-site-page .brand small{display:block;font-size:9px;line-height:1.1;white-space:nowrap}
  .brand{gap:7px}
  .brand img{width:36px;height:36px}
  .brand strong{font-size:15px}
  .lang-switch a,.lang-switch button{width:30px;min-width:30px;height:30px;min-height:30px;aspect-ratio:1/1;padding:0}
}

/* --------------------------------------------------------------------------
   Website v5.1: readable mobile header on the light homepage
   The desktop homepage keeps its light navigation. On phones/tablets the
   header uses the same high-contrast dark treatment as the product pages.
   -------------------------------------------------------------------------- */
@media (max-width:980px){
  .aw-story-page .topbar{
    background:rgba(18,17,14,.97);
    border-bottom-color:rgba(255,255,255,.08);
    color:#fff;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }
  .aw-story-page .topbar.is-scrolled{
    border-bottom-color:rgba(255,255,255,.12);
    box-shadow:0 10px 34px rgba(0,0,0,.18);
  }
  .aw-story-page .brand strong{color:#fff}
  .aw-story-page .brand small{color:#aaa39a}
  .aw-story-page .menu-toggle{
    border-color:rgba(255,255,255,.16);
    background:rgba(255,255,255,.055);
  }
  .aw-story-page .menu-toggle span:not(.sr-only){background:#fff}
  .aw-story-page .lang-switch{
    border-color:rgba(255,255,255,.14);
    background:rgba(255,255,255,.035);
  }
  .aw-story-page .lang-switch a,
  .aw-story-page .lang-switch button{color:#9f9991}
  .aw-story-page .lang-switch a.is-active,
  .aw-story-page .lang-switch button.is-active{
    background:#f3ede3;
    color:#171513;
  }
}

/* v5.2 mobile navigation reliability */
.menu-toggle{
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  pointer-events:auto;
}
@media(max-width:980px){
  .topbar,.aw-site-page .topbar{isolation:isolate}
  .nav-wrap,.aw-site-page .nav-wrap{position:relative}
  .menu-toggle{position:relative;z-index:1005}
  .topnav,.aw-site-page .topnav{z-index:1004}
}

/* --------------------------------------------------------------------------
   Website v5.3 — authoritative contrast pairing
   Prevents light component surfaces from inheriting light text inside dark
   storytelling bands, and prevents muted inactive controls from becoming
   unreadable. These rules intentionally live last in the cascade.
   -------------------------------------------------------------------------- */

/* Dark bands: every light card gets dark ink; every dark card gets light ink. */
.aw-story-page .aw-band-dark .resource-card,
.aw-story-page .aw-band-dark .artifact-proof-card,
.aw-story-page .aw-band-dark .outcome-cards article:first-child,
.aw-story-page .aw-band-dark .problem-columns article,
.aw-story-page .aw-band-dark .comparison-grid > article:not(.comparison-arrow),
.aw-story-page .aw-band-dark .capability-grid article,
.aw-story-page .aw-band-dark .security-grid article,
.aw-story-page .aw-band-dark .enterprise-value-grid article {
  background:#f8f5ef !important;
  border-color:#d7cec1 !important;
  color:#1a1714 !important;
  box-shadow:0 20px 48px rgba(0,0,0,.22);
}
.aw-story-page .aw-band-dark .resource-card h3,
.aw-story-page .aw-band-dark .artifact-proof-card strong,
.aw-story-page .aw-band-dark .outcome-cards article:first-child h3,
.aw-story-page .aw-band-dark .problem-columns article h3,
.aw-story-page .aw-band-dark .comparison-grid > article:not(.comparison-arrow) h3,
.aw-story-page .aw-band-dark .capability-grid article h3,
.aw-story-page .aw-band-dark .security-grid article h3,
.aw-story-page .aw-band-dark .enterprise-value-grid article h3 {
  color:#1a1714 !important;
}
.aw-story-page .aw-band-dark .resource-card p,
.aw-story-page .aw-band-dark .artifact-proof-card small,
.aw-story-page .aw-band-dark .outcome-cards article:first-child p,
.aw-story-page .aw-band-dark .outcome-cards article:first-child li,
.aw-story-page .aw-band-dark .problem-columns article p,
.aw-story-page .aw-band-dark .problem-columns article li,
.aw-story-page .aw-band-dark .comparison-grid > article:not(.comparison-arrow) p,
.aw-story-page .aw-band-dark .comparison-grid > article:not(.comparison-arrow) li,
.aw-story-page .aw-band-dark .capability-grid article p,
.aw-story-page .aw-band-dark .security-grid article p,
.aw-story-page .aw-band-dark .enterprise-value-grid article p {
  color:#5f5850 !important;
}
.aw-story-page .aw-band-dark .resource-card span { color:#e7552f !important; }
.aw-story-page .aw-band-dark .resource-card:hover,
.aw-story-page .aw-band-dark .artifact-proof-card:hover {
  border-color:#ff6a3d !important;
  transform:translateY(-3px);
}

/* Keep secondary dark cards genuinely dark and readable. */
.aw-story-page .aw-band-dark .outcome-cards article:not(:first-child),
.aw-story-page .aw-band-dark .pricing-card,
.aw-story-page .aw-band-dark .licensing-card,
.aw-story-page .aw-band-dark .included-card,
.aw-story-page .aw-band-dark .docs-card,
.aw-story-page .aw-band-dark .video-card {
  background:#191715 !important;
  border-color:rgba(255,255,255,.15) !important;
  color:#f7f3eb !important;
}
.aw-story-page .aw-band-dark .outcome-cards article:not(:first-child) h3,
.aw-story-page .aw-band-dark .pricing-card h3,
.aw-story-page .aw-band-dark .licensing-card h3,
.aw-story-page .aw-band-dark .included-card h3,
.aw-story-page .aw-band-dark .docs-card h2,
.aw-story-page .aw-band-dark .docs-card h3,
.aw-story-page .aw-band-dark .video-card h3 { color:#f7f3eb !important; }
.aw-story-page .aw-band-dark .outcome-cards article:not(:first-child) p,
.aw-story-page .aw-band-dark .outcome-cards article:not(:first-child) li,
.aw-story-page .aw-band-dark .pricing-card p,
.aw-story-page .aw-band-dark .licensing-card p,
.aw-story-page .aw-band-dark .included-card p,
.aw-story-page .aw-band-dark .docs-card p,
.aw-story-page .aw-band-dark .video-card p { color:#bdb5ab !important; }

/* Workflow controls in dark sections: inactive state is dark, not washed gray. */
.aw-story-page .aw-band-dark .workflow-tabs button,
.aw-story-page .aw-band-dark .proof-gallery-tab,
.aw-story-page .aw-band-dark .delivery-tab,
.aw-story-page .aw-band-dark .runtime-tab {
  background:#201d1a !important;
  border-color:rgba(255,255,255,.15) !important;
  color:#f1ece4 !important;
}
.aw-story-page .aw-band-dark .workflow-tabs button strong,
.aw-story-page .aw-band-dark .proof-gallery-tab strong,
.aw-story-page .aw-band-dark .delivery-tab strong,
.aw-story-page .aw-band-dark .runtime-tab strong { color:#f1ece4 !important; }
.aw-story-page .aw-band-dark .workflow-tabs button small { color:#aaa197 !important; }
.aw-story-page .aw-band-dark .workflow-tabs button span,
.aw-story-page .aw-band-dark .proof-gallery-tab span,
.aw-story-page .aw-band-dark .delivery-tab span { color:#ff7148 !important; }
.aw-story-page .aw-band-dark .workflow-tabs button:hover,
.aw-story-page .aw-band-dark .proof-gallery-tab:hover,
.aw-story-page .aw-band-dark .delivery-tab:hover,
.aw-story-page .aw-band-dark .runtime-tab:hover {
  background:#292521 !important;
  border-color:rgba(255,113,72,.55) !important;
}
.aw-story-page .aw-band-dark .workflow-tabs button.is-active,
.aw-story-page .aw-band-dark .proof-gallery-tab.is-active,
.aw-story-page .aw-band-dark .delivery-tab.is-active,
.aw-story-page .aw-band-dark .runtime-tab.is-active {
  background:#f3eee6 !important;
  border-color:#f3eee6 !important;
  color:#171513 !important;
  box-shadow:0 14px 32px rgba(0,0,0,.28);
}
.aw-story-page .aw-band-dark .workflow-tabs button.is-active strong,
.aw-story-page .aw-band-dark .proof-gallery-tab.is-active strong,
.aw-story-page .aw-band-dark .delivery-tab.is-active strong,
.aw-story-page .aw-band-dark .runtime-tab.is-active strong { color:#171513 !important; }
.aw-story-page .aw-band-dark .workflow-tabs button.is-active small { color:#6d675f !important; }

/* Light bands: retain restrained light surfaces with explicit dark ink. */
.aw-story-page .aw-band-light .workflow-tabs button,
.aw-story-page .aw-band-light .proof-gallery-tab,
.aw-story-page .aw-band-light .delivery-tab,
.aw-story-page .aw-band-light .runtime-tab,
.aw-story-page .aw-band-light .artifact-proof-card,
.aw-story-page .aw-band-light .resource-card,
.aw-story-page .aw-band-light .outcome-cards article,
.aw-story-page .aw-band-light .capability-grid article,
.aw-story-page .aw-band-light .security-grid article,
.aw-story-page .aw-band-light .enterprise-value-grid article {
  background:#fffdf9 !important;
  border-color:#d8d0c4 !important;
  color:#191714 !important;
}
.aw-story-page .aw-band-light .workflow-tabs button strong,
.aw-story-page .aw-band-light .proof-gallery-tab strong,
.aw-story-page .aw-band-light .delivery-tab strong,
.aw-story-page .aw-band-light .runtime-tab strong,
.aw-story-page .aw-band-light .artifact-proof-card strong,
.aw-story-page .aw-band-light .resource-card h3 { color:#191714 !important; }
.aw-story-page .aw-band-light .workflow-tabs button small,
.aw-story-page .aw-band-light .artifact-proof-card small,
.aw-story-page .aw-band-light .resource-card p { color:#6d675f !important; }
.aw-story-page .aw-band-light .workflow-tabs button.is-active,
.aw-story-page .aw-band-light .proof-gallery-tab.is-active,
.aw-story-page .aw-band-light .delivery-tab.is-active,
.aw-story-page .aw-band-light .runtime-tab.is-active {
  background:#191714 !important;
  border-color:#191714 !important;
  color:#fff !important;
}
.aw-story-page .aw-band-light .workflow-tabs button.is-active strong,
.aw-story-page .aw-band-light .proof-gallery-tab.is-active strong,
.aw-story-page .aw-band-light .delivery-tab.is-active strong,
.aw-story-page .aw-band-light .runtime-tab.is-active strong { color:#fff !important; }
.aw-story-page .aw-band-light .workflow-tabs button.is-active small { color:#c8c0b6 !important; }

/* Readability baseline for borders and separators. */
.aw-story-page .aw-band-dark .line-list li,
.aw-story-page .aw-band-dark .outcome-cards li,
.aw-story-page .aw-band-dark .comparison-grid li,
.aw-story-page .aw-band-dark .lifecycle-map li { border-color:rgba(255,255,255,.14); }
.aw-story-page .aw-band-dark .outcome-cards article:first-child li,
.aw-story-page .aw-band-dark .problem-columns article li,
.aw-story-page .aw-band-dark .comparison-grid > article:not(.comparison-arrow) li { border-color:#ded6ca !important; }

/* Content must never stay hidden if reveal JS is delayed or unavailable. */
html:not(.js) .reveal { opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce) { .reveal { opacity:1 !important; transform:none !important; } }

/* --------------------------------------------------------------------------
   Website v5.4 — homepage dark-component contrast lock
   Decorative process components must never inherit dark ink from surrounding
   light storytelling bands. The content is also non-selectable to prevent
   accidental browser selection highlights in product presentations.
   -------------------------------------------------------------------------- */
.aw-story-page .hero-process-card,
.aw-story-page .complexity-flow {
  color:#f7f3eb !important;
}
.aw-story-page .hero-process-head,
.aw-story-page .hero-process-steps,
.aw-story-page .hero-process-result,
.aw-story-page .complexity-flow .aw-node,
.aw-story-page .complexity-flow .ready-node {
  -webkit-user-select:none;
  user-select:none;
}
.aw-story-page .hero-process-head strong,
.aw-story-page .hero-process-steps strong,
.aw-story-page .hero-process-result strong,
.aw-story-page .complexity-flow .aw-node strong,
.aw-story-page .complexity-flow .ready-node strong {
  color:#f7f3eb !important;
  opacity:1 !important;
}
.aw-story-page .hero-process-head small,
.aw-story-page .hero-process-steps small,
.aw-story-page .hero-process-result small,
.aw-story-page .complexity-flow .aw-node small {
  color:#aaa197 !important;
  opacity:1 !important;
}
.aw-story-page .hero-process-steps article > span,
.aw-story-page .flow-arrow {
  color:#ff7148 !important;
  opacity:1 !important;
}
.aw-story-page .hero-process-card .authentic-badge {
  color:#d3cbc1 !important;
  border-color:#554e46 !important;
  background:rgba(255,255,255,.025) !important;
}
.aw-story-page .complexity-flow .complexity-inputs span {
  color:#eee8df !important;
  border-color:#5a5249 !important;
  background:rgba(255,255,255,.025) !important;
}
.aw-story-page .complexity-flow .ready-node span {
  color:#fff !important;
  background:#3f9368 !important;
}
.aw-story-page .complexity-flow .aw-node img {
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.34));
}

/* v8.4: gallery hierarchy and form-contrast hardening. */
.aw-story-page .proof-gallery-tabs,
.aw-story-page .runtime-nav {
  background: #211e1a;
  border: 1px solid #3f3931;
  border-radius: 18px;
  padding: 10px;
}
.aw-story-page .proof-gallery-tab,
.aw-story-page .runtime-tab {
  background: #2a2621;
  border-color: #4b443b;
  color: #f4eee6;
}
.aw-story-page .proof-gallery-tab strong,
.aw-story-page .runtime-tab strong { color: #f8f3eb; }
.aw-story-page .proof-gallery-tab span,
.aw-story-page .runtime-tab span { color: #cfc3b5; }
.aw-story-page .proof-gallery-tab.is-active,
.aw-story-page .runtime-tab.is-active {
  background: #ff6433;
  border-color: #ff7c54;
  color: #fff;
}
.aw-story-page .proof-gallery-tab.is-active strong,
.aw-story-page .runtime-tab.is-active strong,
.aw-story-page .proof-gallery-tab.is-active span,
.aw-story-page .runtime-tab.is-active span { color: #fff; }
.aw-story-page .diagnostics-section {
  background: linear-gradient(145deg, #302b26 0%, #211e1a 100%);
}
.aw-story-page .diagnostics-section .diagnostic-card,
.aw-story-page .diagnostics-section .diagnostics-grid > article {
  background: #29251f;
  border-color: #51483e;
  box-shadow: 0 18px 42px rgba(0,0,0,.22);
}
.aw-story-page .diagnostics-section p,
.aw-story-page .diagnostics-section li { color: #d4c9bc; }
.aw-story-page .access-section form {
  background: #fffdf9;
  border: 1px solid #e0d5c7;
  box-shadow: 0 20px 50px rgba(0,0,0,.22);
}
.aw-story-page .access-section label { color: #40382f; }
.aw-story-page .access-section input,
.aw-story-page .access-section select,
.aw-story-page .access-section textarea {
  background: #f5f0e8;
  border-color: #c5b8a9;
  color: #211d19;
}
.aw-story-page .access-section input::placeholder,
.aw-story-page .access-section textarea::placeholder { color: #82776c; }
.aw-story-page .access-section .consent,
.aw-story-page .access-section .consent span,
.aw-story-page .access-section .fallback { color: #5a5046; }
.aw-story-page .access-section .button-primary {
  background: #ef5b30;
  box-shadow: 0 10px 26px rgba(239,91,48,.3);
}
.aw-story-page .access-section .button-primary:hover { background: #d94820; }

/* v5.5 real product evidence gallery */
.aw-product-evidence{overflow:hidden}.aw-evidence-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px;margin:0 0 18px}.aw-evidence-tabs button{flex:0 0 auto;border:1px solid #d8d0c4;background:#fffaf3;color:#28231f;border-radius:999px;padding:11px 16px;font:700 12px/1.1 Manrope,sans-serif;cursor:pointer}.aw-evidence-tabs button.is-active{background:#171513;color:#fff;border-color:#171513}.aw-evidence-panel{display:none;margin:0}.aw-evidence-panel.is-active{display:block}.aw-evidence-frame{background:#050505;border-radius:24px;padding:clamp(10px,2vw,26px);box-shadow:0 28px 75px rgba(29,23,18,.22);overflow:hidden}.aw-evidence-frame img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain;margin:auto}.aw-evidence-panel figcaption{padding:16px 4px 0;color:#171513;font-weight:700}.aw-evidence-note{margin-top:18px;padding:14px 16px;border-left:3px solid #f3653f;background:#f7efe7;color:#615951;border-radius:0 12px 12px 0;font-size:14px;line-height:1.55}.aw-terminal-stage{display:none!important}@media(max-width:700px){.aw-evidence-frame{border-radius:14px;padding:6px}.aw-evidence-tabs{margin-right:-12px;padding-right:12px}.aw-evidence-tabs button{padding:10px 13px;font-size:11px}}


/* v5.6: hard contrast lock for dark product-gallery copy panels */
.aw-story-page .aw-band-dark .proof-gallery-stage,
.aw-story-page .aw-band-dark .delivery-stage,
.aw-story-page .aw-band-dark .runtime-stage { color:#f7f3eb !important; }
.aw-story-page .aw-band-dark .proof-gallery-copy,
.aw-story-page .aw-band-dark .delivery-copy,
.aw-story-page .aw-band-dark .runtime-copy {
  color:#f7f3eb !important;
  background:#11100f !important;
}
.aw-story-page .aw-band-dark .proof-gallery-copy h3,
.aw-story-page .aw-band-dark .delivery-copy h3,
.aw-story-page .aw-band-dark .runtime-copy h3 {
  color:#f7f3eb !important;
  opacity:1 !important;
  text-shadow:none !important;
}
.aw-story-page .aw-band-dark .proof-gallery-copy > p:not(.mono-label),
.aw-story-page .aw-band-dark .delivery-copy > p:not(.mono-label),
.aw-story-page .aw-band-dark .runtime-copy > p:not(.mono-label) {
  color:#c8c0b6 !important;
  opacity:1 !important;
}
.aw-story-page .aw-band-dark .proof-gallery-copy .mono-label,
.aw-story-page .aw-band-dark .delivery-copy .mono-label,
.aw-story-page .aw-band-dark .runtime-copy .mono-label {
  color:#ff805d !important;
  opacity:1 !important;
}
.aw-story-page .aw-band-dark .proof-gallery-controls,
.aw-story-page .aw-band-dark .delivery-controls,
.aw-story-page .aw-band-dark .runtime-controls,
.aw-story-page .aw-band-dark [data-proof-count],
.aw-story-page .aw-band-dark [data-delivery-count],
.aw-story-page .aw-band-dark [data-runtime-count] {
  color:#d8d1c8 !important;
  opacity:1 !important;
}
.aw-story-page .aw-band-dark .runtime-arrow {
  color:#f7f3eb !important;
  border-color:#5f5952 !important;
  background:#1a1816 !important;
}

/* Responsive terminal separators. */
.aw-terminal-rule{
  display:block;
  width:100%;
  overflow:hidden;
  white-space:nowrap;
  color:inherit;
  font:inherit;
  line-height:inherit;
  min-height:1em;
  user-select:none;
}


/* v5.7 clarity and mobile gallery corrections */
.aw-story-page .lifecycle-map {
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
}
.aw-story-page .lifecycle-map > article {
  border-radius:22px !important;
}
.runtime-nav-meta {
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  margin:0 2px 10px;
  color:#bdb6ad;
  font:500 11px "DM Mono",monospace;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.runtime-nav-meta strong { color:#fff; white-space:nowrap; }
.aw-story-page .aw-band-dark .runtime-nav {
  scrollbar-color:#766f66 #25221f;
  scrollbar-width:auto;
  padding-bottom:14px !important;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
}
.aw-story-page .aw-band-dark .runtime-nav::-webkit-scrollbar { height:7px; }
.aw-story-page .aw-band-dark .runtime-nav::-webkit-scrollbar-track { background:#25221f; border-radius:99px; }
.aw-story-page .aw-band-dark .runtime-nav::-webkit-scrollbar-thumb { background:#766f66; border-radius:99px; }

/* Keep all dark comparison content readable. */
.aw-story-page .comparison-grid > article.with {
  background:#11100e !important;
  border-color:#35312c !important;
  color:#f7f3ec !important;
}
.aw-story-page .comparison-grid > article.with .mono-label { color:#ff7951 !important; }
.aw-story-page .comparison-grid > article.with li {
  color:#e8e1d8 !important;
  border-color:rgba(255,255,255,.17) !important;
}

/* Pricing note: clear contrast and natural reading on dark sections. */
.aw-story-page .aw-band-dark .pricing-note,
.aw-site-page .pricing-note {
  color:#e7dfd5 !important;
  background:#211e1b !important;
  border-left-color:#e8bc6c !important;
}
.aw-story-page .aw-band-dark .pricing-note strong,
.aw-site-page .pricing-note strong { color:#fffaf3 !important; }

/* Assessment result must stay readable even when generic band rules change. */
.aw-story-page .assessment-result,
.aw-story-page .assessment-result * { text-shadow:none !important; }
.aw-story-page .assessment-result { background:#11100e !important; color:#fffaf3 !important; }
.aw-story-page .assessment-result .assessment-score-row strong { color:#fffaf3 !important; }
.aw-story-page .assessment-result .assessment-score-row span,
.aw-story-page .assessment-result .assessment-score-card > p:last-child { color:#d8d0c7 !important; }
.aw-story-page .assessment-result-grid article { background:#1b1916 !important; border-color:#48423b !important; }
.aw-story-page .assessment-result-grid h3 { color:#fffaf3 !important; }
.aw-story-page .assessment-result-grid ul,
.aw-story-page .assessment-result-grid li { color:#d8d0c7 !important; }
.aw-story-page .assessment-edition > p { color:#c5bdb3 !important; }
.aw-story-page .assessment-impact span { color:#e1d9cf !important; }

/* Mobile rhythm and complete access to every gallery state. */
@media (max-width:700px) {
  .aw-story-page .lifecycle-map { grid-template-columns:1fr !important; }
  .runtime-nav-meta { font-size:10px; margin-inline:0; }
  .runtime-nav-meta span { max-width:72%; }
  .runtime-nav { padding-inline:0 40px !important; }
  /* Keep horizontally scrollable gallery controls compact on narrow screens. */
  .runtime-tab,
  .aw-story-page .proof-gallery-tab,
  .aw-story-page .delivery-tab {
    min-width:0 !important;
    inline-size:max-content !important;
    max-inline-size:min(70vw,18rem) !important;
    grid-template-columns:auto minmax(0,1fr) !important;
    padding-inline:12px !important;
  }

  .runtime-tab strong,
  .aw-story-page .proof-gallery-tab strong,
  .aw-story-page .delivery-tab strong {
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
}


/* v5.8 — authentic, scrollable terminal reconstruction. */
.aw-product-evidence{display:none!important}
.aw-terminal-stage{display:block!important}
.aw-terminal-stage .aw-terminal-switcher{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.aw-terminal-stage .aw-terminal-switcher button{scroll-snap-align:start}
.aw-terminal-stage .aw-terminal{background:#000;padding:clamp(12px,2vw,34px);border-radius:24px}
.aw-terminal-stage .aw-terminal-window{max-width:100%;background:#2d3340;border-color:#71757c}
.aw-terminal-stage .aw-terminal-body{height:min(64vh,690px);min-height:520px;max-height:690px;overflow:auto;overscroll-behavior:contain;white-space:pre;word-break:normal;overflow-wrap:normal;scrollbar-color:#6c727d #242936;scrollbar-width:thin}
.aw-terminal-stage .aw-terminal-body::-webkit-scrollbar{width:11px;height:11px}
.aw-terminal-stage .aw-terminal-body::-webkit-scrollbar-track{background:#242936}
.aw-terminal-stage .aw-terminal-body::-webkit-scrollbar-thumb{background:#6c727d;border:2px solid #242936;border-radius:999px}
.aw-terminal-stage .aw-terminal-line{width:max-content;min-width:100%;padding-right:8px}
.aw-terminal-stage .aw-terminal-rule{width:100%;min-width:100%}
.aw-terminal-stage .aw-terminal-caption small{color:#6f675f}
.aw-terminal-stage .aw-terminal-badge{color:#a87324;border-color:#d8b36c;background:#fff8e9}
@media(max-width:700px){
 .aw-terminal-stage .aw-terminal{padding:8px;border-radius:14px}
 .aw-terminal-stage .aw-terminal-body{height:58vh;min-height:440px;max-height:590px;font-size:10px;line-height:1.35}
 .aw-terminal-stage .aw-terminal-window{border-radius:12px}
 .aw-terminal-stage .aw-terminal-caption{padding:0 4px}
}


/* v5.9 — live product terminals inside galleries and polished horizontal rails. */
.proof-gallery-tabs,.delivery-tabs,.runtime-nav,.aw-terminal-switcher{
  scrollbar-width:none!important;
  -ms-overflow-style:none;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);
  padding-inline:18px!important;
  margin-inline:-18px!important;
}
.proof-gallery-tabs::-webkit-scrollbar,.delivery-tabs::-webkit-scrollbar,.runtime-nav::-webkit-scrollbar,.aw-terminal-switcher::-webkit-scrollbar{display:none!important}
.gallery-live-terminal-mount{display:none;min-width:0;background:#050505;padding:clamp(12px,2.4vw,30px);place-items:center;overflow:hidden}
.gallery-live-terminal-mount:not([hidden]){display:grid}
.proof-gallery.is-live-terminal .proof-gallery-stage,.delivery-proof.is-live-terminal .delivery-stage{grid-template-columns:1fr!important}
.proof-gallery.is-live-terminal .gallery-live-terminal-mount,.delivery-proof.is-live-terminal .gallery-live-terminal-mount{grid-row:1;min-height:clamp(440px,58vw,720px)}
.proof-gallery.is-live-terminal .proof-gallery-copy,.delivery-proof.is-live-terminal .delivery-copy{grid-row:2}
.gallery-live-terminal-mount .gallery-terminal{width:min(100%,1120px);padding:0;background:transparent;border-radius:0;box-shadow:none}
.gallery-live-terminal-mount .aw-terminal-window{width:100%;box-shadow:0 28px 70px rgba(0,0,0,.48)}
.gallery-live-terminal-mount .aw-terminal-body{
  height:clamp(390px,54vw,650px)!important;
  min-height:0!important;
  max-height:650px!important;
  overflow:auto!important;
  white-space:pre!important;
  word-break:normal!important;
  scrollbar-width:thin;
  scrollbar-color:#707783 transparent;
}
.gallery-live-terminal-mount .aw-terminal-body::-webkit-scrollbar{width:8px;height:8px}
.gallery-live-terminal-mount .aw-terminal-body::-webkit-scrollbar-track{background:transparent}
.gallery-live-terminal-mount .aw-terminal-body::-webkit-scrollbar-thumb{background:rgba(139,147,160,.72);border-radius:999px;border:2px solid transparent;background-clip:padding-box}
.gallery-live-terminal-mount .aw-terminal-line{width:max-content;min-width:100%}
@media(max-width:700px){
 .proof-gallery-tabs,.delivery-tabs,.runtime-nav,.aw-terminal-switcher{padding-inline:12px!important;margin-inline:-12px!important;mask-image:linear-gradient(90deg,transparent 0,#000 10px,#000 calc(100% - 10px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10px,#000 calc(100% - 10px),transparent 100%)}
 .gallery-live-terminal-mount{padding:10px}
 .proof-gallery.is-live-terminal .gallery-live-terminal-mount,.delivery-proof.is-live-terminal .gallery-live-terminal-mount{min-height:430px}
 .gallery-live-terminal-mount .aw-terminal-body{height:58vh!important;max-height:560px!important;font-size:9.5px!important}
}


/* v6.0 — one authentic terminal system, no duplicate showcase. */
.aw-terminal-stage{display:none!important}
.hero-live-terminal{display:block!important;padding:clamp(12px,1.6vw,22px)!important;cursor:default!important;overflow:hidden}
.hero-live-terminal .aw-terminal{padding:0!important;background:transparent!important;border-radius:0!important}
.hero-live-terminal .aw-terminal-window{width:100%;box-shadow:0 22px 54px rgba(0,0,0,.42)}
.hero-live-terminal .aw-terminal-body{height:clamp(330px,36vw,500px)!important;min-height:0!important;max-height:500px!important;overflow:auto!important;overscroll-behavior:auto!important;font-size:clamp(8px,.72vw,11px)!important;scrollbar-width:thin;scrollbar-color:rgba(132,140,153,.65) transparent}
.hero-live-terminal .aw-terminal-body::-webkit-scrollbar{width:7px;height:7px}
.hero-live-terminal .aw-terminal-body::-webkit-scrollbar-track{background:transparent}
.hero-live-terminal .aw-terminal-body::-webkit-scrollbar-thumb{background:rgba(132,140,153,.65);border-radius:999px}
.hero-live-terminal .aw-terminal-line{width:max-content;min-width:100%}
.hero-live-terminal .aw-terminal-title{font-size:clamp(8px,.75vw,11px)}

/* Terminal bodies naturally hand scrolling back to the page at their edges. */
.aw-terminal-body,.gallery-live-terminal-mount .aw-terminal-body{overscroll-behavior:auto!important;-webkit-overflow-scrolling:touch;scroll-margin-top:110px}

/* Product-step rails: readable, touch-friendly and keyboard-focusable. */
.proof-gallery-tabs,.delivery-tabs{gap:9px!important;padding-block:5px 9px!important;scroll-snap-type:x proximity!important}
.proof-gallery-tab,.delivery-tab{flex:0 0 auto!important;min-height:48px!important;padding:10px 16px!important;border:1px solid #d8d0c5!important;background:#fffaf4!important;color:#211e1a!important;opacity:1!important;scroll-snap-align:center!important;box-shadow:0 4px 14px rgba(22,18,14,.04)}
.proof-gallery-tab strong,.delivery-tab strong{color:inherit!important;font-weight:700!important;white-space:nowrap}
.proof-gallery-tab span,.delivery-tab span{color:#eb5a35!important;font-weight:800!important}
.proof-gallery-tab.is-active,.delivery-tab.is-active{background:#171512!important;color:#fffaf3!important;border-color:#171512!important;box-shadow:0 8px 24px rgba(17,15,12,.18)}
.proof-gallery:focus-visible,.delivery-proof:focus-visible{outline:3px solid rgba(236,91,54,.45);outline-offset:6px}

/* Live terminals fill the media area instead of looking like screenshots floating in a black frame. */
.gallery-live-terminal-mount{align-items:stretch!important;place-items:stretch!important;padding:clamp(16px,2.2vw,28px)!important}
.gallery-live-terminal-mount .gallery-terminal{width:100%!important;height:100%;display:flex;align-items:stretch}
.gallery-live-terminal-mount .aw-terminal-window{align-self:stretch}
.gallery-live-terminal-mount .aw-terminal-body{height:clamp(430px,55vw,680px)!important;max-height:680px!important}

@media(max-width:700px){
 .hero-live-terminal{padding:8px!important}
 .hero-live-terminal .aw-terminal-body{height:410px!important;max-height:55vh!important;font-size:8.5px!important;line-height:1.32!important}
 .proof-gallery-tab,.delivery-tab{min-height:46px!important;padding:9px 14px!important;font-size:12px!important}
 .gallery-live-terminal-mount{padding:8px!important}
 .gallery-live-terminal-mount .aw-terminal-body{height:52vh!important;min-height:390px!important;max-height:560px!important}
}


/* v6.1 — fitted terminals, clearer storytelling order and rendered UI states. */
.aw-terminal-body,
.gallery-live-terminal-mount .aw-terminal-body,
.hero-live-terminal .aw-terminal-body{
  overflow-x:hidden!important;
  white-space:pre!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.aw-terminal-line,
.aw-terminal-stage .aw-terminal-line,
.gallery-live-terminal-mount .aw-terminal-line,
.hero-live-terminal .aw-terminal-line{
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  padding-right:0!important;
}
.aw-terminal-rule{overflow:hidden;white-space:nowrap}
.aw-terminal-body::-webkit-scrollbar:horizontal{height:0!important}

/* Explain the state first, then show the product evidence. */
.proof-gallery-stage,.delivery-stage{display:grid!important;grid-template-columns:1fr!important}
.proof-gallery-copy,.delivery-copy{
  grid-row:1!important;
  padding:clamp(22px,3vw,42px)!important;
  border-bottom:1px solid rgba(255,255,255,.13);
}
.proof-gallery-image,.delivery-image,.gallery-live-terminal-mount{
  grid-row:2!important;
}
.proof-gallery.is-live-terminal .proof-gallery-copy,
.delivery-proof.is-live-terminal .delivery-copy{grid-row:1!important}
.proof-gallery.is-live-terminal .gallery-live-terminal-mount,
.delivery-proof.is-live-terminal .gallery-live-terminal-mount{grid-row:2!important}

/* Native-looking WrappCore progress windows used by publishing states. */
.gallery-ui-mount{display:none;background:#050505;padding:clamp(24px,6vw,80px);min-height:clamp(420px,52vw,690px);place-items:center}
.gallery-ui-mount:not([hidden]){display:grid}
.proof-gallery.is-live-ui .proof-gallery-stage,.delivery-proof.is-live-ui .delivery-stage{grid-template-columns:1fr!important}
.proof-gallery.is-live-ui .proof-gallery-copy,.delivery-proof.is-live-ui .delivery-copy{grid-row:1!important}
.proof-gallery.is-live-ui .gallery-ui-mount,.delivery-proof.is-live-ui .gallery-ui-mount{grid-row:2!important}
.aw-ui-window{width:min(100%,1040px);background:#1d1d1f;border:1px solid #57575b;border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.55);overflow:hidden;color:#f4f4f5;font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif}
.aw-ui-titlebar{height:64px;display:flex;align-items:center;gap:18px;padding:0 22px;border-bottom:1px solid #2b2b2e;color:#a9a9ad;font-weight:700;font-size:22px}
.aw-ui-red{width:26px;height:26px;border-radius:50%;background:#ff4f5e;flex:none}
.aw-ui-content{display:grid;grid-template-columns:128px 1fr;gap:34px;align-items:center;padding:42px 54px 28px}
.aw-ui-icon{width:112px;height:112px;border-radius:24px;background:#f6f6f6;display:grid;place-items:center;color:#202124;font:800 32px/1 'DM Mono',monospace;box-shadow:inset 0 0 0 1px #d7d7d7}
.aw-ui-message{font-size:clamp(19px,2.2vw,31px);line-height:1.28;font-weight:600}
.aw-ui-progress{height:17px;margin:10px 54px 42px;border-radius:999px;background:#343438;overflow:hidden}
.aw-ui-progress span{display:block;height:100%;width:72%;border-radius:inherit;background:linear-gradient(90deg,#273142,#1185ff)}
.aw-ui-window[data-progress='install'] .aw-ui-progress span{width:38%}
.aw-ui-window[data-progress='uninstall'] .aw-ui-progress span{width:82%}
@media(max-width:700px){
 .gallery-ui-mount{padding:18px 10px;min-height:410px}
 .aw-ui-window{border-radius:17px}
 .aw-ui-titlebar{height:48px;padding:0 15px;font-size:15px;gap:12px}.aw-ui-red{width:17px;height:17px}
 .aw-ui-content{grid-template-columns:70px 1fr;gap:18px;padding:28px 22px 18px}.aw-ui-icon{width:66px;height:66px;border-radius:15px;font-size:20px}
 .aw-ui-message{font-size:14px}.aw-ui-progress{height:10px;margin:8px 22px 28px}
}

/* v6.2 — repaired gallery composition and native rendered WrappCore UI. */
.proof-gallery-stage,
.delivery-stage,
.runtime-stage{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  background:#0d0c0b!important;
}
.proof-gallery-copy,
.delivery-copy,
.runtime-copy{
  order:1!important;
  width:100%!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto auto!important;
  gap:7px 28px!important;
  padding:clamp(22px,3vw,38px)!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.13)!important;
  color:#f7f3eb!important;
}
.proof-gallery-copy .mono-label,.delivery-copy .mono-label,.runtime-copy .mono-label{grid-column:1;grid-row:1;margin:0!important}
.proof-gallery-copy h3,.delivery-copy h3,.runtime-copy h3{grid-column:1;grid-row:2;margin:0!important;max-width:880px!important;color:#fff!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
.proof-gallery-copy>p:not(.mono-label),.delivery-copy>p:not(.mono-label),.runtime-copy>p:not(.mono-label){grid-column:1;grid-row:3;margin:0!important;max-width:880px!important;color:#bcb4aa!important}
.proof-gallery-controls,.delivery-controls,.runtime-controls{grid-column:2!important;grid-row:1/4!important;align-self:center!important;margin:0!important;white-space:nowrap}
.proof-gallery-image,.delivery-image,.runtime-image-button,
.gallery-live-terminal-mount,.gallery-ui-mount,.runtime-ui-mount{
  order:2!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.proof-gallery-image[hidden],.delivery-image[hidden],.runtime-image-button[hidden],
.gallery-live-terminal-mount[hidden],.gallery-ui-mount[hidden],.runtime-ui-mount[hidden]{display:none!important}
.gallery-live-terminal-mount{
  min-height:clamp(500px,59vw,760px)!important;
  padding:clamp(20px,3vw,42px)!important;
  place-items:center!important;
  background:#050505!important;
}
.gallery-live-terminal-mount .gallery-terminal{width:min(100%,1120px)!important;height:auto!important;display:block!important}
.gallery-live-terminal-mount .aw-terminal-window{width:100%!important;height:auto!important;align-self:auto!important}
.gallery-live-terminal-mount .aw-terminal-body{
  height:clamp(430px,52vw,670px)!important;
  max-height:670px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.gallery-live-terminal-mount .aw-terminal-line{max-width:100%!important}

/* Native WrappCore dialog renderer. */
.runtime-ui-mount{display:grid;place-items:center;min-height:clamp(470px,58vw,720px);padding:clamp(24px,6vw,76px);background:#050505}
.aw-native-dialog{width:min(100%,980px);color:#e8e8ea;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;background:#1d1f20;border:1px solid #5a5c60;border-radius:28px;box-shadow:0 30px 90px rgba(0,0,0,.62);overflow:hidden}
.aw-native-titlebar{height:64px;display:flex;align-items:center;gap:20px;padding:0 22px;border-bottom:1px solid #2b2d2f;color:#a7a7aa;font-size:21px;font-weight:700}.aw-native-stop{width:26px;height:26px;flex:none;border-radius:50%;background:#ff4e5c}
.aw-native-body{display:grid;grid-template-columns:132px minmax(0,1fr);gap:36px;align-items:center;padding:42px 54px 26px}.aw-native-icon{width:112px;height:112px;border-radius:24px;background:#f7f7f8;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #d7d7d9;overflow:hidden}.aw-native-icon img{width:82%;height:82%;object-fit:contain}.aw-native-copy h4{margin:0 0 14px;color:#f1f1f2;font-size:clamp(23px,2.5vw,34px);line-height:1.15}.aw-native-copy p{margin:0;color:#e3e3e5;font-size:clamp(18px,2vw,28px);line-height:1.27;white-space:pre-line}.aw-native-actions{display:flex;justify-content:flex-end;gap:18px;padding:4px 54px 38px}.aw-native-button{min-width:220px;padding:13px 24px;border-radius:13px;background:#323235;color:#f3f3f4;text-align:center;font-size:25px}.aw-native-button.primary{background:#087eff;color:white}.aw-native-progress{height:17px;margin:5px 54px 42px;border-radius:999px;background:#343438;overflow:hidden}.aw-native-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#253044,#087eff)}.aw-native-dialog[data-state="progress"] .aw-native-progress span{width:72%}.aw-native-dialog[data-state="upload"] .aw-native-progress span{width:48%}
.runtime-stage.is-rendered-ui .runtime-image-button{display:none!important}

@media(max-width:760px){
 .proof-gallery-copy,.delivery-copy,.runtime-copy{grid-template-columns:1fr!important;padding:20px!important}
 .proof-gallery-controls,.delivery-controls,.runtime-controls{grid-column:1!important;grid-row:auto!important;justify-self:start!important;margin-top:10px!important}
 .gallery-live-terminal-mount{min-height:420px!important;padding:10px!important}
 .gallery-live-terminal-mount .aw-terminal-body{height:52vh!important;min-height:370px!important;max-height:540px!important}
 .runtime-ui-mount{min-height:390px;padding:18px 10px}
 .aw-native-dialog{border-radius:18px}.aw-native-titlebar{height:48px;padding:0 15px;gap:12px;font-size:15px}.aw-native-stop{width:17px;height:17px}.aw-native-body{grid-template-columns:70px 1fr;gap:17px;padding:27px 22px 16px}.aw-native-icon{width:66px;height:66px;border-radius:15px}.aw-native-copy h4{font-size:16px;margin-bottom:8px}.aw-native-copy p{font-size:14px}.aw-native-actions{gap:10px;padding:3px 22px 26px}.aw-native-button{min-width:0;flex:1;font-size:14px;padding:10px 12px;border-radius:9px}.aw-native-progress{height:10px;margin:6px 22px 28px}
}


/* v6.3 — native typography, icon fidelity and corrected UI hierarchy. */
:root{
  --aw-ui-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Arial,sans-serif;
  --aw-terminal-font:Menlo,Monaco,"SFMono-Regular","Cascadia Mono","Roboto Mono",Consolas,"Liberation Mono",monospace;
}

/* Gallery copy must remain legible on dark stages. */
.proof-gallery-copy h3,
.delivery-copy h3,
.runtime-copy h3,
.proof-gallery-stage .proof-gallery-copy h3,
.delivery-stage .delivery-copy h3,
.runtime-stage .runtime-copy h3{
  color:#f5f3ef!important;
  opacity:1!important;
  text-shadow:none!important;
}
.proof-gallery-copy>p:not(.mono-label),
.delivery-copy>p:not(.mono-label),
.runtime-copy>p:not(.mono-label){
  color:#c9c3bb!important;
  opacity:1!important;
}
.proof-gallery-copy .mono-label,
.delivery-copy .mono-label,
.runtime-copy .mono-label{color:#ff805d!important;opacity:1!important}

/* Match the real terminal typography as closely as system fonts permit. */
.aw-terminal-body,
.aw-terminal-line,
.aw-terminal-title{
  font-family:var(--aw-terminal-font)!important;
  font-variant-ligatures:none!important;
  font-feature-settings:"liga" 0,"calt" 0!important;
  letter-spacing:0!important;
}

/* Native WrappCore UI uses the macOS system font. */
.aw-native-dialog,.aw-ui-window{
  font-family:var(--aw-ui-font)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
.aw-native-titlebar,.aw-ui-titlebar{
  font-family:var(--aw-ui-font)!important;
  letter-spacing:-.015em;
}
.aw-native-titlebar.no-status-dot{padding-left:38px}
.aw-native-stop,.aw-ui-red{box-shadow:inset 0 0 0 .5px rgba(0,0,0,.3)}

/* Use the actual icons extracted from the supplied product screens. */
.aw-native-icon,.aw-ui-icon{
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.aw-native-icon img,.aw-ui-icon img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
}

/* Bring rendered dialogs and buttons closer to the supplied macOS screenshots. */
.aw-native-copy h4{
  font-family:var(--aw-ui-font)!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
}
.aw-native-copy p,.aw-ui-message{
  font-family:var(--aw-ui-font)!important;
  font-weight:400!important;
  letter-spacing:-.015em!important;
}
.aw-native-actions{
  gap:20px!important;
  align-items:center!important;
}
.aw-native-button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:220px!important;
  height:49px!important;
  box-sizing:border-box!important;
  padding:0 25px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.025)!important;
  background:#303033!important;
  color:#f5f5f7!important;
  font-family:var(--aw-ui-font)!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:400!important;
  letter-spacing:-.02em!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.aw-native-button.primary{
  background:#087cff!important;
  border-color:#087cff!important;
  color:#fff!important;
}
.aw-ui-icon{width:112px;height:112px}
.aw-ui-icon img{border-radius:24px}
.aw-ui-message{color:#ededf0!important;font-size:clamp(20px,2.05vw,30px)!important;line-height:1.23!important}
.aw-ui-progress,.aw-native-progress{background:#343438!important}
.aw-ui-progress span,.aw-native-progress span{background:linear-gradient(90deg,#2b3340 0%,#117eff 100%)!important}

/* Progress windows alone carry the red status indicator. */
.aw-native-dialog:not([data-state="progress"]) .aw-native-stop{display:none!important}

/* Prevent old placeholder initials from appearing. */
.aw-ui-icon{font-size:0!important;color:transparent!important}

@media(max-width:760px){
  .aw-native-titlebar.no-status-dot{padding-left:22px}
  .aw-native-button{
    min-width:0!important;
    height:40px!important;
    padding:0 14px!important;
    border-radius:9px!important;
    font-size:14px!important;
  }
  .aw-native-actions{gap:10px!important}
  .aw-ui-icon{width:66px;height:66px}
  .aw-ui-icon img{border-radius:15px}
  .aw-ui-message{font-size:14px!important}
}

/* v6.4 — original website renderers; no captured system UI is used here. */
.runtime-image-button[data-runtime-lightbox]{display:none!important}
.runtime-ui-mount{isolation:isolate}
.aw-native-dialog{
  /* Implemented from scratch with WrappCore branding. The system stack is
     referenced by CSS only; no Apple font files or system image assets ship. */
  background:linear-gradient(180deg,#202124 0%,#1b1c1e 100%);
  border-color:#55575b;
}
.aw-native-titlebar{background:#202124}
.aw-native-icon img{width:86%;height:86%;object-fit:contain}
.aw-native-progress{background:#35363a;height:15px}
.aw-native-progress span{
  background:linear-gradient(90deg,#ff6b3d 0%,#f28a3c 45%,#537fc8 100%);
  animation:awProgressPulse 2.4s ease-in-out infinite alternate;
}
@keyframes awProgressPulse{from{filter:saturate(.92);transform:translateX(-3%)}to{filter:saturate(1.12);transform:translateX(3%)}}
@media(prefers-reduced-motion:reduce){.aw-native-progress span{animation:none}}

/* v6.5 — fixed-proportion UI windows and fully generated footprint progress. */
.aw-fixed-window-stage{
  width:100%;
  position:relative;
  overflow:hidden;
  display:block;
}
.aw-fixed-window-scaler{
  width:var(--aw-base-width,980px);
  transform-origin:top center;
  position:absolute;
  top:0;
  left:50%;
  margin-left:calc(var(--aw-base-width,980px) / -2);
}
.aw-fixed-window-scaler>.aw-native-dialog,
.aw-fixed-window-scaler>.aw-ui-window{
  width:980px!important;
  max-width:none!important;
  min-width:980px!important;
  box-sizing:border-box!important;
}
.runtime-ui-mount,.gallery-ui-mount{
  overflow:hidden!important;
}
.runtime-ui-mount .aw-fixed-window-stage,
.gallery-ui-mount .aw-fixed-window-stage{
  max-width:980px;
}
/* Fixed desktop geometry: mobile scales the whole window, never reflows it. */
.aw-native-dialog .aw-native-titlebar{height:64px!important;padding:0 22px!important;gap:20px!important;font-size:21px!important}
.aw-native-dialog .aw-native-stop{width:26px!important;height:26px!important}
.aw-native-dialog .aw-native-body{grid-template-columns:132px minmax(0,1fr)!important;gap:36px!important;padding:42px 54px 26px!important}
.aw-native-dialog .aw-native-icon{width:112px!important;height:112px!important;border-radius:24px!important}
.aw-native-dialog .aw-native-copy h4{font-size:34px!important;line-height:1.15!important;margin:0 0 14px!important}
.aw-native-dialog .aw-native-copy p{font-size:28px!important;line-height:1.27!important}
.aw-native-dialog .aw-native-actions{gap:18px!important;padding:4px 54px 38px!important}
.aw-native-dialog .aw-native-button{min-width:220px!important;height:49px!important;padding:0 25px!important;border-radius:12px!important;font-size:24px!important;flex:none!important}
.aw-native-dialog .aw-native-progress{height:17px!important;margin:5px 54px 42px!important}
.aw-ui-window .aw-ui-titlebar{height:64px!important;padding:0 22px!important;font-size:21px!important}
.aw-ui-window .aw-ui-red{width:26px!important;height:26px!important}
.aw-ui-window .aw-ui-content{grid-template-columns:132px minmax(0,1fr)!important;gap:36px!important;padding:42px 54px 26px!important}
.aw-ui-window .aw-ui-icon{width:112px!important;height:112px!important}
.aw-ui-window .aw-ui-message{font-size:30px!important;line-height:1.23!important}
.aw-ui-window .aw-ui-progress{height:17px!important;margin:5px 54px 42px!important}
/* Separators are actual characters generated to the measured terminal width. */
.aw-terminal-rule{display:block!important;width:100%!important;max-width:100%!important;overflow:hidden!important;white-space:pre!important}
@media(max-width:760px){
  .runtime-ui-mount{min-height:0!important;padding:18px 10px!important}
  .gallery-ui-mount{min-height:0!important;padding:18px 10px!important}
}

/* v6.6 — calmer section alignment and consistent progress animation. */
.aw-ui-progress span,
.aw-native-progress span{
  position:relative;
  overflow:hidden;
  background-size:200% 100%!important;
  animation:awProgressFlow 2.15s ease-in-out infinite!important;
  transform:none!important;
}
.aw-ui-progress span::after,
.aw-native-progress span::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(105deg,transparent 0 34%,rgba(255,255,255,.28) 48%,transparent 62% 100%);
  transform:translateX(-115%);
  animation:awProgressShine 1.75s ease-in-out infinite;
}
@keyframes awProgressFlow{
  0%,100%{background-position:0% 50%;filter:saturate(.96)}
  50%{background-position:100% 50%;filter:saturate(1.14)}
}
@keyframes awProgressShine{
  0%,18%{transform:translateX(-115%)}
  72%,100%{transform:translateX(115%)}
}
@media(prefers-reduced-motion:reduce){
  .aw-ui-progress span,.aw-native-progress span,
  .aw-ui-progress span::after,.aw-native-progress span::after{animation:none!important}
}

/* v6.7 — live GCTrace log viewer */
.gctrace-live{background:#1c1c1e;color:#f5f5f7;border:1px solid #5a5a5e;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.32);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-width:0}
.gctrace-titlebar{height:46px;display:flex;align-items:center;gap:9px;padding:0 14px;background:#252527;border-bottom:1px solid #111;font-size:14px}.gctrace-titlebar strong{margin-left:5px;color:#b8b8bc}.gctrace-dot{width:13px;height:13px;border-radius:50%;display:block}.gctrace-dot.red{background:#ff5f57}.gctrace-dot.amber{background:#febc2e}.gctrace-dot.green{background:#28c840}
.gctrace-toolbar,.gctrace-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;background:#222224}.gctrace-toolbar{border-bottom:1px solid #39393d}.gctrace-toolbar button,.gctrace-toolbar select,.gctrace-filters select,.gctrace-filters input{border:1px solid #3c3c40;background:#353538;color:#f4f4f5;border-radius:7px;padding:7px 11px;font-size:12px}.gctrace-toolbar button{cursor:pointer}.gctrace-toolbar button:hover{background:#48484c}.gctrace-file{min-width:245px}.gctrace-toolbar label,.gctrace-filters label{display:flex;align-items:center;gap:6px;font-size:12px;color:#ddd}.gctrace-filters{padding-top:4px}.gctrace-filters input{min-width:240px;background:#1d1d1f}
.gctrace-table-wrap{height:290px;overflow:auto;background:#171719;border-top:1px solid #3b3b3f;border-bottom:1px solid #3b3b3f;overscroll-behavior:contain}.gctrace-table{width:100%;border-collapse:collapse;table-layout:fixed;font-family:Menlo,Monaco,"SFMono-Regular",Consolas,monospace;font-size:11px}.gctrace-table th{position:sticky;top:0;z-index:2;background:#29292c;color:#f4f4f5;text-align:left;padding:8px;border-right:1px solid #444}.gctrace-table td{padding:7px 8px;border-bottom:1px solid #2c2c2f;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gctrace-table th:nth-child(1),.gctrace-table td:nth-child(1){width:188px}.gctrace-table th:nth-child(2),.gctrace-table td:nth-child(2){width:72px}.gctrace-table th:nth-child(4),.gctrace-table td:nth-child(4){width:110px}.gctrace-table th:nth-child(5),.gctrace-table td:nth-child(5){width:75px}.gctrace-table th:nth-child(6),.gctrace-table td:nth-child(6){width:130px}.gctrace-table tbody tr{cursor:pointer}.gctrace-table tbody tr:hover{background:#242428}.gctrace-table tbody tr.is-selected{background:#0a84ff;color:white}.gctrace-live.is-wrap .gctrace-table td:nth-child(3){white-space:normal;overflow-wrap:anywhere}.gctrace-live.is-fit .gctrace-table{font-size:10px}.gctrace-live.is-fit .gctrace-table th:nth-child(1),.gctrace-live.is-fit .gctrace-table td:nth-child(1){width:165px}.gctrace-detail{margin:10px 14px 0;padding:14px;height:150px;overflow:auto;background:#202022;border:1px solid #3c3c40;color:#f2f2f3;font:11px/1.45 Menlo,Monaco,"SFMono-Regular",Consolas,monospace;white-space:pre-wrap}.gctrace-status{display:flex;justify-content:space-between;gap:15px;padding:8px 14px 10px;color:#a9a9ad;font:10px Menlo,Monaco,monospace}.gctrace-live button[data-gc-action="diag"]{font-weight:700}.gctrace-live .gc-toast{color:#80d89a}
@media(max-width:900px){.diagnostics-grid{gap:28px}.gctrace-live{border-radius:14px}.gctrace-toolbar{max-height:104px;overflow:auto}.gctrace-file{min-width:180px;flex:1}.gctrace-toolbar button:nth-of-type(n+6){display:none}.gctrace-table-wrap{height:260px}.gctrace-table th:nth-child(5),.gctrace-table td:nth-child(5),.gctrace-table th:nth-child(6),.gctrace-table td:nth-child(6){display:none}.gctrace-table th:nth-child(1),.gctrace-table td:nth-child(1){width:150px}.gctrace-table th:nth-child(4),.gctrace-table td:nth-child(4){width:90px}.gctrace-filters input{min-width:120px;flex:1}.gctrace-detail{height:135px}}
@media(max-width:600px){.gctrace-titlebar strong{font-size:12px}.gctrace-toolbar button[data-gc-action="open"],.gctrace-toolbar button[data-gc-action="folder"],.gctrace-toolbar button[data-gc-action="clear"]{display:none}.gctrace-table{font-size:9px}.gctrace-table th:nth-child(4),.gctrace-table td:nth-child(4){display:none}.gctrace-table th:nth-child(1),.gctrace-table td:nth-child(1){width:125px}.gctrace-table th:nth-child(2),.gctrace-table td:nth-child(2){width:52px}.gctrace-detail{font-size:9px}.gctrace-status{font-size:9px}}

/* v6.8 — landscape GCTrace viewer, reliable localized assets and unclipped dialogs. */
.diagnostics-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:34px!important;
  align-items:start!important;
}
.diagnostics-grid>.gctrace-live{order:1;width:100%;max-width:none;margin:0 auto}
.diagnostics-grid>div:last-child{order:2;max-width:900px;margin:0 auto;width:100%}
.gctrace-live{min-height:0}
.gctrace-table-wrap{height:360px}
.gctrace-detail{height:175px}
.gctrace-toolbar{overflow:visible;max-height:none}
.aw-fixed-window-stage{padding-bottom:8px;overflow:hidden!important}
.aw-fixed-window-scaler>.aw-native-dialog,
.aw-fixed-window-scaler>.aw-ui-window{margin-bottom:2px!important}
.aw-native-icon img,.aw-ui-icon img{visibility:visible!important;opacity:1!important}
@media(max-width:900px){
  .diagnostics-grid{gap:24px!important}
  .gctrace-table-wrap{height:300px}
  .gctrace-detail{height:145px}
}
@media(max-width:600px){
  .gctrace-table-wrap{height:275px}
  .gctrace-detail{height:130px}
}


/* v6.9 — GCTrace evidence layout and screenshot-free project artifacts. */
.diagnostics-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
.diagnostics-grid>.gctrace-live{width:100%;max-width:none;margin:0;order:1}
.diagnostics-copy-grid{order:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;width:100%}
.diagnostics-intro-card,.diagnostics-list-card{border:1px solid #d9d1c6;border-radius:22px;background:rgba(255,255,255,.58);padding:30px;min-height:210px}
.diagnostics-intro-card h2{margin:10px 0 14px;font-size:clamp(25px,3vw,42px);line-height:1.08;color:#171512}
.diagnostics-intro-card>p:last-child{color:#746e66;line-height:1.6;max-width:760px}
.diagnostics-list-card{display:flex;align-items:center}.diagnostics-list-card .check-list{margin:0;width:100%}.diagnostics-list-card .check-list li{color:#665f57;border-bottom:1px solid #ddd5ca;padding:15px 0}.diagnostics-list-card .check-list li:last-child{border-bottom:0}
.gctrace-live{border-radius:22px}.gctrace-table-wrap{height:430px}.gctrace-detail{height:190px}

.artifact-proof-grid{align-items:stretch}
.artifact-live-card{cursor:default!important;overflow:hidden;padding:10px!important;transition:transform .25s ease,border-color .25s ease}
.artifact-live-card:hover{transform:translateY(-2px)}
.artifact-live-card>span{padding:16px 10px 10px!important}
.aw-finder-render,.aw-json-render{width:100%;height:390px;border-radius:14px;overflow:hidden;background:#151515;color:#ecebea;box-shadow:0 16px 36px rgba(0,0,0,.18);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.aw-finder-titlebar{height:60px;background:#202020;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid #3b3b3b}.aw-window-dot{width:14px;height:14px;border-radius:50%;flex:0 0 auto}.aw-window-dot.red{background:#ff5f57}.aw-window-dot.amber{background:#febc2e}.aw-window-dot.green{background:#28c840}.aw-finder-nav{margin-left:12px;border:1px solid #3b3b3b;border-radius:22px;padding:7px 14px;color:#aaa}.aw-finder-nav span{display:inline-block;width:1px;height:20px;background:#3d3d3d;vertical-align:middle;margin:0 12px}.aw-finder-titlebar strong{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aw-finder-tools{margin-left:auto;font-size:22px;color:#c8c8c8}.aw-finder-columns{display:grid;grid-template-columns:1fr 100px;padding:12px 20px;border-bottom:1px solid #454545;font-weight:700;color:#d4d4d4}.aw-finder-rows>div{display:grid;grid-template-columns:34px minmax(0,1fr) 100px;align-items:center;min-height:45px;padding:0 20px;border-bottom:1px solid #333}.aw-finder-rows>div:nth-child(even){background:#252525}.aw-finder-rows strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aw-finder-rows em{text-align:right;color:#a6a6a6;font-style:normal}.file-icon{font:700 12px/28px ui-monospace,Menlo,monospace;text-align:center;width:27px;height:28px;border-radius:4px;background:#f2f2f2;color:#222}.file-icon.pkg{background:#d38c18;color:#fff;transform:rotate(45deg);line-height:27px}.aw-finder-status{position:absolute;bottom:0;left:0;right:0;height:46px;background:#1d1d1d;border-top:1px solid #383838;display:flex;align-items:center;justify-content:center;color:#aaa;font-weight:600}.aw-finder-render{position:relative}
.aw-json-render{background:#111}.aw-json-titlebar{height:54px;display:flex;align-items:center;gap:10px;padding:0 16px;background:#1d1d1d;border-bottom:1px solid #353535}.aw-json-titlebar>span{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#777;color:#161616;font-weight:800}.aw-json-titlebar strong{font-size:17px}.aw-json-titlebar button{margin-left:auto;border:0;border-radius:22px;background:#343434;color:#f5f5f5;padding:8px 16px;font:600 12px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.aw-json-render pre{margin:0;height:336px;overflow:auto;padding:14px 18px;color:#e9e9e9;font:11px/1.42 Menlo,Monaco,"SFMono-Regular",Consolas,monospace;white-space:pre}.aw-json-render .key{color:#9cdcfe}.aw-json-render .str{color:#ce9178}.aw-json-render .bool{color:#569cd6}.aw-json-render .pun{color:#d4d4d4}
@media(max-width:900px){.diagnostics-copy-grid{grid-template-columns:1fr}.gctrace-table-wrap{height:340px}.artifact-proof-grid{grid-template-columns:1fr!important}.aw-finder-render,.aw-json-render{height:360px}.aw-json-render pre{height:306px}}
@media(max-width:600px){.diagnostics-intro-card,.diagnostics-list-card{padding:22px;min-height:0}.gctrace-table-wrap{height:290px}.gctrace-detail{height:145px}.aw-finder-render,.aw-json-render{height:320px}.aw-finder-titlebar{height:52px;padding:0 10px}.aw-finder-nav{display:none}.aw-finder-titlebar strong{font-size:13px}.aw-finder-columns{grid-template-columns:1fr 70px;padding:10px 12px}.aw-finder-rows>div{grid-template-columns:30px minmax(0,1fr) 70px;padding:0 12px;min-height:42px}.aw-finder-rows strong{font-size:11px}.aw-finder-rows em{font-size:10px}.aw-json-render pre{height:266px;font-size:9px;padding:12px}.aw-json-titlebar button{display:none}}

/* v7.0: unified, reviewable artifact evidence — replaces cramped side-by-side mockups */
.artifact-evidence{min-width:0;border:1px solid #3a3631;border-radius:26px;background:#0d0c0a;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.28)}
.artifact-evidence-tabs{display:flex;gap:8px;padding:12px;border-bottom:1px solid #312e29;background:#15130f}
.artifact-evidence-tabs button{border:1px solid #3b3731;background:#211e19;color:#aaa39a;border-radius:999px;padding:10px 16px;font:700 12px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;transition:.2s}
.artifact-evidence-tabs button span{font:700 9px "DM Mono",ui-monospace,monospace;color:#ff7448;margin-right:8px}
.artifact-evidence-tabs button:hover{border-color:#5a5349;color:#fff}
.artifact-evidence-tabs button.is-active{background:#f7f2e9;color:#171512;border-color:#f7f2e9}
.artifact-evidence-stage{padding:0}
.artifact-evidence-pane{display:none;grid-template-rows:auto 1fr;min-height:610px}
.artifact-evidence-pane.is-active{display:grid;animation:artifactPaneIn .28s ease}
.artifact-evidence-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:24px;align-items:end;padding:28px 30px 24px;border-bottom:1px solid #302d28}
.artifact-evidence-copy p{grid-column:1/-1;margin:0;color:#ff7448;font:700 10px "DM Mono",ui-monospace,monospace;letter-spacing:.14em}
.artifact-evidence-copy h3{margin:0;color:#f7f3ec;font:650 clamp(24px,2.4vw,34px)/1.08 "Space Grotesk",-apple-system,sans-serif;letter-spacing:-.035em}
.artifact-evidence-copy>span{color:#aaa39a;font-size:14px;line-height:1.55}
.artifact-window{width:calc(100% - 52px);margin:26px;align-self:stretch;border:1px solid #48433d;border-radius:18px;background:#171717;color:#f2f0ed;overflow:hidden;box-shadow:0 20px 46px rgba(0,0,0,.35)}
.artifact-window-bar{height:58px;display:flex;align-items:center;gap:13px;padding:0 18px;background:#23211e;border-bottom:1px solid #403c36}
.artifact-window-bar strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.artifact-brand-mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(145deg,#ff7448,#d84b22);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.artifact-brand-mark span{width:11px;height:11px;border:2px solid #fff;border-radius:3px;transform:rotate(45deg);opacity:.9}
.artifact-window-actions{margin-left:auto;display:flex;gap:6px}.artifact-window-actions i{display:block;width:6px;height:6px;border-radius:50%;background:#676159}.artifact-window-actions i:first-child{background:#ff7448}
.artifact-files-header{display:grid;grid-template-columns:minmax(0,1fr) 150px 90px;gap:16px;padding:12px 20px;color:#8f8980;background:#121212;border-bottom:1px solid #333;font:700 10px "DM Mono",ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}
.artifact-files-list>div{display:grid;grid-template-columns:42px minmax(0,1fr) 150px 90px;gap:16px;align-items:center;min-height:66px;padding:10px 20px;border-bottom:1px solid #303030}
.artifact-files-list>div:nth-child(even){background:#1d1d1d}.artifact-files-list>div:hover{background:#24211e}
.artifact-files-list strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:650 13px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.artifact-files-list span{color:#8f8980;font-size:11px}.artifact-files-list em{text-align:right;color:#aaa39a;font-style:normal;font:500 11px "DM Mono",ui-monospace,monospace}
.artifact-file-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font:800 9px "DM Mono",ui-monospace,monospace}.artifact-file-icon.json{background:#ece9e3;color:#222}.artifact-file-icon.pkg{background:linear-gradient(145deg,#e9a52e,#b8730c);color:#fff}.artifact-file-icon.shell{background:#333944;color:#9ee6ed}
.artifact-window-status{height:48px;display:flex;align-items:center;justify-content:center;gap:9px;color:#9e978e;background:#141414;font-size:11px}.artifact-status-dot{width:8px;height:8px;border-radius:50%;background:#4db67b;box-shadow:0 0 0 4px rgba(77,182,123,.12)}
.artifact-config-badge{margin-left:auto;border:1px solid #4a453f;border-radius:999px;padding:7px 11px;color:#aaa39a;font:600 10px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.artifact-config-window pre{margin:0;height:430px;overflow:auto;padding:22px 24px;background:#121212;color:#e9e7e3;font:12px/1.62 Menlo,Monaco,"SFMono-Regular",Consolas,monospace;white-space:pre;tab-size:2}.artifact-config-window pre:focus{outline:2px solid rgba(255,116,72,.45);outline-offset:-2px}.artifact-config-window .key{color:#8fd5ff}.artifact-config-window .str{color:#e6a477}.artifact-config-window .bool{color:#76a9ff}.artifact-config-window .pun{color:#d8d5cf}
@keyframes artifactPaneIn{from{opacity:.15;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.artifact-evidence-copy{grid-template-columns:1fr}.artifact-evidence-copy p{grid-column:auto}.artifact-evidence-pane{min-height:0}}
@media(max-width:700px){.artifact-evidence-tabs{overflow-x:auto;scrollbar-width:none}.artifact-evidence-tabs::-webkit-scrollbar{display:none}.artifact-evidence-tabs button{flex:0 0 auto}.artifact-evidence-copy{padding:22px 20px 18px;gap:12px}.artifact-evidence-copy h3{font-size:26px}.artifact-window{width:calc(100% - 24px);margin:12px;border-radius:14px}.artifact-files-header{grid-template-columns:1fr 62px;padding:10px 12px}.artifact-files-header span:nth-child(2){display:none}.artifact-files-list>div{grid-template-columns:36px minmax(0,1fr) 62px;gap:10px;padding:8px 12px;min-height:58px}.artifact-files-list>div>span{display:none}.artifact-files-list strong{font-size:11px}.artifact-files-list em{font-size:9px}.artifact-window-bar{height:52px;padding:0 12px}.artifact-window-bar strong{font-size:12px}.artifact-config-badge{display:none}.artifact-config-window pre{height:360px;padding:16px 14px;font-size:10px;line-height:1.55}}


/* v7.1: artifact carousel controls and complete GCTrace configuration */
.artifact-evidence-toolbar{display:flex;align-items:center;gap:12px;padding:12px;background:#15130f;border-bottom:1px solid #312e29}
.artifact-evidence-toolbar .artifact-evidence-tabs{flex:1;min-width:0;padding:0;border:0;background:transparent}
.artifact-evidence-nav{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.artifact-evidence-nav button{width:38px;height:38px;border-radius:50%;border:1px solid #48423b;background:#211e19;color:#f4efe7;font:700 15px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}
.artifact-evidence-nav button:hover{transform:translateY(-1px);border-color:#ff7448;background:#28231e}
.artifact-evidence-nav span{min-width:34px;text-align:center;color:#aaa39a;font:700 10px "DM Mono",ui-monospace,monospace}
.artifact-evidence:focus-visible{outline:2px solid rgba(255,116,72,.65);outline-offset:4px}
.artifact-config-window pre{height:520px}
.artifact-config-window .json-source .nt{color:#8fd5ff}.artifact-config-window .json-source .s2{color:#e6a477}.artifact-config-window .json-source .kc{color:#76a9ff}.artifact-config-window .json-source .mi{color:#c6a0f6}.artifact-config-window .json-source .p{color:#d8d5cf}
@media(max-width:700px){.artifact-evidence-toolbar{align-items:flex-start;flex-wrap:wrap;padding:10px 12px}.artifact-evidence-toolbar .artifact-evidence-tabs{order:1;width:100%;flex-basis:100%}.artifact-evidence-nav{order:2;margin-left:auto}.artifact-config-window pre{height:420px}}

/* v7.2 — balanced artifact story: product render leads, copy supports */
.artifacts-section .artifacts-grid{
  grid-template-columns:minmax(320px,.88fr) minmax(520px,1.12fr);
  gap:clamp(54px,7vw,96px);
  align-items:center;
}
.artifacts-section .artifacts-grid>div:first-child{max-width:510px;padding:18px 0}
.artifacts-section .artifacts-grid>div:first-child h2{max-width:500px;font-size:clamp(36px,4vw,56px);line-height:1.03}
.artifacts-section .artifacts-grid>div:first-child>p:not(.eyebrow){max-width:470px;color:#aaa39a}
.artifacts-section .check-list{max-width:470px}
.artifact-evidence{width:100%;max-width:690px;justify-self:end;border-radius:22px;box-shadow:0 22px 55px rgba(0,0,0,.22)}
.artifact-evidence-pane{grid-template-rows:minmax(0,1fr) auto;min-height:560px}
.artifact-evidence-copy{order:2;display:grid;grid-template-columns:1fr;gap:6px;align-items:start;padding:18px 24px 20px;border-top:1px solid #302d28;border-bottom:0;background:#12100d}
.artifact-evidence-copy p{display:none}
.artifact-evidence-copy h3{font-size:18px;line-height:1.25;letter-spacing:-.015em}
.artifact-evidence-copy>span{font-size:12px;line-height:1.5;max-width:560px}
.artifact-window{order:1;margin:22px 22px 0;width:calc(100% - 44px);box-shadow:0 18px 45px rgba(0,0,0,.25)}
.artifact-config-window pre{height:430px}
.artifact-files-list>div{min-height:62px}
@media(max-width:1050px){
  .artifacts-section .artifacts-grid{grid-template-columns:1fr;gap:38px}
  .artifacts-section .artifacts-grid>div:first-child{max-width:720px;padding:0}
  .artifact-evidence{max-width:820px;justify-self:stretch}
}
@media(max-width:700px){
  .artifacts-section .artifacts-grid{gap:28px}
  .artifacts-section .artifacts-grid>div:first-child h2{font-size:36px}
  .artifact-evidence{border-radius:18px}
  .artifact-evidence-pane{min-height:0}
  .artifact-window{margin:12px 12px 0;width:calc(100% - 24px)}
  .artifact-evidence-copy{padding:15px 16px 17px}
  .artifact-evidence-copy h3{font-size:16px}
  .artifact-evidence-copy>span{font-size:11px}
}

/* v7.3 artifact evidence spacing and interaction polish */
.artifact-evidence-pane.is-active{
  display:flex;
  flex-direction:column;
}
.artifact-evidence-stage{
  min-width:0;
}
.artifact-window{
  flex:0 0 auto;
  margin:24px 24px 18px;
  width:calc(100% - 48px);
}
.artifact-evidence-copy{
  flex:0 0 auto;
  margin:0 24px 24px;
  padding:18px 0 0;
  border-top:1px solid #302d28;
  border-bottom:0;
  background:transparent;
}
.artifact-config-window pre{
  height:410px;
  padding-bottom:30px;
}
.artifact-window-status{
  padding-top:14px;
  padding-bottom:16px;
}
@media(max-width:700px){
  .artifact-window{
    margin:14px 14px 16px;
    width:calc(100% - 28px);
  }
  .artifact-evidence-copy{
    margin:0 14px 18px;
    padding:16px 2px 0;
  }
  .artifact-config-window pre{
    height:390px;
    padding-bottom:24px;
  }
}

/* v7.3 artifact evidence spacing and interaction polish */
.artifact-evidence-pane.is-active{display:flex;flex-direction:column}
.artifact-evidence-stage{min-width:0}
.artifact-window{flex:0 0 auto;margin:24px 24px 18px;width:calc(100% - 48px)}
.artifact-evidence-copy{flex:0 0 auto;margin:0 24px 24px;padding:18px 0 0;border-top:1px solid #302d28;border-bottom:0;background:transparent}
.artifact-config-window pre{height:410px;padding-bottom:30px}
.artifact-window-status{padding-top:14px;padding-bottom:16px}
@media(max-width:700px){
  .artifact-window{margin:14px 14px 16px;width:calc(100% - 28px)}
  .artifact-evidence-copy{margin:0 14px 18px;padding:16px 2px 0}
  .artifact-config-window pre{height:390px;padding-bottom:24px}
}

/* v7.4 — final terminal header spacing and authentic WrappCore icon tile. */
.aw-ui-window[data-progress="footprint"] .aw-ui-icon{
  box-sizing:border-box!important;
  padding:13px!important;
  background:#f7f7f8!important;
  border-radius:24px!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.16),0 1px 1px rgba(255,255,255,.55)!important;
  overflow:hidden!important;
}
.aw-ui-window[data-progress="footprint"] .aw-ui-icon img{
  width:100%!important;
  height:100%!important;
  border-radius:0!important;
  object-fit:contain!important;
}

/* v7.5 — consistent icon tiles and media-centered carousel navigation. */
.aw-native-dialog .aw-native-icon,
.aw-ui-window .aw-ui-icon{
  box-sizing:border-box!important;
  padding:13px!important;
  background:#f7f7f8!important;
  border-radius:24px!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.16),0 1px 1px rgba(255,255,255,.55)!important;
  overflow:hidden!important;
}
.aw-native-dialog .aw-native-icon img,
.aw-ui-window .aw-ui-icon img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border-radius:0!important;
}
/* The product window is the visual anchor while switching slides. */
.runtime-ui-mount,.gallery-ui-mount,.gallery-live-terminal-mount{
  scroll-margin-block:calc((100vh - min(72vh,690px))/2)!important;
}
@media(max-width:760px){
  .aw-native-dialog .aw-native-icon,.aw-ui-window .aw-ui-icon{padding:12px!important}
}

/* v7.6 — exact icon treatment and full-viewport gallery focus. */
/* GCTrace and Publisher PNGs already contain their own white rounded tile.
   Do not wrap those assets in a second frame. */
.aw-native-icon[data-icon-kind="gctrace"],
.aw-native-icon[data-icon-kind="publisher"],
.aw-ui-window[data-icon-kind="publisher"] .aw-ui-icon{
  padding:0!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.aw-native-icon[data-icon-kind="gctrace"] img,
.aw-native-icon[data-icon-kind="publisher"] img,
.aw-ui-window[data-icon-kind="publisher"] .aw-ui-icon img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border-radius:0!important;
}
/* Only the raw WrappCore gear artwork receives the generated white tile. */
.aw-native-icon[data-icon-kind="wrappcore"],
.aw-ui-window[data-icon-kind="wrappcore"] .aw-ui-icon{
  box-sizing:border-box!important;
  padding:13px!important;
  background:#f7f7f8!important;
  border-radius:24px!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.16),0 1px 1px rgba(255,255,255,.55)!important;
  overflow:hidden!important;
}
.aw-native-icon[data-icon-kind="wrappcore"] img,
.aw-ui-window[data-icon-kind="wrappcore"] .aw-ui-icon img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border-radius:0!important;
}

/* A focused product gallery owns the whole visible canvas. This prevents a
   light strip from the next section appearing while the media is centered. */
.proof-gallery,
.delivery-proof,
[data-runtime-gallery]{
  background:#090909;
}
.proof-gallery.aw-media-centered,
.delivery-proof.aw-media-centered,
[data-runtime-gallery].aw-media-centered{
  min-height:calc(100svh - var(--story-header-offset,78px));
}
.proof-gallery.aw-media-centered .proof-gallery-stage,
.delivery-proof.aw-media-centered .delivery-stage,
[data-runtime-gallery].aw-media-centered .runtime-stage{
  min-height:calc(100svh - var(--story-header-offset,78px));
  background:#050505!important;
}
@media(max-width:760px){
  .aw-native-icon[data-icon-kind="wrappcore"],
  .aw-ui-window[data-icon-kind="wrappcore"] .aw-ui-icon{padding:10px!important;border-radius:15px!important}
}


/* v7.7: GCTrace title contrast and roadmap labels */
.gctrace-titlebar strong{color:#e8e8eb!important;font-weight:700;text-shadow:0 1px 0 rgba(0,0,0,.45);user-select:none;-webkit-user-select:none;opacity:1!important}
.gctrace-titlebar{color:#e8e8eb!important}
.scope-strip .roadmap-chip,.roadmap-chip{border-color:rgba(255,105,64,.62)!important;color:#ff8a68!important;background:rgba(255,105,64,.08)!important}
.roadmap-note{display:inline-flex;align-items:center;gap:.55rem;margin-top:1rem;padding:.62rem .86rem;border:1px solid rgba(255,105,64,.28);border-radius:999px;color:var(--muted,#746f69);font-size:.88rem;line-height:1.3;background:rgba(255,105,64,.055)}
.roadmap-note::before{content:"";width:.48rem;height:.48rem;border-radius:50%;background:#ff6b43;box-shadow:0 0 0 4px rgba(255,107,67,.12);flex:0 0 auto}
.aw-band-dark .roadmap-note{color:#c9c4bd;background:rgba(255,105,64,.07);border-color:rgba(255,105,64,.32)}
@media(max-width:600px){.roadmap-note{border-radius:16px;align-items:flex-start}}

/* v7.8 — definitive gallery colour system.
   Dark storytelling bands use dark inactive tabs with one light active tab.
   Light storytelling bands use light inactive tabs with one dark active tab.
   The tab rail itself always inherits the section colour instead of creating a black strip. */
.aw-story-page .aw-band-dark .proof-gallery-tabs,
.aw-story-page .aw-band-dark .delivery-tabs {
  background:transparent !important;
}
.aw-story-page .aw-band-dark .proof-gallery-tab:not(.is-active),
.aw-story-page .aw-band-dark .delivery-tab:not(.is-active) {
  background:#201d1a !important;
  border-color:rgba(255,255,255,.16) !important;
  color:#f1ece4 !important;
  box-shadow:none !important;
}
.aw-story-page .aw-band-dark .proof-gallery-tab:not(.is-active) strong,
.aw-story-page .aw-band-dark .delivery-tab:not(.is-active) strong {
  color:#f1ece4 !important;
}
.aw-story-page .aw-band-dark .proof-gallery-tab.is-active,
.aw-story-page .aw-band-dark .delivery-tab.is-active,
.aw-story-page .aw-band-dark .proof-gallery-tab[aria-selected="true"],
.aw-story-page .aw-band-dark .delivery-tab[aria-selected="true"] {
  background:#f5f0e8 !important;
  border-color:#f5f0e8 !important;
  color:#171513 !important;
  box-shadow:0 12px 28px rgba(0,0,0,.28) !important;
}
.aw-story-page .aw-band-dark .proof-gallery-tab.is-active strong,
.aw-story-page .aw-band-dark .delivery-tab.is-active strong,
.aw-story-page .aw-band-dark .proof-gallery-tab[aria-selected="true"] strong,
.aw-story-page .aw-band-dark .delivery-tab[aria-selected="true"] strong {
  color:#171513 !important;
}

.aw-story-page .aw-band-light .proof-gallery-tabs,
.aw-story-page .aw-band-light .delivery-tabs {
  background:transparent !important;
}
.aw-story-page .aw-band-light .proof-gallery-tab:not(.is-active),
.aw-story-page .aw-band-light .delivery-tab:not(.is-active) {
  background:#fffdf9 !important;
  border-color:#d8d0c4 !important;
  color:#191714 !important;
  box-shadow:0 4px 14px rgba(22,18,14,.04) !important;
}
.aw-story-page .aw-band-light .proof-gallery-tab:not(.is-active) strong,
.aw-story-page .aw-band-light .delivery-tab:not(.is-active) strong {
  color:#191714 !important;
}
.aw-story-page .aw-band-light .proof-gallery-tab.is-active,
.aw-story-page .aw-band-light .delivery-tab.is-active,
.aw-story-page .aw-band-light .proof-gallery-tab[aria-selected="true"],
.aw-story-page .aw-band-light .delivery-tab[aria-selected="true"] {
  background:#191714 !important;
  border-color:#191714 !important;
  color:#fffaf3 !important;
  box-shadow:0 10px 24px rgba(20,17,14,.18) !important;
}
.aw-story-page .aw-band-light .proof-gallery-tab.is-active strong,
.aw-story-page .aw-band-light .delivery-tab.is-active strong,
.aw-story-page .aw-band-light .proof-gallery-tab[aria-selected="true"] strong,
.aw-story-page .aw-band-light .delivery-tab[aria-selected="true"] strong {
  color:#fffaf3 !important;
}

/* Keep orange stage numbers consistent in every state and prevent inherited faded colours. */
.aw-story-page .proof-gallery-tab span,
.aw-story-page .delivery-tab span,
.aw-story-page .proof-gallery-tab.is-active span,
.aw-story-page .delivery-tab.is-active span,
.aw-story-page .proof-gallery-tab[aria-selected="true"] span,
.aw-story-page .delivery-tab[aria-selected="true"] span {
  color:#eb5a35 !important;
  opacity:1 !important;
}

/* v7.9 — final mobile colour rhythm, Polish copy polish and GCTrace title lock. */
.gctrace-titlebar,
.gctrace-titlebar strong {
  color:#f4f4f6 !important;
  -webkit-text-fill-color:#f4f4f6 !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  filter:none !important;
  text-shadow:none !important;
}
.gctrace-titlebar strong::selection{background:rgba(72,132,245,.42);color:#fff!important;-webkit-text-fill-color:#fff!important}

/* The real-product gallery begins a clean light/dark alternation. */
.aw-story-page #product-proof.aw-band-light,
.aw-story-page .delivery-proof-section.aw-band-dark,
.aw-story-page .artifacts-section.aw-band-light,
.aw-story-page .lifecycle-section.aw-band-dark,
.aw-story-page .lifecycle-proof-section.aw-band-light,
.aw-story-page .modern-section.aw-band-dark,
.aw-story-page .outcomes-section.aw-band-light,
.aw-story-page .diagnostics-section.aw-band-dark,
.aw-story-page .security-section.aw-band-light,
.aw-story-page .comparison-section.aw-band-dark,
.aw-story-page .pricing-section.aw-band-light,
.aw-story-page .assessment-section.aw-band-dark,
.aw-story-page .resources-section.aw-band-light,
.aw-story-page .videos-section.aw-band-dark,
.aw-story-page .faq-section.aw-band-light,
.aw-story-page .access-section.aw-band-dark{
  isolation:isolate;
}

/* Remove the gallery-owned black canvas from light storytelling bands. */
.aw-story-page .aw-band-light .proof-gallery,
.aw-story-page .aw-band-light .delivery-proof,
.aw-story-page .aw-band-light [data-runtime-gallery],
.aw-story-page .aw-band-light .proof-gallery.aw-media-centered,
.aw-story-page .aw-band-light .delivery-proof.aw-media-centered,
.aw-story-page .aw-band-light [data-runtime-gallery].aw-media-centered{
  background:transparent !important;
}
.aw-story-page .aw-band-light .proof-gallery.aw-media-centered .proof-gallery-stage,
.aw-story-page .aw-band-light .delivery-proof.aw-media-centered .delivery-stage,
.aw-story-page .aw-band-light [data-runtime-gallery].aw-media-centered .runtime-stage{
  background:#f7f2ea !important;
}

/* Mobile: never let a focused dark carousel paint over the following light band. */
@media(max-width:760px){
  .aw-story-page .page-panel{overflow:clip}
  .aw-story-page #product-proof.aw-band-light{background:#f7f2ea!important;color:#191714!important}
  .aw-story-page #product-proof .section-heading h2,
  .aw-story-page #product-proof .section-heading p{color:inherit!important}
  .aw-story-page #product-proof .proof-gallery-stage{background:#0a0a0a!important}
  .roadmap-note{font-size:.95rem;line-height:1.45;padding:.78rem .9rem;max-width:100%}
}

/* --------------------------------------------------------------------------
   Website v8.0 — adaptive section surfaces
   Every top-level story panel can render correctly on either a light or dark
   surface. JavaScript selects the most suitable surface and preserves an
   alternating rhythm, so inserting a new panel does not require recolouring
   the remainder of the page by hand.
   -------------------------------------------------------------------------- */
.aw-story-page main > section[data-aw-theme]{
  --aw-bg:#f7f3ec;
  --aw-bg-soft:#fffdf9;
  --aw-panel:#fff;
  --aw-panel-soft:#f2ede5;
  --aw-text:#171513;
  --aw-heading:#171513;
  --aw-muted:#706a62;
  --aw-border:#d8d0c4;
  --aw-divider:#ddd5ca;
  --aw-shadow:0 18px 54px rgba(43,35,25,.08);
  --aw-control:#fff;
  --aw-control-text:#171513;
  --aw-control-active:#171513;
  --aw-control-active-text:#fff;
  --aw-input:#fbfaf7;
  --aw-input-text:#171513;
  --aw-accent:#f2633d;
  background:
    radial-gradient(circle at 86% 2%,rgba(255,100,51,.055),transparent 31%),
    var(--aw-bg)!important;
  color:var(--aw-text)!important;
}
.aw-story-page main > section[data-aw-theme="dark"]{
  --aw-bg:#0f0e0d;
  --aw-bg-soft:#171512;
  --aw-panel:#1b1917;
  --aw-panel-soft:#24211e;
  --aw-text:#f6f2ea;
  --aw-heading:#fffdf8;
  --aw-muted:#aaa39a;
  --aw-border:rgba(255,255,255,.14);
  --aw-divider:rgba(255,255,255,.12);
  --aw-shadow:0 22px 60px rgba(0,0,0,.28);
  --aw-control:#201e1b;
  --aw-control-text:#eee8df;
  --aw-control-active:#f6f2ea;
  --aw-control-active-text:#171513;
  --aw-input:#24211e;
  --aw-input-text:#f6f2ea;
  background:
    radial-gradient(circle at 15% 0,rgba(230,189,104,.075),transparent 31%),
    var(--aw-bg)!important;
}
.aw-story-page main > section[data-aw-theme] h1,
.aw-story-page main > section[data-aw-theme] h2,
.aw-story-page main > section[data-aw-theme] h3,
.aw-story-page main > section[data-aw-theme] h4,
.aw-story-page main > section[data-aw-theme] strong,
.aw-story-page main > section[data-aw-theme] summary{color:var(--aw-heading)!important}
.aw-story-page main > section[data-aw-theme] p,
.aw-story-page main > section[data-aw-theme] li,
.aw-story-page main > section[data-aw-theme] small,
.aw-story-page main > section[data-aw-theme] label{color:var(--aw-muted)!important}
.aw-story-page main > section[data-aw-theme] .eyebrow,
.aw-story-page main > section[data-aw-theme] .mono-label,
.aw-story-page main > section[data-aw-theme] .assessment-step-label{color:var(--aw-accent)!important}

/* Generic cards and comparison panels */
.aw-story-page main > section[data-aw-theme] :is(
  .problem-columns article,.outcome-cards article,.comparison-grid>article:not(.comparison-arrow),
  .modern-card,.pricing-card,.licensing-card,.included-card,.resource-card,
  .diagnostics-intro-card,.diagnostics-list-card,.assessment-wizard,.assessment-result-grid article,
  .lifecycle-map article,.early-access-form,.request-form,.docs-card
){
  background:var(--aw-panel)!important;
  color:var(--aw-text)!important;
  border-color:var(--aw-border)!important;
  box-shadow:var(--aw-shadow);
}
.aw-story-page main > section[data-aw-theme] :is(.line-list li,.outcome-cards li,.comparison-grid li,.lifecycle-map li,.pricing-list li,.check-list li){border-color:var(--aw-divider)!important}

/* Pricing */
.aw-story-page main > section[data-aw-theme] .pricing-note{
  background:var(--aw-panel-soft)!important;
  color:var(--aw-muted)!important;
  border-color:var(--aw-border)!important;
}
.aw-story-page main > section[data-aw-theme="light"] .pricing-note strong{
  color:var(--aw-heading)!important;
}
.aw-story-page main > section[data-aw-theme] .pricing-card .button-secondary{background:var(--aw-control)!important;color:var(--aw-control-text)!important;border-color:var(--aw-border)!important}

/* Assessment wizard and result: readable on either surface */
.aw-story-page main > section[data-aw-theme] .assessment-wizard,
.aw-story-page main > section[data-aw-theme] .assessment-result{
  background:var(--aw-panel)!important;
  color:var(--aw-text)!important;
}
.aw-story-page main > section[data-aw-theme] .assessment-progress>div:first-child,
.aw-story-page main > section[data-aw-theme] .assessment-step h3,
.aw-story-page main > section[data-aw-theme] .assessment-score-row strong,
.aw-story-page main > section[data-aw-theme] .assessment-result-grid h3{color:var(--aw-heading)!important}
.aw-story-page main > section[data-aw-theme] .assessment-track,
.aw-story-page main > section[data-aw-theme] .assessment-score-track{background:var(--aw-divider)!important}
.aw-story-page main > section[data-aw-theme] .assessment-option span{
  background:var(--aw-input)!important;
  color:var(--aw-input-text)!important;
  border-color:var(--aw-border)!important;
}
.aw-story-page main > section[data-aw-theme] .assessment-option input:checked+span{
  background:var(--aw-control-active)!important;
  color:var(--aw-control-active-text)!important;
  border-color:var(--aw-control-active)!important;
}
.aw-story-page main > section[data-aw-theme] .assessment-result-grid ul,
.aw-story-page main > section[data-aw-theme] .assessment-score-card>p:last-child,
.aw-story-page main > section[data-aw-theme] .assessment-impact span{color:var(--aw-muted)!important}

/* Early-access/contact form */
.aw-story-page main > section[data-aw-theme] :is(.early-access-form,.request-form) input,
.aw-story-page main > section[data-aw-theme] :is(.early-access-form,.request-form) select,
.aw-story-page main > section[data-aw-theme] :is(.early-access-form,.request-form) textarea{
  background:var(--aw-input)!important;
  color:var(--aw-input-text)!important;
  border-color:var(--aw-border)!important;
  opacity:1!important;
}
.aw-story-page main > section[data-aw-theme] :is(.early-access-form,.request-form) input::placeholder,
.aw-story-page main > section[data-aw-theme] :is(.early-access-form,.request-form) textarea::placeholder{color:var(--aw-muted)!important;opacity:.78}
.aw-story-page main > section[data-aw-theme] :is(.early-access-form,.request-form) label,
.aw-story-page main > section[data-aw-theme] :is(.early-access-form,.request-form) .form-consent{color:var(--aw-muted)!important;opacity:1!important}

/* Diagnostics and feature grids */
.aw-story-page main > section[data-aw-theme] .diagnostics-copy-grid article,
.aw-story-page main > section[data-aw-theme] .modern-grid article,
.aw-story-page main > section[data-aw-theme] .lifecycle-map article{
  background:var(--aw-panel)!important;
  border:1px solid var(--aw-border)!important;
  color:var(--aw-text)!important;
}
.aw-story-page main > section[data-aw-theme] .diagnostics-copy-grid .check-list li::before{color:var(--aw-accent)!important}

/* Gallery tabs adapt to the section surface, independently of position. */
.aw-story-page main > section[data-aw-theme] :is(.proof-gallery-tabs,.delivery-tabs,.runtime-gallery-tabs) button,
.aw-story-page main > section[data-aw-theme] :is(.proof-gallery-tabs,.delivery-tabs,.runtime-gallery-tabs) [role="tab"]{
  background:var(--aw-control)!important;
  color:var(--aw-control-text)!important;
  border-color:var(--aw-border)!important;
}
.aw-story-page main > section[data-aw-theme] :is(.proof-gallery-tabs,.delivery-tabs,.runtime-gallery-tabs) :is(button,[role="tab"]).is-active,
.aw-story-page main > section[data-aw-theme] :is(.proof-gallery-tabs,.delivery-tabs,.runtime-gallery-tabs) :is(button,[role="tab"])[aria-selected="true"]{
  background:var(--aw-control-active)!important;
  color:var(--aw-control-active-text)!important;
  border-color:var(--aw-control-active)!important;
}

/* Keep the real product-view section light by default, while still allowing
   the resolver to override it explicitly when requested. */
.aw-story-page .product-proof-section[data-aw-theme]{--aw-bg:#f7f3ec;--aw-bg-soft:#fffdf9;--aw-panel:#fff;--aw-panel-soft:#f2ede5;--aw-text:#171513;--aw-heading:#171513;--aw-muted:#706a62;--aw-border:#d8d0c4;--aw-divider:#ddd5ca;--aw-control:#fff;--aw-control-text:#171513;--aw-control-active:#171513;--aw-control-active-text:#fff;background:radial-gradient(circle at 86% 2%,rgba(255,100,51,.055),transparent 31%),#f7f3ec!important;color:#171513!important}

/* A top-level panel remains a complete viewport-colour canvas during assisted
   alignment, preventing a stripe from the neighbouring section. */
.aw-story-page main > section.page-panel[data-aw-theme]{min-height:min(100vh,920px)}
@media(max-width:760px){.aw-story-page main > section.page-panel[data-aw-theme]{min-height:auto}}

/* --------------------------------------------------------------------------
   Website v8.1 — embedded component contrast + compact proof strip
   Adaptive section colours must never recolour the product simulations inside
   a section. These components keep their own native dark palette regardless
   of the surrounding light/dark band.
   -------------------------------------------------------------------------- */

/* The product metrics are a compact proof strip, not a viewport panel. */
.aw-story-page main > section.proof-bar[data-aw-theme]{
  min-height:0!important;
  padding:0!important;
  background:#141210!important;
  color:#fff!important;
}
.aw-story-page main > section.proof-bar[data-aw-theme] .proof-grid{
  padding:25px 0!important;
}
.aw-story-page main > section.proof-bar[data-aw-theme] .proof-grid strong{color:#fff!important}
.aw-story-page main > section.proof-bar[data-aw-theme] .proof-grid span{color:#a9a197!important}

/* Native WrappCore dialogs and progress windows. */
.aw-story-page main > section[data-aw-theme] :is(.aw-native-dialog,.aw-ui-window){
  color:#f2f2f4!important;
  background:#1d1f20!important;
}
.aw-story-page main > section[data-aw-theme] :is(.aw-native-dialog,.aw-ui-window) :is(h1,h2,h3,h4,strong,.aw-native-titlebar,.aw-ui-titlebar){
  color:#f2f2f4!important;
}
.aw-story-page main > section[data-aw-theme] :is(.aw-native-dialog,.aw-ui-window) :is(p,span,small,label){
  color:#e3e3e6!important;
}
.aw-story-page main > section[data-aw-theme] :is(.aw-native-dialog,.aw-ui-window) :is(.aw-native-button,.aw-ui-button){color:#f6f6f7!important}
.aw-story-page main > section[data-aw-theme] :is(.aw-native-dialog,.aw-ui-window) :is(.aw-native-button.primary,.aw-ui-button.primary){color:#fff!important}

/* Terminal and hero product preview retain their authored terminal palette. */
.aw-story-page main > section[data-aw-theme] :is(.aw-terminal-window,.hero-process-card,.hero-product-preview,.product-demo){color:#f3efe8!important}
.aw-story-page main > section[data-aw-theme] :is(.hero-process-card,.product-demo) :is(h1,h2,h3,h4,strong){color:#f4f0e9!important}
.aw-story-page main > section[data-aw-theme] :is(.hero-process-card,.product-demo) :is(p,span,small){color:#9f988e!important}
.aw-story-page main > section[data-aw-theme] .hero-process-result strong{color:#f4f0e9!important}
.aw-story-page main > section[data-aw-theme] .hero-process-result small{color:#9f988e!important}

/* Runtime gallery copy is part of the dark gallery canvas, not the page band. */
.aw-story-page main > section[data-aw-theme] :is(.runtime-stage,.runtime-slide-copy,.runtime-copy,.proof-gallery-stage,.proof-gallery-copy,.delivery-stage,.delivery-copy){color:#f5f1ea!important}
.aw-story-page main > section[data-aw-theme] :is(.runtime-slide-copy,.runtime-copy,.proof-gallery-copy,.delivery-copy) :is(h2,h3,h4,strong){color:#fffdf8!important}
.aw-story-page main > section[data-aw-theme] :is(.runtime-slide-copy,.runtime-copy,.proof-gallery-copy,.delivery-copy) :is(p,span,small){color:#aaa39a!important}

/* Generated artifact viewer uses a self-contained dark application surface. */
.aw-story-page main > section[data-aw-theme] .artifact-evidence{
  background:#100f0d!important;
  color:#f4efe8!important;
  border-color:#3d3933!important;
}
.aw-story-page main > section[data-aw-theme] .artifact-evidence :is(h1,h2,h3,h4,strong){color:#f4efe8!important}
.aw-story-page main > section[data-aw-theme] .artifact-evidence :is(p,span,small,em){color:#aaa39a!important}
.aw-story-page main > section[data-aw-theme] .artifact-evidence-copy h3{color:#f7f3ec!important}
.aw-story-page main > section[data-aw-theme] .artifact-evidence-copy>span{color:#aaa39a!important}
.aw-story-page main > section[data-aw-theme] .artifact-window{background:#171717!important;color:#f2f0ed!important}
.aw-story-page main > section[data-aw-theme] .artifact-window-bar strong,
.aw-story-page main > section[data-aw-theme] .artifact-files-list strong{color:#f2f0ed!important}
.aw-story-page main > section[data-aw-theme] .artifact-files-header span,
.aw-story-page main > section[data-aw-theme] .artifact-files-list span,
.aw-story-page main > section[data-aw-theme] .artifact-files-list em,
.aw-story-page main > section[data-aw-theme] .artifact-window-status{color:#9e978e!important}

/* GCTrace keeps the native viewer palette and title contrast. */
.aw-story-page main > section[data-aw-theme] .gctrace-live{color:#ecebed!important;background:#1d1d1f!important}
.aw-story-page main > section[data-aw-theme] .gctrace-live :is(strong,th,td,button,label,option){color:#ecebed!important}
.aw-story-page main > section[data-aw-theme] .gctrace-titlebar strong{color:#e8e8eb!important;text-shadow:none!important}
.aw-story-page main > section[data-aw-theme] .gctrace-live :is(input,select){color:#ecebed!important;background:#2b2b2f!important}

/* Dark comparison and diagnostic cards need intentionally readable secondary text. */
.aw-story-page main > section[data-aw-theme="dark"] :is(.comparison-grid,.diagnostics-copy-grid,.outcome-cards) article{
  color:#f5f1ea!important;
}
.aw-story-page main > section[data-aw-theme="dark"] :is(.comparison-grid,.diagnostics-copy-grid,.outcome-cards) article :is(h2,h3,h4,strong){color:#fffdf8!important}
.aw-story-page main > section[data-aw-theme="dark"] :is(.comparison-grid,.diagnostics-copy-grid,.outcome-cards) article :is(p,li,span,small){color:#aaa39a!important}
.aw-story-page main > section[data-aw-theme="dark"] .comparison-grid li{border-color:rgba(255,255,255,.28)!important}

/* Forms stay bright and legible even when the section canvas is dark. */
.aw-story-page main > section[data-aw-theme] :is(.early-access-form,.request-form){background:#fff!important;color:#171513!important}
.aw-story-page main > section[data-aw-theme] :is(.early-access-form,.request-form) :is(h1,h2,h3,h4,strong){color:#171513!important}
.aw-story-page main > section[data-aw-theme] :is(.early-access-form,.request-form) :is(label,p,small,.form-consent){color:#6f6961!important}
.aw-story-page main > section[data-aw-theme] :is(.early-access-form,.request-form) input,
.aw-story-page main > section[data-aw-theme] :is(.early-access-form,.request-form) select,
.aw-story-page main > section[data-aw-theme] :is(.early-access-form,.request-form) textarea{
  background:#fbfaf7!important;
  color:#171513!important;
  border-color:#d8d0c4!important;
}

/* Assessment remains a white application card with dark text. */
.aw-story-page main > section[data-aw-theme] .assessment-wizard{
  background:#fff!important;
  color:#171513!important;
}
.aw-story-page main > section[data-aw-theme] .assessment-wizard :is(h1,h2,h3,h4,strong,.assessment-step-label,.assessment-progress span){color:#171513!important}
.aw-story-page main > section[data-aw-theme] .assessment-wizard :is(p,label,small){color:#706a62!important}
.aw-story-page main > section[data-aw-theme] .assessment-option span{background:#fbfaf7!important;color:#171513!important;border-color:#d8d0c4!important}

@media(max-width:700px){
  .aw-story-page main > section.proof-bar[data-aw-theme] .proof-grid{padding:20px 0!important}
}

/* --------------------------------------------------------------------------
   Website v8.2 — stable gallery contrast, readable forms, down-only snap
   -------------------------------------------------------------------------- */

/* Gallery copy must inherit the surrounding section theme on every state
   change. Older component rules used fixed white text and became unreadable
   when the gallery lived on a light canvas. */
.aw-story-page main > section[data-aw-theme="light"] :is(.proof-gallery-copy,.delivery-copy,.runtime-copy){
  background:var(--aw-bg-soft)!important;
  color:var(--aw-text)!important;
}
.aw-story-page main > section[data-aw-theme="light"] :is(.proof-gallery-copy,.delivery-copy,.runtime-copy) :is(h2,h3,h4,strong){
  color:#171513!important;
}
.aw-story-page main > section[data-aw-theme="light"] :is(.proof-gallery-copy,.delivery-copy,.runtime-copy) > p:not(.mono-label){
  color:#6f6860!important;
}
.aw-story-page main > section[data-aw-theme="light"] :is(.proof-gallery-copy,.delivery-copy,.runtime-copy) .mono-label{
  color:#e85f3b!important;
}
.aw-story-page main > section[data-aw-theme="dark"] :is(.proof-gallery-copy,.delivery-copy,.runtime-copy){
  background:#11100f!important;
  color:#f7f2ea!important;
}
.aw-story-page main > section[data-aw-theme="dark"] :is(.proof-gallery-copy,.delivery-copy,.runtime-copy) :is(h2,h3,h4,strong){
  color:#fffaf3!important;
}
.aw-story-page main > section[data-aw-theme="dark"] :is(.proof-gallery-copy,.delivery-copy,.runtime-copy) > p:not(.mono-label){
  color:#bdb5aa!important;
}

/* The workflow/project-review gallery is intentionally light. Keep its copy
   dark even after JS replaces the text while moving between slides. */
.aw-story-page .product-proof-section :is(.proof-gallery-copy,.delivery-copy){
  background:#f7f3ec!important;
}
.aw-story-page .product-proof-section :is(.proof-gallery-copy,.delivery-copy) h3{
  color:#171513!important;
  text-shadow:none!important;
}
.aw-story-page .product-proof-section :is(.proof-gallery-copy,.delivery-copy) > p:not(.mono-label){
  color:#6d665e!important;
}

/* Before / after comparison: stronger hierarchy on the dark canvas. */
.aw-story-page main > section.comparison-section[data-aw-theme="dark"] .comparison-grid > article:not(.comparison-arrow){
  background:#1c1a18!important;
  border-color:rgba(255,255,255,.20)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.24)!important;
}
.aw-story-page main > section.comparison-section[data-aw-theme="dark"] .comparison-grid :is(h3,h4,strong){
  color:#fffaf3!important;
}
.aw-story-page main > section.comparison-section[data-aw-theme="dark"] .comparison-grid :is(p,li,span){
  color:#c9c1b7!important;
}
.aw-story-page main > section.comparison-section[data-aw-theme="dark"] .comparison-grid li{
  border-color:rgba(255,255,255,.28)!important;
}
.aw-story-page main > section.comparison-section[data-aw-theme="dark"] .comparison-grid .mono-label{
  color:#e8a15f!important;
}
.aw-story-page main > section.comparison-section[data-aw-theme="dark"] .comparison-arrow{
  color:#f2633d!important;
}

/* Contact / early-access form is a light, high-contrast object independent of
   the dark section around it. */
.aw-story-page :is(.early-access-form,.request-form){
  --form-text:#1b1815;
  --form-muted:#6b645c;
  --form-line:#cfc5b9;
  --form-field:#f4f0ea;
  background:#fff!important;
  color:var(--form-text)!important;
  border:1px solid #ded5ca!important;
  box-shadow:0 28px 70px rgba(0,0,0,.24)!important;
}
.aw-story-page :is(.early-access-form,.request-form) label,
.aw-story-page :is(.early-access-form,.request-form) label > span,
.aw-story-page :is(.early-access-form,.request-form) .form-consent,
.aw-story-page :is(.early-access-form,.request-form) .consent{
  color:var(--form-muted)!important;
  opacity:1!important;
  font-weight:600!important;
}
.aw-story-page :is(.early-access-form,.request-form) :is(input,select,textarea){
  background:var(--form-field)!important;
  color:var(--form-text)!important;
  border:1px solid var(--form-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
  opacity:1!important;
}
.aw-story-page :is(.early-access-form,.request-form) :is(input,select,textarea):focus{
  border-color:#f2633d!important;
  outline:3px solid rgba(242,99,61,.18)!important;
  outline-offset:1px!important;
  background:#fff!important;
}
.aw-story-page :is(.early-access-form,.request-form) :is(input,textarea)::placeholder{
  color:#82796f!important;
  opacity:1!important;
}
.aw-story-page :is(.early-access-form,.request-form) select:invalid{
  color:#776f66!important;
}
.aw-story-page :is(.early-access-form,.request-form) a{
  color:#6b5548!important;
  text-decoration-color:#a99182!important;
}
.aw-story-page :is(.early-access-form,.request-form) .fallback{
  color:#7a7269!important;
  opacity:1!important;
}
.aw-story-page :is(.early-access-form,.request-form) input[type="checkbox"]{
  accent-color:#f2633d!important;
  background:#fff!important;
  border-color:#968b7f!important;
}

@media(max-width:760px){
  .aw-story-page :is(.early-access-form,.request-form){padding:24px 20px!important}
}

/* --------------------------------------------------------------------------
   Website v8.3 — final surface and contrast corrections
   -------------------------------------------------------------------------- */

/* Product galleries: the explanatory header is part of the dark product
   canvas. It must visually merge with the terminal / UI area below it. */
.aw-story-page .product-proof-section .proof-gallery-stage,
.aw-story-page .delivery-proof-section .delivery-stage,
.aw-story-page .runtime-section .runtime-stage,
.aw-story-page [data-runtime-gallery] .runtime-stage{
  background:#090909!important;
  border-color:#3a3632!important;
  overflow:hidden;
}
.aw-story-page .product-proof-section .proof-gallery-copy,
.aw-story-page .delivery-proof-section .delivery-copy,
.aw-story-page .runtime-section .runtime-slide-copy,
.aw-story-page .runtime-section .runtime-copy,
.aw-story-page [data-runtime-gallery] .runtime-slide-copy,
.aw-story-page [data-runtime-gallery] .runtime-copy{
  background:#11100f!important;
  color:#f6f2eb!important;
  border-color:#37332f!important;
}
.aw-story-page .product-proof-section .proof-gallery-copy :is(h2,h3,h4,strong),
.aw-story-page .delivery-proof-section .delivery-copy :is(h2,h3,h4,strong),
.aw-story-page .runtime-section :is(.runtime-slide-copy,.runtime-copy) :is(h2,h3,h4,strong),
.aw-story-page [data-runtime-gallery] :is(.runtime-slide-copy,.runtime-copy) :is(h2,h3,h4,strong){
  color:#fffdf8!important;
}
.aw-story-page .product-proof-section .proof-gallery-copy > p:not(.mono-label),
.aw-story-page .delivery-proof-section .delivery-copy > p:not(.mono-label),
.aw-story-page .runtime-section :is(.runtime-slide-copy,.runtime-copy) > p:not(.mono-label),
.aw-story-page [data-runtime-gallery] :is(.runtime-slide-copy,.runtime-copy) > p:not(.mono-label){
  color:#b8b0a7!important;
}
.aw-story-page .product-proof-section .proof-gallery-copy .mono-label,
.aw-story-page .delivery-proof-section .delivery-copy .mono-label,
.aw-story-page .runtime-section :is(.runtime-slide-copy,.runtime-copy) .mono-label,
.aw-story-page [data-runtime-gallery] :is(.runtime-slide-copy,.runtime-copy) .mono-label{
  color:#ff7954!important;
}

/* Diagnostics cards: same readable hierarchy as the adjacent comparison
   section. Never allow the adaptive band to mute the content. */
.aw-story-page .diagnostics-copy-grid article{
  background:#1b1917!important;
  border-color:#45403a!important;
  color:#f5f1ea!important;
}
.aw-story-page .diagnostics-copy-grid :is(h2,h3,h4,strong){color:#fffdf8!important}
.aw-story-page .diagnostics-copy-grid :is(p,li,span){color:#b9b1a7!important;opacity:1!important}
.aw-story-page .diagnostics-copy-grid .eyebrow{color:#e8b968!important}
.aw-story-page .diagnostics-copy-grid .check-list li{
  border-color:#4a453f!important;
  color:#c2bbb2!important;
}
.aw-story-page .diagnostics-copy-grid .check-list li::before{color:#ff7048!important}

/* Keep the diagnostic marker in a fixed column, regardless of text length. */
.aw-story-page .diagnostics-list-card .check-list>li{
  display:flex!important;
  align-items:start;
  gap:10px!important;
  padding-left:0!important;
  text-indent:0!important;
}
.aw-story-page .diagnostics-list-card .check-list>li::before{
  content:"✓"!important;
  display:block!important;
  position:static!important;
  left:auto!important;
  width:14px!important;
  min-width:14px!important;
  flex:0 0 14px!important;
  margin:0!important;
  line-height:1.45!important;
  transform:none!important;
}

/* Before / with comparison: stronger body copy and dividers. */
.aw-story-page .comparison-grid > article:not(.comparison-arrow){
  background:#1b1917!important;
  border-color:#48423c!important;
  color:#f4f0e9!important;
}
.aw-story-page .comparison-grid > article:not(.comparison-arrow) :is(h2,h3,h4,strong){color:#fffdf8!important}
.aw-story-page .comparison-grid > article:not(.comparison-arrow) :is(p,li,span){color:#bcb4aa!important;opacity:1!important}
.aw-story-page .comparison-grid .line-list li,
.aw-story-page .comparison-grid li{border-color:#665f56!important}
.aw-story-page .comparison-grid .eyebrow,
.aw-story-page .comparison-grid .mono-label{color:#e6b968!important}
.aw-story-page .comparison-grid .comparison-arrow{color:#ff7048!important}

/* Assessment is intentionally dark, but all controls and progress metadata
   must remain immediately readable. */
.aw-story-page .assessment-section .assessment-wizard,
.aw-story-page .assessment-section .assessment-result{
  background:#1a1816!important;
  border:1px solid #4a443e!important;
  color:#f5f1ea!important;
  box-shadow:0 24px 60px rgba(0,0,0,.28)!important;
}
.aw-story-page .assessment-section :is(.assessment-progress,.assessment-step,.assessment-actions,.assessment-result){color:#f5f1ea!important}
.aw-story-page .assessment-section .assessment-progress :is(span,strong),
.aw-story-page .assessment-section .assessment-step-label{color:#c9c1b7!important;opacity:1!important}
.aw-story-page .assessment-section .assessment-step h3,
.aw-story-page .assessment-section .assessment-score-row strong,
.aw-story-page .assessment-section .assessment-result-grid h3{color:#fffdf8!important}
.aw-story-page .assessment-section :is(.assessment-track,.assessment-score-track){background:#47423d!important}
.aw-story-page .assessment-section :is(.assessment-track,.assessment-score-track) > span{background:#f46b42!important}
.aw-story-page .assessment-section .assessment-option span{
  background:#f8f5ef!important;
  color:#1a1715!important;
  border:1px solid #d8d0c5!important;
  opacity:1!important;
  font-weight:600!important;
}
.aw-story-page .assessment-section .assessment-option:hover span{border-color:#f46b42!important;background:#fff!important}
.aw-story-page .assessment-section .assessment-option input:checked + span{
  background:#f46b42!important;
  color:#fff!important;
  border-color:#f46b42!important;
}
.aw-story-page .assessment-section .assessment-actions .button-secondary{
  color:#f5f1ea!important;
  border-color:#5c554e!important;
  background:#26231f!important;
}
.aw-story-page .assessment-section .assessment-error{color:#ff9878!important}

/* Contact form: clearly interactive rather than disabled-looking. */
.aw-story-page :is(.early-access-form,.request-form){
  --form-text:#1d1916;
  --form-muted:#655e56;
  --form-line:#c9bfb3;
  --form-field:#f7f3ed;
  border-color:#d5cbc0!important;
  box-shadow:0 22px 58px rgba(0,0,0,.18)!important;
}
.aw-story-page :is(.early-access-form,.request-form) label,
.aw-story-page :is(.early-access-form,.request-form) label > span{
  color:#665e56!important;
  font-weight:600!important;
  opacity:1!important;
}
.aw-story-page :is(.early-access-form,.request-form) :is(input,select,textarea){
  background:#f7f3ed!important;
  color:#1d1916!important;
  border:1px solid #c9bfb3!important;
  opacity:1!important;
}
.aw-story-page :is(.early-access-form,.request-form) :is(input,select,textarea):hover{border-color:#a99d91!important}
.aw-story-page :is(.early-access-form,.request-form) :is(input,select,textarea):focus{
  background:#fff!important;
  border-color:#f2633d!important;
  outline:3px solid rgba(242,99,61,.17)!important;
}
.aw-story-page :is(.early-access-form,.request-form) :is(input,textarea)::placeholder,
.aw-story-page :is(.early-access-form,.request-form) select:invalid{
  color:#8b8177!important;
  opacity:1!important;
}
.aw-story-page :is(.early-access-form,.request-form) :is(.form-consent,.consent){
  color:#5f5851!important;
  opacity:1!important;
  font-weight:500!important;
}
.aw-story-page :is(.early-access-form,.request-form) :is(.form-consent,.consent) a,
.aw-story-page :is(.early-access-form,.request-form) .fallback a{
  color:#b64d2d!important;
  text-decoration-color:#d88268!important;
}
.aw-story-page :is(.early-access-form,.request-form) .fallback{color:#746b63!important;opacity:1!important}

@media(max-width:760px){
  .aw-story-page .product-proof-section .proof-gallery-copy,
  .aw-story-page .delivery-proof-section .delivery-copy,
  .aw-story-page :is(.runtime-section,[data-runtime-gallery]) :is(.runtime-slide-copy,.runtime-copy){padding:20px!important}
}

/* v8.4.1: final gallery panel treatment. Keep the navigation free of a second frame. */
.aw-story-page .product-proof-section .proof-gallery,
.aw-story-page .runtime-section [data-runtime-gallery] {
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  box-shadow:none!important;
}
.aw-story-page .product-proof-section .proof-gallery-tabs,
.aw-story-page .runtime-section .runtime-nav {
  background:#171512!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:10px 12px 14px!important;
}
.aw-story-page .product-proof-section .proof-gallery-copy,
.aw-story-page .runtime-section :is(.runtime-copy,.runtime-slide-copy),
.aw-story-page [data-runtime-gallery] :is(.runtime-copy,.runtime-slide-copy) {
  background:#171512!important;
  border-color:#3c3630!important;
  color:#fffdf8!important;
}
.aw-story-page .product-proof-section .proof-gallery-copy :is(h2,h3,h4,strong),
.aw-story-page .runtime-section :is(.runtime-copy,.runtime-slide-copy) :is(h2,h3,h4,strong),
.aw-story-page [data-runtime-gallery] :is(.runtime-copy,.runtime-slide-copy) :is(h2,h3,h4,strong) { color:#fffdf8!important; }
.aw-story-page .product-proof-section .proof-gallery-copy > p:not(.mono-label),
.aw-story-page .runtime-section :is(.runtime-copy,.runtime-slide-copy) > p:not(.mono-label),
.aw-story-page [data-runtime-gallery] :is(.runtime-copy,.runtime-slide-copy) > p:not(.mono-label) { color:#d6cdc2!important; }
.aw-story-page .product-proof-section .proof-gallery-controls button,
.aw-story-page .runtime-section .runtime-controls button,
.aw-story-page [data-runtime-gallery] .runtime-controls button {
  background:#f7f1e8!important;
  border-color:#f7f1e8!important;
  color:#171512!important;
  box-shadow:none!important;
}
.aw-story-page :is(.early-access-form,.request-form) label,
.aw-story-page :is(.early-access-form,.request-form) label > span { color:#3d352e!important; }
.aw-story-page :is(.early-access-form,.request-form) :is(.form-consent,.consent) { color:#4b423a!important; }

/* The JSON viewer hands boundary scrolling to JavaScript, never to native overscroll. */
.aw-json-render pre {
  overscroll-behavior: none!important;
  -webkit-overflow-scrolling: auto;
}

/* Gallery navigation uses one uninterrupted slide surface, not faded edge masks. */
.product-proof-section .proof-gallery-tabs,
.delivery-proof-section .delivery-tabs,
.lifecycle-proof-section .runtime-nav {
  margin-inline:0!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}

/* Preserve the soft edge fade while allowing the navigation itself to inherit its section surface. */
.product-proof-section .proof-gallery-tabs,
.delivery-proof-section .delivery-tabs,
.lifecycle-proof-section .runtime-nav {
  margin-inline:-12px!important;
  padding-inline:12px!important;
  mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%)!important;
}

/* Make the stage picker the top edge of the same product card, not a separate bar. */
.product-proof-section .proof-gallery-tabs,
.delivery-proof-section .delivery-tabs,
.lifecycle-proof-section .runtime-nav {
  border-radius:24px 24px 0 0!important;
  margin-bottom:0!important;
  padding:14px 18px!important;
}
.product-proof-section .proof-gallery-stage,
.delivery-proof-section .delivery-stage,
.lifecycle-proof-section .runtime-stage {
  border-radius:24px!important;
  border-top:1px solid #3c3630!important;
}

/* Keep gallery arrows inside the same visual gutter as the slide copy. */
@media (min-width:761px){
  .proof-gallery-copy,
  .delivery-copy,
  .runtime-copy{
    grid-template-columns:minmax(0,1fr) max-content!important;
  }
  .proof-gallery-controls,
  .delivery-controls,
  .runtime-controls{
    justify-self:end!important;
    justify-content:flex-end!important;
    gap:12px!important;
  }
}

/* v8.4.2: Runtime UI belongs to lifecycle-proof-section. */
.aw-story-page .lifecycle-proof-section .runtime-showcase,
.aw-story-page .lifecycle-proof-section .runtime-nav { background:#171512!important; }
.aw-story-page .lifecycle-proof-section .runtime-copy {
  background:#171512!important;
  border-color:#3c3630!important;
  color:#fffdf8!important;
}
.aw-story-page .lifecycle-proof-section .runtime-copy :is(h2,h3,h4,strong){ color:#fffdf8!important; }
.aw-story-page .lifecycle-proof-section .runtime-copy > p:not(.mono-label){ color:#d6cdc2!important; }
.aw-story-page .lifecycle-proof-section .runtime-controls button{
  background:#f7f1e8!important;
  border-color:#f7f1e8!important;
  color:#171512!important;
  box-shadow:none!important;
}

/* Frame runtime dialogs tightly, without changing the dialog itself. */
.aw-story-page .lifecycle-proof-section .runtime-ui-mount {
  min-height:clamp(420px,44vw,560px)!important;
  padding:clamp(24px,4vw,48px)!important;
}
@media (max-width:760px) {
  .aw-story-page .lifecycle-proof-section .runtime-ui-mount {
    min-height:320px!important;
    padding:18px 12px!important;
  }
}

/*
   Do not combine browser scroll snapping with the script's settled section
   alignment. The combination makes ArrowUp/ArrowDown visibly stutter on
   pricing. The script remains the single, gentle snap mechanism everywhere.
*/
@media (min-width:901px) {
  html:has(.pricing-section) {
    scroll-snap-type:none!important;
  }
  html:has(.pricing-section) main > section {
    scroll-snap-align:none;
  }
}

/* Assessment: a single high-contrast control surface, independent of band theme. */
.aw-story-page .assessment-section .assessment-wizard {
  background:#171512!important;
  border-color:#3c3630!important;
  color:#fffdf8!important;
}
.aw-story-page .assessment-section .assessment-progress :is(span,strong),
.aw-story-page .assessment-section .assessment-step-label {
  color:#d8d0c5!important;
}
.aw-story-page .assessment-section .assessment-step h3 {
  color:#fffdf8!important;
  text-shadow:none!important;
}
.aw-story-page .assessment-section .assessment-option span {
  min-height:66px;
  background:#26221e!important;
  border-color:#4d463e!important;
  color:#fffdf8!important;
  font-weight:650!important;
  box-shadow:none!important;
}
.aw-story-page .assessment-section .assessment-option:hover span {
  background:#312c27!important;
  border-color:#f08361!important;
  color:#fffdf8!important;
  -webkit-text-fill-color:#fffdf8!important;
}
.aw-story-page .assessment-section .assessment-option input:checked + span {
  background:linear-gradient(135deg,#f87952,#e95732)!important;
  border-color:#ff9675!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 10px 24px rgba(244,107,66,.27)!important;
}
.aw-story-page .assessment-section .assessment-option input:focus-visible + span {
  outline:3px solid rgba(255,153,115,.72)!important;
  outline-offset:3px;
}

/* Resources cards follow the active adaptive band, including after reordering. */
.aw-story-page main > section[data-aw-theme] .resource-card h3 {
  color:var(--aw-heading)!important;
}
.aw-story-page main > section[data-aw-theme] .resource-card p {
  color:var(--aw-muted)!important;
  opacity:1!important;
}
.aw-story-page main > section[data-aw-theme] .resource-card span {
  color:var(--aw-accent)!important;
}

/* Flat section transitions meet the sticky bar without a separator line. */
.aw-story-page .topbar,
.aw-story-page .topbar.is-scrolled,
.aw-utility-page .topbar,
.aw-utility-page .topbar.is-scrolled {
  background:rgba(22,21,19,.98)!important;
  border-bottom:0!important;
  border-bottom-width:0!important;
  border-bottom-style:none!important;
  border-bottom-color:transparent!important;
  background-clip:padding-box!important;
  box-shadow:none!important;
  outline:0!important;
  /* Keep the final two pixels inside the header's own opaque paint layer.
     This avoids a fractional seam where the sticky layer meets any section. */
  margin-bottom:0!important;
  padding-bottom:2px!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.aw-story-page .topbar + main,
.aw-utility-page .topbar + main {
  border-top:0!important;
  margin-top:0!important;
  padding-top:0!important;
}

/* Safari can paint a one-pixel light seam below a translucent sticky layer.
   Give WebKit one opaque composited header surface instead. */
@supports (-webkit-touch-callout:none) {
  .aw-story-page .topbar,
  .aw-story-page .topbar.is-scrolled,
  .aw-utility-page .topbar,
  .aw-utility-page .topbar.is-scrolled {
    background:#161513!important;
    border:0!important;
    box-shadow:none!important;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    will-change:transform;
  }
}

/* WebKit occasionally leaves a light seam below a sticky layer even when it
   has no border. Paint a two-pixel continuation only while dark content is
   directly underneath. This applies equally to iPhone portrait and landscape. */
.aw-story-page .topbar.is-over-dark::after {
  content:"";
  position:absolute;
  z-index:0;
  left:0;
  right:0;
  bottom:-2px;
  height:2px;
  background:#0f0e0d;
  pointer-events:none;
}

/* Desktop Safari uses a fixed bar with the same reserved space. */
@media (min-width:981px) {
  html.aw-safari .aw-story-page .topbar,
  html.aw-safari .aw-story-page .topbar.is-scrolled,
  html.aw-safari .aw-utility-page .topbar,
  html.aw-safari .aw-utility-page .topbar.is-scrolled {
    position:fixed!important;
    inset:0 0 auto 0;
    width:100%;
    height:82px!important;
    padding-bottom:0!important;
    box-sizing:border-box!important;
  }
  html.aw-safari .aw-story-page .topbar + main,
  html.aw-safari .aw-utility-page .topbar + main {
    padding-top:82px!important;
  }
}

@media (min-width:981px) {
  .aw-story-page .nav-wrap,
  .aw-utility-page .nav-wrap {
    min-height:76px;
  }
}

/* Rendered UI dialogs use a tighter canvas than terminal views. */
.aw-story-page .gallery-ui-mount {
  min-height:clamp(360px,42vw,520px)!important;
  padding:clamp(22px,4vw,44px)!important;
}

/* Both artifact views share one top edge. Their content may have different
   heights, but changing a tab must never move the application window. */
.aw-story-page .artifacts-section .artifacts-grid {
  align-items:start;
}
.aw-story-page .artifact-evidence {
  /* Keep both carousel panes in one stable layout box. Safari otherwise
     scrolls the document while it anchors a control after a pane resize. */
  min-height:658px;
  overflow-anchor:none;
}
@media (min-width:1051px) {
  /* Safari stable has no usable scroll-anchoring opt-out yet. Give both
     artifact states one fixed canvas so changing a tab cannot resize the
     document and provoke Safari's focus scrolling. */
  html.aw-safari .aw-story-page .artifact-evidence {
    display:flex;
    flex-direction:column;
    height:658px;
    min-height:0;
  }
  html.aw-safari .aw-story-page .artifact-evidence-stage {
    flex:1 1 auto;
    min-height:0;
  }
  html.aw-safari .aw-story-page .artifact-evidence-pane.is-active {
    height:100%;
    min-height:0;
    overflow:hidden;
  }
  html.aw-safari .aw-story-page .artifact-config-window pre {
    height:350px;
  }
}
@media (max-width:760px) {
  .aw-story-page .gallery-ui-mount {
    min-height:320px!important;
    padding:18px 12px!important;
  }
}

/* Temporary brand-name preview in the footer. */
.aw-brand-preview-trigger {
  margin-top: 18px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--accent, #f26d43);
  font: 700 0.72rem/1.2 inherit;
  letter-spacing: 0.06em;
  text-decoration: underline;
  text-underline-offset: 0.25em;
  cursor: pointer;
}
.aw-brand-preview-trigger:hover,
.aw-brand-preview-trigger:focus-visible { color: #fff7ed; }
.aw-brand-preview-modal[hidden] { display: none; }
.aw-brand-preview-modal {
  position: fixed;
  z-index: 10050;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(12, 11, 10, 0.76);
  backdrop-filter: blur(10px);
}
.aw-brand-preview-panel {
  position: relative;
  width: min(100%, 540px);
  padding: 38px;
  border: 1px solid #d8cfc2;
  border-radius: 24px;
  background: #f7f3eb;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.45);
  color: #1d1a17;
}
.aw-brand-preview-eyebrow {
  margin: 0 0 12px;
  color: #e9653c;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.aw-brand-preview-panel h2 {
  margin: 0 0 10px;
  font-size: clamp(1.7rem, 5vw, 2.4rem);
  line-height: 1.04;
}
.aw-brand-preview-panel > p:not(.aw-brand-preview-eyebrow):not(.aw-brand-preview-note) {
  margin: 0;
  color: #655f58;
  line-height: 1.55;
}
.aw-brand-preview-panel label {
  display: grid;
  gap: 8px;
  margin-top: 24px;
  color: #3d3934;
  font-size: 0.82rem;
  font-weight: 700;
}
.aw-brand-preview-input {
  width: 100%;
  min-height: 50px;
  padding: 12px 14px;
  border: 1px solid #bcb2a5;
  border-radius: 12px;
  background: #fffdf9;
  color: #1d1a17;
  font: inherit;
}
.aw-brand-preview-note {
  margin: 12px 0 0;
  color: #746d65;
  font-size: 0.78rem;
  line-height: 1.45;
}
.aw-brand-preview-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 26px;
}
.aw-brand-preview-actions button,
.aw-brand-preview-close {
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.aw-brand-preview-actions button {
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid #bcb2a5;
  border-radius: 999px;
  background: transparent;
  color: #302c27;
}
.aw-brand-preview-apply {
  border-color: #e9653c !important;
  background: #e9653c !important;
  color: #fff !important;
}
.aw-brand-preview-close {
  position: absolute;
  top: 12px;
  right: 14px;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #625b53;
  font-size: 1.8rem;
  line-height: 1;
}
body.aw-brand-preview-open { overflow: hidden; }

.aw-cookie-consent {
  position: fixed;
  z-index: 1000;
  right: 24px;
  bottom: 24px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  width: min(680px, calc(100vw - 32px));
  padding: 20px;
  color: #f7f2e9;
  background: #171411;
  border: 1px solid rgba(247, 242, 233, .24);
  border-radius: 18px;
  box-shadow: 0 18px 54px rgba(0, 0, 0, .34);
}
.aw-cookie-consent strong { display: block; font-size: 1rem; }
.aw-cookie-consent p { margin: 8px 0; color: rgba(247, 242, 233, .72); font-size: .9rem; line-height: 1.45; }
.aw-cookie-consent a { color: #ff7043; font-size: .88rem; }
.aw-cookie-consent__actions { display: flex; align-items: center; gap: 10px; }
.aw-cookie-consent .button { min-width: 0; white-space: nowrap; }
@media (max-width: 640px) {
  .aw-cookie-consent { right: 16px; bottom: 16px; grid-template-columns: 1fr; gap: 14px; padding: 18px; }
  .aw-cookie-consent__actions { display: grid; grid-template-columns: 1fr 1fr; }
  .aw-cookie-consent .button { width: 100%; padding-inline: 12px; font-size: .78rem; }
}
@media (max-width: 600px) {
  .aw-brand-preview-modal { padding: 16px; }
  .aw-brand-preview-panel { padding: 30px 22px 22px; border-radius: 20px; }
  .aw-brand-preview-actions { flex-direction: column-reverse; }
  .aw-brand-preview-actions button { width: 100%; }
}

/* Public utility pages share the visual language of the main site. */
.aw-utility-page {
  min-height: 100vh;
  color: #f7f2e9;
  background:
    radial-gradient(circle at 22% 12%, rgba(192, 125, 50, .12), transparent 30%),
    #100f0d;
}
.aw-utility-main { overflow: hidden; }
.aw-utility-hero {
  padding: clamp(84px, 12vw, 160px) 0 clamp(54px, 8vw, 104px);
}
.aw-utility-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(240px, .65fr);
  gap: clamp(36px, 8vw, 120px);
  align-items: end;
}
.aw-utility-kicker {
  margin: 0 0 18px;
  color: #ff7043;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.aw-utility-hero h1 {
  max-width: 900px;
  margin: 0;
  color: #fffaf2;
  font-size: clamp(2.9rem, 6vw, 6.2rem);
  line-height: .98;
  letter-spacing: -.06em;
}
.aw-utility-lead {
  max-width: 510px;
  margin: 0 0 8px;
  color: rgba(247, 242, 233, .72);
  font-size: clamp(1.05rem, 1.65vw, 1.35rem);
  line-height: 1.55;
}
.aw-utility-section { padding: 0 0 clamp(76px, 10vw, 148px); }
.aw-utility-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.aw-utility-card {
  min-height: 250px;
  padding: clamp(25px, 3vw, 42px);
  border: 1px solid rgba(247, 242, 233, .19);
  border-radius: 24px;
  background: rgba(29, 26, 23, .82);
}
.aw-utility-card h2 { margin: 0 0 14px; color: #fffaf2; font-size: clamp(1.35rem, 2vw, 1.85rem); }
.aw-utility-card p { margin: 0; color: rgba(247, 242, 233, .68); line-height: 1.6; }
.aw-utility-card--feature { display: flex; flex-direction: column; justify-content: space-between; }
.aw-utility-card--feature .aw-utility-card__label { color: #ff7043; font-family: var(--font-mono, ui-monospace, monospace); font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; }
.aw-utility-cta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin-top: 18px;
  padding: clamp(26px, 4vw, 48px);
  border-radius: 24px;
  color: #171411;
  background: #f7f2e9;
}
.aw-utility-cta h2 { margin: 0 0 8px; font-size: clamp(1.5rem, 3vw, 2.5rem); }
.aw-utility-cta p { max-width: 660px; margin: 0; color: #625b53; line-height: 1.5; }
.aw-utility-footer { padding: 30px 0 48px; border-top: 1px solid rgba(247, 242, 233, .16); }
.aw-utility-footer__inner { display: flex; justify-content: space-between; gap: 20px; color: rgba(247, 242, 233, .62); font-size: .9rem; }
.aw-utility-footer a { color: #ff7043; }
.aw-gctrace-demo { overflow: hidden; border: 1px solid rgba(247, 242, 233, .22); border-radius: 24px; background: #17191e; box-shadow: 0 24px 70px rgba(0, 0, 0, .25); }
.aw-gctrace-demo__bar { display: flex; align-items: center; gap: 10px; padding: 16px 20px; border-bottom: 1px solid rgba(255,255,255,.1); color: #f7f2e9; font-weight: 700; }
.aw-gctrace-demo__dots { display: inline-flex; gap: 7px; }.aw-gctrace-demo__dots i { width: 11px; height: 11px; border-radius: 50%; background: #ff685f; }.aw-gctrace-demo__dots i:nth-child(2){background:#f5bd4f}.aw-gctrace-demo__dots i:nth-child(3){background:#54c76b}
.aw-gctrace-demo__controls { display: flex; flex-wrap: wrap; gap: 10px; padding: 14px 20px; border-bottom: 1px solid rgba(255,255,255,.1); }
.aw-gctrace-demo select, .aw-gctrace-demo input, .aw-gctrace-demo button { min-height: 38px; border: 1px solid rgba(255,255,255,.15); border-radius: 9px; color: #f7f2e9; background: #292b32; font: inherit; }
.aw-gctrace-demo select, .aw-gctrace-demo input { padding: 0 10px; }.aw-gctrace-demo input { min-width: 180px; flex: 1; }.aw-gctrace-demo button { padding: 0 13px; cursor: pointer; }.aw-gctrace-demo button:hover { border-color: #ff7043; }
.aw-gctrace-demo__rows { max-height: 330px; overflow: auto; overscroll-behavior: contain; }.aw-gctrace-demo__row { display: grid; grid-template-columns: 130px 76px minmax(180px,1fr) 100px; gap: 14px; padding: 12px 20px; border-bottom: 1px solid rgba(255,255,255,.08); color: #d9d4cc; font: .78rem/1.45 var(--font-mono, ui-monospace, monospace); cursor: pointer; }.aw-gctrace-demo__row.is-selected { background: rgba(255,112,67,.14); }.aw-gctrace-demo__level { color: #78d3bd; }.aw-gctrace-demo__level--warn { color: #f5bd4f; }.aw-gctrace-demo__detail { padding: 18px 20px; color: rgba(247,242,233,.72); font: .82rem/1.6 var(--font-mono, ui-monospace, monospace); white-space: pre-wrap; }.aw-gctrace-demo__notice { margin: 0; padding: 12px 20px; color: #ffbd8b; background: rgba(255,112,67,.08); font-size: .9rem; }
.aw-doc-route { min-height: 100vh; background: #12110f; color: #fffaf2; }.aw-doc-route__hero { padding: clamp(90px, 12vw, 150px) 0 42px; }.aw-doc-route__eyebrow { color:#ff7043; font:700 .72rem var(--font-mono,ui-monospace,monospace); letter-spacing:.13em; text-transform:uppercase; }.aw-doc-route h1 { max-width: 860px; margin: 14px 0; font-size: clamp(2.6rem, 6vw, 5.2rem); line-height: .98; letter-spacing: -.055em; }.aw-doc-route__lead { max-width: 700px; color: rgba(247,242,233,.7); font-size: 1.15rem; line-height:1.6; }.aw-doc-route__content { padding: 40px 0 100px; }.aw-doc-route__panel { max-width: 900px; padding: clamp(24px,4vw,48px); border:1px solid rgba(247,242,233,.16); border-radius:24px; background:#1d1a17; }.aw-doc-route__panel h2 { margin-top: 0; }.aw-doc-route__panel p, .aw-doc-route__panel li { color: rgba(247,242,233,.72); line-height: 1.7; }.aw-doc-route code { padding: .15em .4em; border-radius: 5px; background: rgba(255,255,255,.08); color:#ffbd8b; }
.aw-doc-route__back { display:inline-flex; margin: 0 0 22px; color:#ffbd8b; font-weight:700; }.aw-doc-route__notice { margin:28px 0; padding:20px; border:1px solid rgba(247,242,233,.14); border-radius:16px; background:#151411; color:#fffaf2; }.aw-doc-route__notice pre { margin:16px 0 0; overflow:auto; }.aw-doc-route__notice code { display:block; padding:0; background:transparent; color:#d9d4cc; line-height:1.55; }
.aw-release-filters { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:22px; }.aw-release-filter { border:1px solid rgba(247,242,233,.22); border-radius:999px; padding:10px 16px; color:#f7f2e9; background:#1d1a17; cursor:pointer; font:inherit; font-weight:700; }.aw-release-filter:hover, .aw-release-filter.is-active { border-color:#ff7043; color:#171411; background:#ffbd8b; }.aw-release-list { display:grid; gap:14px; }.aw-release-item { padding:clamp(24px,4vw,38px); border:1px solid rgba(247,242,233,.16); border-radius:20px; background:#1d1a17; }.aw-release-item h2 { margin:0 0 10px; color:#fffaf2; font-size:clamp(1.35rem,2vw,1.9rem); }.aw-release-item p:last-child { max-width:760px; margin:0; color:rgba(247,242,233,.72); line-height:1.65; }
.aw-portal-preview { min-height:100vh; background:#12110f; color:#fffaf2; }.aw-portal-preview__hero { padding:clamp(100px,13vw,160px) 0 48px; }.aw-portal-preview__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding-bottom:90px; }.aw-portal-preview__card { padding:28px; border:1px solid rgba(247,242,233,.16); border-radius:20px; background:#1d1a17; }.aw-portal-preview__card p { color:rgba(247,242,233,.68); }
@media (max-width: 820px) {
  .aw-utility-hero__grid, .aw-utility-grid { grid-template-columns: 1fr; }
  .aw-utility-hero__grid { gap: 26px; }
  .aw-utility-lead { margin: 0; }
  .aw-utility-card { min-height: 0; }
  .aw-utility-cta { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 640px) {
  .aw-utility-hero { padding-top: 66px; }
  .aw-utility-card, .aw-utility-cta { border-radius: 20px; }
  .aw-utility-footer__inner { align-items: flex-start; flex-direction: column; }
  .aw-gctrace-demo__row { grid-template-columns: 85px 52px minmax(130px,1fr); padding: 11px 14px; }.aw-gctrace-demo__row span:last-child { display:none; }.aw-gctrace-demo__controls, .aw-gctrace-demo__bar, .aw-gctrace-demo__detail { padding-left:14px; padding-right:14px; }
  .aw-portal-preview__grid { grid-template-columns:1fr; }
}

/* Localized prose wraps only at natural word boundaries; identifiers opt into breaking separately. */
.aw-site-page .hero-copy,.aw-site-page .hero-copy :is(.eyebrow,h1,.hero-lead,.hero-business,.roadmap-note){min-width:0;max-inline-size:100%;overflow-wrap:normal;word-break:normal;hyphens:none}

@media(min-width:981px){.aw-site-page .topbar{height:76px;box-sizing:border-box}.aw-site-page .nav-wrap{height:76px;min-height:76px}}

@media(max-width:430px){.nav-wrap,.aw-site-page .nav-wrap{min-height:70px;column-gap:5px}.aw-site-page .brand small{display:block;font-size:9px;line-height:1.1;white-space:nowrap}.brand{gap:7px}.brand img{width:34px;height:34px}.brand strong{font-size:14px}.platform-switch{width:68px;min-width:68px;height:36px;min-height:36px;padding:2px;gap:2px;box-sizing:border-box}.platform-switch a,.platform-switch .platform-option{width:30px;min-width:30px;height:30px;min-height:30px}.lang-switch{width:96px;min-width:96px;height:36px;min-height:36px;padding:2px;box-sizing:border-box}.lang-switch a,.lang-switch button{width:30px;min-width:30px;height:30px;min-height:30px}.menu-toggle{flex-basis:38px;width:38px;height:38px;min-height:38px}}
