@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080b12;--panel:#101520;--panel-2:#141b29;--text:#f5f7ff;--muted:#9ca8bc;--line:rgba(190,204,232,.16);--violet:#8b72ff;--cyan:#7ce9ef;--green:#7ce5b1;--font:Manrope,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"DM Mono",ui-monospace,SFMono-Regular,Menlo,monospace}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 73% 39%,rgba(86,67,183,.12),transparent 38%),var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}.ambient{position:fixed;pointer-events:none;filter:blur(90px);opacity:.23;border-radius:50%;z-index:0}.ambient-one{width:420px;height:420px;right:-160px;top:-170px;background:#664cff}.ambient-two{width:300px;height:300px;left:-200px;bottom:-120px;background:#167d9c}.site-shell{position:relative;z-index:1;width:min(1440px,100%);min-height:100vh;margin:auto;padding:28px clamp(22px,5vw,76px) 22px;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-symbol{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(139,114,255,.45);border-radius:13px;background:linear-gradient(145deg,rgba(139,114,255,.22),rgba(124,233,239,.06));box-shadow:inset 0 1px rgba(255,255,255,.1)}.brand-symbol svg{width:21px;height:21px;fill:none;stroke:#c9c0ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-name{font-size:13px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.brand-sub{font:10px var(--mono);letter-spacing:.08em;color:var(--muted)}.availability{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid rgba(124,229,177,.25);border-radius:100px;background:rgba(124,229,177,.06);color:#c1f8dc;font-size:11px;font-weight:700;letter-spacing:.04em}.pulse,.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(124,229,177,.1);flex-shrink:0}.status-short{display:none}.hero{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(410px,.97fr);gap:clamp(44px,7vw,108px);align-items:center;flex:1;padding:clamp(44px,7vh,84px) 0 58px}.hero-copy{max-width:690px}.eyebrow{display:flex;align-items:center;gap:11px;margin-bottom:22px;color:#b8aaff;font:11px var(--mono);letter-spacing:.14em;text-transform:uppercase}.eyebrow-line{display:inline-block;width:25px;height:1px;background:var(--violet)}h1{margin:0 0 23px;font-size:clamp(44px,6.2vw,88px);line-height:.98;letter-spacing:-.075em;font-weight:800;overflow-wrap:anywhere}h1 span{color:#a99aff}.announcement{margin:0 0 17px;padding:15px 17px;border-left:2px solid var(--violet);border-radius:0 12px 12px 0;background:linear-gradient(90deg,rgba(139,114,255,.1),rgba(139,114,255,.025));color:#e6e8f3;font-size:13px;line-height:1.75}.subtitle{max-width:580px;margin:0 0 26px;color:var(--muted);font-size:14px;line-height:1.8}.price-card{padding:20px 22px 19px;border:1px solid rgba(185,196,225,.19);border-radius:17px;background:linear-gradient(130deg,rgba(255,255,255,.065),rgba(255,255,255,.018));box-shadow:0 20px 65px rgba(0,0,0,.13);backdrop-filter:blur(14px)}.price-top{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#b8c0d2;font:10px var(--mono);letter-spacing:.07em;text-transform:uppercase}.fixed-tag{padding:6px 8px;border:1px solid rgba(139,114,255,.32);border-radius:6px;color:#c9bfff;background:rgba(139,114,255,.09);white-space:nowrap}.price{margin:12px 0 7px;font-size:clamp(29px,3.4vw,47px);font-weight:800;letter-spacing:-.06em;line-height:1.1}.price small{font:11px var(--mono);letter-spacing:.1em;color:#b3a7ff;vertical-align:middle}.price-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.actions{display:flex;flex-wrap:wrap;gap:11px;margin:17px 0 15px}.button{display:inline-flex;min-height:49px;align-items:center;justify-content:center;gap:10px;padding:0 16px;border:1px solid transparent;border-radius:10px;text-decoration:none;font-size:12px;font-weight:800;transition:transform .2s ease,border-color .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(110deg,#9279ff,#7457ee);color:#fff;box-shadow:0 8px 28px rgba(119,91,238,.23)}.button-primary:hover{background:linear-gradient(110deg,#a28fff,#8066f4)}.button-secondary{border-color:var(--line);background:rgba(255,255,255,.025);color:#e3e7f3}.button-secondary:hover{border-color:rgba(180,166,255,.55);background:rgba(139,114,255,.07)}.shield-icon{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;background:rgba(255,255,255,.16)}.shield-icon svg,.note-icon svg,.escrow-assurance svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.arrow{font-size:16px;font-weight:500}.transaction-note{display:flex;align-items:flex-start;gap:11px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;color:#b1bbce;background:rgba(255,255,255,.018);font-size:10.5px;line-height:1.75}.transaction-note p{margin:0}.transaction-note strong{color:#e5e7f1}.transaction-note a{text-underline-offset:3px}.note-icon{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:7px;background:rgba(139,114,255,.13);color:#b8aaff}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.tags span{padding:7px 9px;border:1px solid rgba(190,204,232,.13);border-radius:7px;background:rgba(255,255,255,.018);color:#bdc6d8;font-size:10px;font-weight:600}.visual-column{min-width:0}.visual-kicker{display:flex;align-items:center;gap:10px;margin:0 0 13px;color:#a6b1c6;font:10px var(--mono);letter-spacing:.12em}.kicker-rule{height:1px;flex:1;background:var(--line)}.architecture-card{position:relative;padding:15px;border:1px solid rgba(187,199,231,.19);border-radius:19px;background:linear-gradient(145deg,rgba(22,29,45,.95),rgba(11,15,25,.96));box-shadow:0 30px 90px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.04);overflow:hidden}.architecture-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,rgba(119,91,238,.13),transparent 58%);pointer-events:none}.card-topline,.card-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8995ad;font:9px var(--mono);letter-spacing:.04em}.card-topline{padding:0 2px 14px;border-bottom:1px solid var(--line)}.window-controls{display:flex;gap:5px}.window-controls i{width:7px;height:7px;border-radius:50%;background:#6e7790}.window-controls i:first-child{background:#ff817b}.window-controls i:nth-child(2){background:#e9c56f}.window-controls i:nth-child(3){background:#7ce5b1}.live-label{color:#8bdfbb}.architecture{position:relative;height:440px;overflow:hidden}.architecture-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(166,183,220,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(166,183,220,.055) 1px,transparent 1px);background-size:31px 31px;mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent)}.connectors{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.connectors path{fill:none;stroke:rgba(155,135,255,.8);stroke-width:1.5;stroke-dasharray:5 5}.connectors circle{fill:#a99aff;filter:drop-shadow(0 0 5px #9279ff)}.node,.core-node{position:absolute;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border:1px solid rgba(190,204,232,.2);border-radius:11px;background:rgba(20,27,42,.94);box-shadow:0 12px 28px rgba(0,0,0,.18)}.node{width:42%;min-height:74px;padding:12px}.node strong{font-size:11px;letter-spacing:-.02em}.node small{margin-top:7px;color:#a8b4ca;font:9px var(--mono)}.node-cloud{top:37px;left:2%}.node-agent{top:37px;right:2%}.node-icon{display:grid;place-items:center;width:23px;height:23px;margin-bottom:9px;border-radius:7px;background:rgba(139,114,255,.15);color:#c2b7ff;font-size:15px}.node-cloud small{color:var(--green)}.node-cloud small b,.card-bottom i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin-right:5px}.node-agent small{color:#9cafff}.core-node{top:41%;left:50%;transform:translate(-50%,-50%);width:49%;min-height:100px;align-items:center;text-align:center;border-color:rgba(169,154,255,.62);background:linear-gradient(145deg,rgba(47,40,83,.97),rgba(17,22,36,.98));box-shadow:0 0 0 5px rgba(139,114,255,.05),0 16px 40px rgba(0,0,0,.25)}.core-glyph{color:#c5baff;font:700 22px var(--mono);margin-bottom:6px}.core-node strong{font-size:12px}.core-node span{margin-top:8px;color:#9f91f6;font:8px var(--mono);letter-spacing:.1em}.node-sandbox,.node-runtime{top:76%;width:42%;min-height:66px}.node-sandbox{left:2%}.node-runtime{right:2%}.node-sandbox strong,.node-runtime strong{font-size:10px}.node-sandbox small,.node-runtime small{color:#a6b2c7}.architecture-caption{position:absolute;bottom:12px;left:2px;right:2px;display:flex;justify-content:space-between;gap:10px;color:#69758c;font:8px var(--mono);letter-spacing:.09em}.card-bottom{padding:13px 2px 0;border-top:1px solid var(--line)}.card-bottom span:first-child{display:flex;align-items:center}.visual-footnote{display:flex;align-items:center;gap:13px;margin-top:15px;padding:0 4px;color:#a8b3c8}.visual-footnote>span:first-child{color:#a99aff;font:11px var(--mono)}.visual-footnote p{flex:1;margin:0;font-size:11px;line-height:1.6}.footnote-mark{color:#a99aff;font-size:18px}.footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:19px;border-top:1px solid var(--line);color:#7f8ba1;font-size:9px;line-height:1.7}.footer p{max-width:820px;margin:0}.escrow-assurance{display:flex;align-items:center;gap:8px;flex-shrink:0;color:#c1b7ff;font-weight:700}.escrow-assurance svg{width:15px;height:15px}
@media(min-width:1200px) and (min-height:850px){.site-shell{padding-top:34px}.hero{padding-top:7vh;padding-bottom:7vh}.architecture{height:480px}}
@media(max-width:1050px){.hero{grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);gap:36px}.architecture{height:400px}.price-top{font-size:9px}.button{font-size:11px;padding:0 12px}}
@media(max-width:800px){.site-shell{padding:22px 22px 18px}.hero{grid-template-columns:1fr;gap:44px;padding:48px 0}.hero-copy{max-width:720px}.visual-column{max-width:600px;width:100%;margin:auto}.architecture{height:440px}h1{font-size:clamp(48px,10vw,76px)}.footer{align-items:flex-start}}
@media(max-width:520px){.site-shell{padding:16px 16px 18px}.topbar{padding-bottom:16px}.brand-symbol{width:35px;height:35px}.brand-name{font-size:11px}.brand-sub{font-size:9px}.availability{padding:8px 10px;font-size:9px;gap:7px}.status-full{display:none}.status-short{display:inline}.hero{padding:38px 0;gap:36px}.eyebrow{font-size:9px;margin-bottom:18px}h1{font-size:clamp(43px,12vw,62px);margin-bottom:19px}.announcement{font-size:12px;padding:13px}.subtitle{font-size:13px}.price-card{padding:16px}.price-top{align-items:flex-start;line-height:1.5}.fixed-tag{font-size:8px}.price{font-size:clamp(28px,8vw,38px)}.actions{flex-direction:column}.button{width:100%;min-height:49px;font-size:12px}.transaction-note{font-size:10px}.tags span{font-size:9px}.visual-kicker{font-size:8px}.architecture-card{padding:11px;border-radius:15px}.architecture{height:355px}.node{min-height:68px;padding:9px;width:44%}.node strong{font-size:9px}.node small{font-size:8px}.node-cloud{left:0}.node-agent{right:0}.core-node{width:54%;min-height:88px}.core-node strong{font-size:10px}.core-node span{font-size:7px}.node-sandbox,.node-runtime{width:44%;top:75%}.node-sandbox{left:0}.node-runtime{right:0}.architecture-caption{font-size:7px}.card-topline,.card-bottom{font-size:8px}.live-label{display:none}.footer{flex-direction:column;gap:12px}.footer p{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Centered domain masthead refinement */
.hero{grid-template-columns:minmax(0,1.03fr) minmax(410px,.97fr);align-items:start}
.hero-copy{padding-top:0}
.hero-masthead{width:100%;text-align:center;margin:0 0 30px}
.hero-masthead h1{white-space:nowrap;word-break:normal;overflow-wrap:normal;font-size:clamp(42px,5.4vw,76px);letter-spacing:-.075em;margin:0 0 16px}
.hero-masthead h1 span{white-space:nowrap}
.hero-masthead .eyebrow{justify-content:center;margin:0;font-size:10px}
.hero-masthead .eyebrow-line{width:22px}
@media(max-width:800px){.hero{align-items:stretch}.hero-masthead{margin-bottom:25px}.hero-masthead h1{font-size:clamp(39px,9.5vw,68px)}}
@media(max-width:520px){.hero-masthead{margin-bottom:22px}.hero-masthead h1{font-size:clamp(34px,9.8vw,49px);letter-spacing:-.07em}.hero-masthead .eyebrow{font-size:8px;letter-spacing:.1em}.hero-masthead .eyebrow-line{width:14px}}


/* Responsive repair: prevent overflow and preserve readable sizing on phones/tablets. */
html, body { width: 100%; max-width: 100%; }
body { overflow-x: clip; }
.site-shell { width: 100%; min-width: 0; }
.hero, .hero-copy, .visual-column, .architecture-card, .price-card { min-width: 0; }
.hero { grid-template-columns: minmax(0, 1fr) minmax(0, .97fr); }
.hero-masthead h1 { font-size: clamp(2.35rem, 5.2vw, 4.75rem); }
.price { overflow-wrap: anywhere; }
.price-top { flex-wrap: wrap; }
.button { min-width: 0; }
.button-secondary { overflow-wrap: anywhere; }
.card-topline > span:nth-of-type(1) { overflow-wrap: anywhere; }
.architecture { min-width: 0; }
@media (max-width: 900px) {
  .site-shell { padding: 20px clamp(16px, 4vw, 28px) 18px; }
  .hero { grid-template-columns: minmax(0, 1fr); gap: 36px; padding: 38px 0 42px; }
  .hero-copy { width: 100%; max-width: none; }
  .hero-masthead { margin-bottom: 26px; }
  .hero-masthead h1 { font-size: clamp(2.5rem, 8.5vw, 4.8rem); white-space: nowrap; }
  .visual-column { width: 100%; max-width: 620px; margin-inline: auto; }
  .architecture { height: clamp(330px, 68vw, 440px); }
  .footer { align-items: flex-start; }
}
@media (max-width: 560px) {
  .site-shell { padding: 14px 14px 18px; }
  .topbar { align-items: flex-start; gap: 12px; }
  .brand { min-width: 0; gap: 8px; }
  .brand-symbol { width: 32px; height: 32px; border-radius: 10px; }
  .brand-name { font-size: 10px; letter-spacing: .09em; }
  .brand-sub { font-size: 8px; }
  .availability { max-width: 48%; padding: 7px 9px; font-size: 8px; line-height: 1.35; white-space: normal; }
  .pulse { width: 6px; height: 6px; }
  .hero { padding: 32px 0 34px; gap: 32px; }
  .hero-masthead { margin-bottom: 22px; }
  .hero-masthead h1 { font-size: clamp(2rem, 9.5vw, 3rem); letter-spacing: -.07em; white-space: nowrap; }
  .hero-masthead .eyebrow { font-size: clamp(7px, 2.2vw, 9px); letter-spacing: .08em; gap: 7px; }
  .hero-masthead .eyebrow-line { width: 14px; }
  .announcement { font-size: 12px; line-height: 1.7; padding: 12px 13px; }
  .subtitle { font-size: 12px; line-height: 1.75; margin-bottom: 20px; }
  .price-card { padding: 15px 14px; border-radius: 13px; }
  .price-top { align-items: flex-start; font-size: 8px; gap: 7px; }
  .price-top > span:first-child { flex: 1 1 125px; }
  .fixed-tag { white-space: normal; max-width: 48%; font-size: 7px; line-height: 1.4; padding: 5px 6px; }
  .price { font-size: clamp(25px, 7.6vw, 36px); letter-spacing: -.055em; }
  .price small { font-size: 9px; }
  .price-card p { font-size: 10px; }
  .actions { flex-direction: column; gap: 9px; }
  .button { width: 100%; min-height: 48px; padding: 10px 12px; font-size: 11px; white-space: normal; text-align: center; }
  .transaction-note { gap: 8px; padding: 11px; font-size: 10px; line-height: 1.7; }
  .tags { gap: 6px; }
  .tags span { font-size: 9px; padding: 6px 7px; }
  .visual-kicker { font-size: 7px; gap: 7px; letter-spacing: .08em; }
  .architecture-card { padding: 9px; border-radius: 13px; }
  .card-topline, .card-bottom { font-size: 7px; gap: 6px; }
  .card-topline { padding-bottom: 11px; }
  .window-controls { gap: 3px; }
  .window-controls i { width: 6px; height: 6px; }
  .architecture { height: 320px; }
  .node { width: 45%; min-height: 63px; padding: 7px; border-radius: 8px; }
  .node strong { font-size: 8px; line-height: 1.35; }
  .node small { font-size: 7px; overflow-wrap: anywhere; }
  .node-icon { width: 19px; height: 19px; margin-bottom: 6px; font-size: 12px; }
  .node-cloud { left: 0; top: 28px; }
  .node-agent { right: 0; top: 28px; }
  .core-node { width: 57%; min-height: 78px; top: 43%; padding: 7px 4px; }
  .core-glyph { font-size: 18px; }
  .core-node strong { font-size: 9px; }
  .core-node span { font-size: 6px; letter-spacing: .04em; }
  .node-sandbox, .node-runtime { width: 45%; top: 75%; min-height: 58px; }
  .node-sandbox { left: 0; }
  .node-runtime { right: 0; }
  .architecture-caption { font-size: 6px; letter-spacing: .04em; bottom: 7px; }
  .visual-footnote { gap: 9px; }
  .visual-footnote p { font-size: 10px; }
  .footer { flex-direction: column; gap: 10px; padding-top: 15px; }
  .footer p { font-size: 9px; }
}
@media (max-width: 360px) {
  .brand-name { font-size: 9px; }
  .availability { max-width: 46%; font-size: 7px; }
  .hero-masthead h1 { font-size: 1.85rem; }
  .hero-masthead .eyebrow-line { width: 9px; }
  .price { font-size: 24px; }
  .architecture { height: 290px; }
  .node strong { font-size: 7px; }
}