/* ============================================================
   REX42 — custom.css
   The single stylesheet for the whole site. No inline style
   attributes remain in any page.

     1. Tokens & base resets
     2. Layout container (hybrid: fluid small/medium, capped large)
     3. Section styles — one uniquely named class per element,
        grouped by the section it belongs to
     4. Components — FAQ accordion, contact form, scroll-to-top, images
     5. Responsive layer — mobile nav, hero stacking, fluid rhythm
   ============================================================ */

/* ---------- 1. Tokens & base ---------- */
:root{
    --accent:#e11d24;
    --accent-hi:#ff4249;
    --line:#191919;
    --line-2:#242424;
    --wrap:1640px;
    --sec-pad:clamp(56px,7vw,112px);
    --mono:Poppins,Arial,Helvetica,sans-serif;
    --title:Ubuntu,Arial,Helvetica,sans-serif;
    --body:Poppins,Arial,Helvetica,sans-serif;
  }
  html,body{margin:0;padding:0;background:#000;}
  body{font-family:Poppins,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff;-webkit-font-smoothing:antialiased;}
  *{box-sizing:border-box;}
  a{color:#e11d24;text-decoration:none;}
  a:hover{color:#ff5a60;}
  img{display:block;max-width:100%;}
  @keyframes rexPulse{0%,100%{opacity:.45}50%{opacity:1}}
  /* below 1500px the hero copy column narrows to 40vw; release the headline's fixed box so it follows it */
  @media (max-width:1499px){
    #heroTitle{width:auto !important;height:auto !important;max-width:100% !important;font-size:clamp(30px,3.1vw,44px) !important;margin-bottom:16px !important;}
    #heroBanner{width:58% !important;}
    #heroBannerInner{top:50% !important;right:0 !important;transform:translateY(-50%) !important;aspect-ratio:16 / 9 !important;width:165% !important;height:auto !important;min-width:165% !important;min-height:0 !important;}
  }

html { -webkit-text-size-adjust: 100%; }
html, body { max-width: 100%; overflow-x: hidden; }
body { margin: 0; overflow-wrap: break-word; }
*, *::before, *::after { box-sizing: border-box; }
img, svg, video, canvas { max-width: 100%; }

/* Font scale stays proportional through the 1660-1920px band */
@media (min-width: 1660px) { :root { --wrap: 1660px; } }
@media (min-width: 1921px) { :root { --wrap: 1920px; } }

/* ---------- 2. Layout container ----------
   Small / medium: 100% width with responsive gutters.
   Large / XL: centred fixed-width container.
   Section backgrounds and banners stay full-bleed; only inner content is capped. */
.container {
  width: 100%;
  margin-inline: auto;
  padding-inline: clamp(16px, 4vw, 40px);
}
@media (min-width: 1660px) { .container { max-width: 1660px; } }
@media (min-width: 1921px) { .container { max-width: 1920px; } }

/* page-specific rules carried over from the source designs */
/* keep the three "keep reading" cards side by side at every width above mobile */
  #keepReadingGrid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  @media (max-width:760px){#keepReadingGrid{grid-template-columns:minmax(0,1fr) !important;}}
/* below 1500px the four constraint cards read better two-up */
  @media (max-width:1499px){#constraintGrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
  @media (max-width:700px){#constraintGrid{grid-template-columns:minmax(0,1fr) !important;}}
/* by-function cards: three per row */
  #functionGrid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  @media (max-width:1100px){#functionGrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
  @media (max-width:700px){#functionGrid{grid-template-columns:minmax(0,1fr) !important;}}
:root{
    --accent:#e11d24;
    --accent-hi:#ff4249;
    --line:#191919;
    --line-2:#242424;
    --wrap:1640px;
    --sec-pad:clamp(56px,7vw,112px);
    --mono:Poppins,Arial,Helvetica,sans-serif;
    --title:Ubuntu,Arial,Helvetica,sans-serif;
    --body:Poppins,Arial,Helvetica,sans-serif;
  }
  html,body{margin:0;padding:0;background:#000;}
  body{font-family:Poppins,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff;-webkit-font-smoothing:antialiased;}
  *{box-sizing:border-box;}
  a{color:#e11d24;text-decoration:none;}
  a:hover{color:#ff5a60;}
  img{display:block;max-width:100%;}
  @keyframes rexPulse{0%,100%{opacity:.45}50%{opacity:1}}
  #objGrid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  @media (max-width:1100px){#objGrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
  @media (max-width:700px){#objGrid{grid-template-columns:minmax(0,1fr) !important;}}
/* practices cards: three per row */
  #practiceGrid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  @media (max-width:1100px){#practiceGrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
  @media (max-width:700px){#practiceGrid{grid-template-columns:minmax(0,1fr) !important;}}
/* article cards: three per row */
  #postGrid,#ctaGrid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  @media (max-width:1100px){#postGrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
  @media (max-width:760px){#ctaGrid{grid-template-columns:minmax(0,1fr) !important;}}
  @media (max-width:700px){#postGrid{grid-template-columns:minmax(0,1fr) !important;}}


  /* --- mobile: hamburger sits last, after the buttons --- */
  @media (max-width:1100px){
    .nav-toggle{order:3 !important;margin-left:6px !important;}
    .site-nav{order:5 !important;}
    .site-cta{order:2 !important;margin-left:auto !important;}
  }
  /* --- mobile hero: release the 1499px desktop bleed so the banner fits --- */
  @media (max-width:1024px){
    #heroBanner{position:relative !important;inset:auto !important;order:2 !important;width:100% !important;height:clamp(230px,56vw,430px) !important;margin-right:0 !important;-webkit-mask-image:linear-gradient(180deg,#000 84%,transparent 100%) !important;mask-image:linear-gradient(180deg,#000 84%,transparent 100%) !important;}
    #heroBannerInner{position:absolute !important;inset:0 !important;top:0 !important;right:auto !important;transform:none !important;width:100% !important;min-width:0 !important;height:100% !important;min-height:0 !important;aspect-ratio:auto !important;-webkit-mask-image:none !important;mask-image:none !important;}
    #heroBannerInner > img,#heroBannerInner > svg{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center !important;}
  }

/* ---------- 3. Section styles ---------- */

/* ===== index ===== */
.index-div-1 { background:#000;color:#fff;font-family:var(--body);overflow-x:clip }

/* ===== header ===== */
.header-header-1 { position:sticky;top:0;z-index:60;background:rgba(0,0,0,0.82);backdrop-filter:blur(14px) saturate(1.2);border-bottom:1px solid var(--line) }
.header-div-1 { max-width:var(--wrap);margin:0 auto;padding:10px clamp(16px,3vw,40px);min-height:72px;display:flex;align-items:center;flex-wrap:wrap;gap:14px clamp(14px,2vw,34px) }
.header-a-1 { display:flex;align-items:center;gap:8px;color:#fff;flex:none }
.header-img-1 { height:34px;width:auto }
.header-nav-1 { display:flex;align-items:center;gap:24px;row-gap:10px;flex:1 1 auto;min-width:0;flex-wrap:wrap;justify-content:center }
.header-a-2 { font-size:12.5px;color:#fff;white-space:nowrap;padding-bottom:4px;border-bottom:2px solid var(--accent) }
.header-a-3 { font-size:12.5px;color:#9d9d9d;white-space:nowrap;padding-bottom:4px;border-bottom:2px solid transparent }
.header-a-3:hover { color:#fff;border-bottom-color:#BE2029 }
.header-div-2 { display:flex;align-items:center;gap:10px;flex:none }
.header-span-1 { display:inline-block;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:#3a3a3a;padding:1px;transition:all .2s }
.header-span-1:hover { background:#BE2029 }
.header-a-4 { display:block;font-size:12.5px;font-weight:500;color:#fff;text-align:center;background:linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,.06)),#08080A;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);padding:8px 17px;white-space:nowrap;transition:background .2s }
.header-a-4:hover { background:linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.12)),#08080A;color:#fff }
.header-span-2 { display:inline-block;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:transparent;padding:0;transition:all .2s }
.header-a-5 { display:block;font-size:12.5px;font-weight:600;color:#fff;text-align:center;background:#BE2029;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);padding:9px 18px;white-space:nowrap;transition:background .2s }
.header-a-5:hover { background:#D32832;color:#fff }
.header-span-3 { display:inline-block;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:transparent;padding:1px;transition:all .2s }
.header-span-3:hover { background:#BE2029 }
.header-a-6 { font-size:12.5px;color:#9d9d9d;white-space:nowrap;padding-bottom:4px;border-bottom:2px solid var(--accent) }

/* ===== hero ===== */
.hero-section-1 { position:relative;border-bottom:1px solid var(--line);background:#000 }
.hero-div-1 { position:absolute;top:0;right:0;bottom:0;width:58%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 26%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 26%,#000 100%);pointer-events:none }
.hero-div-2 { position:absolute;top:50%;right:0;aspect-ratio:16 / 9;min-width:100%;min-height:100%;transform:translateY(-56%);-webkit-mask-image:linear-gradient(180deg,#000 72%,rgba(0,0,0,0.35) 92%,transparent 100%);mask-image:linear-gradient(180deg,#000 72%,rgba(0,0,0,0.35) 92%,transparent 100%) }
.hero-img-1 { width:100%;height:100%;object-fit:fill }
.hero-svg-1 { position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:screen }
.hero-div-3 { position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.3) 0%,transparent 24%,transparent 78%,rgba(0,0,0,0.5) 100%);pointer-events:none }
.hero-div-4 { position:relative;max-width:var(--wrap);margin:0 auto;padding:78px 40px 72px;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;min-height:min(66vh,640px) }
.hero-div-5 { max-width:clamp(340px,40%,600px) }
.hero-div-6 { display:inline-flex;align-items:center;gap:10px;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);background:linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.06)),rgba(8,8,10,0.5);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);padding:8px 16px;margin-bottom:26px }
.hero-span-1 { width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:rexPulse 2.4s ease-in-out infinite }
.hero-span-2 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:#eaeaea }
.hero-h1-1 { margin: 0 0 26px; font-family: var(--title); font-size: clamp(38px,3.8vw,62px); line-height: 1.06; font-weight: 700; letter-spacing: -0.025em; text-wrap: balance;max-width:720px; height: auto }
.hero-span-3 { background:linear-gradient(90deg,#ff4249,#b8121a);-webkit-background-clip:text;background-clip:text;color:transparent }
.hero-p-1 { margin:0 0 34px;font-size:16px;line-height:1.75;color:#b8b8b8;max-width:100%;text-wrap:pretty }
.hero-div-7 { display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px }
.hero-span-4 { display:inline-block;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:transparent;padding:0;transition:all .2s }
.hero-a-1 { display:block;font-size:14px;font-weight:600;color:#fff;text-align:center;background:#BE2029;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);padding:13px 25px;transition:background .2s;white-space:nowrap }
.hero-a-1:hover { background:#D32832;color:#fff }
.hero-span-5 { display:inline-block;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:#3a3a3a;padding:1px;transition:all .2s }
.hero-span-5:hover { background:#BE2029 }
.hero-a-2 { display:block;font-size:14px;font-weight:500;color:#fff;text-align:center;background:linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,.06)),#08080A;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);padding:13px 25px;transition:background .2s;white-space:nowrap }
.hero-a-2:hover { background:linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.12)),#08080A;color:#fff }
.hero-div-8 { display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:34px }
.hero-span-6 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:#c8c8c8 }
.hero-span-7 { width:1px;height:12px;background:#3a3a3a }
.hero-div-9 { border-bottom:1px solid var(--line);background:linear-gradient(180deg,#050505,#000) }
.hero-div-10 { position:relative;max-width:var(--wrap);margin:0 auto;padding:0 clamp(18px,4vw,40px) }
.hero-div-11 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:0;background:#000;border-right:1px solid var(--line) }
.hero-div-12 { padding:28px 18px;display:flex;align-items:flex-start;justify-content:flex-start;gap:14px;min-height:120px;background:#000;border-right:1px solid var(--line);transition:background .25s }
.hero-div-12:hover { background:rgba(225,29,36,0.05) }
.hero-svg-2 { flex:none;margin-top:1px }
.hero-div-13 { font-size:26px;font-weight:600;letter-spacing:-0.02em;line-height:1.2 }
.hero-div-14 { font-family:var(--mono);font-size:10.5px;letter-spacing:0.18em;text-transform:uppercase;color:#8a8a8a;margin-top:7px }
.hero-svg-3 { flex:none;margin-top:2px }
.hero-div-15 { padding:28px 18px;display:flex;align-items:flex-start;justify-content:flex-start;gap:14px;min-height:120px;background:#000;transition:background .25s }
.hero-div-15:hover { background:rgba(225,29,36,0.05) }
.hero-section-2 { position:relative;border-bottom:0;background:#000;overflow:hidden }
.hero-div-16 { position:absolute;inset:0;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:rgba(255,255,255,0.14);pointer-events:none }
.hero-div-17 { position:absolute;inset:1px;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:radial-gradient(980px 460px at 50% 112%, rgba(225,29,36,0.32), transparent 70%),linear-gradient(180deg,#0c0c0e,#070709);pointer-events:none }
.hero-div-18 { position:relative;max-width:var(--wrap);margin:0 auto;padding:clamp(52px,7vw,100px) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:26px }
.hero-div-19 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.hero-h1-2 { font-family:var(--title);margin:0;font-size:clamp(30px,5.6vw,60px);line-height:1.06;font-weight:700;letter-spacing:-0.035em;max-width:1040px;text-wrap:balance }
.hero-p-2 { margin:0;font-size:16.5px;line-height:1.8;color:#a8a8a8;max-width:100%;text-wrap:pretty }
.hero-div-20 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;margin-top:10px }
.hero-div-21 { background:rgba(255,255,255,0.14);padding:1px;height:100%;clip-path:polygon(18px 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%, 0 18px) }
.hero-div-22 { height:100%;background:#0d0d0f;padding:22px 24px;clip-path:polygon(17px 0, 100% 0, 100% calc(100% - 17px), calc(100% - 17px) 100%, 0 100%, 0 17px) }
.hero-div-23 { display:flex;align-items:flex-start;justify-content:space-between;gap:14px }
.hero-div-24 { min-width:0 }
.hero-div-25 { font-family:var(--title);font-size:clamp(24px,2.4vw,30px);font-weight:700;letter-spacing:-0.03em;color:#fff;line-height:1.05 }
.hero-div-26 { font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:#8a8a8a;margin-top:10px }
.hero-svg-4 { flex:none;margin-top:2px;opacity:0.95 }
.hero-section-3 { position:relative;border-bottom:1px solid var(--line);background:#000;overflow:hidden }
.hero-div-27 { position:absolute;inset:0;background:radial-gradient(820px 420px at 78% 8%, rgba(225,29,36,0.16), transparent 68%);pointer-events:none }
.hero-div-28 { position:relative;max-width:var(--wrap);margin:0 auto;padding:84px 40px 76px }
.hero-div-29 { display:flex;align-items:center;gap:14px;margin-bottom:28px }
.hero-span-8 { width:7px;height:7px;background:var(--accent);box-shadow:0 0 10px var(--accent) }
.hero-span-9 { font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:0.24em;text-transform:uppercase;color:var(--accent) }
.hero-h1-3 { font-family:var(--title);margin:0 0 24px;font-size:clamp(38px,3.6vw,56px);line-height:1.06;font-weight:700;letter-spacing:-0.03em;max-width:920px;text-wrap:balance }
.hero-p-3 { margin:0;font-size:16.5px;line-height:1.75;color:#a8a8a8;max-width:660px;text-wrap:pretty }
.hero-div-30 { position:relative;max-width:var(--wrap);margin:0 auto;padding:84px 40px 72px }
.hero-a-3 { font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:0.24em;text-transform:uppercase;color:var(--accent) }
.hero-a-3:hover { color:#ff5a60 }
.hero-h1-4 { font-family:var(--title);margin:0 0 26px;font-size:clamp(34px,3.2vw,52px);line-height:1.08;font-weight:700;letter-spacing:-0.03em;max-width:900px;text-wrap:balance }
.hero-div-31 { display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-family:var(--mono);font-size:10.5px;letter-spacing:0.16em;text-transform:uppercase;color:#6a6a6a }
.hero-span-10 { color:#2e2e2e }
.hero-div-32 { position:relative;max-width:var(--wrap);margin:0 auto;padding:clamp(52px,7vw,100px) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:24px }
.hero-p-4 { margin:0;font-size:16.5px;line-height:1.8;color:#a8a8a8;max-width:880px;text-wrap:pretty }
.hero-div-33 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:#6a6a6a }

/* ===== privacy-promise ===== */
.privacy-promise-section-1 { position:relative;border-bottom:0;background:#000;overflow:hidden }
.privacy-promise-div-1 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px) }
.privacy-promise-div-2 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:56px;align-items:center }
.privacy-promise-div-3 { position:relative }
.privacy-promise-div-4 { position:absolute;inset:10% 8%;background:radial-gradient(closest-side, rgba(225,29,36,0.24), transparent 75%);filter:blur(34px);pointer-events:none }
.privacy-promise-img-1 { position:relative;width:100%;height:auto;clip-path:polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px) }
.privacy-promise-div-5 { display:flex;align-items:center;gap:14px;margin-bottom:22px }
.privacy-promise-span-1 { width:7px;height:7px;background:var(--accent);box-shadow:0 0 10px var(--accent) }
.privacy-promise-span-2 { font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:0.24em;text-transform:uppercase;color:var(--accent) }
.privacy-promise-h2-1 { font-family:var(--title);margin:0 0 30px;font-size:clamp(32px,3.4vw,52px);line-height:1.08;font-weight:700;letter-spacing:-0.035em;text-wrap:balance }
.privacy-promise-span-3 { color:var(--accent) }
.privacy-promise-p-1 { margin:0 0 34px;font-size:16px;line-height:1.75;color:#a8a8a8;max-width:620px;text-wrap:pretty }
.privacy-promise-div-6 { display:flex;flex-direction:column;align-items:flex-start;gap:20px }
.privacy-promise-div-7 { font-size:19px;font-weight:600;color:var(--accent) }
.privacy-promise-span-4 { display:inline-block;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:rgba(255,255,255,0.16);padding:1px;transition:background .25s }
.privacy-promise-span-4:hover { background:#BE2029 }
.privacy-promise-a-1 { display:block;font-size:13px;font-weight:600;color:#fff;text-align:center;background:#0d0d0f;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);padding:12px 22px;transition:background .2s;white-space:nowrap }
.privacy-promise-a-1:hover { background:#151518;color:#fff }

/* ===== what-it-is ===== */
.what-it-is-section-1 { position:relative;border-bottom:0;background:#000;overflow:hidden }
.what-it-is-div-1 { position:absolute;inset:0;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:rgba(255,255,255,0.14);pointer-events:none }
.what-it-is-div-2 { position:absolute;inset:1px;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:radial-gradient(880px 420px at 50% 108%, rgba(225,29,36,0.34), transparent 72%),radial-gradient(520px 380px at 82% 26%, rgba(120,140,255,0.08), transparent 70%),radial-gradient(420px 320px at 62% 6%, rgba(255,255,255,0.06), transparent 70%),linear-gradient(180deg,#0c0c0e,#070709);pointer-events:none }
.what-it-is-div-3 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px) }
.what-it-is-div-4 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),1fr));gap:clamp(32px,4vw,64px);align-items:start }
.what-it-is-div-5 { display:flex;align-items:center;gap:14px;margin-bottom:26px }
.what-it-is-span-1 { width:7px;height:7px;background:var(--accent);box-shadow:0 0 10px var(--accent) }
.what-it-is-span-2 { font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:0.24em;text-transform:uppercase;color:var(--accent) }
.what-it-is-h2-1 { font-family:var(--title);margin:0 0 22px;font-size:clamp(32px,3.2vw,46px);line-height:1.08;font-weight:700;letter-spacing:-0.035em }
.what-it-is-p-1 { margin:0 0 30px;font-size:16px;line-height:1.75;color:#a8a8a8;max-width:440px;text-wrap:pretty }
.what-it-is-div-6 { display:flex;flex-direction:column;gap:16px;max-width:460px;margin-bottom:32px }
.what-it-is-div-7 { display:flex;gap:13px;align-items:flex-start }
.what-it-is-span-3 { flex:none;width:7px;height:7px;background:var(--accent);margin-top:8px }
.what-it-is-div-8 { font-size:15px;line-height:1.7;color:#9a9a9a }
.what-it-is-strong-1 { color:#fff;font-weight:600 }
.what-it-is-div-9 { display:flex;flex-wrap:wrap;gap:12px;align-items:center }
.what-it-is-span-4 { display:inline-block;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:rgba(255,255,255,0.16);padding:1px;transition:background .25s }
.what-it-is-span-4:hover { background:#BE2029 }
.what-it-is-a-1 { display:block;font-size:13px;font-weight:600;color:#fff;text-align:center;background:#0d0d0f;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);padding:12px 22px;white-space:nowrap;transition:background .2s }
.what-it-is-a-1:hover { background:#151518;color:#fff }
.what-it-is-span-5 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:#6a6a6a }
.what-it-is-div-10 { display:flex;flex-direction:column;min-width:0 }
.what-it-is-span-6 { display:block;min-width:0;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);background:rgba(255,255,255,0.14);padding:1px;transition:all .25s;filter:drop-shadow(0 10px 24px rgba(0,0,0,0.85)) }
.what-it-is-span-6:hover { background:#BE2029 }
.what-it-is-div-11 { clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px);background:#0d0d0f;padding:24px 26px;display:flex;gap:20px;align-items:center }
.what-it-is-div-12 { flex:none;width:46px;display:flex;justify-content:center }
.what-it-is-div-13 { min-width:0 }
.what-it-is-div-14 { font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:#6a6a6a;margin-bottom:8px }
.what-it-is-div-15 { font-family:var(--title);font-size:17px;font-weight:600;letter-spacing:-0.01em;color:#fff;margin-bottom:7px }
.what-it-is-div-16 { font-size:13.5px;line-height:1.65;color:#9a9a9a }
.what-it-is-div-17 { display:flex;align-items:center;gap:12px;padding:6px 0 6px 34px }
.what-it-is-span-7 { width:1px;height:26px;background:linear-gradient(180deg,rgba(225,29,36,0.7),rgba(225,29,36,0.15)) }
.what-it-is-span-8 { font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:#6a6a6a }
.what-it-is-span-9 { display:block;min-width:0;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);background:#BE2029;padding:1px;transition:all .25s;filter:drop-shadow(0 0 26px rgba(225,29,36,0.45)) }
.what-it-is-span-9:hover { transform:translateY(-2px) }
.what-it-is-div-18 { clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px);background:#150406;padding:24px 26px;display:flex;gap:20px;align-items:center }
.what-it-is-img-1 { height:30px;width:auto;display:block;filter:drop-shadow(0 0 10px rgba(225,29,36,0.5)) }
.what-it-is-div-19 { font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:rgba(255,255,255,0.55);margin-bottom:8px }
.what-it-is-div-20 { margin-top:18px;background:rgba(255,255,255,0.1);padding:1px;clip-path:polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px) }
.what-it-is-pre-1 { margin:0;padding:20px 22px;overflow-x:auto;background:#08080a;clip-path:polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px);font-family:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.75;color:#b9b9b9 }

/* ===== capabilities ===== */
.capabilities-section-1 { position:relative;border-bottom:0;background:#000;overflow:hidden }
.capabilities-div-1 { position:absolute;inset:0;background:#000;pointer-events:none }
.capabilities-div-2 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px) }
.capabilities-div-3 { display:flex;align-items:center;gap:14px;margin-bottom:32px }
.capabilities-span-1 { width:7px;height:7px;background:var(--accent);box-shadow:0 0 10px var(--accent) }
.capabilities-span-2 { font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:0.24em;text-transform:uppercase;color:var(--accent) }
.capabilities-div-4 { display:flex;flex-wrap:wrap;gap:24px;align-items:flex-end;justify-content:space-between;margin-bottom:56px }
.capabilities-h2-1 { font-family:var(--title);margin:0 0 14px;font-size:clamp(32px,3.2vw,46px);line-height:1.08;font-weight:700;letter-spacing:-0.035em }
.capabilities-p-1 { margin:0;font-size:16px;line-height:1.75;color:#a8a8a8;max-width:620px;text-wrap:pretty }
.capabilities-span-3 { display:inline-block;flex:none;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:rgba(255,255,255,0.16);padding:1px;transition:all .2s }
.capabilities-span-3:hover { background:#BE2029 }
.capabilities-a-1 { display:block;font-size:13px;font-weight:600;color:#fff;text-align:center;background:#0d0d0f;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);padding:12px 22px;transition:background .2s;white-space:nowrap }
.capabilities-a-1:hover { background:#151518;color:#fff }
.capabilities-div-5 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px }
.capabilities-span-4 { display:block;min-width:0;clip-path:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);background:rgba(255,255,255,0.14);padding:1px;transition:background .25s }
.capabilities-span-4:hover { background:#BE2029 }
.capabilities-div-6 { height:100%;clip-path:polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);padding:32px 28px;transition:all .25s;background:#0d0d0f }
.capabilities-div-7 { display:flex;align-items:flex-start;margin-bottom:26px }
.capabilities-div-8 { font-size:17px;font-weight:600;margin-bottom:11px;letter-spacing:-0.01em }
.capabilities-div-9 { font-size:14px;line-height:1.65;color:#8a8a8a }
.capabilities-div-10 { margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.07);display:flex;flex-direction:column;gap:8px }
.capabilities-div-11 { display:flex;gap:10px;align-items:flex-start }
.capabilities-span-5 { flex:none;width:5px;height:5px;background:var(--accent);margin-top:7px }
.capabilities-span-6 { font-size:13.5px;line-height:1.55;color:#9a9a9a }
.capabilities-section-2 { position:relative;border-bottom:0;background:#000;overflow:hidden;scroll-margin-top:90px }
.capabilities-div-12 { position:absolute;inset:0;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:rgba(255,255,255,0.14);pointer-events:none }
.capabilities-div-13 { position:absolute;inset:1px;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:radial-gradient(880px 420px at 50% 108%, rgba(225,29,36,0.26), transparent 72%),linear-gradient(180deg,#0c0c0e,#070709);pointer-events:none }
.capabilities-div-14 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:36px }
.capabilities-div-15 { display:flex;flex-direction:column;gap:16px }
.capabilities-div-16 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.capabilities-h2-2 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.capabilities-p-2 { margin:0;font-size:16.5px;line-height:1.8;color:#a8a8a8;max-width:100%;text-wrap:pretty }
.capabilities-div-17 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(24px,3vw,40px);align-items:start }
.capabilities-div-18 { display:flex;flex-direction:column;gap:18px }
.capabilities-div-19 { display:flex;flex-direction:column;gap:10px }
.capabilities-div-20 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px);transition:background .25s }
.capabilities-div-20:hover { background:#BE2029 }
.capabilities-div-21 { background:#0d0d0f;padding:18px 22px;clip-path:polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px) }
.capabilities-div-22 { font-family:var(--title);font-size:16px;font-weight:600;color:#fff;margin-bottom:6px }
.capabilities-div-23 { font-size:13.5px;line-height:1.65;color:#8f8f8f }
.capabilities-p-3 { margin:0;font-size:15.5px;line-height:1.85;color:#9a9a9a;max-width:100%;text-wrap:pretty }

/* ===== deployment ===== */
.deployment-section-1 { position:relative;border-bottom:0;background:#000;overflow:hidden }
.deployment-div-1 { position:absolute;inset:0;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:rgba(255,255,255,0.14);pointer-events:none }
.deployment-div-2 { position:absolute;inset:1px;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:radial-gradient(880px 420px at 50% 108%, rgba(225,29,36,0.34), transparent 72%),radial-gradient(520px 380px at 82% 26%, rgba(120,140,255,0.08), transparent 70%),radial-gradient(420px 320px at 62% 6%, rgba(255,255,255,0.06), transparent 70%),linear-gradient(180deg,#0c0c0e,#070709);pointer-events:none }
.deployment-div-3 { position:relative;max-width:var(--wrap);margin:0 auto;padding:56px 40px 48px }
.deployment-div-4 { display:flex;align-items:center;gap:14px;margin-bottom:22px }
.deployment-span-1 { width:7px;height:7px;background:var(--accent);box-shadow:0 0 10px var(--accent) }
.deployment-span-2 { font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:0.24em;text-transform:uppercase;color:var(--accent) }
.deployment-div-5 { display:flex;flex-wrap:wrap;gap:24px;align-items:flex-end;justify-content:space-between;margin-bottom:30px }
.deployment-h2-1 { font-family:var(--title);margin:0;font-size:clamp(32px,3.2vw,46px);line-height:1.08;font-weight:700;letter-spacing:-0.035em;text-wrap:balance }
.deployment-span-3 { display:inline-block;flex:none;margin-bottom:2px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:rgba(255,255,255,0.16);padding:1px;transition:all .2s }
.deployment-span-3:hover { background:#BE2029 }
.deployment-a-1 { display:block;font-size:13px;font-weight:600;color:#fff;text-align:center;background:#0d0d0f;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);padding:12px 22px;transition:background .2s;white-space:nowrap }
.deployment-a-1:hover { background:#151518;color:#fff }
.deployment-div-6 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px }
.deployment-span-4 { display:block;min-width:0;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);background:rgba(255,255,255,0.14);padding:1px;transition:all .25s;filter:drop-shadow(0 10px 24px rgba(0,0,0,0.85)) }
.deployment-span-4:hover { transform:translateY(-3px);background:#BE2029 }
.deployment-div-7 { height:100%;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px);background:#0d0d0f;overflow:hidden }
.deployment-img-1 { width:100%;height:clamp(200px,20vw,260px);object-fit:cover;object-position:center;display:block }
.deployment-div-8 { padding:22px 24px 26px;border-top:1px solid rgba(255,255,255,0.08) }
.deployment-div-9 { font-family:var(--mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent);margin-bottom:10px }
.deployment-div-10 { font-size:16px;font-weight:600;margin-bottom:7px }
.deployment-div-11 { font-size:13px;line-height:1.6;color:#9a9a9a }
.deployment-div-12 { position:relative;height:clamp(200px,20vw,260px);overflow:hidden }
.deployment-div-13 { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:1252 / 740;min-width:100%;min-height:100% }
.deployment-img-2 { width:100%;height:100%;object-fit:cover;object-position:center;display:block }
.deployment-img-3 { position:absolute;left:76.7%;top:47.3%;width:13.5%;height:auto;transform:translate(-50%,-50%) }
.deployment-div-14 { background:#000;color:#fff;font-family:var(--body);overflow-x:clip }

/* ===== architecture ===== */
.architecture-section-1 { position:relative;border-bottom:0;background:#000;overflow:hidden }
.architecture-div-1 { position:absolute;inset:0;background:linear-gradient(180deg,#0c0c0e,#070709);pointer-events:none }
.architecture-div-2 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px) }
.architecture-div-3 { display:flex;align-items:center;gap:14px;margin-bottom:32px }
.architecture-span-1 { width:7px;height:7px;background:var(--accent);box-shadow:0 0 10px var(--accent) }
.architecture-span-2 { font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:0.24em;text-transform:uppercase;color:var(--accent) }
.architecture-div-4 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,560px),1fr));gap:48px;align-items:center }
.architecture-h2-1 { font-family:var(--title);margin:0 0 22px;font-size:clamp(32px,3.2vw,46px);line-height:1.08;font-weight:700;letter-spacing:-0.035em }
.architecture-p-1 { margin:0;font-size:16px;line-height:1.75;color:#a8a8a8;max-width:460px;text-wrap:pretty }
.architecture-span-3 { display:inline-block;margin-top:34px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:rgba(255,255,255,0.16);padding:1px;transition:all .2s }
.architecture-span-3:hover { background:#BE2029 }
.architecture-a-1 { display:block;font-size:13px;font-weight:600;color:#fff;text-align:center;background:#0d0d0f;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);padding:12px 22px;transition:background .2s;white-space:nowrap }
.architecture-a-1:hover { background:#151518;color:#fff }
.architecture-div-5 { display:flex;align-items:center;gap:10px;margin-bottom:22px }
.architecture-span-4 { width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:rexPulse 2.4s ease-in-out infinite }
.architecture-span-5 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:#8d8d8d }
.architecture-div-6 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px }
.architecture-span-6 { display:block;min-width:0;clip-path:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);background:rgba(255,255,255,0.14);padding:1px;transition:background .25s }
.architecture-span-6:hover { background:#BE2029 }
.architecture-div-7 { height:100%;clip-path:polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);padding:24px 18px;text-align:left;transition:all .25s;background:#0d0d0f }
.architecture-svg-1 { margin:0 0 12px;display:block }
.architecture-div-8 { font-size:12.5px;color:#e8e8e8 }

/* ===== in-production ===== */
.in-production-section-1 { position:relative;border-bottom:0;background:#000;overflow:hidden }
.in-production-div-1 { position:absolute;inset:0;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:rgba(255,255,255,0.14);pointer-events:none }
.in-production-div-2 { position:absolute;inset:1px;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:radial-gradient(880px 420px at 50% 108%, rgba(225,29,36,0.34), transparent 72%),radial-gradient(520px 380px at 82% 26%, rgba(120,140,255,0.08), transparent 70%),radial-gradient(420px 320px at 62% 6%, rgba(255,255,255,0.06), transparent 70%),linear-gradient(180deg,#0c0c0e,#070709);pointer-events:none }
.in-production-div-3 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px) }
.in-production-div-4 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(32px,4vw,64px);align-items:start }
.in-production-div-5 { min-width:0 }
.in-production-div-6 { display:flex;align-items:center;gap:14px;margin-bottom:32px }
.in-production-span-1 { width:7px;height:7px;background:var(--accent);box-shadow:0 0 10px var(--accent) }
.in-production-span-2 { font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:0.24em;text-transform:uppercase;color:var(--accent) }
.in-production-h2-1 { font-family:var(--title);margin:0 0 16px;font-size:clamp(30px,3vw,44px);line-height:1.1;font-weight:700;letter-spacing:-0.035em;text-wrap:balance }
.in-production-p-1 { margin:0 0 30px;font-size:16px;line-height:1.8;color:#a8a8a8;max-width:560px;text-wrap:pretty }
.in-production-div-7 { display:flex;flex-wrap:wrap;gap:12px;align-items:center }
.in-production-span-3 { display:inline-block;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:rgba(255,255,255,0.16);padding:1px;transition:background .25s }
.in-production-span-3:hover { background:#BE2029 }
.in-production-a-1 { display:block;font-size:13px;font-weight:600;color:#fff;text-align:center;background:#0d0d0f;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);padding:12px 22px;white-space:nowrap;transition:background .2s }
.in-production-a-1:hover { background:#151518;color:#fff }
.in-production-span-4 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:#6a6a6a }
.in-production-div-8 { display:flex;flex-direction:column;gap:16px;min-width:0 }
.in-production-span-5 { display:block;width:100%;min-width:0;clip-path:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);background:#BE2029;padding:1px;transition:all .25s;filter:drop-shadow(0 0 24px rgba(225,29,36,0.45)) }
.in-production-span-5:hover { transform:translateY(-3px) }
.in-production-div-9 { height:100%;display:flex;gap:22px;align-items:flex-start;clip-path:polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);padding:30px 28px;background:#150406; }
.in-production-svg-1 { flex:none }
.in-production-div-10 { font-size:17px;font-weight:600;margin-bottom:9px }
.in-production-span-6 { color:#7d7d7d }
.in-production-span-7 { color:var(--accent) }
.in-production-div-11 { font-size:14px;line-height:1.7;color:#9a9a9a }
.in-production-span-8 { display:block;width:100%;min-width:0;clip-path:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);background:rgba(255,255,255,0.14);padding:1px;transition:all .25s;filter:drop-shadow(0 10px 24px rgba(0,0,0,0.85)) }
.in-production-span-8:hover { transform:translateY(-3px);background:#BE2029 }
.in-production-div-12 { height:100%;display:flex;gap:22px;align-items:flex-start;clip-path:polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);padding:30px 28px;background:#0d0d0f; }
.in-production-span-9 { color:#cfcfcf }

/* ===== get-started ===== */
.get-started-section-1 { position:relative;border-bottom:0;background:#000;overflow:hidden }
.get-started-div-1 { position:absolute;inset:0;background:#050505;pointer-events:none }
.get-started-div-2 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);text-align:center }
.get-started-div-3 { display:inline-flex;align-items:center;gap:12px;margin-bottom:30px }
.get-started-span-1 { width:7px;height:7px;background:var(--accent);box-shadow:0 0 10px var(--accent) }
.get-started-span-2 { font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:0.24em;text-transform:uppercase;color:var(--accent) }
.get-started-h2-1 { font-family:var(--title);margin:0 0 16px;font-size:clamp(32px,3.2vw,48px);line-height:1.1;font-weight:700;letter-spacing:-0.035em;text-wrap:balance }
.get-started-p-1 { margin:0 0 38px;font-size:16px;color:#a8a8a8 }
.get-started-div-4 { display:flex;flex-wrap:wrap;gap:14px;justify-content:center }
.get-started-span-3 { display:inline-block;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:transparent;padding:0;transition:all .2s }
.get-started-a-1 { display:block;font-size:14px;font-weight:600;color:#fff;text-align:center;background:#BE2029;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);padding:14px 29px;transition:background .2s;white-space:nowrap }
.get-started-a-1:hover { background:#D32832;color:#fff }
.get-started-span-4 { display:inline-block;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:#3a3a3a;padding:1px;transition:all .2s }
.get-started-span-4:hover { background:#BE2029 }
.get-started-a-2 { display:block;font-size:14px;font-weight:500;color:#fff;text-align:center;background:linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,.06)),#08080A;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);padding:14px 29px;transition:background .2s;white-space:nowrap }
.get-started-a-2:hover { background:linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.12)),#08080A;color:#fff }

/* ===== faq ===== */
.faq-section-1 { position:relative;border-bottom:0;background:#000;overflow:hidden }
.faq-div-1 { position:absolute;inset:0;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:rgba(255,255,255,0.14);pointer-events:none }
.faq-div-2 { position:absolute;inset:1px;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:radial-gradient(880px 420px at 50% 108%, rgba(225,29,36,0.30), transparent 72%),linear-gradient(180deg,#0c0c0e,#070709);pointer-events:none }
.faq-div-3 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:64px;align-items:start }
.faq-div-4 { display:flex;align-items:center;gap:14px;margin-bottom:30px }
.faq-span-1 { width:7px;height:7px;background:var(--accent);box-shadow:0 0 10px var(--accent) }
.faq-span-2 { font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:0.24em;text-transform:uppercase;color:var(--accent) }
.faq-h2-1 { font-family:var(--title);margin:0 0 20px;font-size:clamp(30px,2.8vw,42px);line-height:1.1;font-weight:700;letter-spacing:-0.025em;text-wrap:balance }
.faq-p-1 { margin:0 0 28px;font-size:15.5px;line-height:1.75;color:#a8a8a8;max-width:420px;text-wrap:pretty }
.faq-div-5 { display:flex;flex-wrap:wrap;gap:12px }
.faq-span-3 { display:inline-block;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:transparent;padding:0;transition:all .2s }
.faq-a-1 { display:block;font-size:13.5px;font-weight:600;color:#fff;text-align:center;background:#BE2029;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);padding:12px 21px;transition:background .2s;white-space:nowrap }
.faq-a-1:hover { background:#D32832;color:#fff }
.faq-div-6 { display:flex;flex-direction:column;gap:12px }

/* ===== footer ===== */
.footer-footer-1 { background:linear-gradient(180deg,#020202,#000) }
.footer-div-1 { max-width:var(--wrap);margin:0 auto;padding:clamp(48px,6vw,72px) clamp(18px,4vw,40px) 36px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:40px }
.footer-img-1 { height:40px;width:auto;margin-bottom:18px;display:block }
.footer-div-2 { font-size:13.5px;color:#8a8a8a;margin-bottom:34px }
.footer-div-3 { display:flex;flex-direction:column;gap:10px }
.footer-div-4 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent);margin-bottom:6px }
.footer-a-1 { font-size:13px;color:#8a8a8a }
.footer-a-1:hover { color:#fff }
.footer-div-5 { display:flex;flex-direction:column;gap:16px }
.footer-div-6 { scroll-margin-top:90px;font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.footer-div-7 { display:flex;gap:11px;align-items:flex-start }
.footer-svg-1 { flex:none;margin-top:2px }
.footer-div-8 { font-size:13.5px;line-height:1.6;color:#d4d4d4 }
.footer-a-2 { color:#d4d4d4 }
.footer-a-2:hover { color:#fff }
.footer-span-1 { color:#6a6a6a }
.footer-div-9 { font-size:13.5px;line-height:1.6;color:#d4d4d4;max-width:230px }
.footer-div-10 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent);margin-bottom:18px }
.footer-a-3 { display:inline-block;margin-bottom:20px;transition:opacity .2s }
.footer-a-3:hover { opacity:0.75 }
.footer-img-2 { width:120px;height:auto;display:block }
.footer-div-11 { font-size:13.5px;line-height:1.7;color:#d4d4d4;max-width:230px }
.footer-a-4 { color:#d4d4d4;text-decoration:underline;text-decoration-color:rgba(225,29,36,0.6);text-underline-offset:3px }
.footer-a-4:hover { color:#fff }
.footer-div-12 { border-top:1px solid var(--line) }
.footer-div-13 { max-width:var(--wrap);margin:0 auto;padding:22px 40px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;font-family:var(--mono);font-size:10.5px;letter-spacing:0.14em;color:#6a6a6a }
.footer-div-14 { display:flex;flex-wrap:wrap;gap:16px;align-items:center }
.footer-a-5 { color:#8a8a8a;letter-spacing:0.14em }
.footer-a-5:hover { color:#fff }
.footer-div-15 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }

/* ===== our-mission ===== */
.our-mission-div-1 { background:#000;color:#fff;font-family:var(--body);overflow-x:clip }

/* ===== our-mission-band ===== */
.our-mission-band-section-1 { border-bottom:1px solid var(--line);background:#000 }
.our-mission-band-div-1 { max-width:var(--wrap);margin:0 auto;padding:clamp(28px,3.4vw,52px) clamp(18px,4vw,40px) }
.our-mission-band-div-2 { position:relative;background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px) }
.our-mission-band-div-3 { position:relative;background:#0b0b0d;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px);overflow:hidden }
.our-mission-band-div-4 { position:absolute;inset:8% 6%;background:radial-gradient(closest-side, rgba(225,29,36,0.22), transparent 76%);filter:blur(38px);pointer-events:none;z-index:0 }
.our-mission-band-div-5 { position:relative;width:100%;aspect-ratio:21 / 8;z-index:1 }
.our-mission-band-div-6 { max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(28px,4vw,64px);align-items:center }
.our-mission-band-div-7 { position:relative;min-width:0 }
.our-mission-band-div-8 { position:absolute;inset:10% 8%;background:radial-gradient(closest-side, rgba(225,29,36,0.24), transparent 75%);filter:blur(34px);pointer-events:none;z-index:0 }
.our-mission-band-div-9 { position:relative;width:100%;aspect-ratio:4 / 3;z-index:1;clip-path:polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px) }
.our-mission-band-div-10 { display:flex;flex-direction:column;gap:18px;min-width:0 }
.our-mission-band-div-11 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.our-mission-band-h3-1 { font-family:var(--title);margin:0;font-size:clamp(22px,2.8vw,32px);line-height:1.16;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.our-mission-band-p-1 { margin:0;font-size:15.5px;line-height:1.85;color:#9a9a9a;max-width:560px;text-wrap:pretty }
.our-mission-band-div-12 { display:flex;flex-direction:column;gap:14px;max-width:560px;margin-top:6px }
.our-mission-band-div-13 { display:flex;gap:13px;align-items:flex-start }
.our-mission-band-span-1 { flex:none;width:7px;height:7px;background:var(--accent);margin-top:8px }
.our-mission-band-div-14 { font-size:15px;line-height:1.75;color:#9a9a9a }
.our-mission-band-strong-1 { color:#fff;font-weight:600 }
.our-mission-band-div-15 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px;max-width:560px }
.our-mission-band-div-16 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px) }
.our-mission-band-div-17 { background:#0d0d0f;padding:18px 20px;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px) }
.our-mission-band-div-18 { font-family:var(--title);font-size:22px;font-weight:700;letter-spacing:-0.03em;color:#fff;line-height:1.05 }
.our-mission-band-div-19 { font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:#8a8a8a;margin-top:9px }
.our-mission-band-span-2 { display:inline-block;align-self:flex-start;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:rgba(255,255,255,0.16);padding:1px;transition:background .25s }
.our-mission-band-span-2:hover { background:#BE2029 }
.our-mission-band-a-1 { display:block;font-size:13px;font-weight:600;color:#fff;text-align:center;background:#0d0d0f;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);padding:12px 22px;white-space:nowrap;transition:background .2s }
.our-mission-band-a-1:hover { background:#151518;color:#fff }
.our-mission-band-div-20 { max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:34px }
.our-mission-band-div-21 { display:flex;flex-direction:column;gap:14px }
.our-mission-band-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.our-mission-band-div-22 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;align-items:stretch }
.our-mission-band-div-23 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);transition:background .25s }
.our-mission-band-div-23:hover { background:#BE2029 }
.our-mission-band-div-24 { height:100%;background:#0d0d0f;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px);overflow:hidden }
.our-mission-band-div-25 { position:relative;width:100%;height:clamp(200px,20vw,250px) }
.our-mission-band-div-26 { padding:22px 24px 26px;border-top:1px solid rgba(255,255,255,0.08) }
.our-mission-band-div-27 { font-family:var(--mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent);margin-bottom:10px }
.our-mission-band-div-28 { font-family:var(--title);font-size:18px;font-weight:600;color:#fff;margin-bottom:10px }
.our-mission-band-div-29 { font-size:14px;line-height:1.7;color:#9a9a9a }
.our-mission-band-div-30 { max-width:var(--wrap);margin:0 auto;padding:clamp(40px,5vw,64px) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:22px }
.our-mission-band-div-31 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px }
.our-mission-band-a-2 { display:block;background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(18px 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%, 0 18px);transition:background .25s }
.our-mission-band-a-2:hover { background:#BE2029 }
.our-mission-band-span-3 { display:block;background:#0d0d0f;padding:24px 26px;clip-path:polygon(17px 0, 100% 0, 100% calc(100% - 17px), calc(100% - 17px) 100%, 0 100%, 0 17px) }
.our-mission-band-span-4 { display:block;font-family:var(--title);font-size:17px;font-weight:600;color:#fff;margin-bottom:8px;display:flex;align-items:center;gap:10px }
.our-mission-band-svg-1 { flex:none }
.our-mission-band-span-5 { display:block;font-size:13.5px;line-height:1.65;color:#8a8a8a }
.our-mission-band-section-2 { position:relative;border-bottom:1px solid var(--line);background:#000;overflow:hidden }
.our-mission-band-div-32 { position:absolute;inset:0;background:radial-gradient(720px 320px at 50% 118%, rgba(225,29,36,0.34), transparent 66%);pointer-events:none }
.our-mission-band-div-33 { position:relative;max-width:var(--wrap);margin:0 auto;padding:clamp(56px,7vw,96px) clamp(18px,4vw,40px);text-align:center }
.our-mission-band-h2-2 { font-family:var(--title);margin:0 0 16px;font-size:clamp(24px,4.6vw,40px);line-height:1.12;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.our-mission-band-p-2 { margin:0 auto 34px;font-size:16px;line-height:1.75;color:#a8a8a8;max-width:660px }
.our-mission-band-div-34 { display:flex;flex-wrap:wrap;gap:14px;justify-content:center }
.our-mission-band-span-6 { display:inline-block;clip-path:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);background:transparent;padding:0 }
.our-mission-band-a-3 { display:block;font-size:14px;font-weight:600;color:#fff;text-align:center;background:#BE2029;clip-path:polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);padding:13px 25px;transition:background .2s;white-space:nowrap }
.our-mission-band-a-3:hover { background:#D32832;color:#fff }
.our-mission-band-span-7 { display:inline-block;clip-path:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);background:#3a3a3a;padding:1px;transition:all .2s }
.our-mission-band-span-7:hover { background:#BE2029 }
.our-mission-band-a-4 { display:block;font-size:14px;font-weight:500;color:#fff;text-align:center;background:linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,.06)),#08080A;clip-path:polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);padding:13px 25px;transition:background .2s;white-space:nowrap }
.our-mission-band-a-4:hover { background:linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.12)),#08080A;color:#fff }

/* ===== short-version ===== */
.short-version-section-1 { position:relative;border-bottom:1px solid var(--line);background:#000;scroll-margin-top:90px }
.short-version-div-1 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:36px }
.short-version-div-2 { display:flex;flex-direction:column;gap:16px }
.short-version-div-3 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.short-version-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.short-version-p-1 { margin:0;font-size:16.5px;line-height:1.8;color:#a8a8a8;max-width:100%;text-wrap:pretty }
.short-version-p-2 { margin:0;font-size:15.5px;line-height:1.85;color:#9a9a9a;max-width:100%;text-wrap:pretty }
.short-version-div-4 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;align-items:stretch }
.short-version-div-5 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);transition:background .25s }
.short-version-div-5:hover { background:#BE2029 }
.short-version-div-6 { height:100%;background:#0d0d0f;padding:30px;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px) }
.short-version-svg-1 { display:block;margin-bottom:18px }
.short-version-div-7 { font-family:var(--title);font-size:19px;font-weight:600;letter-spacing:-0.01em;color:#fff;margin-bottom:12px }
.short-version-div-8 { font-size:14.5px;line-height:1.75;color:#9a9a9a;text-wrap:pretty }

/* ===== small-is-hard ===== */
.small-is-hard-section-1 { position:relative;border-bottom:0;background:#000;overflow:hidden;scroll-margin-top:90px }
.small-is-hard-div-1 { position:absolute;inset:0;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:rgba(255,255,255,0.14);pointer-events:none }
.small-is-hard-div-2 { position:absolute;inset:1px;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:radial-gradient(880px 420px at 50% 108%, rgba(225,29,36,0.28), transparent 72%),linear-gradient(180deg,#0c0c0e,#070709);pointer-events:none }
.small-is-hard-div-3 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:36px }
.small-is-hard-div-4 { display:flex;flex-direction:column;gap:16px }
.small-is-hard-div-5 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.small-is-hard-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.small-is-hard-p-1 { margin:0;font-size:16.5px;line-height:1.8;color:#a8a8a8;max-width:100%;text-wrap:pretty }
.small-is-hard-div-6 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;align-items:stretch }
.small-is-hard-div-7 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);transition:background .25s }
.small-is-hard-div-7:hover { background:#BE2029 }
.small-is-hard-div-8 { height:100%;background:#0d0d0f;padding:30px;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px) }
.small-is-hard-svg-1 { display:block;margin-bottom:18px }
.small-is-hard-div-9 { font-family:var(--title);font-size:19px;font-weight:600;letter-spacing:-0.01em;color:#fff;margin-bottom:12px }
.small-is-hard-div-10 { font-size:14.5px;line-height:1.75;color:#9a9a9a;text-wrap:pretty }

/* ===== economics ===== */
.economics-section-1 { position:relative;border-bottom:1px solid var(--line);background:#000;scroll-margin-top:90px }
.economics-div-1 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:36px }
.economics-div-2 { display:flex;flex-direction:column;gap:16px }
.economics-div-3 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.economics-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.economics-p-1 { margin:0;font-size:16.5px;line-height:1.8;color:#a8a8a8;max-width:100%;text-wrap:pretty }
.economics-div-4 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px;align-items:stretch }
.economics-div-5 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);transition:background .25s }
.economics-div-5:hover { background:#BE2029 }
.economics-div-6 { height:100%;background:#0d0d0f;padding:30px;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px) }
.economics-div-7 { font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent);margin-bottom:16px }
.economics-div-8 { display:flex;align-items:center;gap:12px;margin-bottom:12px }
.economics-svg-1 { flex:none }
.economics-div-9 { font-family:var(--title);font-size:19px;font-weight:600;letter-spacing:-0.01em;color:#fff }
.economics-div-10 { font-size:14.5px;line-height:1.75;color:#9a9a9a;text-wrap:pretty }
.economics-p-2 { margin:0;font-size:15.5px;line-height:1.85;color:#9a9a9a;max-width:100%;text-wrap:pretty }

/* ===== scale-race ===== */
.scale-race-section-1 { position:relative;border-bottom:1px solid var(--line);background:#000;scroll-margin-top:90px }
.scale-race-div-1 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:36px }
.scale-race-div-2 { display:flex;flex-direction:column;gap:16px }
.scale-race-div-3 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.scale-race-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.scale-race-p-1 { margin:0;font-size:16.5px;line-height:1.8;color:#a8a8a8;max-width:100%;text-wrap:pretty }
.scale-race-div-4 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px) }
.scale-race-div-5 { background:#0b0b0d;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px);overflow-x:auto }
.scale-race-table-1 { width:100%;min-width:520px;border-collapse:collapse }
.scale-race-th-1 { text-align:left;padding:16px 20px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:#8a8a8a;border-bottom:1px solid var(--line-2) }
.scale-race-td-1 { padding:15px 20px;font-size:14.5px;line-height:1.6;color:#e4e4e4;border-bottom:1px solid rgba(255,255,255,0.05);font-weight:500; }
.scale-race-td-2 { padding:15px 20px;font-size:14.5px;line-height:1.6;color:#9a9a9a;border-bottom:1px solid rgba(255,255,255,0.05); }
.scale-race-div-6 { font-size:13.5px;line-height:1.75;color:#8a8a8a;max-width:780px }

/* ===== learned ===== */
.learned-section-1 { position:relative;border-bottom:0;background:#000;overflow:hidden;scroll-margin-top:90px }
.learned-div-1 { position:absolute;inset:0;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:rgba(255,255,255,0.14);pointer-events:none }
.learned-div-2 { position:absolute;inset:1px;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:radial-gradient(880px 420px at 50% 108%, rgba(225,29,36,0.22), transparent 72%),linear-gradient(180deg,#0c0c0e,#070709);pointer-events:none }
.learned-div-3 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:36px }
.learned-div-4 { display:flex;flex-direction:column;gap:16px }
.learned-div-5 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.learned-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.learned-div-6 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,640px),1fr));gap:12px;align-items:stretch }
.learned-div-7 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);transition:background .25s }
.learned-div-7:hover { background:#BE2029 }
.learned-div-8 { height:100%;background:#0d0d0f;padding:30px;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px) }
.learned-svg-1 { display:block;margin-bottom:18px }
.learned-div-9 { font-family:var(--title);font-size:19px;font-weight:600;letter-spacing:-0.01em;color:#fff;margin-bottom:12px }
.learned-div-10 { font-size:14.5px;line-height:1.75;color:#9a9a9a;text-wrap:pretty }

/* ===== distributed-training ===== */
.distributed-training-section-1 { position:relative;border-bottom:1px solid var(--line);background:#000;scroll-margin-top:90px }
.distributed-training-div-1 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:36px }
.distributed-training-div-2 { display:flex;flex-direction:column;gap:16px }
.distributed-training-div-3 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.distributed-training-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.distributed-training-p-1 { margin:0;font-size:16.5px;line-height:1.8;color:#a8a8a8;max-width:100%;text-wrap:pretty }
.distributed-training-p-2 { margin:0;font-size:15.5px;line-height:1.85;color:#9a9a9a;max-width:100%;text-wrap:pretty }
.distributed-training-div-4 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;align-items:stretch }
.distributed-training-div-5 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);transition:background .25s }
.distributed-training-div-5:hover { background:#BE2029 }
.distributed-training-div-6 { height:100%;background:#0d0d0f;padding:30px;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px) }
.distributed-training-svg-1 { display:block;margin-bottom:18px }
.distributed-training-div-7 { font-family:var(--title);font-size:19px;font-weight:600;letter-spacing:-0.01em;color:#fff;margin-bottom:12px }
.distributed-training-div-8 { font-size:14.5px;line-height:1.75;color:#9a9a9a;text-wrap:pretty }
.distributed-training-div-9 { font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent);margin-bottom:16px }

/* ===== customisation ===== */
.customisation-div-1 { background:#000;color:#fff;font-family:var(--body);overflow-x:clip }

/* ===== customisation-band ===== */
.customisation-band-section-1 { border-bottom:1px solid var(--line);background:#000 }
.customisation-band-div-1 { max-width:var(--wrap);margin:0 auto;padding:clamp(28px,3.4vw,52px) clamp(18px,4vw,40px) }
.customisation-band-div-2 { position:relative;background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px) }
.customisation-band-div-3 { position:relative;background:#0b0b0d;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px);overflow:hidden }
.customisation-band-div-4 { position:absolute;inset:8% 6%;background:radial-gradient(closest-side, rgba(225,29,36,0.22), transparent 76%);filter:blur(38px);pointer-events:none;z-index:0 }
.customisation-band-div-5 { position:relative;width:100%;aspect-ratio:21 / 8;z-index:1 }
.customisation-band-div-6 { max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(28px,4vw,64px);align-items:center }
.customisation-band-div-7 { display:flex;flex-direction:column;gap:18px;min-width:0 }
.customisation-band-div-8 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.customisation-band-h3-1 { font-family:var(--title);margin:0;font-size:clamp(22px,2.8vw,32px);line-height:1.16;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.customisation-band-p-1 { margin:0;font-size:15.5px;line-height:1.85;color:#9a9a9a;max-width:560px;text-wrap:pretty }
.customisation-band-div-9 { position:relative;min-width:0 }
.customisation-band-div-10 { position:absolute;inset:10% 8%;background:radial-gradient(closest-side, rgba(225,29,36,0.24), transparent 75%);filter:blur(34px);pointer-events:none;z-index:0 }
.customisation-band-div-11 { position:relative;width:100%;aspect-ratio:4 / 3;z-index:1;clip-path:polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px) }
.customisation-band-div-12 { max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:34px }
.customisation-band-div-13 { display:flex;flex-direction:column;gap:14px }
.customisation-band-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.customisation-band-div-14 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;align-items:stretch }
.customisation-band-div-15 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);transition:background .25s }
.customisation-band-div-15:hover { background:#BE2029 }
.customisation-band-div-16 { height:100%;background:#0d0d0f;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px);overflow:hidden }
.customisation-band-div-17 { position:relative;width:100%;height:clamp(200px,20vw,250px) }
.customisation-band-div-18 { padding:22px 24px 26px;border-top:1px solid rgba(255,255,255,0.08) }
.customisation-band-div-19 { font-family:var(--mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent);margin-bottom:10px }
.customisation-band-div-20 { font-family:var(--title);font-size:18px;font-weight:600;color:#fff;margin-bottom:10px }
.customisation-band-div-21 { font-size:14px;line-height:1.7;color:#9a9a9a }
.customisation-band-div-22 { max-width:var(--wrap);margin:0 auto;padding:clamp(40px,5vw,64px) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:22px }
.customisation-band-div-23 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px }
.customisation-band-a-1 { display:block;background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(18px 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%, 0 18px);transition:background .25s }
.customisation-band-a-1:hover { background:#BE2029 }
.customisation-band-span-1 { display:block;background:#0d0d0f;padding:24px 26px;clip-path:polygon(17px 0, 100% 0, 100% calc(100% - 17px), calc(100% - 17px) 100%, 0 100%, 0 17px) }
.customisation-band-span-2 { display:block;font-family:var(--title);font-size:17px;font-weight:600;color:#fff;margin-bottom:8px;display:flex;align-items:center;gap:10px }
.customisation-band-svg-1 { flex:none }
.customisation-band-span-3 { display:block;font-size:13.5px;line-height:1.65;color:#8a8a8a }
.customisation-band-section-2 { position:relative;border-bottom:1px solid var(--line);background:#000;overflow:hidden }
.customisation-band-div-24 { position:absolute;inset:0;background:radial-gradient(720px 320px at 50% 118%, rgba(225,29,36,0.34), transparent 66%);pointer-events:none }
.customisation-band-div-25 { position:relative;max-width:var(--wrap);margin:0 auto;padding:clamp(56px,7vw,96px) clamp(18px,4vw,40px);text-align:center }
.customisation-band-h2-2 { font-family:var(--title);margin:0 0 16px;font-size:clamp(24px,4.6vw,40px);line-height:1.12;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.customisation-band-p-2 { margin:0 auto 34px;font-size:16px;line-height:1.75;color:#a8a8a8;max-width:660px }
.customisation-band-div-26 { display:flex;flex-wrap:wrap;gap:14px;justify-content:center }
.customisation-band-span-4 { display:inline-block;clip-path:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);background:transparent;padding:0 }
.customisation-band-a-2 { display:block;font-size:14px;font-weight:600;color:#fff;text-align:center;background:#BE2029;clip-path:polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);padding:13px 25px;transition:background .2s;white-space:nowrap }
.customisation-band-a-2:hover { background:#D32832;color:#fff }
.customisation-band-span-5 { display:inline-block;clip-path:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);background:#3a3a3a;padding:1px;transition:all .2s }
.customisation-band-span-5:hover { background:#BE2029 }
.customisation-band-a-3 { display:block;font-size:14px;font-weight:500;color:#fff;text-align:center;background:linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,.06)),#08080A;clip-path:polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);padding:13px 25px;transition:background .2s;white-space:nowrap }
.customisation-band-a-3:hover { background:linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.12)),#08080A;color:#fff }

/* ===== by-function ===== */
.by-function-section-1 { position:relative;border-bottom:1px solid var(--line);background:#000;scroll-margin-top:90px }
.by-function-div-1 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:36px }
.by-function-div-2 { display:flex;flex-direction:column;gap:16px }
.by-function-div-3 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.by-function-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.by-function-p-1 { margin:0;font-size:16.5px;line-height:1.8;color:#a8a8a8;max-width:100%;text-wrap:pretty }
.by-function-div-4 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;align-items:stretch }
.by-function-div-5 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);transition:background .25s }
.by-function-div-5:hover { background:#BE2029 }
.by-function-div-6 { height:100%;background:#0d0d0f;padding:30px;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px) }
.by-function-div-7 { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px }
.by-function-svg-1 { flex:none }
.by-function-div-8 { font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent) }
.by-function-div-9 { font-family:var(--title);font-size:19px;font-weight:600;letter-spacing:-0.01em;color:#fff;margin-bottom:12px }
.by-function-div-10 { font-size:14.5px;line-height:1.75;color:#9a9a9a;text-wrap:pretty }

/* ===== by-hardware ===== */
.by-hardware-section-1 { position:relative;border-bottom:0;background:#000;overflow:hidden;scroll-margin-top:90px }
.by-hardware-div-1 { position:absolute;inset:0;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:rgba(255,255,255,0.14);pointer-events:none }
.by-hardware-div-2 { position:absolute;inset:1px;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:radial-gradient(880px 420px at 50% 108%, rgba(225,29,36,0.24), transparent 72%),linear-gradient(180deg,#0c0c0e,#070709);pointer-events:none }
.by-hardware-div-3 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:36px }
.by-hardware-div-4 { display:flex;flex-direction:column;gap:16px }
.by-hardware-div-5 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.by-hardware-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.by-hardware-p-1 { margin:0;font-size:16.5px;line-height:1.8;color:#a8a8a8;max-width:100%;text-wrap:pretty }
.by-hardware-div-6 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:12px;align-items:stretch }
.by-hardware-div-7 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);transition:background .25s }
.by-hardware-div-7:hover { background:#BE2029 }
.by-hardware-div-8 { height:100%;background:#0d0d0f;padding:30px;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px) }
.by-hardware-svg-1 { display:block;margin-bottom:18px }
.by-hardware-div-9 { font-family:var(--title);font-size:19px;font-weight:600;letter-spacing:-0.01em;color:#fff;margin-bottom:12px }
.by-hardware-div-10 { font-size:14.5px;line-height:1.75;color:#9a9a9a;text-wrap:pretty }

/* ===== model-memory ===== */
.model-memory-section-1 { position:relative;border-bottom:1px solid var(--line);background:#000;scroll-margin-top:90px }
.model-memory-div-1 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:36px }
.model-memory-div-2 { display:flex;flex-direction:column;gap:16px }
.model-memory-div-3 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.model-memory-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.model-memory-p-1 { margin:0;font-size:16.5px;line-height:1.8;color:#a8a8a8;max-width:100%;text-wrap:pretty }
.model-memory-div-4 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px) }
.model-memory-div-5 { background:#0b0b0d;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px);overflow-x:auto }
.model-memory-table-1 { width:100%;min-width:520px;border-collapse:collapse }
.model-memory-th-1 { text-align:left;padding:16px 20px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:#8a8a8a;border-bottom:1px solid var(--line-2) }
.model-memory-td-1 { padding:15px 20px;font-size:14.5px;line-height:1.6;color:#e4e4e4;border-bottom:1px solid rgba(255,255,255,0.05);font-weight:500; }
.model-memory-td-2 { padding:15px 20px;font-size:14.5px;line-height:1.6;color:#9a9a9a;border-bottom:1px solid rgba(255,255,255,0.05); }
.model-memory-strong-1 { color:#fff }
.model-memory-div-6 { font-size:13.5px;line-height:1.75;color:#8a8a8a;max-width:780px }
.model-memory-p-2 { margin:0;font-size:15.5px;line-height:1.85;color:#9a9a9a;max-width:100%;text-wrap:pretty }

/* ===== what-you-receive ===== */
.what-you-receive-section-1 { position:relative;border-bottom:1px solid var(--line);background:#000;scroll-margin-top:90px }
.what-you-receive-div-1 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:36px }
.what-you-receive-div-2 { display:flex;flex-direction:column;gap:16px }
.what-you-receive-div-3 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.what-you-receive-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.what-you-receive-p-1 { margin:0;font-size:16.5px;line-height:1.8;color:#a8a8a8;max-width:100%;text-wrap:pretty }
.what-you-receive-div-4 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px 40px;align-items:start;max-width:100% }
.what-you-receive-div-5 { display:flex;gap:14px;align-items:flex-start }
.what-you-receive-span-1 { flex:none;width:7px;height:7px;background:var(--accent);margin-top:9px }
.what-you-receive-div-6 { font-size:15.5px;line-height:1.8;color:#9a9a9a;text-wrap:pretty }
.what-you-receive-strong-1 { color:#fff;font-weight:600 }

/* ===== engagement ===== */
.engagement-section-1 { position:relative;border-bottom:0;background:#000;overflow:hidden;scroll-margin-top:90px }
.engagement-div-1 { position:absolute;inset:0;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:rgba(255,255,255,0.14);pointer-events:none }
.engagement-div-2 { position:absolute;inset:1px;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:radial-gradient(880px 420px at 50% 108%, rgba(225,29,36,0.22), transparent 72%),linear-gradient(180deg,#0c0c0e,#070709);pointer-events:none }
.engagement-div-3 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:36px }
.engagement-div-4 { display:flex;flex-direction:column;gap:16px }
.engagement-div-5 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.engagement-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.engagement-div-6 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px }
.engagement-div-7 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px) }
.engagement-div-8 { height:100%;background:#0d0d0f;padding:26px;clip-path:polygon(19px 0, 100% 0, 100% calc(100% - 19px), calc(100% - 19px) 100%, 0 100%, 0 19px) }
.engagement-div-9 { font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:0.18em;color:var(--accent);margin-bottom:14px }
.engagement-div-10 { font-family:var(--title);font-size:17px;font-weight:600;color:#fff;margin-bottom:10px;display:flex;align-items:center;gap:10px }
.engagement-svg-1 { flex:none }
.engagement-div-11 { font-size:14px;line-height:1.7;color:#9a9a9a }

/* ===== honest ===== */
.honest-section-1 { position:relative;border-bottom:1px solid var(--line);background:#000;scroll-margin-top:90px }
.honest-div-1 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:36px }
.honest-div-2 { display:flex;flex-direction:column;gap:16px }
.honest-div-3 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.honest-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.honest-div-4 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px;align-items:stretch }
.honest-div-5 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);transition:background .25s }
.honest-div-5:hover { background:#BE2029 }
.honest-div-6 { height:100%;background:#0d0d0f;padding:30px;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px) }
.honest-div-7 { font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent);margin-bottom:16px }
.honest-div-8 { display:flex;align-items:center;gap:12px;margin-bottom:12px }
.honest-svg-1 { flex:none }
.honest-div-9 { font-family:var(--title);font-size:19px;font-weight:600;letter-spacing:-0.01em;color:#fff }
.honest-div-10 { font-size:14.5px;line-height:1.75;color:#9a9a9a;text-wrap:pretty }

/* ===== deployment-band ===== */
.deployment-band-section-1 { border-bottom:1px solid var(--line);background:#000 }
.deployment-band-div-1 { max-width:var(--wrap);margin:0 auto;padding:clamp(28px,3.4vw,52px) clamp(18px,4vw,40px) }
.deployment-band-div-2 { position:relative;background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px) }
.deployment-band-div-3 { position:relative;background:#0b0b0d;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px);overflow:hidden }
.deployment-band-div-4 { position:absolute;inset:8% 6%;background:radial-gradient(closest-side, rgba(225,29,36,0.22), transparent 76%);filter:blur(38px);pointer-events:none;z-index:0 }
.deployment-band-div-5 { position:relative;width:100%;aspect-ratio:21 / 8;z-index:1 }
.deployment-band-div-6 { max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:34px }
.deployment-band-div-7 { display:flex;flex-direction:column;gap:14px }
.deployment-band-div-8 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.deployment-band-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.deployment-band-div-9 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;align-items:stretch }
.deployment-band-div-10 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);transition:background .25s }
.deployment-band-div-10:hover { background:#BE2029 }
.deployment-band-div-11 { height:100%;background:#0d0d0f;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px);overflow:hidden }
.deployment-band-div-12 { position:relative;width:100%;height:clamp(200px,20vw,250px) }
.deployment-band-div-13 { padding:22px 24px 26px;border-top:1px solid rgba(255,255,255,0.08) }
.deployment-band-div-14 { font-family:var(--mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent);margin-bottom:10px }
.deployment-band-div-15 { font-family:var(--title);font-size:18px;font-weight:600;color:#fff;margin-bottom:10px }
.deployment-band-div-16 { font-size:14px;line-height:1.7;color:#9a9a9a }
.deployment-band-div-17 { max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(28px,4vw,64px);align-items:center }
.deployment-band-div-18 { display:flex;flex-direction:column;gap:18px;min-width:0 }
.deployment-band-h3-1 { font-family:var(--title);margin:0;font-size:clamp(22px,2.8vw,32px);line-height:1.16;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.deployment-band-p-1 { margin:0;font-size:15.5px;line-height:1.85;color:#9a9a9a;max-width:560px;text-wrap:pretty }
.deployment-band-div-19 { position:relative;min-width:0 }
.deployment-band-div-20 { position:absolute;inset:10% 8%;background:radial-gradient(closest-side, rgba(225,29,36,0.24), transparent 75%);filter:blur(34px);pointer-events:none;z-index:0 }
.deployment-band-div-21 { position:relative;width:100%;aspect-ratio:4 / 3;z-index:1;clip-path:polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px) }
.deployment-band-div-22 { max-width:var(--wrap);margin:0 auto;padding:clamp(40px,5vw,64px) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:22px }
.deployment-band-div-23 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px }
.deployment-band-a-1 { display:block;background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(18px 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%, 0 18px);transition:background .25s }
.deployment-band-a-1:hover { background:#BE2029 }
.deployment-band-span-1 { display:block;background:#0d0d0f;padding:24px 26px;clip-path:polygon(17px 0, 100% 0, 100% calc(100% - 17px), calc(100% - 17px) 100%, 0 100%, 0 17px) }
.deployment-band-span-2 { display:block;font-family:var(--title);font-size:17px;font-weight:600;color:#fff;margin-bottom:8px;display:flex;align-items:center;gap:10px }
.deployment-band-svg-1 { flex:none }
.deployment-band-span-3 { display:block;font-size:13.5px;line-height:1.65;color:#8a8a8a }
.deployment-band-section-2 { position:relative;border-bottom:1px solid var(--line);background:#000;overflow:hidden }
.deployment-band-div-24 { position:absolute;inset:0;background:radial-gradient(720px 320px at 50% 118%, rgba(225,29,36,0.34), transparent 66%);pointer-events:none }
.deployment-band-div-25 { position:relative;max-width:var(--wrap);margin:0 auto;padding:clamp(56px,7vw,96px) clamp(18px,4vw,40px);text-align:center }
.deployment-band-h2-2 { font-family:var(--title);margin:0 0 16px;font-size:clamp(24px,4.6vw,40px);line-height:1.12;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.deployment-band-p-2 { margin:0 auto 34px;font-size:16px;line-height:1.75;color:#a8a8a8;max-width:660px }
.deployment-band-div-26 { display:flex;flex-wrap:wrap;gap:14px;justify-content:center }
.deployment-band-span-4 { display:inline-block;clip-path:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);background:transparent;padding:0 }
.deployment-band-a-2 { display:block;font-size:14px;font-weight:600;color:#fff;text-align:center;background:#BE2029;clip-path:polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);padding:13px 25px;transition:background .2s;white-space:nowrap }
.deployment-band-a-2:hover { background:#D32832;color:#fff }
.deployment-band-span-5 { display:inline-block;clip-path:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);background:#3a3a3a;padding:1px;transition:all .2s }
.deployment-band-span-5:hover { background:#BE2029 }
.deployment-band-a-3 { display:block;font-size:14px;font-weight:500;color:#fff;text-align:center;background:linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,.06)),#08080A;clip-path:polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);padding:13px 25px;transition:background .2s;white-space:nowrap }
.deployment-band-a-3:hover { background:linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.12)),#08080A;color:#fff }

/* ===== modes ===== */
.modes-section-1 { position:relative;border-bottom:1px solid var(--line);background:#000;scroll-margin-top:90px }
.modes-div-1 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:36px }
.modes-div-2 { display:flex;flex-direction:column;gap:16px }
.modes-div-3 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.modes-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.modes-div-4 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;align-items:stretch }
.modes-div-5 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);transition:background .25s }
.modes-div-5:hover { background:#BE2029 }
.modes-div-6 { height:100%;background:#0d0d0f;padding:30px;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px) }
.modes-div-7 { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px }
.modes-svg-1 { flex:none }
.modes-div-8 { font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent) }
.modes-div-9 { font-family:var(--title);font-size:19px;font-weight:600;letter-spacing:-0.01em;color:#fff;margin-bottom:12px }
.modes-div-10 { font-size:14.5px;line-height:1.75;color:#9a9a9a;text-wrap:pretty }
.modes-p-1 { margin:0;font-size:15.5px;line-height:1.85;color:#9a9a9a;max-width:100%;text-wrap:pretty }

/* ===== devices ===== */
.devices-section-1 { position:relative;border-bottom:0;background:#000;overflow:hidden;scroll-margin-top:90px }
.devices-div-1 { position:absolute;inset:0;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:rgba(255,255,255,0.14);pointer-events:none }
.devices-div-2 { position:absolute;inset:1px;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:radial-gradient(880px 420px at 50% 108%, rgba(225,29,36,0.26), transparent 72%),linear-gradient(180deg,#0c0c0e,#070709);pointer-events:none }
.devices-div-3 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:36px }
.devices-div-4 { display:flex;flex-direction:column;gap:16px }
.devices-div-5 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.devices-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.devices-p-1 { margin:0;font-size:16.5px;line-height:1.8;color:#a8a8a8;max-width:100%;text-wrap:pretty }
.devices-div-6 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px) }
.devices-div-7 { background:#0b0b0d;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px);overflow-x:auto }
.devices-table-1 { width:100%;min-width:520px;border-collapse:collapse }
.devices-th-1 { text-align:left;padding:16px 20px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:#8a8a8a;border-bottom:1px solid var(--line-2) }
.devices-td-1 { padding:15px 20px;font-size:14.5px;line-height:1.6;color:#e4e4e4;border-bottom:1px solid rgba(255,255,255,0.05);font-weight:500; }
.devices-td-2 { padding:15px 20px;font-size:14.5px;line-height:1.6;color:#9a9a9a;border-bottom:1px solid rgba(255,255,255,0.05); }
.devices-strong-1 { color:#fff }
.devices-div-8 { font-size:13.5px;line-height:1.75;color:#8a8a8a;max-width:780px }

/* ===== hosting ===== */
.hosting-section-1 { position:relative;border-bottom:1px solid var(--line);background:#000;scroll-margin-top:90px }
.hosting-div-1 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:36px }
.hosting-div-2 { display:flex;flex-direction:column;gap:16px }
.hosting-div-3 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.hosting-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.hosting-p-1 { margin:0;font-size:16.5px;line-height:1.8;color:#a8a8a8;max-width:100%;text-wrap:pretty }
.hosting-div-4 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px) }
.hosting-div-5 { background:#0b0b0d;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px);overflow-x:auto }
.hosting-table-1 { width:100%;min-width:520px;border-collapse:collapse }
.hosting-th-1 { text-align:left;padding:16px 20px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:#8a8a8a;border-bottom:1px solid var(--line-2) }
.hosting-td-1 { padding:15px 20px;font-size:14.5px;line-height:1.6;color:#e4e4e4;border-bottom:1px solid rgba(255,255,255,0.05);font-weight:500; }
.hosting-td-2 { padding:15px 20px;font-size:14.5px;line-height:1.6;color:#9a9a9a;border-bottom:1px solid rgba(255,255,255,0.05); }
.hosting-div-6 { font-size:13.5px;line-height:1.75;color:#8a8a8a;max-width:780px }
.hosting-p-2 { margin:0;font-size:15.5px;line-height:1.85;color:#9a9a9a;max-width:100%;text-wrap:pretty }

/* ===== integration ===== */
.integration-section-1 { position:relative;border-bottom:0;background:#000;overflow:hidden;scroll-margin-top:90px }
.integration-div-1 { position:absolute;inset:0;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:rgba(255,255,255,0.14);pointer-events:none }
.integration-div-2 { position:absolute;inset:1px;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:radial-gradient(880px 420px at 50% 108%, rgba(225,29,36,0.22), transparent 72%),linear-gradient(180deg,#0c0c0e,#070709);pointer-events:none }
.integration-div-3 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:36px }
.integration-div-4 { display:flex;flex-direction:column;gap:16px }
.integration-div-5 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.integration-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.integration-p-1 { margin:0;font-size:16.5px;line-height:1.8;color:#a8a8a8;max-width:100%;text-wrap:pretty }
.integration-div-6 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px;align-items:start }
.integration-div-7 { background:rgba(255,255,255,0.14);padding:1px;height:100%;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px) }
.integration-div-8 { height:100%;display:flex;flex-direction:column;background:#08080a;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px) }
.integration-div-9 { padding:14px 22px;border-bottom:1px solid rgba(255,255,255,0.06);font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:#8a8a8a }
.integration-pre-1 { margin:0;flex:1;padding:22px;overflow-x:auto;font-family:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;font-size:13px;line-height:1.75;color:#c4c4c4 }
.integration-div-10 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px 40px;align-items:start;max-width:100% }
.integration-div-11 { display:flex;gap:14px;align-items:flex-start }
.integration-span-1 { flex:none;width:7px;height:7px;background:var(--accent);margin-top:9px }
.integration-div-12 { font-size:15.5px;line-height:1.8;color:#9a9a9a;text-wrap:pretty }
.integration-strong-1 { color:#fff;font-weight:600 }

/* ===== timeline ===== */
.timeline-section-1 { position:relative;border-bottom:1px solid var(--line);background:#000;scroll-margin-top:90px }
.timeline-div-1 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:36px }
.timeline-div-2 { display:flex;flex-direction:column;gap:16px }
.timeline-div-3 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.timeline-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.timeline-div-4 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px }
.timeline-div-5 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px) }
.timeline-div-6 { height:100%;background:#0d0d0f;padding:26px;clip-path:polygon(19px 0, 100% 0, 100% calc(100% - 19px), calc(100% - 19px) 100%, 0 100%, 0 19px) }
.timeline-div-7 { font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:0.18em;color:var(--accent);margin-bottom:14px }
.timeline-div-8 { font-family:var(--title);font-size:17px;font-weight:600;color:#fff;margin-bottom:10px;display:flex;align-items:center;gap:10px }
.timeline-svg-1 { flex:none }
.timeline-div-9 { font-size:14px;line-height:1.7;color:#9a9a9a }
.timeline-p-1 { margin:0;font-size:15.5px;line-height:1.85;color:#9a9a9a;max-width:100%;text-wrap:pretty }

/* ===== data-security ===== */
.data-security-div-1 { background:#000;color:#fff;font-family:var(--body);overflow-x:clip }

/* ===== data-security-band ===== */
.data-security-band-section-1 { border-bottom:1px solid var(--line);background:#000 }
.data-security-band-div-1 { max-width:var(--wrap);margin:0 auto;padding:clamp(28px,3.4vw,52px) clamp(18px,4vw,40px) }
.data-security-band-div-2 { position:relative;background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px) }
.data-security-band-div-3 { position:relative;background:#0b0b0d;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px);overflow:hidden }
.data-security-band-div-4 { position:absolute;inset:8% 6%;background:radial-gradient(closest-side, rgba(225,29,36,0.22), transparent 76%);filter:blur(38px);pointer-events:none;z-index:0 }
.data-security-band-div-5 { position:relative;width:100%;aspect-ratio:21 / 8;z-index:1 }
.data-security-band-div-6 { max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(28px,4vw,64px);align-items:center }
.data-security-band-div-7 { position:relative;min-width:0 }
.data-security-band-div-8 { position:absolute;inset:10% 8%;background:radial-gradient(closest-side, rgba(225,29,36,0.24), transparent 75%);filter:blur(34px);pointer-events:none;z-index:0 }
.data-security-band-div-9 { position:relative;width:100%;aspect-ratio:4 / 3;z-index:1;clip-path:polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px) }
.data-security-band-div-10 { display:flex;flex-direction:column;gap:18px;min-width:0 }
.data-security-band-div-11 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.data-security-band-h3-1 { font-family:var(--title);margin:0;font-size:clamp(22px,2.8vw,32px);line-height:1.16;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.data-security-band-p-1 { margin:0;font-size:15.5px;line-height:1.85;color:#9a9a9a;max-width:560px;text-wrap:pretty }
.data-security-band-div-12 { max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:34px }
.data-security-band-div-13 { display:flex;flex-direction:column;gap:14px }
.data-security-band-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.data-security-band-div-14 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;align-items:stretch }
.data-security-band-div-15 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);transition:background .25s }
.data-security-band-div-15:hover { background:#BE2029 }
.data-security-band-div-16 { height:100%;background:#0d0d0f;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px);overflow:hidden }
.data-security-band-div-17 { position:relative;width:100%;height:clamp(200px,20vw,250px) }
.data-security-band-div-18 { padding:22px 24px 26px;border-top:1px solid rgba(255,255,255,0.08) }
.data-security-band-div-19 { font-family:var(--mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent);margin-bottom:10px }
.data-security-band-div-20 { font-family:var(--title);font-size:18px;font-weight:600;color:#fff;margin-bottom:10px }
.data-security-band-div-21 { font-size:14px;line-height:1.7;color:#9a9a9a }
.data-security-band-div-22 { max-width:var(--wrap);margin:0 auto;padding:clamp(40px,5vw,64px) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:22px }
.data-security-band-div-23 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px }
.data-security-band-a-1 { display:block;background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(18px 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%, 0 18px);transition:background .25s }
.data-security-band-a-1:hover { background:#BE2029 }
.data-security-band-span-1 { display:block;background:#0d0d0f;padding:24px 26px;clip-path:polygon(17px 0, 100% 0, 100% calc(100% - 17px), calc(100% - 17px) 100%, 0 100%, 0 17px) }
.data-security-band-span-2 { display:block;font-family:var(--title);font-size:17px;font-weight:600;color:#fff;margin-bottom:8px;display:flex;align-items:center;gap:10px }
.data-security-band-svg-1 { flex:none }
.data-security-band-span-3 { display:block;font-size:13.5px;line-height:1.65;color:#8a8a8a }
.data-security-band-section-2 { position:relative;border-bottom:1px solid var(--line);background:#000;overflow:hidden }
.data-security-band-div-24 { position:absolute;inset:0;background:radial-gradient(720px 320px at 50% 118%, rgba(225,29,36,0.34), transparent 66%);pointer-events:none }
.data-security-band-div-25 { position:relative;max-width:var(--wrap);margin:0 auto;padding:clamp(56px,7vw,96px) clamp(18px,4vw,40px);text-align:center }
.data-security-band-h2-2 { font-family:var(--title);margin:0 0 16px;font-size:clamp(24px,4.6vw,40px);line-height:1.12;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.data-security-band-p-2 { margin:0 auto 34px;font-size:16px;line-height:1.75;color:#a8a8a8;max-width:100% }
.data-security-band-div-26 { display:flex;flex-wrap:wrap;gap:14px;justify-content:center }
.data-security-band-span-4 { display:inline-block;clip-path:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);background:transparent;padding:0 }
.data-security-band-a-2 { display:block;font-size:14px;font-weight:600;color:#fff;text-align:center;background:#BE2029;clip-path:polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);padding:13px 25px;transition:background .2s;white-space:nowrap }
.data-security-band-a-2:hover { background:#D32832;color:#fff }
.data-security-band-span-5 { display:inline-block;clip-path:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);background:#3a3a3a;padding:1px;transition:all .2s }
.data-security-band-span-5:hover { background:#BE2029 }
.data-security-band-a-3 { display:block;font-size:14px;font-weight:500;color:#fff;text-align:center;background:linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,.06)),#08080A;clip-path:polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);padding:13px 25px;transition:background .2s;white-space:nowrap }
.data-security-band-a-3:hover { background:linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.12)),#08080A;color:#fff }

/* ===== objections ===== */
.objections-section-1 { position:relative;border-bottom:1px solid var(--line);background:#000;scroll-margin-top:90px }
.objections-div-1 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:36px }
.objections-div-2 { display:flex;flex-direction:column;gap:16px }
.objections-div-3 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.objections-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.objections-p-1 { margin:0;font-size:16.5px;line-height:1.8;color:#a8a8a8;max-width:100%;text-wrap:pretty }
.objections-div-4 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;align-items:stretch }
.objections-div-5 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);transition:background .25s }
.objections-div-5:hover { background:#BE2029 }
.objections-div-6 { height:100%;background:#0d0d0f;padding:28px;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px) }
.objections-div-7 { font-family:var(--title);font-size:17.5px;font-weight:500;line-height:1.5;color:#fff;margin-bottom:14px;text-wrap:pretty }
.objections-div-8 { font-size:14.5px;line-height:1.75;color:#9a9a9a;text-wrap:pretty }

/* ===== policy-vs-structure ===== */
.policy-vs-structure-section-1 { position:relative;border-bottom:0;background:#000;overflow:hidden;scroll-margin-top:90px }
.policy-vs-structure-div-1 { position:absolute;inset:0;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:rgba(255,255,255,0.14);pointer-events:none }
.policy-vs-structure-div-2 { position:absolute;inset:1px;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:radial-gradient(880px 420px at 50% 108%, rgba(225,29,36,0.3), transparent 72%),linear-gradient(180deg,#0c0c0e,#070709);pointer-events:none }
.policy-vs-structure-div-3 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:36px }
.policy-vs-structure-div-4 { display:flex;flex-direction:column;gap:16px }
.policy-vs-structure-div-5 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.policy-vs-structure-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.policy-vs-structure-p-1 { margin:0;font-size:16.5px;line-height:1.8;color:#a8a8a8;max-width:100%;text-wrap:pretty }
.policy-vs-structure-div-6 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px;align-items:stretch }
.policy-vs-structure-div-7 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);transition:background .25s }
.policy-vs-structure-div-7:hover { background:#BE2029 }
.policy-vs-structure-div-8 { height:100%;background:#0d0d0f;padding:30px;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px) }
.policy-vs-structure-div-9 { font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent);margin-bottom:16px }
.policy-vs-structure-div-10 { display:flex;align-items:center;gap:12px;margin-bottom:12px }
.policy-vs-structure-svg-1 { flex:none }
.policy-vs-structure-div-11 { font-family:var(--title);font-size:19px;font-weight:600;letter-spacing:-0.01em;color:#fff }
.policy-vs-structure-div-12 { font-size:14.5px;line-height:1.75;color:#9a9a9a;text-wrap:pretty }
.policy-vs-structure-div-13 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px 40px;align-items:start;max-width:100% }
.policy-vs-structure-div-14 { display:flex;gap:14px;align-items:flex-start }
.policy-vs-structure-span-1 { flex:none;width:7px;height:7px;background:var(--accent);margin-top:9px }
.policy-vs-structure-div-15 { font-size:15.5px;line-height:1.8;color:#9a9a9a;text-wrap:pretty }
.policy-vs-structure-strong-1 { color:#fff;font-weight:600 }

/* ===== practices ===== */
.practices-section-1 { position:relative;border-bottom:1px solid var(--line);background:#000;scroll-margin-top:90px }
.practices-div-1 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:36px }
.practices-div-2 { display:flex;flex-direction:column;gap:16px }
.practices-div-3 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.practices-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.practices-div-4 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;align-items:stretch }
.practices-div-5 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);transition:background .25s }
.practices-div-5:hover { background:#BE2029 }
.practices-div-6 { height:100%;background:#0d0d0f;padding:30px;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px) }
.practices-svg-1 { display:block;margin-bottom:18px }
.practices-div-7 { font-family:var(--title);font-size:19px;font-weight:600;letter-spacing:-0.01em;color:#fff;margin-bottom:12px }
.practices-div-8 { font-size:14.5px;line-height:1.75;color:#9a9a9a;text-wrap:pretty }

/* ===== honesty ===== */
.honesty-section-1 { position:relative;border-bottom:1px solid var(--line);background:#000;scroll-margin-top:90px }
.honesty-div-1 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:36px }
.honesty-div-2 { display:flex;flex-direction:column;gap:16px }
.honesty-div-3 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.honesty-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.honesty-p-1 { margin:0;font-size:16.5px;line-height:1.8;color:#a8a8a8;max-width:100%;text-wrap:pretty }
.honesty-div-4 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px 40px;align-items:start;max-width:100% }
.honesty-div-5 { display:flex;gap:14px;align-items:flex-start }
.honesty-span-1 { flex:none;width:7px;height:7px;background:var(--accent);margin-top:9px }
.honesty-div-6 { font-size:15.5px;line-height:1.8;color:#9a9a9a;text-wrap:pretty }
.honesty-strong-1 { color:#fff;font-weight:600 }

/* ===== playground ===== */
.playground-div-1 { background:#000;color:#fff;font-family:var(--body);overflow-x:clip }

/* ===== playground-band ===== */
.playground-band-section-1 { border-bottom:1px solid var(--line);background:#000 }
.playground-band-div-1 { max-width:var(--wrap);margin:0 auto;padding:clamp(28px,3.4vw,52px) clamp(18px,4vw,40px) }
.playground-band-div-2 { position:relative;background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px) }
.playground-band-div-3 { position:relative;background:#0b0b0d;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px);overflow:hidden }
.playground-band-div-4 { position:absolute;inset:8% 6%;background:radial-gradient(closest-side, rgba(225,29,36,0.22), transparent 76%);filter:blur(38px);pointer-events:none;z-index:0 }
.playground-band-div-5 { position:relative;width:100%;aspect-ratio:21 / 8;z-index:1 }
.playground-band-div-6 { max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:34px }
.playground-band-div-7 { display:flex;flex-direction:column;gap:14px }
.playground-band-div-8 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.playground-band-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.playground-band-div-9 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;align-items:stretch }
.playground-band-div-10 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);transition:background .25s }
.playground-band-div-10:hover { background:#BE2029 }
.playground-band-div-11 { height:100%;background:#0d0d0f;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px);overflow:hidden }
.playground-band-div-12 { position:relative;width:100%;height:clamp(200px,20vw,250px) }
.playground-band-div-13 { padding:22px 24px 26px;border-top:1px solid rgba(255,255,255,0.08) }
.playground-band-div-14 { font-family:var(--mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent);margin-bottom:10px }
.playground-band-div-15 { font-family:var(--title);font-size:18px;font-weight:600;color:#fff;margin-bottom:10px }
.playground-band-div-16 { font-size:14px;line-height:1.7;color:#9a9a9a }
.playground-band-div-17 { max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(28px,4vw,64px);align-items:center }
.playground-band-div-18 { display:flex;flex-direction:column;gap:18px;min-width:0 }
.playground-band-h3-1 { font-family:var(--title);margin:0;font-size:clamp(22px,2.8vw,32px);line-height:1.16;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.playground-band-p-1 { margin:0;font-size:15.5px;line-height:1.85;color:#9a9a9a;max-width:560px;text-wrap:pretty }
.playground-band-div-19 { position:relative;min-width:0 }
.playground-band-div-20 { position:absolute;inset:10% 8%;background:radial-gradient(closest-side, rgba(225,29,36,0.24), transparent 75%);filter:blur(34px);pointer-events:none;z-index:0 }
.playground-band-div-21 { position:relative;width:100%;aspect-ratio:4 / 3;z-index:1;clip-path:polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px) }
.playground-band-div-22 { max-width:var(--wrap);margin:0 auto;padding:clamp(40px,5vw,64px) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:22px }
.playground-band-div-23 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px }
.playground-band-a-1 { display:block;background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(18px 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%, 0 18px);transition:background .25s }
.playground-band-a-1:hover { background:#BE2029 }
.playground-band-span-1 { display:block;background:#0d0d0f;padding:24px 26px;clip-path:polygon(17px 0, 100% 0, 100% calc(100% - 17px), calc(100% - 17px) 100%, 0 100%, 0 17px) }
.playground-band-span-2 { display:block;font-family:var(--title);font-size:17px;font-weight:600;color:#fff;margin-bottom:8px;display:flex;align-items:center;gap:10px }
.playground-band-svg-1 { flex:none }
.playground-band-span-3 { display:block;font-size:13.5px;line-height:1.65;color:#8a8a8a }
.playground-band-section-2 { position:relative;border-bottom:1px solid var(--line);background:#000;overflow:hidden }
.playground-band-div-24 { position:absolute;inset:0;background:radial-gradient(720px 320px at 50% 118%, rgba(225,29,36,0.34), transparent 66%);pointer-events:none }
.playground-band-div-25 { position:relative;max-width:var(--wrap);margin:0 auto;padding:clamp(56px,7vw,96px) clamp(18px,4vw,40px);text-align:center }
.playground-band-h2-2 { font-family:var(--title);margin:0 0 16px;font-size:clamp(24px,4.6vw,40px);line-height:1.12;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.playground-band-p-2 { margin:0 auto 34px;font-size:16px;line-height:1.75;color:#a8a8a8;max-width:660px }
.playground-band-div-26 { display:flex;flex-wrap:wrap;gap:14px;justify-content:center }
.playground-band-span-4 { display:inline-block;clip-path:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);background:transparent;padding:0 }
.playground-band-a-2 { display:block;font-size:14px;font-weight:600;color:#fff;text-align:center;background:#BE2029;clip-path:polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);padding:13px 25px;transition:background .2s;white-space:nowrap }
.playground-band-a-2:hover { background:#D32832;color:#fff }
.playground-band-span-5 { display:inline-block;clip-path:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);background:#3a3a3a;padding:1px;transition:all .2s }
.playground-band-span-5:hover { background:#BE2029 }
.playground-band-a-3 { display:block;font-size:14px;font-weight:500;color:#fff;text-align:center;background:linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,.06)),#08080A;clip-path:polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);padding:13px 25px;transition:background .2s;white-space:nowrap }
.playground-band-a-3:hover { background:linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.12)),#08080A;color:#fff }

/* ===== not-a-chatbot ===== */
.not-a-chatbot-section-1 { position:relative;border-bottom:1px solid var(--line);background:#000;scroll-margin-top:90px }
.not-a-chatbot-div-1 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:36px }
.not-a-chatbot-div-2 { display:flex;flex-direction:column;gap:16px }
.not-a-chatbot-div-3 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.not-a-chatbot-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.not-a-chatbot-p-1 { margin:0;font-size:16.5px;line-height:1.8;color:#a8a8a8;max-width:100%;text-wrap:pretty }
.not-a-chatbot-div-4 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px;align-items:stretch }
.not-a-chatbot-div-5 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);transition:background .25s }
.not-a-chatbot-div-5:hover { background:#BE2029 }
.not-a-chatbot-div-6 { height:100%;background:#0d0d0f;padding:30px;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px) }
.not-a-chatbot-div-7 { font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent);margin-bottom:16px }
.not-a-chatbot-div-8 { display:flex;align-items:center;gap:12px;margin-bottom:12px }
.not-a-chatbot-svg-1 { flex:none }
.not-a-chatbot-div-9 { font-family:var(--title);font-size:19px;font-weight:600;letter-spacing:-0.01em;color:#fff }
.not-a-chatbot-div-10 { font-size:14.5px;line-height:1.75;color:#9a9a9a;text-wrap:pretty }
.not-a-chatbot-div-11 { background:rgba(255,255,255,0.14);padding:1px;height:100%;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px) }
.not-a-chatbot-div-12 { height:100%;display:flex;flex-direction:column;background:#08080a;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px) }
.not-a-chatbot-div-13 { padding:14px 22px;border-bottom:1px solid rgba(255,255,255,0.06);font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:#8a8a8a }
.not-a-chatbot-pre-1 { margin:0;flex:1;padding:22px;overflow-x:auto;font-family:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;font-size:13px;line-height:1.75;color:#c4c4c4 }

/* ===== in-device ===== */
.in-device-section-1 { position:relative;border-bottom:1px solid var(--line);background:#000;scroll-margin-top:90px }
.in-device-div-1 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:36px }
.in-device-div-2 { display:flex;flex-direction:column;gap:16px }
.in-device-div-3 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.in-device-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.in-device-p-1 { margin:0;font-size:16.5px;line-height:1.8;color:#a8a8a8;max-width:100%;text-wrap:pretty }
.in-device-div-4 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;align-items:stretch }
.in-device-div-5 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);transition:background .25s }
.in-device-div-5:hover { background:#BE2029 }
.in-device-div-6 { height:100%;background:#0d0d0f;padding:30px;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px) }
.in-device-svg-1 { display:block;margin-bottom:18px }
.in-device-div-7 { font-family:var(--title);font-size:19px;font-weight:600;letter-spacing:-0.01em;color:#fff;margin-bottom:12px }
.in-device-div-8 { font-size:14.5px;line-height:1.75;color:#9a9a9a;text-wrap:pretty }
.in-device-p-2 { margin:0;font-size:15.5px;line-height:1.85;color:#9a9a9a;max-width:100%;text-wrap:pretty }

/* ===== how-to-test ===== */
.how-to-test-section-1 { position:relative;border-bottom:1px solid var(--line);background:#000;scroll-margin-top:90px }
.how-to-test-div-1 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:36px }
.how-to-test-div-2 { display:flex;flex-direction:column;gap:16px }
.how-to-test-div-3 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.how-to-test-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.how-to-test-div-4 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px }
.how-to-test-div-5 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px) }
.how-to-test-div-6 { height:100%;background:#0d0d0f;padding:26px;clip-path:polygon(19px 0, 100% 0, 100% calc(100% - 19px), calc(100% - 19px) 100%, 0 100%, 0 19px) }
.how-to-test-div-7 { font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:0.18em;color:var(--accent);margin-bottom:14px }
.how-to-test-div-8 { font-family:var(--title);font-size:17px;font-weight:600;color:#fff;margin-bottom:10px;display:flex;align-items:center;gap:10px }
.how-to-test-svg-1 { flex:none }
.how-to-test-div-9 { font-size:14px;line-height:1.7;color:#9a9a9a }
.how-to-test-code-1 { font-family:'JetBrains Mono',monospace;font-size:13px;color:#c4c4c4 }

/* ===== blog ===== */
.blog-div-1 { background:#000;color:#fff;font-family:var(--body);overflow-x:clip }

/* ===== featured ===== */
.featured-section-1 { position:relative;border-bottom:0;background:#000;overflow:hidden }
.featured-div-1 { position:absolute;inset:0;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:rgba(255,255,255,0.14);pointer-events:none }
.featured-div-2 { position:absolute;inset:1px;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:radial-gradient(880px 420px at 50% 108%, rgba(225,29,36,0.30), transparent 72%),radial-gradient(520px 380px at 82% 26%, rgba(120,140,255,0.08), transparent 70%),linear-gradient(180deg,#0c0c0e,#070709);pointer-events:none }
.featured-div-3 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px) }
.featured-div-4 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:48px;align-items:center }
.featured-div-5 { font-family:var(--mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent);margin-bottom:12px }
.featured-h2-1 { font-family:var(--title);margin:0 0 20px;font-size:clamp(28px,2.8vw,40px);line-height:1.12;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.featured-p-1 { margin:0 0 30px;font-size:16px;line-height:1.75;color:#a8a8a8;max-width:520px;text-wrap:pretty }
.featured-div-6 { display:flex;flex-wrap:wrap;gap:14px }
.featured-span-1 { display:inline-block;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:transparent;padding:0 }
.featured-a-1 { display:block;font-size:14px;font-weight:600;color:#fff;text-align:center;background:#BE2029;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);padding:13px 25px;transition:background .2s;white-space:nowrap }
.featured-a-1:hover { background:#D32832;color:#fff }
.featured-div-7 { position:relative }
.featured-span-2 { display:block;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);background:rgba(255,255,255,0.14);padding:1px }
.featured-div-8 { clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);background:#08080a;overflow:hidden }
.featured-img-1 { width:100%;height:clamp(220px,24vw,320px);object-fit:cover;object-position:center;display:block }

/* ===== latest ===== */
.latest-section-1 { border-bottom:1px solid var(--line);background:#000 }
.latest-div-1 { max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px) }
.latest-div-2 { display:flex;flex-wrap:wrap;gap:24px;align-items:flex-end;justify-content:space-between;margin-bottom:48px }
.latest-h2-1 { font-family:var(--title);margin:0 0 14px;font-size:clamp(30px,3vw,44px);line-height:1.1;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.latest-p-1 { margin:0;font-size:16px;color:#a8a8a8 }
.latest-div-3 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;align-items:stretch }
.latest-span-1 { display:block;min-width:0;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);background:rgba(255,255,255,0.14);padding:1px;transition:background .25s }
.latest-span-1:hover { background:#BE2029 }
.latest-a-1 { display:flex;flex-direction:column;height:100%;clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);background:#0d0d0f;color:inherit;transition:background .25s }
.latest-a-1:hover { background:#121215 }
.latest-span-2 { position:relative;display:block;width:100%;height:clamp(170px,15vw,200px);background:#08080a;overflow:hidden }
.latest-img-1 { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0.92 }
.latest-span-3 { position:absolute;left:0;right:0;bottom:0;height:52%;background:linear-gradient(180deg,transparent,rgba(8,8,10,0.9));pointer-events:none }
.latest-span-4 { position:absolute;left:16px;bottom:14px;font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:#fff;background:#BE2029;padding:5px 11px }
.latest-span-5 { position:absolute;right:16px;top:14px;font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:#fff;background:rgba(8,8,10,0.78);border:1px solid rgba(225,29,36,0.7);padding:4px 9px }
.latest-span-6 { display:block;padding:22px 26px 0;font-family:var(--title);font-size:20px;font-weight:600;line-height:1.28;letter-spacing:-0.02em;color:#fff;text-wrap:pretty }
.latest-span-7 { display:block;padding:12px 26px 0;font-size:14px;line-height:1.7;color:#9a9a9a;text-wrap:pretty }
.latest-span-8 { display:flex;align-items:center;gap:10px;margin-top:auto;padding:22px 26px;font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:#6a6a6a }
.latest-span-9 { color:#2e2e2e }
.latest-svg-1 { flex:none;margin-left:auto }
.latest-span-10 { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:1252 / 740;min-width:100%;min-height:100%;display:block }
.latest-img-2 { width:100%;height:100%;object-fit:cover;object-position:center;display:block;opacity:0.92 }
.latest-img-3 { position:absolute;left:76.7%;top:47.3%;width:13.5%;height:auto;transform:translate(-50%,-50%) }

/* ===== blog-band ===== */
.blog-band-section-1 { position:relative;border-bottom:1px solid var(--line);background:#000;overflow:hidden }
.blog-band-div-1 { position:absolute;inset:0;background:radial-gradient(760px 320px at 50% 116%, rgba(225,29,36,0.26), transparent 68%);pointer-events:none }
.blog-band-div-2 { position:relative;max-width:var(--wrap);margin:0 auto;padding:clamp(56px,7vw,92px) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:34px }
.blog-band-div-3 { display:flex;flex-direction:column;gap:14px;max-width:760px }
.blog-band-div-4 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.blog-band-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.blog-band-p-1 { margin:0;font-size:16px;line-height:1.8;color:#a8a8a8;text-wrap:pretty }
.blog-band-div-5 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px;align-items:stretch }
.blog-band-a-1 { display:block;background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px);transition:background .25s }
.blog-band-a-1:hover { background:#BE2029 }
.blog-band-span-1 { display:flex;flex-direction:column;gap:12px;height:100%;background:#0d0d0f;padding:30px;clip-path:polygon(19px 0, 100% 0, 100% calc(100% - 19px), calc(100% - 19px) 100%, 0 100%, 0 19px) }
.blog-band-span-2 { display:flex;align-items:center;gap:12px }
.blog-band-svg-1 { flex:none }
.blog-band-span-3 { font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent) }
.blog-band-span-4 { font-family:var(--title);font-size:20px;font-weight:600;letter-spacing:-0.02em;color:#fff;line-height:1.2 }
.blog-band-span-5 { font-size:14px;line-height:1.7;color:#9a9a9a }

/* ===== blog-details ===== */
.blog-details-div-1 { background:#000;color:#fff;font-family:var(--body);overflow-x:clip }

/* ===== blog-details-band ===== */
.blog-details-band-section-1 { border-bottom:1px solid var(--line);background:#000 }
.blog-details-band-div-1 { max-width:var(--wrap);margin:0 auto;padding:0 clamp(18px,4vw,40px) 20px }
.blog-details-band-span-1 { display:block;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);background:rgba(255,255,255,0.14);padding:1px }
.blog-details-band-div-2 { clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);background:#08080a;overflow:hidden }
.blog-details-band-img-1 { width:100%;height:clamp(240px,30vw,420px);object-fit:cover;object-position:center;display:block }
.blog-details-band-div-3 { max-width:var(--wrap);margin:0 auto;padding:60px 40px 96px }
.blog-details-band-p-1 { margin:0 0 24px;font-size:16.5px;line-height:1.85;color:#c2c2c2;max-width:760px;text-wrap:pretty }
.blog-details-band-h2-1 { font-family:var(--title);margin:44px 0 18px;font-size:clamp(22px,2vw,28px);line-height:1.2;font-weight:700;letter-spacing:-0.02em }
.blog-details-band-div-4 { display:flex;flex-wrap:wrap;gap:14px;margin-top:44px }
.blog-details-band-span-2 { display:inline-block;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:transparent;padding:0 }
.blog-details-band-a-1 { display:block;font-size:14px;font-weight:600;color:#fff;text-align:center;background:#BE2029;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);padding:13px 25px;transition:background .2s;white-space:nowrap }
.blog-details-band-a-1:hover { background:#D32832;color:#fff }
.blog-details-band-span-3 { display:inline-block;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:transparent;padding:1px;transition:background .2s }
.blog-details-band-span-3:hover { background:#BE2029 }
.blog-details-band-a-2 { display:block;font-size:14px;font-weight:500;color:#fff;text-align:center;background:linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,.06)),#08080A;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);padding:13px 25px;transition:background .2s;white-space:nowrap }
.blog-details-band-a-2:hover { background:linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.12)),#08080A;color:#fff }

/* ===== about-royex ===== */
.about-royex-div-1 { background:#000;color:#fff;font-family:var(--body);overflow-x:clip }

/* ===== who ===== */
.who-section-1 { border-bottom:1px solid var(--line);background:#000 }
.who-div-1 { max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px) }
.who-div-2 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:52px;align-items:center;margin-bottom:56px }
.who-span-1 { display:block;min-width:0;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);background:rgba(255,255,255,0.14);padding:1px }
.who-div-3 { clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);background:#08080a;overflow:hidden }
.who-img-1 { width:100%;height:clamp(280px,30vw,420px);object-fit:cover;object-position:center;display:block }
.who-h2-1 { font-family:var(--title);margin:0 0 22px;font-size:clamp(30px,3vw,44px);line-height:1.1;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.who-p-1 { margin:0;font-size:16px;line-height:1.75;color:#a8a8a8;max-width:560px;text-wrap:pretty }
.who-div-4 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px }
.who-span-2 { display:block;min-width:0;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:rgba(255,255,255,0.14);padding:1px;transition:background .25s }
.who-span-2:hover { background:#BE2029 }
.who-div-5 { height:100%;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);background:#0d0d0f;padding:32px 28px }
.who-svg-1 { margin-bottom:20px;display:block }
.who-div-6 { font-family:var(--mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent);margin-bottom:12px }
.who-div-7 { font-size:17px;font-weight:600;margin-bottom:10px;letter-spacing:-0.01em }
.who-div-8 { font-size:13.5px;line-height:1.7;color:#9a9a9a }

/* ===== what-we-do ===== */
.what-we-do-section-1 { position:relative;border-bottom:0;background:#000;overflow:hidden }
.what-we-do-div-1 { position:absolute;inset:0;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:rgba(255,255,255,0.14);pointer-events:none }
.what-we-do-div-2 { position:absolute;inset:1px;clip-path:polygon(56px 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%, 0 56px);background:radial-gradient(880px 420px at 50% 108%, rgba(225,29,36,0.30), transparent 72%),radial-gradient(520px 380px at 82% 26%, rgba(120,140,255,0.08), transparent 70%),linear-gradient(180deg,#0c0c0e,#070709);pointer-events:none }
.what-we-do-div-3 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px) }
.what-we-do-h2-1 { font-family:var(--title);margin:0 0 24px;font-size:clamp(30px,3vw,44px);line-height:1.1;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.what-we-do-p-1 { margin:0 0 48px;font-size:16px;line-height:1.75;color:#a8a8a8;max-width:640px }
.what-we-do-div-4 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px }
.what-we-do-span-1 { display:block;min-width:0;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:rgba(255,255,255,0.14);padding:1px;transition:background .25s }
.what-we-do-span-1:hover { background:#BE2029 }
.what-we-do-div-5 { height:100%;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);background:#0d0d0f;padding:32px 28px }
.what-we-do-svg-1 { margin-bottom:20px;display:block }
.what-we-do-div-6 { font-family:var(--mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent);margin-bottom:12px }
.what-we-do-div-7 { font-size:17px;font-weight:600;margin-bottom:10px;letter-spacing:-0.01em }
.what-we-do-div-8 { font-size:13.5px;line-height:1.7;color:#9a9a9a }

/* ===== why ===== */
.why-section-1 { border-bottom:1px solid var(--line);background:#000 }
.why-div-1 { max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px) }
.why-h2-1 { font-family:var(--title);margin:0 0 40px;font-size:clamp(30px,3vw,44px);line-height:1.1;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.why-div-2 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px }
.why-span-1 { display:block;min-width:0;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:rgba(255,255,255,0.14);padding:1px;transition:background .25s }
.why-span-1:hover { background:#BE2029 }
.why-div-3 { height:100%;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);background:#0d0d0f;padding:32px 28px }
.why-svg-1 { margin-bottom:20px;display:block }
.why-div-4 { font-size:17px;font-weight:600;margin-bottom:10px;letter-spacing:-0.01em }
.why-div-5 { font-size:13.5px;line-height:1.7;color:#9a9a9a }

/* ===== about-royex-band ===== */
.about-royex-band-section-1 { position:relative;border-bottom:1px solid var(--line);background:#000;overflow:hidden }
.about-royex-band-div-1 { position:absolute;inset:0;background:radial-gradient(720px 320px at 50% 118%, rgba(225,29,36,0.34), transparent 66%);pointer-events:none }
.about-royex-band-div-2 { position:relative;max-width:var(--wrap);margin:0 auto;padding:96px 40px;text-align:center }
.about-royex-band-h2-1 { font-family:var(--title);margin:0 0 16px;font-size:clamp(28px,2.8vw,40px);line-height:1.12;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.about-royex-band-p-1 { margin:0 0 34px;font-size:16px;color:#a8a8a8 }
.about-royex-band-div-3 { display:flex;flex-wrap:wrap;gap:14px;justify-content:center }
.about-royex-band-span-1 { display:inline-block;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:transparent;padding:0 }
.about-royex-band-a-1 { display:block;font-size:14px;font-weight:600;color:#fff;text-align:center;background:#BE2029;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);padding:13px 25px;transition:background .2s;white-space:nowrap }
.about-royex-band-a-1:hover { background:#D32832;color:#fff }
.about-royex-band-span-2 { display:inline-block;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:transparent;padding:1px;transition:background .2s }
.about-royex-band-span-2:hover { background:#BE2029 }
.about-royex-band-a-2 { display:block;font-size:14px;font-weight:500;color:#fff;text-align:center;background:linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,.06)),#08080A;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);padding:13px 25px;transition:background .2s;white-space:nowrap }
.about-royex-band-a-2:hover { background:linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.12)),#08080A;color:#fff }

/* ===== contact ===== */
.contact-div-1 { background:#000;color:#fff;font-family:var(--body);overflow-x:clip }

/* ===== form ===== */
.form-section-1 { border-bottom:1px solid var(--line);background:#000 }
.form-div-1 { max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px) }
.form-div-2 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:56px;align-items:start }
.form-h2-1 { font-family:var(--title);margin:0 0 32px;font-size:clamp(26px,2.4vw,34px);line-height:1.14;font-weight:700;letter-spacing:-0.025em }
.form-div-3 { display:grid;gap:20px }
.form-label-1 { display:block }
.form-span-1 { display:block;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:#8a8a8a;margin-bottom:10px }
.form-span-2 { display:block;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:rgba(255,255,255,0.14);padding:1px;transition:background .2s }
.form-span-2:hover { background:#BE2029 }
.form-input-1 { display:block;width:100%;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);background:#08080a;border:0;outline:0;color:#fff;font-family:var(--body);font-size:14px;padding:13px 15px }
.form-div-4 { margin-top:28px;display:flex;flex-wrap:wrap;gap:14px }
.form-span-3 { display:inline-block;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:transparent;padding:0 }
.form-button-1 { display:block;font-size:14px;font-weight:600;color:#fff;text-align:center;background:#BE2029;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);padding:13px 25px;border:0;font-family:var(--body);cursor:pointer;transition:background .2s;white-space:nowrap }
.form-button-1:hover { background:#D32832;color:#fff }
.form-p-1 { margin:22px 0 0;font-size:12.5px;line-height:1.7;color:#6a6a6a;max-width:440px }
.form-span-4 { display:block;min-width:0;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);background:rgba(255,255,255,0.14);padding:1px;transition:background .25s }
.form-span-4:hover { background:#BE2029 }
.form-div-5 { display:grid;gap:26px;clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);background:linear-gradient(rgba(255,255,255,0.025),rgba(255,255,255,0.025)),#08080A;padding:34px 30px }
.form-div-6 { display:flex;gap:14px;align-items:flex-start }
.form-svg-1 { flex:none;margin-top:2px }
.form-div-7 { font-family:var(--mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:#8a8a8a;margin-bottom:8px }
.form-div-8 { font-size:15px;line-height:1.65;color:#e4e4e4;max-width:300px }
.form-a-1 { color:#e4e4e4 }
.form-a-1:hover { color:#fff }

/* ===== visit ===== */
.visit-section-1 { position:relative;border-bottom:0;background:#000;overflow:hidden }
.visit-div-1 { position:absolute;inset:0;clip-path:polygon(56px 0,100% 0,100% calc(100% - 56px),calc(100% - 56px) 100%,0 100%,0 56px);background:rgba(255,255,255,0.14);pointer-events:none }
.visit-div-2 { position:absolute;inset:1px;clip-path:polygon(56px 0,100% 0,100% calc(100% - 56px),calc(100% - 56px) 100%,0 100%,0 56px);background:radial-gradient(880px 420px at 50% 108%, rgba(225,29,36,0.30), transparent 72%),linear-gradient(180deg,#0c0c0e,#070709);pointer-events:none }
.visit-div-3 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:38px }
.visit-div-4 { display:flex;flex-direction:column;gap:16px;max-width:780px }
.visit-div-5 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.visit-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.visit-p-1 { margin:0;font-size:16px;line-height:1.8;color:#a8a8a8;text-wrap:pretty }
.visit-div-6 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(24px,3vw,44px);align-items:stretch }
.visit-div-7 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px);transition:background .25s }
.visit-div-7:hover { background:#BE2029 }
.visit-div-8 { height:100%;background:#0d0d0f;padding:clamp(26px,3vw,36px);clip-path:polygon(21px 0,100% 0,100% calc(100% - 21px),calc(100% - 21px) 100%,0 100%,0 21px);display:flex;flex-direction:column;gap:24px }
.visit-div-9 { display:flex;gap:14px;align-items:flex-start }
.visit-svg-1 { flex:none;margin-top:4px }
.visit-div-10 { min-width:0 }
.visit-div-11 { font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:#6a6a6a;margin-bottom:5px }
.visit-div-12 { font-size:15px;line-height:1.6;color:#e0e0e0 }
.visit-a-1 { color:#e0e0e0 }
.visit-a-1:hover { color:#fff }
.visit-div-13 { background:rgba(255,255,255,0.14);padding:1px;clip-path:polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px);min-width:0 }
.visit-div-14 { position:relative;height:100%;min-height:clamp(300px,32vw,440px);background:#0b0b0d;clip-path:polygon(21px 0,100% 0,100% calc(100% - 21px),calc(100% - 21px) 100%,0 100%,0 21px);overflow:hidden }
.visit-image-slot-1 { position:absolute;inset:0 }
.visit-div-15 { position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.12) 0%,transparent 42%,rgba(0,0,0,0.86) 100%);pointer-events:none }
.visit-div-16 { position:absolute;left:0;right:0;bottom:0;padding:26px 28px }
.visit-div-17 { font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent);margin-bottom:8px }
.visit-div-18 { font-family:var(--title);font-size:20px;font-weight:600;letter-spacing:-0.02em;color:#fff }

/* ===== contact-band ===== */
.contact-band-section-1 { position:relative;border-bottom:1px solid var(--line);background:#000;overflow:hidden }
.contact-band-div-1 { position:absolute;inset:0;background:radial-gradient(720px 320px at 50% 118%, rgba(225,29,36,0.34), transparent 66%);pointer-events:none }
.contact-band-div-2 { position:relative;max-width:var(--wrap);margin:0 auto;padding:96px 40px;text-align:center }
.contact-band-h2-1 { font-family:var(--title);margin:0 0 16px;font-size:clamp(28px,2.8vw,40px);line-height:1.12;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.contact-band-p-1 { margin:0 0 34px;font-size:16px;color:#a8a8a8 }
.contact-band-div-3 { display:flex;flex-wrap:wrap;gap:14px;justify-content:center }
.contact-band-span-1 { display:inline-block;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:transparent;padding:0 }
.contact-band-a-1 { display:block;font-size:14px;font-weight:600;color:#fff;text-align:center;background:#BE2029;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);padding:13px 25px;transition:background .2s;white-space:nowrap }
.contact-band-a-1:hover { background:#D32832;color:#fff }
.contact-band-span-2 { display:inline-block;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:transparent;padding:1px;transition:background .2s }
.contact-band-span-2:hover { background:#BE2029 }

/* ===== terms ===== */
.terms-div-1 { background:#000;color:#fff;font-family:var(--body);overflow-x:clip }

/* ===== agreement ===== */
.agreement-section-1 { position:relative;border-bottom:1px solid var(--line);background:#000;scroll-margin-top:90px }
.agreement-div-1 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:34px }
.agreement-div-2 { display:flex;flex-direction:column;gap:14px;max-width:820px }
.agreement-div-3 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.agreement-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.agreement-p-1 { margin:0;font-size:16px;line-height:1.8;color:#a8a8a8;text-wrap:pretty }
.agreement-div-4 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;align-items:stretch }
.agreement-div-5 { background:rgba(255,255,255,0.14);padding:1px;height:100%;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);transition:background .25s }
.agreement-div-5:hover { background:#BE2029 }
.agreement-div-6 { height:100%;background:#0d0d0f;padding:30px;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px) }
.agreement-div-7 { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px }
.agreement-div-8 { font-family:var(--title);font-size:18px;font-weight:600;letter-spacing:-0.01em;color:#fff }
.agreement-div-9 { font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:0.18em;color:var(--accent) }
.agreement-p-2 { margin:0 0 12px;font-size:14.5px;line-height:1.75;color:#9a9a9a;text-wrap:pretty }

/* ===== outputs ===== */
.outputs-section-1 { position:relative;border-bottom:1px solid var(--line);background:#000;scroll-margin-top:90px }
.outputs-div-1 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:34px }
.outputs-div-2 { display:flex;flex-direction:column;gap:14px;max-width:820px }
.outputs-div-3 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.outputs-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.outputs-p-1 { margin:0;font-size:16px;line-height:1.8;color:#a8a8a8;text-wrap:pretty }
.outputs-div-4 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;align-items:stretch }
.outputs-div-5 { background:rgba(255,255,255,0.14);padding:1px;height:100%;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);transition:background .25s }
.outputs-div-5:hover { background:#BE2029 }
.outputs-div-6 { height:100%;background:#0d0d0f;padding:30px;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px) }
.outputs-div-7 { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px }
.outputs-div-8 { font-family:var(--title);font-size:18px;font-weight:600;letter-spacing:-0.01em;color:#fff }
.outputs-div-9 { font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:0.18em;color:var(--accent) }
.outputs-p-2 { margin:0 0 12px;font-size:14.5px;line-height:1.75;color:#9a9a9a;text-wrap:pretty }

/* ===== liability ===== */
.liability-section-1 { position:relative;border-bottom:1px solid var(--line);background:#000;scroll-margin-top:90px }
.liability-div-1 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:34px }
.liability-div-2 { display:flex;flex-direction:column;gap:14px;max-width:820px }
.liability-div-3 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.liability-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.liability-div-4 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;align-items:stretch }
.liability-div-5 { background:rgba(255,255,255,0.14);padding:1px;height:100%;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);transition:background .25s }
.liability-div-5:hover { background:#BE2029 }
.liability-div-6 { height:100%;background:#0d0d0f;padding:30px;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px) }
.liability-div-7 { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px }
.liability-div-8 { font-family:var(--title);font-size:18px;font-weight:600;letter-spacing:-0.01em;color:#fff }
.liability-div-9 { font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:0.18em;color:var(--accent) }
.liability-p-1 { margin:0 0 12px;font-size:14.5px;line-height:1.75;color:#9a9a9a;text-wrap:pretty }

/* ===== terms-band ===== */
.terms-band-section-1 { position:relative;border-bottom:1px solid var(--line);background:#000;overflow:hidden }
.terms-band-div-1 { position:absolute;inset:0;background:radial-gradient(720px 320px at 50% 118%, rgba(225,29,36,0.34), transparent 66%);pointer-events:none }
.terms-band-div-2 { position:relative;max-width:var(--wrap);margin:0 auto;padding:clamp(56px,7vw,92px) clamp(18px,4vw,40px);text-align:center }
.terms-band-h2-1 { font-family:var(--title);margin:0 0 16px;font-size:clamp(24px,4.6vw,40px);line-height:1.12;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.terms-band-p-1 { margin:0 auto 34px;font-size:16px;line-height:1.75;color:#a8a8a8;max-width:660px }
.terms-band-div-3 { display:flex;flex-wrap:wrap;gap:14px;justify-content:center }
.terms-band-span-1 { display:inline-block;clip-path:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);background:transparent;padding:0 }
.terms-band-a-1 { display:block;font-size:14px;font-weight:600;color:#fff;text-align:center;background:#BE2029;clip-path:polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);padding:13px 25px;white-space:nowrap;transition:background .2s }
.terms-band-a-1:hover { background:#D32832;color:#fff }
.terms-band-span-2 { display:inline-block;clip-path:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);background:#3a3a3a;padding:1px;transition:all .2s }
.terms-band-span-2:hover { background:#BE2029 }
.terms-band-a-2 { display:block;font-size:14px;font-weight:500;color:#fff;text-align:center;background:linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,.06)),#08080A;clip-path:polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);padding:13px 25px;white-space:nowrap;transition:background .2s }
.terms-band-a-2:hover { background:linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.12)),#08080A;color:#fff }

/* ===== privacy ===== */
.privacy-div-1 { background:#000;color:#fff;font-family:var(--body);overflow-x:clip }

/* ===== what-we-collect ===== */
.what-we-collect-section-1 { position:relative;border-bottom:1px solid var(--line);background:#000;scroll-margin-top:90px }
.what-we-collect-div-1 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:34px }
.what-we-collect-div-2 { display:flex;flex-direction:column;gap:14px;max-width:820px }
.what-we-collect-div-3 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.what-we-collect-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.what-we-collect-p-1 { margin:0;font-size:16px;line-height:1.8;color:#a8a8a8;text-wrap:pretty }
.what-we-collect-div-4 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;align-items:stretch }
.what-we-collect-div-5 { background:rgba(255,255,255,0.14);padding:1px;height:100%;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);transition:background .25s }
.what-we-collect-div-5:hover { background:#BE2029 }
.what-we-collect-div-6 { height:100%;background:#0d0d0f;padding:30px;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px) }
.what-we-collect-div-7 { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px }
.what-we-collect-div-8 { font-family:var(--title);font-size:18px;font-weight:600;letter-spacing:-0.01em;color:#fff }
.what-we-collect-div-9 { font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:0.18em;color:var(--accent) }
.what-we-collect-p-2 { margin:0 0 12px;font-size:14.5px;line-height:1.75;color:#9a9a9a;text-wrap:pretty }

/* ===== engagements ===== */
.engagements-section-1 { position:relative;border-bottom:1px solid var(--line);background:#000;scroll-margin-top:90px }
.engagements-div-1 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:34px }
.engagements-div-2 { display:flex;flex-direction:column;gap:14px;max-width:820px }
.engagements-div-3 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.engagements-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.engagements-p-1 { margin:0;font-size:16px;line-height:1.8;color:#a8a8a8;text-wrap:pretty }
.engagements-div-4 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;align-items:stretch }
.engagements-div-5 { background:rgba(255,255,255,0.14);padding:1px;height:100%;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);transition:background .25s }
.engagements-div-5:hover { background:#BE2029 }
.engagements-div-6 { height:100%;background:#0d0d0f;padding:30px;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px) }
.engagements-div-7 { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px }
.engagements-div-8 { font-family:var(--title);font-size:18px;font-weight:600;letter-spacing:-0.01em;color:#fff }
.engagements-div-9 { font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:0.18em;color:var(--accent) }
.engagements-p-2 { margin:0 0 12px;font-size:14.5px;line-height:1.75;color:#9a9a9a;text-wrap:pretty }

/* ===== your-rights ===== */
.your-rights-section-1 { position:relative;border-bottom:1px solid var(--line);background:#000;scroll-margin-top:90px }
.your-rights-div-1 { position:relative;max-width:var(--wrap);margin:0 auto;padding:var(--sec-pad) clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:34px }
.your-rights-div-2 { display:flex;flex-direction:column;gap:14px;max-width:820px }
.your-rights-div-3 { font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent) }
.your-rights-h2-1 { font-family:var(--title);margin:0;font-size:clamp(24px,4.6vw,40px);line-height:1.14;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.your-rights-div-4 { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;align-items:stretch }
.your-rights-div-5 { background:rgba(255,255,255,0.14);padding:1px;height:100%;clip-path:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);transition:background .25s }
.your-rights-div-5:hover { background:#BE2029 }
.your-rights-div-6 { height:100%;background:#0d0d0f;padding:30px;clip-path:polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px) }
.your-rights-div-7 { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px }
.your-rights-div-8 { font-family:var(--title);font-size:18px;font-weight:600;letter-spacing:-0.01em;color:#fff }
.your-rights-div-9 { font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:0.18em;color:var(--accent) }
.your-rights-p-1 { margin:0 0 12px;font-size:14.5px;line-height:1.75;color:#9a9a9a;text-wrap:pretty }
.your-rights-a-1 { color:#d4d4d4;text-decoration:underline;text-decoration-color:rgba(225,29,36,0.6);text-underline-offset:3px }
.your-rights-a-1:hover { color:#fff }

/* ===== privacy-band ===== */
.privacy-band-section-1 { position:relative;border-bottom:1px solid var(--line);background:#000;overflow:hidden }
.privacy-band-div-1 { position:absolute;inset:0;background:radial-gradient(720px 320px at 50% 118%, rgba(225,29,36,0.34), transparent 66%);pointer-events:none }
.privacy-band-div-2 { position:relative;max-width:var(--wrap);margin:0 auto;padding:clamp(56px,7vw,92px) clamp(18px,4vw,40px);text-align:center }
.privacy-band-h2-1 { font-family:var(--title);margin:0 0 16px;font-size:clamp(24px,4.6vw,40px);line-height:1.12;font-weight:700;letter-spacing:-0.03em;text-wrap:balance }
.privacy-band-p-1 { margin:0 auto 34px;font-size:16px;line-height:1.75;color:#a8a8a8;max-width:660px }
.privacy-band-div-3 { display:flex;flex-wrap:wrap;gap:14px;justify-content:center }
.privacy-band-span-1 { display:inline-block;clip-path:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);background:transparent;padding:0 }
.privacy-band-a-1 { display:block;font-size:14px;font-weight:600;color:#fff;text-align:center;background:#BE2029;clip-path:polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);padding:13px 25px;white-space:nowrap;transition:background .2s }
.privacy-band-a-1:hover { background:#D32832;color:#fff }
.privacy-band-span-2 { display:inline-block;clip-path:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);background:#3a3a3a;padding:1px;transition:all .2s }
.privacy-band-span-2:hover { background:#BE2029 }
.privacy-band-a-2 { display:block;font-size:14px;font-weight:500;color:#fff;text-align:center;background:linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,.06)),#08080A;clip-path:polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);padding:13px 25px;white-space:nowrap;transition:background .2s }
.privacy-band-a-2:hover { background:linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.12)),#08080A;color:#fff }

/* ---------- 4. Components ---------- */

/* images placed in the page frames */
.slot-img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.img-frame { width: 100%; height: 100%; background: #0b0b0d; }

/* FAQ accordion */
.faq-list { display: flex; flex-direction: column; gap: 12px; }
.faq-item { position: relative; background: rgba(255,255,255,0.14); padding: 1px;
  clip-path: polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);
  transition: background .25s; }
.faq-item:hover, .faq-item.is-open { background: #BE2029; }
.faq-q { width: 100%; display: flex; align-items: center; gap: 18px; padding: 22px 26px;
  background: #0d0d0f; border: 0; color: #fff; font-family: inherit; text-align: left; cursor: pointer;
  clip-path: polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px);
  transition: background .25s; }
.faq-item.is-open .faq-q { background: #100b0c; clip-path: none; }
.faq-q-text { flex: 1; min-width: 0; font-family: var(--title); font-size: 17px; font-weight: 500; line-height: 1.45; letter-spacing: -0.01em; color: #dcdcdc; text-wrap: pretty; transition: color .25s; }
.faq-item.is-open .faq-q-text { color: #fff; }
.faq-q-icon { flex: none; display: flex; width: 26px; height: 26px; align-items: center; justify-content: center; color: #7a7a7a; transition: color .25s; }
.faq-item.is-open .faq-q-icon { color: var(--accent); }
.faq-icon-v { transition: opacity .25s; }
.faq-item.is-open .faq-icon-v { opacity: 0; }
.faq-a { display: grid; grid-template-rows: 0fr; background: #100b0c; transition: grid-template-rows .3s ease;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%); }
.faq-item.is-open .faq-a { grid-template-rows: 1fr; }
.faq-a-inner { overflow: hidden; }
.faq-a-rule { height: 1px; background: linear-gradient(90deg, rgba(225,29,36,0.45), rgba(255,255,255,0.05)); margin: 0 26px 18px; }
.faq-a-text { margin: 0; padding: 0 26px 24px; font-size: 15px; line-height: 1.8; color: #a2a2a2; max-width: 760px; text-wrap: pretty; }

/* contact form confirmation */
.form-sent { width: 100%; background: #BE2029; padding: 1px; clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px); }
.form-sent[hidden] { display: none; }
.form-sent-inner { display: block; background: #140406; padding: 18px 22px; font-size: 14.5px; line-height: 1.7; color: #e4e4e4;
  clip-path: polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px); }
.form-sent-inner strong { color: #fff; }

/* scroll to top */
.scroll-top { position: fixed; right: 28px; bottom: 28px; z-index: 70; width: 46px; height: 46px;
  display: flex; align-items: center; justify-content: center; background: #BE2029; color: #fff; border: 0; cursor: pointer;
  clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
  opacity: 0; visibility: hidden; transform: translateY(10px);
  transition: opacity .25s, transform .25s, visibility .25s, background .2s; }
.scroll-top.is-visible { opacity: 1; visibility: visible; transform: none; }
.scroll-top:hover { background: #e11d24; }

/* ---------- 5. Responsive layer ---------- */
.nav-toggle { display: none; flex: none; width: 44px; height: 44px; margin-left: auto;
  align-items: center; justify-content: center; flex-direction: column; gap: 5px;
  background: transparent; border: 0; cursor: pointer; }
.nav-toggle-bar { display: block; width: 20px; height: 2px; background: #fff; transition: transform .25s, opacity .2s; }
.nav-toggle.is-open .nav-toggle-bar:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-toggle.is-open .nav-toggle-bar:nth-child(2) { opacity: 0; }
.nav-toggle.is-open .nav-toggle-bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
nav a[aria-current="page"] { color: #fff; border-bottom-color: #BE2029; }

@media (max-width: 1100px) {
  .site-header-row { gap: 12px; }
  .nav-toggle { display: flex; }
  .site-nav { order: 5; flex: 1 0 100%; display: none; flex-direction: column; align-items: stretch;
    justify-content: flex-start; gap: 0; margin: 6px -4px 8px; border-top: 1px solid var(--line); }
  .site-nav.is-open { display: flex; }
  .site-nav > a { display: flex; align-items: center; min-height: 48px; padding: 0 4px; font-size: 14px;
    white-space: normal; border-bottom: 1px solid rgba(255,255,255,0.06) !important; }
  .site-nav > a[aria-current="page"] { border-bottom-color: #BE2029 !important; }
  .site-cta { order: 2; margin-left: auto; }
}

/* hero: banner stacks under the copy instead of overlaying it */
@media (max-width: 1024px) {
  .hero-section-1 { display: flex; flex-direction: column; }
  .hero-div-1 { position: relative; inset: auto; order: 2; width: 100%; height: clamp(230px, 56vw, 430px);
    -webkit-mask-image: linear-gradient(180deg, #000 84%, transparent 100%);
    mask-image: linear-gradient(180deg, #000 84%, transparent 100%); }
  .hero-div-2 { position: absolute; inset: 0; top: 0; right: 0; transform: none; aspect-ratio: auto;
    min-width: 0; min-height: 0; width: 100%; height: 100%;
    -webkit-mask-image: none; mask-image: none; }
  .hero-img-1 { width: 100%; height: 100%; object-fit: cover; object-position: center; }
  .hero-div-3 { display: none; }
  .hero-div-4 { order: 1; padding-block: 48px 16px; min-height: 0; }
  .hero-div-5 { max-width: 100%; }
  #heroTitle { width: 100% !important; }
}

@media (max-width: 900px) { :root { --sec-pad: 64px; } }
@media (max-width: 640px) {
  :root { --sec-pad: 48px; }
  .faq-q { padding: 18px 20px; gap: 12px; }
  .faq-a-rule { margin: 0 20px 14px; }
  .faq-a-text { padding: 0 20px 20px; }
  .scroll-top { right: 16px; bottom: 16px; }
}

@media (hover: none) {
  a, button { -webkit-tap-highlight-color: rgba(190,32,41,0.2); }
  .site-nav > a, .nav-toggle, .scroll-top { min-height: 44px; }
}