.site-page{background:#000;color:#fff;font-family:Inter,sans-serif;min-height:100vh;position:relative;overflow-x:hidden}
.site-page .page-bg,.site-page .particle-glow{position:fixed;z-index:0}
.site-page main,.site-header,.site-footer{position:relative;z-index:2}
.site-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:28px 40px 12px;max-width:1440px;margin:0 auto}
.site-brand{justify-self:center;display:inline-flex;align-items:center;text-decoration:none}
.site-brand img{height:58px;display:block}
.site-socials,.site-nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.site-socials{justify-self:start}
.site-nav{justify-self:end}
.site-social-link{width:38px;height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);display:inline-flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .2s ease}
.site-social-link:hover,.site-nav-link:hover,.site-cta-link:hover{background:rgba(83,184,255,.12);border-color:rgba(83,184,255,.42)}
.site-social-link svg{width:18px;height:18px;display:block;fill:currentColor}
.site-nav-link,.site-cta-link{border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:#fff;text-decoration:none;padding:10px 16px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}
.site-nav-link.active,.site-cta-link{background:#fff;color:#000;border-color:#fff}
.site-shell{max-width:1320px;margin:0 auto;padding:10px 40px 90px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:stretch}
.site-card{background:rgba(0,0,0,.42);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:32px;padding:34px;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.hero-copy{padding-top:20px}
.site-kicker{margin:0 0 12px;color:rgba(255,255,255,.6);font-size:11px;letter-spacing:.32em;text-transform:uppercase}
.site-title{margin:0;font-size:clamp(42px,7vw,82px);line-height:.96;letter-spacing:-.05em;font-weight:600;max-width:780px}
.site-subline{margin:18px 0 0;color:rgba(255,255,255,.78);font-size:18px;line-height:1.7;max-width:720px}
.site-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.site-primary,.site-secondary{border-radius:999px;padding:14px 22px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:.18em;text-transform:uppercase;border:1px solid rgba(255,255,255,.16)}
.site-primary{background:#fff;color:#000;border-color:#fff}
.site-secondary{background:rgba(255,255,255,.04);color:#fff}
.site-point-grid,.feature-grid,.stat-grid,.legal-grid,.faq-grid,.story-grid{display:grid;gap:20px}
.site-point-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px}
.site-point{padding:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:24px}
.site-point h3,.feature-card h3,.stat-card h3,.story-card h3{margin:0 0 10px;font-size:20px;font-weight:500}
.site-point p,.feature-card p,.stat-card p,.site-copy p,.story-card p,.policy-copy p,.faq-card p,.contact-copy p,.contact-panel p,.site-list li{color:rgba(255,255,255,.75);line-height:1.75}
.hero-visual{min-height:540px;position:relative;overflow:hidden}
.hero-visual::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 24%,rgba(83,184,255,.26),transparent 18%),radial-gradient(circle at 32% 74%,rgba(83,184,255,.16),transparent 20%),linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.01));}
.hero-stage{position:absolute;inset:36px;border-radius:30px;border:1px solid rgba(255,255,255,.08);overflow:hidden;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(0,0,0,.12));display:flex;align-items:center;justify-content:center}
.hero-stage::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(83,184,255,.65) 1px,transparent 1.4px);background-size:22px 22px;opacity:.18}
.hero-orb{position:absolute;width:260px;height:260px;border-radius:50%;border:1px solid rgba(83,184,255,.5);box-shadow:0 0 32px rgba(83,184,255,.28), inset 0 0 40px rgba(83,184,255,.12)}
.hero-orb::before,.hero-orb::after{content:'';position:absolute;inset:18px;border-radius:50%;border:1px solid rgba(255,255,255,.32)}
.hero-orb::after{inset:42px;border-color:rgba(83,184,255,.36)}
.hero-panel{position:absolute;bottom:30px;left:30px;right:30px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hero-chip{border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.38);backdrop-filter:blur(12px);border-radius:24px;padding:18px 20px}
.hero-chip strong{display:block;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:10px}
.hero-chip span{font-size:18px;line-height:1.4}
.section-stack{display:grid;gap:26px;margin-top:30px}
.section-header{max-width:820px}
.section-header h2{margin:0;font-size:clamp(34px,5vw,56px);line-height:1;letter-spacing:-.04em;font-weight:600}
.section-header p{margin:14px 0 0;color:rgba(255,255,255,.74);line-height:1.75}
.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.feature-card,.stat-card,.story-card,.faq-card,.legal-card{background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.12);border-radius:30px;padding:28px}
.feature-card span,.stat-card span,.story-card span{display:block;color:rgba(83,184,255,.9);font-size:11px;letter-spacing:.28em;text-transform:uppercase;margin-bottom:12px}
.site-copy,.policy-copy{background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.12);border-radius:32px;padding:34px}
.read-more{margin-top:16px;display:inline-flex;align-items:center;gap:10px;color:#53b8ff;background:none;border:none;padding:0;font:inherit;cursor:pointer}
.read-more-content{display:none;margin-top:20px}
.read-more-content.open{display:block}
.story-grid{grid-template-columns:1.1fr .9fr}
.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:16px}
.value-card{padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:rgba(255,255,255,.03)}
.value-card h3{margin:0 0 8px;font-size:18px}
.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.stat-card strong{display:block;font-size:42px;line-height:1;margin-bottom:12px}
.stat-card p{margin:0}
.contact-grid{display:grid;grid-template-columns:1fr .92fr;gap:28px}
.contact-panel form{display:grid;gap:16px;margin-top:22px}
.contact-panel .two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-panel label{display:grid;gap:8px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.contact-panel input,.contact-panel textarea{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);color:#fff;border-radius:18px;padding:14px 16px;outline:none;font:inherit}
.contact-panel textarea{min-height:180px;resize:vertical}
.contact-meta{display:grid;gap:16px;margin-top:18px}
.contact-meta div{padding:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:22px}
.contact-meta strong{display:block;margin-bottom:8px;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.policy-copy h1,.faq-shell h1,.pricing-shell h1,.story-shell h1,.contact-copy h1,.developments-shell h1{margin:0 0 14px;font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:-.04em;font-weight:600}
.policy-copy h2{margin:26px 0 10px;font-size:24px}
.policy-copy ul{margin:12px 0 0 18px;color:rgba(255,255,255,.75);line-height:1.75}
.footer-nav,.footer-meta,.footer-socials{display:flex;flex-wrap:wrap;gap:14px}
.site-footer{max-width:1320px;margin:0 auto;padding:0 40px 40px}
.site-footer-inner{margin-top:34px;padding:28px 0 0;border-top:1px solid rgba(255,255,255,.12);display:grid;gap:20px}
.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
.footer-link{color:rgba(255,255,255,.72);text-decoration:none;font-size:14px}
.footer-link:hover{color:#fff}
.footer-meta span,.footer-copy{color:rgba(255,255,255,.58);font-size:14px}
.footer-copy{line-height:1.7}
.pricing-shell .pricing-grid{margin-top:24px}
.faq-grid{grid-template-columns:1fr 1fr}
.faq-card h3{margin:0 0 10px;font-size:20px}
.site-page .billing-toggle{margin-top:22px;display:inline-flex;gap:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);padding:6px;border-radius:999px}
.site-page .billing-pill{border:none;background:transparent;color:rgba(255,255,255,.7);border-radius:999px;padding:10px 16px;cursor:pointer;font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.site-page .billing-pill.active{background:#fff;color:#000}
@media (max-width:1180px){.site-header{grid-template-columns:1fr;justify-items:start}.site-brand{justify-self:start}.site-nav{justify-self:start}.hero-grid,.story-grid,.contact-grid{grid-template-columns:1fr}.feature-grid,.value-grid,.stat-grid,.faq-grid,.site-point-grid{grid-template-columns:1fr 1fr}.site-shell,.site-footer,.site-header{padding-left:24px;padding-right:24px}}
@media (max-width:760px){.feature-grid,.value-grid,.stat-grid,.faq-grid,.site-point-grid,.contact-panel .two-col,.hero-panel{grid-template-columns:1fr}.site-title{font-size:44px}.site-subline{font-size:16px}.site-header{padding-top:20px}.site-brand img{height:48px}.site-nav,.site-socials,.footer-nav,.footer-socials,.footer-meta{gap:10px}.site-nav-link,.site-cta-link{padding:10px 14px;letter-spacing:.12em;font-size:11px}.site-card,.feature-card,.stat-card,.story-card,.faq-card,.legal-card,.site-copy,.policy-copy{padding:24px}.hero-visual{min-height:440px}}

/* --- v4 content/design refinements --- */
.home-shell-v2{display:grid;gap:96px}
.hero-center{display:grid;justify-items:center;text-align:center;max-width:980px;margin:0 auto;padding-top:24px}
.hero-title-refined{font-size:clamp(44px,5.6vw,68px);text-transform:none;max-width:900px}
.hero-refined .site-kicker{margin-bottom:16px}
.hero-refined .hero-subline{font-size:clamp(20px,2.2vw,28px);line-height:1.35;max-width:860px;color:#fff;margin-top:18px}
.hero-intro-copy{max-width:760px;margin:18px auto 0;color:rgba(255,255,255,.72);font-size:16px;line-height:1.8}
.centered-actions{justify-content:center;margin-top:28px}
.platform-intro-grid{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:34px;align-items:start}
.platform-copy-block h2,.centered-mission h2,.centered-section-header h2,.page-title-smaller{margin:0;font-size:clamp(34px,4.6vw,56px);line-height:1.02;letter-spacing:-.045em;font-weight:600}
.platform-copy-block p{margin:14px 0 0;color:rgba(255,255,255,.74);line-height:1.8}
.graphic-stack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.graphic-card{position:relative;margin:0;border:1px solid rgba(83,184,255,.18);background:rgba(8,16,32,.56);border-radius:28px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.22)}
.graphic-card img{display:block;width:100%;height:100%;object-fit:cover}
.graphic-card.wide,.large-break{grid-column:1 / -1}
.graphic-card.wide{min-height:360px}
.graphic-stack-grid .graphic-card:not(.wide){min-height:280px}
.statement-band{padding:12px 0}
.clean-statements{display:grid;justify-items:center;gap:34px;text-align:center}
.clean-statements p{margin:0;font-size:clamp(28px,4.6vw,62px);line-height:1.02;font-weight:600;letter-spacing:-.045em;color:#fff}
.centered-mission{max-width:860px;margin:0 auto;text-align:center;display:grid;justify-items:center;gap:18px}
.centered-mission p{margin:0;color:rgba(255,255,255,.74);line-height:1.82;max-width:760px}
.read-more-pill{padding:14px 24px;border-radius:999px;border:1px solid rgba(255,255,255,.16);font-size:12px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}
.mission-more-copy{max-width:760px;text-align:left;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:26px;padding:24px 26px}
.mission-more-copy p{margin:0 0 14px}
.content-break-grid{display:grid;gap:20px}
.large-break{min-height:420px}
.why-space-shell{display:grid;gap:24px}
.centered-section-header{text-align:center;max-width:760px;margin:0 auto}
.centered-section-header .site-kicker{margin-bottom:10px}
.four-up{grid-template-columns:repeat(4,minmax(0,1fr))}
.icon-feature-card,.icon-value-card{display:grid;gap:14px;align-content:start}
.icon-badge{width:52px;height:52px;border-radius:16px;border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.03)}
.icon-badge svg{width:24px;height:24px}
.about-shell-v2{display:grid;gap:110px}
.about-intro-wrap{max-width:780px;margin:0 auto;text-align:center;display:grid;gap:22px;padding-top:12px}
.page-title-smaller{font-size:clamp(32px,4vw,50px)}
.about-story-copy{display:grid;gap:16px}
.about-story-copy p{margin:0;color:rgba(255,255,255,.76);line-height:1.82;font-size:16px}
.about-break-spacing{margin-top:-26px}
.values-section-delayed{display:grid;gap:26px;padding-top:36px}
.value-grid-icons{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.contact-shell-v2{padding-top:10px}
.contact-layout-v2{display:grid;grid-template-columns:minmax(280px,1fr) minmax(360px,520px);gap:36px;align-items:start}
.contact-copy-panel{padding-top:36px;max-width:620px}
.contact-title{margin-bottom:16px}
.contact-lead{margin:0;color:rgba(255,255,255,.76);line-height:1.85;font-size:16px}
.contact-info-stack{display:grid;gap:16px;margin-top:32px}
.contact-info-stack div{padding:18px 0;border-top:1px solid rgba(255,255,255,.1)}
.contact-info-stack strong{display:block;margin-bottom:8px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.contact-info-stack p{margin:0;color:#fff}
.contact-form-card{padding:30px}
.contact-form-grid{display:grid;gap:16px;margin-top:10px}
.contact-form-grid .two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-form-grid label{display:grid;gap:8px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.contact-form-grid input,.contact-form-grid textarea{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);color:#fff;border-radius:18px;padding:14px 16px;outline:none;font:inherit}
.contact-form-grid textarea{min-height:180px;resize:vertical}
.pricing-shell-refined .pricing-grid-three{margin-top:30px;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:24px}
.pricing-shell-refined .pricing-card{padding:28px;min-height:100%}
.pricing-shell-refined .plan-meta{color:rgba(255,255,255,.72);line-height:1.7}
.pricing-shell-refined .center-cta{margin-top:auto}
.pricing-intro{max-width:780px;margin:0 auto}
.simple-page-shell{display:grid;gap:42px;padding-top:36px}
.minimal-hero{display:grid;justify-items:center;text-align:center;gap:18px;max-width:1040px;margin:0 auto;padding:34px 0 10px}
.minimal-hero h1{margin:0;font-size:clamp(54px,7vw,82px);line-height:.94;letter-spacing:-.05em;font-weight:700;text-transform:uppercase}
.minimal-copy{max-width:720px;display:grid;gap:18px}
.mono-detail, .mono-detail p{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace}
.mono-detail p{margin:0;color:rgba(255,255,255,.92);font-size:15px;line-height:1.55}
.developments-format{padding-top:10px;padding-bottom:6px}.developments-format h1{font-size:clamp(54px,6.5vw,82px)}.minimal-subhead{max-width:680px}.minimal-subhead p{font-size:18px;line-height:1.6}
.development-showcase-grid{display:grid;grid-template-columns:minmax(280px,470px) minmax(420px,1fr);gap:42px;align-items:center;max-width:1180px;margin:0 auto;padding:22px 0 10px}
.development-copy-column{display:grid;gap:56px}.development-copy-block{display:grid;gap:18px}.development-copy-block h2{margin:0;color:#83d3ff;font-size:26px;line-height:1.05;letter-spacing:-.03em;text-transform:uppercase;font-family:Inter,sans-serif;font-weight:700}.development-copy-block p{font-size:14px;line-height:1.7}
.development-image-frame{position:relative;border-radius:0;overflow:hidden;min-height:720px;box-shadow:0 40px 100px rgba(0,0,0,.45)}.development-image-frame img{width:100%;height:100%;display:block;object-fit:cover}
.development-impact-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.development-impact-row div{border-top:1px solid rgba(131,211,255,.4);padding-top:16px;display:grid;gap:8px}.development-impact-row strong{font-size:34px;line-height:1;color:#fff}.development-impact-row span{color:rgba(255,255,255,.7);font-size:14px;line-height:1.5}
@media (max-width:1180px){.platform-intro-grid,.contact-layout-v2,.development-showcase-grid{grid-template-columns:1fr}.four-up,.value-grid-icons{grid-template-columns:1fr 1fr}.graphic-stack-grid{grid-template-columns:1fr 1fr}.development-image-frame{min-height:520px}}
@media (max-width:760px){.graphic-stack-grid,.four-up,.value-grid-icons,.contact-form-grid .two-col,.development-impact-row{grid-template-columns:1fr}.hero-title-refined{font-size:42px}.hero-refined .hero-subline{font-size:18px}.platform-copy-block h2,.centered-mission h2,.centered-section-header h2,.page-title-smaller{font-size:34px}.clean-statements p{font-size:38px}.graphic-card.wide,.large-break,.graphic-stack-grid .graphic-card:not(.wide){min-height:auto}.contact-copy-panel{padding-top:0}.site-shell{padding-left:24px;padding-right:24px}}


/* v5 meeting note amendments */
.site-nav{gap:12px}.site-nav-dropdown{position:relative;display:inline-flex;align-items:center;gap:8px}.platform-link{padding-right:14px}.dropdown-trigger{border:none;background:transparent;color:#fff;padding:0 4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.nav-caret{font-size:12px;line-height:1}.site-nav-dropdown.open .dropdown-menu,.site-nav-dropdown:hover .dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.dropdown-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:180px;padding:10px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:rgba(6,12,22,.96);box-shadow:0 20px 60px rgba(0,0,0,.45);display:grid;gap:6px;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .18s ease, transform .18s ease}.dropdown-link{display:block;padding:12px 14px;border-radius:14px;color:rgba(255,255,255,.82);text-decoration:none;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.dropdown-link:hover,.dropdown-link.active{background:rgba(255,255,255,.08);color:#fff}

.home-shell-v3{display:grid;gap:120px}.hero-landing-section{min-height:calc(100vh - 130px);display:grid;align-content:center;justify-items:center;text-align:center;max-width:980px;margin:0 auto;padding-top:88px}.hero-kicker{font-size:12px;margin-bottom:26px}.hero-main-title{margin:0;font-size:clamp(42px,5vw,64px);line-height:1.02;letter-spacing:-.04em;font-weight:600}.hero-main-subline{margin:18px 0 0;font-size:clamp(18px,2vw,24px);line-height:1.4;color:#fff;max-width:820px}.hero-main-copy{margin:16px auto 0;max-width:720px;color:rgba(255,255,255,.72);font-size:16px;line-height:1.8}.device-illustration-section{padding-top:20px}.device-illustration{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:28px;align-items:end;max-width:1100px;margin:0 auto}.device{display:grid;justify-items:center;gap:14px;color:rgba(255,255,255,.72);font-size:12px;letter-spacing:.18em;text-transform:uppercase}.device-screen{position:relative;background:linear-gradient(180deg, rgba(7,16,32,.95), rgba(2,8,20,.95));border:1px solid rgba(83,184,255,.22);box-shadow:0 24px 60px rgba(0,20,60,.35);overflow:hidden}.device-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(64,158,255,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(64,158,255,.12) 1px, transparent 1px);background-size:28px 28px}.phone-device .device-screen{width:210px;height:380px;border-radius:34px}.phone-device .device-screen::before{content:'';position:absolute;top:12px;left:50%;width:80px;height:10px;border-radius:99px;background:rgba(255,255,255,.08);transform:translateX(-50%)}.laptop-device .device-screen{width:560px;height:340px;border-radius:24px 24px 14px 14px}.laptop-device .device-base{width:620px;height:18px;background:linear-gradient(180deg, rgba(97,130,190,.35), rgba(25,36,56,.85));border-radius:0 0 22px 22px;box-shadow:0 26px 40px rgba(0,0,0,.35)}.headset-device{align-self:center;position:relative;min-height:300px}.headset-arc{width:220px;height:170px;border:10px solid rgba(83,184,255,.24);border-bottom:none;border-radius:180px 180px 0 0;filter:drop-shadow(0 0 18px rgba(83,184,255,.18))}.headset-ear{position:absolute;top:112px;width:58px;height:92px;border:7px solid rgba(83,184,255,.35);border-radius:32px;background:rgba(2,8,20,.7)}.headset-ear.left{left:30px}.headset-ear.right{right:30px}.headset-band{position:absolute;top:34px;left:50%;width:80px;height:12px;border-radius:999px;background:rgba(159,225,255,.35);transform:translateX(-50%)}.glow-info,.glow-tag{position:absolute;border:2px solid rgba(83,184,255,.9);box-shadow:0 0 0 8px rgba(83,184,255,.08),0 0 28px rgba(83,184,255,.28)}.glow-info{right:18px;bottom:26px;width:54px;height:54px;border-radius:50%}.glow-info::before{content:'i';position:absolute;inset:0;display:grid;place-items:center;font-size:30px;font-weight:700;color:#fff}.glow-tag{left:44px;top:64px;width:150px;height:92px;border-radius:22px}.glow-tag::before,.glow-tag::after{content:'';position:absolute;background:rgba(83,184,255,.92)}.glow-tag::before{left:22px;top:22px;width:18px;height:18px;border-radius:50%}.glow-tag::after{left:22px;top:52px;width:72px;height:2px}.glow-tag.second{left:auto;right:40px;top:156px;width:170px;height:110px}.immersive-platform-section{display:grid;justify-items:center;text-align:center;max-width:980px;margin:0 auto;padding-top:10px}.immersive-platform-section h2{margin:0;font-size:clamp(34px,4vw,56px);line-height:1.04;letter-spacing:-.045em}.immersive-platform-section p{margin:18px 0 0;max-width:900px;color:rgba(255,255,255,.74);font-size:16px;line-height:1.85}.value-fullscreen-section{min-height:100vh;display:grid;align-content:center;justify-items:center;gap:28px;text-align:center}.value-fullscreen-section p{margin:0;font-size:clamp(34px,5vw,70px);line-height:1.02;letter-spacing:-.05em;font-weight:600}.mission-scroll-section{min-height:92vh;display:grid;align-content:center;justify-items:center;text-align:center;max-width:860px;margin:0 auto;gap:18px}.mission-scroll-section h2{margin:0;font-size:clamp(34px,4.2vw,56px);line-height:1.04;letter-spacing:-.045em}.mission-scroll-section p{margin:0;color:rgba(255,255,255,.74);line-height:1.82}.read-more-pill{min-width:180px}.read-more-content{display:none}.read-more-content.open{display:block}.post-mission-graphic-section{max-width:920px;margin:0 auto}.post-mission-graphic-section .large-break{min-height:0}.why-that-space-section{display:grid;gap:26px}.three-by-two{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.compact{padding:22px}.small{width:42px;height:42px;border-radius:14px}.small svg{width:20px;height:20px}.compact h3{margin:0;font-size:18px}.compact p{margin:0;color:rgba(255,255,255,.72);line-height:1.72;font-size:14px}.about-shell-v3{display:grid;gap:110px}.refined-about-intro{max-width:760px;margin:0 auto;text-align:center;display:grid;gap:20px;padding-top:28px}.page-title-smaller{font-size:clamp(30px,3.7vw,46px);line-height:1.05;letter-spacing:-.04em;font-weight:600}.refined-shape{max-width:700px;margin:0 auto;display:grid;gap:16px}.about-product-context{display:grid;grid-template-columns:repeat(2,minmax(0,320px));justify-content:center;gap:24px}.about-mini-visual{min-height:220px;max-width:320px;justify-self:center}.values-section-delayed{padding-top:24px}.value-grid-icons{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.icon-value-card h3{margin:0;font-size:18px}.icon-value-card p{margin:0;color:rgba(255,255,255,.72);line-height:1.7}.contact-shell-v3{padding-top:32px}.contact-layout-v3{display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,520px);gap:40px;align-items:start}.contact-copy-panel{display:grid;gap:18px}.contact-title{margin:0;max-width:520px}.contact-lead{margin:0;color:rgba(255,255,255,.76);line-height:1.82;max-width:560px}.map-card{margin-top:26px;padding:22px}.map-copy{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.map-copy span{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#9fe1ff}.map-copy p{margin:0;color:rgba(255,255,255,.66)}.newport-map{width:100%;height:auto;display:block}.align-with-heading{margin-top:48px}.pricing-grid-three{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:24px}.simple-page-shell{display:grid;gap:42px;padding-top:36px}.minimal-hero{display:grid;justify-items:center;text-align:center;gap:18px;max-width:1040px;margin:0 auto;padding:34px 0 10px}.minimal-hero h1{margin:0;font-size:clamp(54px,7vw,82px);line-height:.94;letter-spacing:-.05em;font-weight:700;text-transform:uppercase}.mono-detail,.mono-detail p{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace}.mono-detail p{margin:0;color:rgba(255,255,255,.92);font-size:15px;line-height:1.55}.minimal-subhead{max-width:680px}.minimal-subhead p{font-size:18px;line-height:1.6}.development-showcase-grid{display:grid;grid-template-columns:minmax(280px,470px) minmax(420px,1fr);gap:42px;align-items:center;max-width:1180px;margin:0 auto;padding:22px 0 10px}.development-copy-column{display:grid;gap:56px}.development-copy-block{display:grid;gap:18px}.development-copy-block h2{margin:0;color:#83d3ff;font-size:26px;line-height:1.05;letter-spacing:-.03em;text-transform:uppercase;font-family:Inter,sans-serif;font-weight:700}.development-copy-block p{font-size:14px;line-height:1.7}.development-image-frame{position:relative;border-radius:0;overflow:hidden;min-height:720px;box-shadow:0 40px 100px rgba(0,0,0,.45)}.development-image-frame img{width:100%;height:100%;display:block;object-fit:cover}.development-impact-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.development-impact-row div{border-top:1px solid rgba(131,211,255,.4);padding-top:16px;display:grid;gap:8px}.development-impact-row strong{font-size:34px;line-height:1;color:#fff}.development-impact-row span{color:rgba(255,255,255,.7);font-size:14px;line-height:1.5}.footer-nav{gap:12px;flex-wrap:wrap}.footer-link{white-space:nowrap}@media (max-width:1180px){.device-illustration,.contact-layout-v3,.development-showcase-grid{grid-template-columns:1fr}.three-by-two,.value-grid-icons{grid-template-columns:1fr 1fr}.about-product-context{grid-template-columns:1fr 1fr}.align-with-heading{margin-top:0}.development-image-frame{min-height:520px}}@media (max-width:760px){.site-header{grid-template-columns:1fr;justify-items:start}.site-brand{justify-self:start}.site-nav,.site-socials{justify-self:start}.hero-landing-section{min-height:auto;padding-top:42px}.device-illustration,.three-by-two,.value-grid-icons,.about-product-context,.contact-form-grid .two-col,.development-impact-row{grid-template-columns:1fr}.laptop-device .device-screen{width:100%;max-width:560px;height:240px}.laptop-device .device-base{width:100%;max-width:620px}.phone-device .device-screen{width:180px;height:320px}.headset-device{min-height:240px}.map-copy{display:grid}.site-shell{padding-left:24px;padding-right:24px}.dropdown-menu{right:auto;left:0}}


/* --- integrated image updates --- */
.home-device-showcase{max-width:1180px;margin:0 auto;min-height:0;background:transparent;border-color:rgba(83,184,255,.14);box-shadow:0 28px 70px rgba(0,0,0,.28)}
.home-device-showcase img{display:block;width:100%;height:auto;object-fit:contain}
.post-mission-graphic-section{max-width:980px;margin:0 auto}
.post-mission-graphic-section .graphic-card{border-color:rgba(83,184,255,.16);background:rgba(7,14,28,.46)}
.post-mission-graphic-section img{object-fit:cover}

.contact-layout-v3{align-items:stretch;grid-template-columns:minmax(320px,1.05fr) minmax(360px,.95fr)}
.contact-copy-panel{display:grid;align-content:start;gap:18px}
.contact-direct-detail{display:grid;gap:8px;margin-top:4px}
.contact-direct-detail span{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#9fe1ff}
.contact-direct-detail a{font-size:18px;line-height:1.4;color:#fff;text-decoration:none;word-break:break-word}
.contact-direct-detail a:hover{text-decoration:underline}
.transparent-map-card{background:rgba(0,0,0,.12);border-color:rgba(159,225,255,.14);backdrop-filter:blur(8px)}
.newport-map-image{background:transparent;border-radius:20px}
.contact-form-card{padding:34px;display:grid;align-content:start;height:100%}
.align-with-heading{margin-top:0}
.contact-form-heading{margin:0 0 12px;max-width:none;text-transform:uppercase;line-height:1.02}
.contact-form-grid{display:grid;gap:16px;align-content:start;height:100%}
.contact-form-grid textarea{min-height:260px;flex:1}
.contact-form-grid button{margin-top:auto}

.development-image-frame{border-radius:28px;border:1px solid rgba(83,184,255,.18);background:rgba(7,14,28,.42)}
.development-image-frame img{object-fit:cover}

@media (max-width:1180px){
  .contact-layout-v3{grid-template-columns:1fr}
  .contact-form-card{height:auto}
}
@media (max-width:760px){
  .home-device-showcase{border-radius:22px}
  .contact-form-heading{font-size:34px}
  .contact-direct-detail a{font-size:16px}
}


/* --- v7 navigation, help, contact, about, seo/responsive refinements --- */
.site-header{z-index:80;overflow:visible}
.site-page main,.site-footer{z-index:2}
.site-nav{position:relative;z-index:120}
.site-nav-dropdown{position:relative;display:inline-flex;align-items:center;gap:6px;padding:6px 0;z-index:130}
.site-nav-dropdown::after{content:'';position:absolute;left:0;right:0;top:100%;height:14px}
.dropdown-trigger{position:relative;z-index:2}
.dropdown-menu{z-index:999;top:calc(100% + 2px);min-width:200px;right:0}
.site-nav-dropdown.open .dropdown-menu,
.site-nav-dropdown:hover .dropdown-menu,
.site-nav-dropdown:focus-within .dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0)}
.site-nav-dropdown.active .platform-link{background:#fff;color:#000;border-color:#fff}
.help-menu{z-index:300}
.support-widget{z-index:301}
.auth-style-form-card{background:rgba(0,0,0,.42);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.16);border-radius:30px;box-shadow:0 20px 60px rgba(0,0,0,.28);padding:34px 34px 24px}
.contact-form-heading{font-size:clamp(32px,3.8vw,46px);line-height:1.02;letter-spacing:-.04em;font-weight:600;margin:0 0 16px}
.contact-form-grid{gap:14px}
.contact-form-grid .two-col{display:block}
.contact-form-grid label{display:grid;gap:8px;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.68)}
.contact-form-grid input,.contact-form-grid textarea{
  width:100%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.03);color:#fff;
  border-radius:18px;padding:0 18px;height:52px;font-size:15px;outline:none
}
.contact-form-grid textarea{padding:14px 18px;min-height:220px;resize:vertical}
.contact-form-grid input:focus,.contact-form-grid textarea:focus{border-color:rgba(83,184,255,.45);box-shadow:0 0 0 3px rgba(83,184,255,.08)}
.contact-form-grid .site-primary{width:100%;margin-top:12px}
.transparent-map-card{background:rgba(255,255,255,.02)!important;border-color:rgba(159,225,255,.12)!important;backdrop-filter:blur(4px)}
.newport-map-image{background:transparent!important;mix-blend-mode:screen}
.contact-layout-v3{align-items:stretch}
.contact-copy-panel,.contact-form-card{height:100%}
.about-single-visual{display:grid;justify-content:center}
.about-hero-visual{max-width:980px;width:100%;min-height:0}
.about-hero-visual img{width:100%;height:auto;object-fit:cover}
.hero-landing-section{padding-top:96px}
.hero-main-title{margin-top:6px}
.device-illustration-section{padding-top:10px}
img[loading="lazy"]{content-visibility:auto}
@media (max-width:1180px){
  .site-nav{gap:10px}
}
@media (max-width:760px){
  .site-header{grid-template-columns:1fr;justify-items:start}
  .site-brand{justify-self:start}
  .site-nav{justify-self:start}
  .dropdown-menu{position:absolute;left:0;right:auto}
  .contact-form-heading{font-size:34px}
}


/* v10 contact simplification + SEO cleanup */
.transparent-location-card{
  background: rgba(10,16,28,.28) !important;
  border: 1px solid rgba(142, 212, 255, 0.16) !important;
  box-shadow: none !important;
  backdrop-filter: blur(8px);
  max-width: 520px;
}
.location-copy{display:grid;gap:8px}
.location-copy span{
  color:#8fd3ff;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:12px;
}
.location-copy p{
  margin:0;
  color:#fff;
  font-size:24px;
  line-height:1.2;
}
.location-copy small{
  color:rgba(255,255,255,.68);
  font-size:14px;
}


/* --- v11 mobile responsiveness refinements --- */
html{scroll-behavior:smooth}
img{max-width:100%}
@media (max-width:1024px){
  .site-header{grid-template-columns:1fr;justify-items:center;gap:16px;padding:20px 20px 10px}
  .site-brand{justify-self:center}
  .site-socials,.site-nav{justify-self:center;justify-content:center}
  .site-shell{padding:8px 24px 72px}
  .site-footer{padding:0 24px 28px}
  .footer-row{align-items:flex-start}
  .contact-layout-v3,.development-showcase-grid,.hero-grid,.story-grid,.contact-grid{grid-template-columns:1fr !important;gap:24px}
  .contact-form-card{max-width:none;width:100%}
  .home-shell-v3{gap:84px}
  .value-fullscreen-section{min-height:70vh;padding:24px 0}
}
@media (max-width:768px){
  .site-page{overflow-x:hidden}
  .site-header{padding:18px 16px 8px;gap:14px}
  .site-brand img{height:46px}
  .site-nav{width:100%;gap:10px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;justify-content:flex-start;-webkit-overflow-scrolling:touch}
  .site-nav::-webkit-scrollbar{display:none}
  .site-nav-link,.site-cta-link,.platform-link{white-space:nowrap;padding:10px 14px;font-size:11px;letter-spacing:.14em}
  .site-nav-dropdown{flex:0 0 auto}
  .dropdown-menu{position:absolute;left:0;right:auto;min-width:190px;max-width:min(86vw,260px)}
  .site-socials{gap:10px}
  .site-social-link{width:34px;height:34px}
  .site-shell{padding:8px 16px 64px}
  .site-footer{padding:0 16px 24px}
  .hero-landing-section{min-height:auto;padding-top:28px}
  .hero-main-title{font-size:clamp(34px,10vw,52px)}
  .hero-main-subline{font-size:16px;line-height:1.5}
  .hero-main-copy{font-size:15px;line-height:1.75}
  .device-illustration-section{padding-top:0}
  .immersive-platform-section h2,.mission-scroll-section h2,.section-header h2,.page-title-smaller,.minimal-hero h1{font-size:clamp(28px,8vw,40px) !important}
  .value-fullscreen-section{gap:20px;min-height:auto;padding:56px 0}
  .value-fullscreen-section p{font-size:clamp(30px,9vw,44px);text-align:center}
  .mission-scroll-section{min-height:auto;padding:32px 0}
  .three-by-two,.value-grid,.value-grid-icons,.feature-grid,.stat-grid,.faq-grid,.site-point-grid{grid-template-columns:1fr !important}
  .about-shell-v3{gap:72px}
  .about-product-context.about-single-visual,.about-hero-visual{max-width:100% !important}
  .graphic-card,.site-card,.feature-card,.value-card,.faq-card,.legal-card,.pricing-card,.story-card,.stat-card,.site-copy,.policy-copy{border-radius:24px}
  .pricing-grid,.pricing-grid-three{grid-template-columns:1fr !important;gap:18px}
  .plan-price{font-size:34px}
  .development-image-frame{min-height:360px !important;border-radius:22px}
  .development-impact-row{grid-template-columns:1fr !important}
  .contact-copy-panel,.contact-form-card{max-width:none !important}
  .contact-form-card{padding:24px 20px 18px}
  .contact-form-grid input,.contact-form-grid textarea{font-size:16px}
  .transparent-location-card{padding:18px !important}
  .location-copy p{font-size:22px}
  .footer-nav,.footer-meta{gap:10px}
  .footer-link,.footer-meta span,.footer-copy{font-size:13px}
}
@media (max-width:480px){
  .site-header{padding:14px 12px 8px}
  .site-shell{padding:8px 12px 56px}
  .site-footer{padding:0 12px 20px}
  .site-brand img{height:42px}
  .hero-main-title{font-size:32px}
  .hero-main-subline{font-size:15px}
  .hero-main-copy{font-size:14px}
  .site-actions{width:100%;justify-content:center}
  .site-primary,.site-secondary{width:100%}
  .support-widget{right:12px;bottom:12px;padding:10px 12px 10px 10px;font-size:11px;letter-spacing:.14em}
  .support-widget span{display:none}
  .help-menu{right:12px;bottom:62px;width:200px}
  .contact-form-grid textarea{min-height:140px}
  .location-copy p{font-size:20px}
}


/* v12 patch: contact email card, larger about visual, platform page */
.contact-detail-stack{display:grid;gap:16px;max-width:520px}
.contact-detail-card{padding:18px 20px}
.contact-detail-card .location-copy a{color:#fff;text-decoration:none;word-break:break-word}
.contact-detail-card .location-copy a:hover{text-decoration:underline}

.about-single-visual{max-width:min(1680px, calc(100vw - 80px));margin:0 auto}
.about-hero-visual-xl{max-width:100%;width:100%;border-radius:36px}
.about-hero-visual-xl img{width:100%;height:auto;display:block;max-height:none;object-fit:cover}

.platform-shell-v2{display:grid;gap:48px;padding-top:10px}
.platform-hero-grid{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(420px,1.05fr);gap:34px;align-items:center}
.platform-hero-copy h1{margin:0 0 18px;font-size:clamp(40px,5.6vw,72px);line-height:.95;letter-spacing:-.045em}
.platform-hero-copy p{margin:0 0 14px;color:rgba(255,255,255,.76);line-height:1.82}
.platform-hero-visual{min-height:560px}
.platform-hero-visual img{width:100%;height:100%;object-fit:cover}
.platform-intro-collated{display:grid;gap:22px;max-width:980px;margin:0 auto;text-align:center}
.platform-copy-wide{display:grid;gap:14px}
.platform-copy-wide p{margin:0;color:rgba(255,255,255,.76);line-height:1.85}
.platform-focus-line{color:#8fd3ff !important;letter-spacing:.12em;text-transform:uppercase;font-size:12px}
.platform-feature-slider-wrap{display:grid;gap:22px}
.feature-slider{display:flex;gap:16px;overflow-x:auto;padding:8px 2px 10px;scroll-snap-type:x proximity}
.feature-slider::-webkit-scrollbar{height:8px}.feature-slider::-webkit-scrollbar-thumb{background:rgba(143,211,255,.28);border-radius:999px}
.feature-slide-pill{min-width:260px;max-width:260px;scroll-snap-align:start;padding:18px 18px 16px;border:1px solid rgba(143,211,255,.16);background:rgba(255,255,255,.03);border-radius:24px}
.feature-slide-pill strong{display:block;margin-bottom:10px;font-size:15px;line-height:1.35}.feature-slide-pill span{color:rgba(255,255,255,.68);line-height:1.6;font-size:14px}
.platform-benefits-box{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(340px,1fr);gap:26px;align-items:center}
.platform-benefits-copy h2{margin:0 0 14px;font-size:clamp(30px,4.2vw,48px);line-height:1}.platform-benefits-copy p{margin:0 0 14px;color:rgba(255,255,255,.76);line-height:1.82}
.platform-benefit-list{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}
.platform-benefit-list li{display:flex;gap:10px;align-items:flex-start;color:#fff;line-height:1.55}.platform-benefit-list span{color:#8fd3ff;font-weight:700}
.platform-benefits-visual{min-height:520px}.platform-benefits-visual img{width:100%;height:100%;object-fit:cover}
.platform-centered-note{max-width:820px;margin:0 auto;text-align:center;display:grid;gap:14px}.platform-centered-note h2{margin:0;font-size:clamp(30px,4.2vw,48px);line-height:1.02}.platform-centered-note p{margin:0;color:rgba(255,255,255,.76);line-height:1.8}
.platform-roadmap-section{display:grid;gap:24px;padding-bottom:24px}
.roadmap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.roadmap-card{padding:24px;border:1px solid rgba(143,211,255,.16);background:rgba(255,255,255,.03);border-radius:26px}.roadmap-card span{display:block;margin-bottom:10px;color:#8fd3ff;letter-spacing:.18em;text-transform:uppercase;font-size:11px}.roadmap-card h3{margin:0 0 12px;font-size:22px;line-height:1.05}.roadmap-card ul{margin:0;padding-left:18px;color:rgba(255,255,255,.72);line-height:1.7}
@media (max-width:1180px){.platform-hero-grid,.platform-benefits-box,.roadmap-grid{grid-template-columns:1fr}.platform-hero-visual,.platform-benefits-visual{min-height:420px}.platform-benefit-list{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.about-single-visual{max-width:calc(100vw - 48px)}.platform-benefit-list{grid-template-columns:1fr}.platform-hero-copy h1{font-size:42px}.platform-benefits-copy h2,.platform-centered-note h2{font-size:34px}.feature-slide-pill{min-width:78vw;max-width:78vw}.platform-hero-visual,.platform-benefits-visual{min-height:320px}}



/* v13 mobile burger nav + about page adjustments */
.site-burger{
  display:none;
  width:48px;
  height:48px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.04);
  color:#fff;
  align-items:center;
  justify-content:center;
  gap:5px;
  flex-direction:column;
  padding:0;
  cursor:pointer;
}
.site-burger span{
  display:block;
  width:18px;
  height:2px;
  background:#fff;
  border-radius:999px;
  transition:transform .2s ease, opacity .2s ease;
}
.mobile-menu-open .site-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mobile-menu-open .site-burger span:nth-child(2){opacity:0}
.mobile-menu-open .site-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.site-mobile-menu{
  display:none;
}

.about-product-context.about-single-visual{
  grid-template-columns:minmax(0,960px);
  max-width:960px;
  margin:0 auto;
}
.about-hero-visual-xl{
  width:100%;
  max-width:960px;
}
.about-hero-visual-xl img{
  width:100%;
  display:block;
}

@media (max-width:768px){
  body.mobile-menu-open{overflow:hidden}
  .site-header.mobile-nav-ready{
    grid-template-columns:1fr auto;
    align-items:center;
    gap:12px;
    position:relative;
  }
  .site-header.mobile-nav-ready .site-brand{
    justify-self:start;
    grid-column:1;
  }
  .site-header.mobile-nav-ready > .site-socials,
  .site-header.mobile-nav-ready > .site-nav{
    display:none;
  }
  .site-header.mobile-nav-ready .site-burger{
    display:inline-flex;
    justify-self:end;
    grid-column:2;
  }
  .site-mobile-menu{
    position:absolute;
    left:0;
    right:0;
    top:calc(100% + 12px);
    display:grid;
    gap:22px;
    padding:20px 16px 18px;
    background:rgba(5,10,20,.98);
    border:1px solid rgba(255,255,255,.12);
    border-radius:24px;
    box-shadow:0 24px 60px rgba(0,0,0,.4);
    z-index:500;
  }
  .site-mobile-links{
    display:grid;
    gap:10px;
  }
  .site-mobile-links .site-nav-link,
  .site-mobile-links .site-cta-link{
    width:100%;
    justify-content:flex-start;
    white-space:normal;
  }
  .site-mobile-socials{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    padding-top:6px;
    border-top:1px solid rgba(255,255,255,.08);
  }
  .site-mobile-socials .site-social-link{
    width:38px;
    height:38px;
  }
  .about-product-context.about-single-visual{
    grid-template-columns:minmax(0,100%);
    max-width:100%;
  }
  .about-hero-visual-xl{
    max-width:100%;
  }
}


/* v14 SEO/mobile optimisation */
@media (max-width: 760px){
  .pricing-grid.pricing-grid-three,
  .pricing-grid-three,
  .pricing-shell-refined .pricing-grid-three{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  .pricing-grid.pricing-grid-three > .pricing-card,
  .pricing-grid-three > .pricing-card,
  .pricing-shell-refined .pricing-grid-three > .pricing-card{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
  }
  .pricing-grid.pricing-grid-three > .pricing-card:nth-child(1){order:1}
  .pricing-grid.pricing-grid-three > .pricing-card:nth-child(2){order:2}
  .pricing-grid.pricing-grid-three > .pricing-card:nth-child(3){order:3}
}



/* Platform page exact copy spacing */
.platform-copy-wide{
  gap: 0;
}

.platform-copy-wide p{
  margin: 0;
}

.platform-copy-wide > p:first-child{
  margin-bottom: 1.75rem;
}

.platform-copy-break{
  margin-bottom: 3rem !important;
}

.platform-copy-highlight{
  font-size: clamp(2rem, 4.2vw, 3.2rem) !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  color: #ffffff !important;
  margin-bottom: 1.5rem !important;
}

.platform-focus-line.platform-copy-highlight{
  color: #8fd3ff !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.platform-copy-highlight-last{
  margin-bottom: 3.5rem !important;
}

.platform-copy-body{
  max-width: 860px;
  margin: 0 auto !important;
}

@media (max-width: 767px){
  .platform-copy-break{
    margin-bottom: 2.25rem !important;
  }

  .platform-copy-highlight{
    font-size: clamp(1.6rem, 7vw, 2.2rem) !important;
    margin-bottom: 1.1rem !important;
  }

  .platform-copy-highlight-last{
    margin-bottom: 2.5rem !important;
  }

  .platform-copy-wide > p:first-child{
    margin-bottom: 1.4rem;
  }
}


/* platform feature slider tidy */
.platform-feature-slider-wrap{gap:28px;}
.feature-slider{gap:18px;padding:10px 4px 24px;scroll-padding-left:4px;scrollbar-gutter:stable;}
.feature-slider::-webkit-scrollbar{height:10px}
.feature-slider::-webkit-scrollbar-thumb{background:rgba(143,211,255,.34);border-radius:999px}
@media (min-width: 981px){
  .feature-slide-pill{min-width:calc((100% - 54px) / 4);max-width:calc((100% - 54px) / 4);}
}
@media (max-width: 980px){
  .feature-slide-pill{min-width:280px;max-width:280px;}
}


/* final platform section repairs */
.platform-intro-visual{max-width:1120px;margin:0 auto;display:grid;gap:28px;}
.platform-copy-visual{display:grid;gap:22px;text-align:center;}
.platform-copy-lead{max-width:860px;margin:0 auto;color:rgba(255,255,255,.82);font-size:clamp(1.08rem,1.5vw,1.2rem);line-height:1.75;text-align:center;}
.platform-flow-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:10px 0 16px;}
.platform-flow-step{padding:20px 18px;border:1px solid rgba(143,211,255,.16);background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));border-radius:24px;display:grid;gap:8px;text-align:left;box-shadow:0 18px 40px rgba(0,0,0,.14);}
.platform-flow-step span{display:inline-flex;width:fit-content;padding:6px 10px;border-radius:999px;background:rgba(143,211,255,.12);color:#8fd3ff;font-size:11px;font-weight:700;letter-spacing:.14em;}
.platform-flow-step strong{font-size:1.08rem;line-height:1.15;color:#fff;}
.platform-flow-step small{font-size:.95rem;line-height:1.55;color:rgba(255,255,255,.68);}
.platform-copy-break.platform-copy-plain{margin:0;color:rgba(255,255,255,.68);font-size:clamp(1rem,1.3vw,1.08rem);}
.platform-emphasis-stack{display:grid;gap:12px;}
.platform-copy-highlight{margin:0;font-size:clamp(2rem,4.3vw,3.15rem) !important;font-weight:700 !important;line-height:1.12 !important;color:#fff;}
.platform-focus-line.platform-copy-highlight{color:#8fd3ff;letter-spacing:0;text-transform:none;}
.platform-copy-highlight-last{margin-bottom:.5rem !important;}
.platform-copy-body{max-width:820px;margin:0 auto;color:rgba(255,255,255,.78);font-size:clamp(1rem,1.35vw,1.08rem);line-height:1.8;}

.platform-feature-slider-wrap{display:grid;gap:22px;}
.feature-slider{display:flex;gap:18px;overflow-x:auto;padding:8px 2px 0;scroll-snap-type:x proximity;scroll-behavior:smooth;}
.feature-slider::-webkit-scrollbar{display:none;}
.feature-slide-pill{scroll-snap-align:start;padding:20px 18px 16px;border:1px solid rgba(143,211,255,.16);background:rgba(255,255,255,.03);border-radius:24px;}
.feature-glyph{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;margin:0 0 14px;border-radius:14px;border:1px solid rgba(143,211,255,.18);background:rgba(143,211,255,.08);color:#8fd3ff;}
.feature-glyph svg{width:20px;height:20px;display:block;stroke:currentColor;}
.feature-slide-pill strong{display:block;margin-bottom:10px;font-size:15px;line-height:1.35;}
.feature-slide-pill span{color:rgba(255,255,255,.68);line-height:1.6;font-size:14px;display:block;}
.feature-slider-controls{padding-top:18px;}
.feature-penny-slider{width:min(420px,100%);display:block;margin:0 auto;appearance:none;-webkit-appearance:none;height:10px;border-radius:999px;background:linear-gradient(90deg, rgba(143,211,255,.3), rgba(255,255,255,.14));outline:none;}
.feature-penny-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid rgba(83,184,255,.65);box-shadow:0 8px 18px rgba(0,0,0,.24);cursor:pointer;}
.feature-penny-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid rgba(83,184,255,.65);box-shadow:0 8px 18px rgba(0,0,0,.24);cursor:pointer;}

.platform-benefits-box{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(340px,1fr);gap:26px;align-items:stretch;}
.platform-benefits-visual{min-height:0;display:flex;overflow:hidden;border-radius:28px;}
.platform-benefits-visual img{display:block;width:100%;height:100%;object-fit:cover;}

@media (min-width: 901px){
  .feature-slide-pill{flex:0 0 calc((100% - 54px) / 4);min-width:calc((100% - 54px) / 4);max-width:calc((100% - 54px) / 4);}
}
@media (max-width: 900px){
  .platform-flow-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
  .feature-slide-pill{flex:0 0 280px;min-width:280px;max-width:280px;}
}
@media (max-width: 768px){
  .platform-intro-visual{gap:22px;}
  .platform-copy-visual{gap:18px;}
  .platform-flow-strip{grid-template-columns:1fr;gap:12px;margin:6px 0 12px;}
  .platform-flow-step{padding:16px;border-radius:20px;}
  .platform-copy-highlight{font-size:clamp(1.6rem,8vw,2.15rem) !important;}
  .feature-slider-controls{display:none;}
  .platform-benefits-visual{aspect-ratio:4 / 3;}
}


/* 2026-04-24 mobile nav reliability + platform alignment */
.site-mobile-menu[hidden]{
  display:none !important;
}
@media (max-width:768px){
  .site-header.mobile-nav-ready{
    z-index:120;
  }
  .site-header.mobile-nav-ready .site-burger{
    display:inline-flex;
  }
  .site-mobile-menu{
    display:none;
    position:fixed;
    left:20px;
    right:20px;
    top:88px;
    gap:22px;
    padding:20px 16px 18px;
    background:rgba(5,10,20,.98);
    border:1px solid rgba(255,255,255,.12);
    border-radius:24px;
    box-shadow:0 24px 60px rgba(0,0,0,.4);
    z-index:140;
  }
  .site-mobile-menu:not([hidden]){
    display:grid !important;
  }
}

.feature-slide-pill{
  display:grid;
  justify-items:center;
  align-content:start;
  text-align:center;
}
.feature-slide-pill strong,
.feature-slide-pill span{
  text-align:center;
}
.feature-glyph{
  margin:0 auto 14px !important;
}
.platform-benefits-box{
  align-items:stretch;
}
.platform-benefits-visual{
  display:flex;
  min-height:100%;
}
.platform-benefits-visual img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}



/* 2026-04-24 platform core features restore */
.platform-feature-slider-wrap{
  gap: 22px !important;
}
.feature-slider{
  gap: 16px !important;
  padding: 8px 2px 12px !important;
  overflow-x: auto !important;
  scroll-snap-type: x proximity !important;
  scroll-behavior: smooth !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable both-edges;
}
.feature-slider::-webkit-scrollbar{
  display: block !important;
  height: 10px !important;
}
.feature-slider::-webkit-scrollbar-thumb{
  background: rgba(143,211,255,.30) !important;
  border-radius: 999px !important;
}
.feature-slider-controls{
  display: none !important;
}
.feature-slide-pill{
  display: block !important;
  text-align: left !important;
}
.feature-slide-pill strong,
.feature-slide-pill span{
  text-align: left !important;
}
.feature-glyph{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 14px !important;
}
@media (min-width: 901px){
  .feature-slide-pill{
    flex: 0 0 calc((100% - 48px) / 4) !important;
    min-width: calc((100% - 48px) / 4) !important;
    max-width: calc((100% - 48px) / 4) !important;
  }
}
@media (max-width: 900px){
  .feature-slide-pill{
    flex: 0 0 78vw !important;
    min-width: 78vw !important;
    max-width: 78vw !important;
  }
}


/* 2026-05-03 final public/mobile header stabilisation */
.auth-mobile-header{display:none;}
@media (max-width:768px){
  body.site-page .site-header.mobile-nav-ready,
  .auth-mobile-header.mobile-nav-ready{
    display:grid !important;
    grid-template-columns:44px minmax(0,1fr) 44px !important;
    align-items:center !important;
    justify-items:center !important;
    gap:0 !important;
    width:100% !important;
    max-width:none !important;
    padding:16px 16px 10px !important;
    margin:0 !important;
    position:relative !important;
    z-index:160 !important;
  }
  body.site-page .site-header.mobile-nav-ready .site-brand,
  .auth-mobile-header.mobile-nav-ready .site-brand{
    grid-column:2 !important;
    justify-self:center !important;
    margin:0 auto !important;
    display:inline-flex !important;
  }
  body.site-page .site-header.mobile-nav-ready .site-brand img,
  .auth-mobile-header.mobile-nav-ready .site-brand img{
    height:46px !important;
    width:auto !important;
    max-width:154px !important;
    object-fit:contain !important;
  }
  body.site-page .site-header.mobile-nav-ready .site-burger,
  .auth-mobile-header.mobile-nav-ready .site-burger{
    grid-column:3 !important;
    justify-self:end !important;
    display:inline-flex !important;
    width:42px !important;
    height:42px !important;
    border-radius:14px !important;
  }
  body.site-page .site-header.mobile-nav-ready > .site-socials,
  body.site-page .site-header.mobile-nav-ready > .site-nav,
  .auth-mobile-header.mobile-nav-ready > .site-socials,
  .auth-mobile-header.mobile-nav-ready > .site-nav{
    display:none !important;
  }
  .site-mobile-menu{
    position:fixed !important;
    top:78px !important;
    left:16px !important;
    right:16px !important;
    z-index:220 !important;
    max-height:calc(100dvh - 104px) !important;
    overflow:auto !important;
  }
  .site-mobile-menu:not([hidden]){display:grid !important;}
  .site-mobile-links .dropdown-trigger{display:none !important;}

  body.auth-page .auth-mobile-header{display:grid !important;}
  body.auth-page > .logo-link{display:none !important;}
  body.auth-page .page-shell{padding-top:104px !important;}
}

/* 2026-05-03 platform mobile optimisation */
@media (max-width:768px){
  body[data-page="platform"] .site-shell,
  body[data-page="platform"] .platform-shell-v2{
    padding-left:18px !important;
    padding-right:18px !important;
    gap:34px !important;
  }
  body[data-page="platform"] .platform-hero-grid,
  body[data-page="platform"] .platform-benefits-box,
  body[data-page="platform"] .roadmap-grid,
  body[data-page="platform"] .platform-flow-strip{
    grid-template-columns:1fr !important;
  }
  body[data-page="platform"] .platform-hero-copy{text-align:center !important;}
  body[data-page="platform"] .platform-hero-copy h1{
    font-size:clamp(34px,10vw,44px) !important;
    line-height:1.02 !important;
  }
  body[data-page="platform"] .platform-hero-copy p,
  body[data-page="platform"] .platform-copy-body,
  body[data-page="platform"] .platform-copy-lead{
    font-size:15px !important;
    line-height:1.7 !important;
  }
  body[data-page="platform"] .platform-hero-visual,
  body[data-page="platform"] .platform-benefits-visual{
    min-height:0 !important;
    aspect-ratio:4 / 3 !important;
    border-radius:24px !important;
  }
  body[data-page="platform"] .platform-copy-highlight{
    font-size:clamp(26px,8vw,38px) !important;
    line-height:1.12 !important;
  }
  body[data-page="platform"] .platform-flow-step,
  body[data-page="platform"] .feature-slide-pill,
  body[data-page="platform"] .roadmap-card{
    padding:16px !important;
    border-radius:20px !important;
  }
  body[data-page="platform"] .feature-slide-track{
    overflow-x:auto !important;
    scroll-snap-type:x mandatory !important;
    -webkit-overflow-scrolling:touch !important;
    padding-bottom:6px !important;
  }
  body[data-page="platform"] .feature-slide-pill{
    min-width:82vw !important;
    max-width:82vw !important;
    scroll-snap-align:center !important;
  }
  body[data-page="platform"] .feature-slider-controls{display:none !important;}
}

/* Test branch 20/05: platform section breathing room */
.platform-intro-collated,
.platform-copy-break,
.platform-feature-slider-wrap,
.platform-benefits-box,
.platform-centered-note,
.platform-roadmap-section{
  scroll-margin-top: 120px;
}
.platform-intro-collated{ margin-top: clamp(42px, 7vw, 96px); }
.platform-copy-break{ margin-top: clamp(38px, 6vw, 82px) !important; }
.platform-feature-slider-wrap{ margin-top: clamp(52px, 8vw, 110px); }
.platform-benefits-box{ margin-top: clamp(52px, 8vw, 110px); }
.platform-centered-note{ margin-top: clamp(52px, 8vw, 110px); }
.platform-roadmap-section{ margin-top: clamp(52px, 8vw, 110px); }
@media (max-width: 768px){
  .platform-intro-collated{ margin-top: 46px; }
  .platform-copy-break{ margin-top: 42px !important; }
  .platform-feature-slider-wrap,
  .platform-benefits-box,
  .platform-centered-note,
  .platform-roadmap-section{ margin-top: 58px; }
}

/* Test branch quick fix: keep help/question icon white on all public/auth pages */
.support-widget,
.support-widget:visited,
.support-widget:hover,
.support-widget:focus {
  color: #fff !important;
}
.support-widget img {
  filter: brightness(0) invert(1) !important;
}
.support-widget svg,
.support-widget svg * {
  fill: #fff !important;
  stroke: #fff !important;
}

/* Stage 9 superseded: help question icon must remain white */
.support-widget img,
.help-btn img,
.help-toggle img,
#helpToggle img{
  filter:brightness(0) invert(1) !important;
}
.support-widget svg,
.support-widget svg *,
.help-btn svg,
.help-btn svg *,
.help-toggle svg,
.help-toggle svg *,
#helpToggle svg,
#helpToggle svg *{
  fill:#fff !important;
  stroke:#fff !important;
}


/* Stage 10: do not revert help/question icon - force white on all pages */
.support-widget,
.support-widget:visited,
.support-widget:hover,
.support-widget:focus,
.help-btn,
.help-toggle,
#helpToggle {
  color: #fff !important;
}
.support-widget img,
.help-btn img,
.help-toggle img,
#helpToggle img {
  filter: brightness(0) invert(1) !important;
}
.support-widget svg,
.support-widget svg *,
.help-btn svg,
.help-btn svg *,
.help-toggle svg,
.help-toggle svg *,
#helpToggle svg,
#helpToggle svg * {
  fill: #fff !important;
  stroke: #fff !important;
}

/* Stage 17: help button should be black with white icon/text */
.support-widget,
.help-btn,
.help-toggle,
#helpToggle{
  background:#000 !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.18) !important;
}
.support-widget *,
.help-btn *,
.help-toggle *,
#helpToggle *{ color:#fff !important; }
.support-widget svg,
.support-widget svg *,
.help-btn svg,
.help-btn svg *,
.help-toggle svg,
.help-toggle svg *,
#helpToggle svg,
#helpToggle svg *{ fill:#fff !important; stroke:#fff !important; }
.support-widget img,
.help-btn img,
.help-toggle img,
#helpToggle img{ filter:brightness(0) invert(1) !important; }


/* Stage 19: profile logo upload choose-file styling */
#logoUploadCard .upload-box input[type="file"],
.profile-logo-upload input[type="file"]{
  font-size:12px !important;
  color:rgba(255,255,255,.68) !important;
}
#logoUploadCard .upload-box input[type="file"]::file-selector-button,
.profile-logo-upload input[type="file"]::file-selector-button{
  min-height:38px !important;
  padding:0 18px !important;
  margin-right:12px !important;
  border:1px solid rgba(127,226,255,.34) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.06) !important;
  color:#fff !important;
  font-family:inherit !important;
  font-size:11px !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
}
#logoUploadCard .upload-box input[type="file"]::file-selector-button:hover,
.profile-logo-upload input[type="file"]::file-selector-button:hover{
  background:rgba(127,226,255,.13) !important;
  border-color:rgba(127,226,255,.5) !important;
}

/* Stage 20: keep the create-account auth logo visible at top-left on desktop */
@media (min-width:769px){
  body.auth-page .auth-mobile-header{
    display:none !important;
  }
  body.auth-page > .logo-link{
    display:inline-flex !important;
    position:fixed !important;
    top:28px !important;
    left:28px !important;
    z-index:180 !important;
  }
  body.auth-page > .logo-link img{
    height:56px !important;
    width:auto !important;
    display:block !important;
  }
}


/* 2026-05-24 targeted mobile header regression fix
   Scope: public/auth headers only. Keeps logo centred and burger aligned without changing dashboard/platform internals. */
@media (max-width:768px){
  body.site-page .site-header.mobile-nav-ready,
  body.auth-page .auth-mobile-header.mobile-nav-ready{
    display:grid !important;
    grid-template-columns:44px minmax(0,1fr) 44px !important;
    align-items:center !important;
    justify-items:center !important;
    gap:0 !important;
    width:100% !important;
    max-width:none !important;
    min-height:68px !important;
    padding:14px 16px 10px !important;
    margin:0 !important;
    position:relative !important;
    z-index:160 !important;
  }

  body.site-page .site-header.mobile-nav-ready .site-brand,
  body.auth-page .auth-mobile-header.mobile-nav-ready .site-brand{
    position:static !important;
    grid-column:2 !important;
    justify-self:center !important;
    align-self:center !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 auto !important;
    transform:none !important;
    left:auto !important;
    top:auto !important;
    z-index:2 !important;
  }

  body.site-page .site-header.mobile-nav-ready .site-brand img,
  body.auth-page .auth-mobile-header.mobile-nav-ready .site-brand img{
    height:46px !important;
    width:auto !important;
    max-width:154px !important;
    display:block !important;
    object-fit:contain !important;
    margin:0 auto !important;
  }

  body.site-page .site-header.mobile-nav-ready .site-burger,
  body.auth-page .auth-mobile-header.mobile-nav-ready .site-burger{
    position:static !important;
    grid-column:3 !important;
    justify-self:end !important;
    align-self:center !important;
    display:inline-flex !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    margin:0 !important;
    transform:none !important;
    right:auto !important;
    top:auto !important;
    border-radius:14px !important;
    z-index:3 !important;
  }

  body.site-page .site-header.mobile-nav-ready > .site-socials,
  body.site-page .site-header.mobile-nav-ready > .site-nav,
  body.auth-page .auth-mobile-header.mobile-nav-ready > .site-socials,
  body.auth-page .auth-mobile-header.mobile-nav-ready > .site-nav{
    display:none !important;
  }

  body.auth-page .auth-mobile-header{display:grid !important;}
  body.auth-page > .logo-link{display:none !important;}
  body.auth-page .page-shell{padding-top:104px !important;}
}