:root{
  --bg:#020505;
  --bg2:#06100e;
  --panel:#0a1110;
  --panel2:#101817;
  --ink:#f7f5ef;
  --muted:rgba(247,245,239,.72);
  --soft:rgba(247,245,239,.52);
  --emerald:#00b887;
  --emerald2:#72f0d0;
  --emerald3:#08755f;
  --silver:#a8aaa6;
  --line:rgba(247,245,239,.12);
  --shadow:0 34px 120px rgba(0,0,0,.48);
  --bp-max: 1500px;
  --page: clamp(28px, 4.7vw, 80px);
  --section: clamp(88px, 8vw, 150px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{
  margin:0;
  color:var(--ink);
  background:
    radial-gradient(circle at 72% 38%,rgba(0,184,135,.22),transparent 34%),
    radial-gradient(circle at 18% 76%,rgba(114,240,208,.08),transparent 36%),
    linear-gradient(180deg,#010303 0%,#06100e 46%,#020404 100%);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  font-feature-settings:"kern" 1,"liga" 1,"calt" 1;
}
body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(rgba(114,240,208,.34) 1px,transparent 1px);background-size:120px 120px;opacity:.10;pointer-events:none;z-index:-1}
a{color:inherit}#presenceField{position:fixed;inset:0;z-index:-2;opacity:.28}.section-pad{padding:var(--section) var(--page);max-width:var(--bp-max);margin-inline:auto}
.site-header{position:fixed;z-index:50;left:0;right:0;top:0;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--page);background:rgba(2,5,5,.78);backdrop-filter:blur(22px);border-bottom:1px solid rgba(247,245,239,.08)}
.brand{display:flex;align-items:center;min-width:190px}.brand-logo{height:42px;width:auto;filter:drop-shadow(0 10px 24px rgba(0,0,0,.3))}.nav{display:flex;align-items:center;gap:clamp(18px,2vw,34px);font-size:.92rem;line-height:1.45;font-weight:750;color:rgba(247,245,239,.78)}.nav a{text-decoration:none;position:relative}.nav a:not(.nav-cta):after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:1px;background:var(--emerald2);transform:scaleX(0);transform-origin:left;transition:.25s ease}.nav a:hover{color:var(--emerald2)}.nav a:hover:after{transform:scaleX(1)}.nav-cta{padding:13px 24px;border:1px solid rgba(114,240,208,.42);border-radius:999px}.menu-toggle{display:none;background:none;border:0;color:var(--ink);font-size:1.8rem}
/* ================= HERO STEP 012 ================= */
.signature-hero{min-height:100vh;max-width:1580px;display:grid;grid-template-columns:minmax(500px,.78fr) minmax(760px,1.22fr);gap:clamp(68px,6vw,128px);align-items:center;padding-top:132px;padding-bottom:88px}.hero-copy{max-width:610px}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.24em;color:var(--emerald2);font-weight:900;margin-bottom:30px;line-height:1.6}.eyebrow.pill{display:inline-flex;padding:9px 17px;border:1px solid rgba(114,240,208,.24);border-radius:999px;background:rgba(114,240,208,.035)}
.hero-title{margin:0;max-width:585px;font-size:clamp(4.0rem,4.65vw,6.45rem);line-height:1.03;letter-spacing:-.022em;font-weight:850}.hero-title span{display:block;white-space:nowrap}.hero-title em{display:block;font-style:normal;margin-top:.36em;background:linear-gradient(135deg,#d7fff3 0%,#6ee9cb 42%,#0ba981 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 16px rgba(0,184,135,.18))}.hero-title em span{line-height:1.03}.lead{max-width:560px;margin:34px 0 0;color:rgba(247,245,239,.74);font-size:clamp(1rem,1vw,1.16rem);line-height:1.72;letter-spacing:0}.hero-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:40px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:56px;padding:0 30px;border-radius:999px;text-decoration:none;font-weight:850;letter-spacing:-.005em;border:1px solid var(--line);transition:.25s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.btn.primary{color:#04100e;background:linear-gradient(135deg,#91f8dd,#00b887 58%,#058069);box-shadow:0 22px 68px rgba(0,184,135,.25),inset 0 1px 0 rgba(255,255,255,.34)}.btn.ghost{background:rgba(255,255,255,.03);border-color:rgba(114,240,208,.28);color:rgba(247,245,239,.88)}.btn:hover{transform:translateY(-2px)}.trust-row{display:grid;grid-template-columns:repeat(4,auto);gap:20px 24px;margin-top:42px;color:rgba(247,245,239,.62);font-size:.9rem;line-height:1.45}.trust-row div{display:flex;gap:10px;align-items:center}.trust-row i{font-style:normal;color:var(--emerald2)}
.hero-product{position:relative;min-height:720px;display:grid;place-items:center;isolation:isolate}.hero-product:before{content:"";position:absolute;width:min(780px,100%);height:min(780px,100%);border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(114,240,208,.20),transparent 24%),radial-gradient(circle at 50% 62%,rgba(0,184,135,.16),transparent 36%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.05),transparent 50%);filter:blur(2px);z-index:-1}.hero-product:after{content:"";position:absolute;left:50%;bottom:56px;width:560px;height:88px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,184,135,.34),rgba(0,0,0,.58) 58%,transparent 72%);filter:blur(18px);z-index:-1}.halo{position:absolute;border:1px solid rgba(114,240,208,.15);border-radius:50%;filter:drop-shadow(0 0 34px rgba(0,184,135,.12))}.halo-1{width:700px;height:700px;animation:spin 42s linear infinite}.halo-2{width:500px;height:500px;animation:spin 31s linear infinite reverse}.bp-device-main{position:relative;width:315px;height:528px;display:grid;place-items:center;filter:drop-shadow(0 88px 120px rgba(0,0,0,.88)) drop-shadow(0 0 80px rgba(0,184,135,.18));animation:floatDevice 6.5s ease-in-out infinite}.strap{position:absolute;width:122px;height:250px;border-radius:76px;background:linear-gradient(90deg,#050606,#202825 45%,#020303);box-shadow:inset 0 0 26px rgba(255,255,255,.05);z-index:0;opacity:.95}.strap.top{top:-108px}.strap.bottom{bottom:-104px}.strap:after{content:"";position:absolute;inset:15px 42px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.13) 0 2px,transparent 2px 10px);opacity:.22}.titanium-frame{position:absolute;inset:0;border-radius:158px;background:linear-gradient(118deg,#f3efe6 0%,#858981 13%,#262a27 28%,#fffdf4 46%,#151817 64%,#787d74 82%,#ddd8c9 100%);box-shadow:inset 0 0 34px rgba(255,255,255,.26),inset 14px 0 34px rgba(255,255,255,.08),inset -16px 0 34px rgba(0,0,0,.56),0 0 0 1px rgba(255,255,255,.18)}.ceramic-face{position:absolute;inset:19px;border-radius:139px;background:radial-gradient(circle at 36% 18%,rgba(255,255,255,.16),transparent 26%),radial-gradient(circle at 64% 76%,rgba(0,184,135,.07),transparent 36%),linear-gradient(145deg,#151b19 0%,#050707 52%,#010202 100%);box-shadow:inset 22px 22px 34px rgba(255,255,255,.045),inset -18px -22px 38px rgba(0,0,0,.78)}.fingerprint-glyph{position:absolute;top:92px;width:50px;height:50px;border-radius:50%;border:1px solid rgba(114,240,208,.18);opacity:.7}.fingerprint-glyph:after{content:"";position:absolute;left:17px;top:13px;width:16px;height:22px;border:2px solid rgba(114,240,208,.72);border-bottom-color:transparent;border-radius:14px}.presence-ring-main{position:absolute;width:180px;height:300px;border-radius:106px;border:6px solid rgba(114,240,208,.16);border-right-color:#8af6dc;border-bottom-color:#00b887;box-shadow:0 0 62px rgba(0,184,135,.28),inset 0 0 42px rgba(0,184,135,.12);animation:breathe 4.8s ease-in-out infinite}.presence-core{position:absolute;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,#a8ffe5 0 6px,#00b887 7px 13px,rgba(0,184,135,.12) 14px 30px,transparent 31px);box-shadow:0 0 60px rgba(0,184,135,.48)}.edge-glow{position:absolute;bottom:50px;width:105px;height:12px;border-radius:99px;background:#58e5c3;box-shadow:0 0 42px rgba(0,184,135,.75)}.side-highlight{position:absolute;right:19px;top:62px;width:3px;height:230px;border-radius:9px;background:linear-gradient(transparent,#fff,transparent);opacity:.55}.product-callout{position:absolute;z-index:3;display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:center;width:270px;padding:18px 19px;border-radius:24px;background:rgba(5,9,9,.66);border:1px solid rgba(114,240,208,.22);backdrop-filter:blur(14px);box-shadow:0 22px 80px rgba(0,0,0,.25);line-height:1.3}.product-callout:before{content:"";position:absolute;height:1px;background:linear-gradient(90deg,rgba(114,240,208,.58),transparent);width:150px;top:50%}.product-callout .icon{grid-row:1/3;width:42px;height:42px;border:1px solid rgba(114,240,208,.32);border-radius:50%;display:grid;place-items:center;color:var(--emerald2)}.product-callout b{font-size:1.0rem;line-height:1.22}.product-callout small{color:var(--muted);line-height:1.48}.callout-ceramic{left:2%;top:33%}.callout-ceramic:before{left:100%}.callout-fingerprint{right:-1%;top:17%}.callout-fingerprint:before{right:100%;background:linear-gradient(270deg,rgba(114,240,208,.58),transparent)}.callout-ring{right:-4%;top:48%}.callout-ring:before{right:100%;background:linear-gradient(270deg,rgba(114,240,208,.58),transparent)}.callout-charge{left:5%;bottom:20%}.callout-charge:before{left:100%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{0%,100%{opacity:.66;filter:brightness(.95)}50%{opacity:1;filter:brightness(1.24)}}@keyframes floatDevice{0%,100%{transform:translateY(4px)}50%{transform:translateY(-8px)}}
/* PRODUCT FAMILY */
.family-strip{max-width:1500px;margin-inline:auto;padding:16px var(--page) 92px;display:grid;grid-template-columns:1.1fr repeat(5,1fr);gap:20px}.family-intro{min-height:238px;border:1px solid rgba(247,245,239,.10);border-radius:30px;background:linear-gradient(180deg,rgba(13,20,19,.72),rgba(3,6,6,.96));display:flex;flex-direction:column;justify-content:center;padding:32px}.family-intro small{color:var(--emerald2);text-transform:uppercase;letter-spacing:.22em;font-weight:900}.family-intro h3{font-size:1.75rem;line-height:1.12;margin:16px 0}.family-intro p{color:var(--muted);line-height:1.65;margin:0}.family-unit{position:relative;min-height:238px;border:1px solid rgba(247,245,239,.10);border-radius:30px;background:radial-gradient(circle at 50% 18%,rgba(114,240,208,.08),transparent 38%),linear-gradient(180deg,rgba(15,22,21,.78),rgba(2,4,4,.96));display:flex;flex-direction:column;align-items:center;justify-content:end;padding:24px;overflow:hidden;transition:.28s ease}.family-unit:hover{transform:translateY(-6px);border-color:rgba(114,240,208,.28);box-shadow:0 26px 88px rgba(0,0,0,.42)}.family-unit.featured{border-color:rgba(220,178,91,.42);box-shadow:0 0 60px rgba(220,178,91,.12)}.family-unit b{font-size:1.05rem;margin-top:10px;letter-spacing:.04em;text-transform:uppercase}.family-unit span{color:var(--soft);font-size:.84rem;margin-top:6px;line-height:1.45}.mini-device{position:absolute;top:24px;width:78px;height:124px;border-radius:46px;background:linear-gradient(135deg,#aaa,#111 26%,#020303 60%,#777);display:grid;place-items:center;box-shadow:0 18px 55px rgba(0,0,0,.45)}.mini-device:before{content:"";position:absolute;inset:8px;border-radius:34px;background:linear-gradient(145deg,#111,#000)}.mini-device i{position:relative;width:40px;height:64px;border-radius:24px;border:2px solid #66e6c2;box-shadow:0 0 20px rgba(0,184,135,.25)}.pro .mini-device{filter:saturate(.5) brightness(1.25)}.guardian .mini-device{background:linear-gradient(135deg,#04614e,#050606 50%,#00b887)}.elite .mini-device{background:linear-gradient(135deg,#f4d17a,#18110a 38%,#000 65%,#b88736)}.explorer .mini-device{background:linear-gradient(135deg,#4aa0ff,#050912 50%,#001a3e)}.studio .mini-device{background:linear-gradient(135deg,#b06cff,#14051e 50%,#39045f)}
.section-head{text-align:center;max-width:830px;margin:0 auto 66px}.section-head small{color:var(--emerald2);text-transform:uppercase;letter-spacing:.26em;font-weight:900}.section-head h2{font-size:clamp(2.5rem,4.5vw,5.2rem);line-height:1.1;letter-spacing:-.035em;margin:22px 0}.section-head p{color:var(--muted);font-size:1.12rem;line-height:1.82}.product-family-grid,.tech-grid,.lab-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.product-family-grid article,.tech-grid article,.lab-card,.split-cta>div,.contact-card{border:1px solid var(--line);border-radius:32px;background:linear-gradient(180deg,rgba(13,20,19,.72),rgba(4,7,7,.92));padding:34px;box-shadow:var(--shadow)}.product-family-grid b,.tech-grid h3,.lab-card h3{font-size:1.45rem;line-height:1.18;letter-spacing:-.03em}.product-family-grid p,.tech-grid p,.lab-card p,.split-cta p{color:var(--muted);line-height:1.78}.product-family-grid span,.tech-grid span,.lab-card b,.split-cta small{color:var(--emerald2);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:900}.lab-card{text-decoration:none}.roadmap-line{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.roadmap-line div{padding:28px;border-top:1px solid rgba(114,240,208,.32);background:linear-gradient(180deg,rgba(13,20,19,.35),transparent)}.roadmap-line b{color:var(--emerald2)}.roadmap-line span{display:block;font-size:1.2rem;font-weight:850;margin:14px 0}.roadmap-line p{color:var(--muted);line-height:1.65}.split-cta{display:grid;grid-template-columns:1fr 1fr;gap:24px}.split-cta h2{font-size:clamp(2rem,3vw,3.6rem);letter-spacing:-.035em;line-height:1.1}.contact-card{max-width:520px;margin:auto;text-align:center;display:grid;gap:10px}.contact-card b{font-size:1.5rem}.contact-card span{color:var(--muted)}footer{max-width:1500px;margin-inline:auto;border-top:1px solid var(--line);padding:34px var(--page) 54px;display:flex;justify-content:space-between;gap:20px;color:var(--soft)}footer strong{letter-spacing:.28em;color:var(--ink)}
/* projects page styles retained */
.projects-hero{padding-top:150px}.projects-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}.project-tile{grid-column:span 4;border:1px solid var(--line);border-radius:32px;padding:34px;background:linear-gradient(180deg,rgba(13,20,19,.74),rgba(4,7,7,.94));min-height:360px}.project-tile.large{grid-column:span 7}.project-tile.medium{grid-column:span 5}.project-status{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--emerald2);font-weight:900}.project-tile h2,.project-tile h3{letter-spacing:-.04em;line-height:1.08;margin:16px 0}.project-tile h2{font-size:clamp(2.5rem,4vw,4.5rem)}.project-tile h3{font-size:2.1rem}.project-tile p{color:var(--muted);line-height:1.75;max-width:650px}.project-visual{height:190px;border-radius:24px;margin:24px 0 8px;border:1px solid rgba(247,245,239,.10);background:rgba(255,255,255,.035);position:relative;overflow:hidden}.project-visual img{width:100%;height:100%;object-fit:cover;opacity:.84}.project-list{display:grid;gap:10px;margin-top:22px}.project-list span{color:rgba(247,245,239,.72);font-size:.96rem}.project-list span:before{content:"✓";color:var(--emerald2);margin-right:9px}.solar-visual:before{content:"";position:absolute;inset:30px;background:linear-gradient(120deg,rgba(114,240,208,.22),rgba(0,0,0,.05));clip-path:polygon(0 25%,86% 0,100% 54%,12% 88%);border:1px solid rgba(114,240,208,.35)}.solar-visual:after{content:"☀︎";position:absolute;right:34px;top:20px;font-size:3rem;color:rgba(114,240,208,.72);filter:drop-shadow(0 0 25px rgba(0,184,135,.5))}.vehicle-visual:before{content:"";position:absolute;left:28px;right:28px;bottom:38px;height:78px;border-radius:80px 80px 18px 18px;border:2px solid rgba(114,240,208,.34);box-shadow:0 0 30px rgba(0,184,135,.15)}.vehicle-visual:after{content:"📶";position:absolute;right:38px;top:28px;font-size:2rem;opacity:.85}.presence-visual:before{content:"";position:absolute;left:50%;top:50%;width:150px;height:190px;border-radius:76px;transform:translate(-50%,-50%) rotate(-8deg);border:2px solid rgba(114,240,208,.4);box-shadow:0 0 45px rgba(0,184,135,.18),inset 0 0 40px rgba(255,255,255,.04)}.presence-visual:after{content:"";position:absolute;left:50%;top:50%;width:54px;height:54px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid rgba(114,240,208,.7);box-shadow:0 0 35px rgba(0,184,135,.3)}.final-cta{text-align:center}.final-cta h2{font-size:clamp(2.6rem,5vw,5.2rem);letter-spacing:-.04em;line-height:1.08}.final-cta p{color:var(--muted);max-width:700px;margin:0 auto 30px;line-height:1.8}
@media(max-width:1180px){.signature-hero{grid-template-columns:1fr;gap:40px}.hero-copy{max-width:760px}.hero-title{max-width:760px}.hero-product{min-height:660px}.family-strip{grid-template-columns:repeat(2,1fr)}.family-intro{grid-column:1/-1}.product-family-grid,.tech-grid,.lab-grid,.roadmap-line{grid-template-columns:1fr 1fr}.split-cta{grid-template-columns:1fr}}
@media(max-width:760px){.site-header{height:auto;min-height:76px}.nav{display:none}.menu-toggle{display:block}.signature-hero{padding-top:110px}.hero-title{font-size:clamp(3.4rem,15vw,5.2rem)}.hero-product{min-height:560px;transform:scale(.82);transform-origin:center top}.trust-row{grid-template-columns:1fr 1fr}.family-strip,.product-family-grid,.tech-grid,.lab-grid,.roadmap-line{grid-template-columns:1fr}.split-cta{grid-template-columns:1fr}footer{display:grid}.project-tile,.project-tile.large,.project-tile.medium{grid-column:1/-1}.projects-hero{padding-top:120px}}


/* ================= BP STEP 013: REAL HERO FIX =================
   Goal: fix compressed title, make BioPresence One the visual focus,
   and make mobile layout clean instead of overlapping. */
.signature-hero{
  grid-template-columns:minmax(520px,.92fr) minmax(680px,1.08fr);
  gap:clamp(56px,5vw,98px);
  padding-top:136px;
  padding-bottom:78px;
}
.hero-copy{max-width:680px;}
.hero-title{
  max-width:680px;
  font-size:clamp(3.65rem,4.25vw,5.85rem);
  line-height:1.145;
  letter-spacing:-0.012em;
  word-spacing:.065em;
  font-weight:825;
}
.hero-title span{
  white-space:normal;
  word-spacing:.08em;
}
.hero-title em{
  margin-top:.42em;
  background:linear-gradient(135deg,#dcfff5 0%,#86f3da 48%,#17af8d 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(0 0 14px rgba(0,184,135,.13));
}
.hero-title em span{line-height:1.135;}
.lead{
  max-width:620px;
  margin-top:42px;
  font-size:clamp(1.08rem,1.05vw,1.22rem);
  line-height:1.9;
  color:rgba(247,245,239,.72);
}
.hero-actions{margin-top:44px;gap:20px;}
.btn{min-height:60px;padding:0 34px;border-radius:999px;font-size:1rem;}
.btn.primary{background:linear-gradient(135deg,#a4ffe7 0%,#39ddb8 42%,#059a79 100%);}
.hero-product{min-height:690px;}
.hero-product:before{
  width:min(760px,100%);
  height:min(760px,100%);
  background:
    radial-gradient(circle at 50% 50%,rgba(114,240,208,.25),transparent 23%),
    radial-gradient(circle at 50% 61%,rgba(0,184,135,.20),transparent 38%),
    radial-gradient(circle at 48% 50%,rgba(255,255,255,.065),transparent 48%);
}
.bp-device-main{
  width:335px;
  height:552px;
  filter:drop-shadow(0 88px 130px rgba(0,0,0,.9)) drop-shadow(0 0 100px rgba(114,240,208,.22));
}
.bp-device-main:before{
  content:"";
  position:absolute;
  inset:-34px -30px;
  border-radius:190px;
  background:radial-gradient(circle at 62% 22%,rgba(255,255,255,.12),transparent 24%),radial-gradient(circle at 48% 72%,rgba(114,240,208,.13),transparent 38%);
  z-index:-1;
  filter:blur(10px);
}
.titanium-frame{box-shadow:inset 0 0 42px rgba(255,255,255,.33),inset 18px 0 38px rgba(255,255,255,.13),inset -18px 0 42px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.22),0 0 62px rgba(114,240,208,.09);}
.ceramic-face{inset:20px;}
.product-callout{
  width:254px;
  padding:16px 17px;
  border-radius:20px;
  background:rgba(3,8,8,.72);
  border-color:rgba(114,240,208,.25);
  box-shadow:0 24px 82px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.055);
}
.product-callout b{font-size:.98rem;letter-spacing:-.01em;}
.product-callout small{font-size:.82rem;color:rgba(247,245,239,.62);}
.product-callout .icon{width:38px;height:38px;}
.product-callout:before{width:128px;opacity:.72;}
.callout-ceramic{left:0%;top:39%;}
.callout-fingerprint{right:2%;top:22%;}
.callout-ring{right:0%;top:51%;}
.callout-charge{left:2%;bottom:18%;}
.family-strip{padding-top:26px;}

@media(max-width:1180px){
  .signature-hero{grid-template-columns:1fr;gap:52px;padding-top:122px;}
  .hero-copy{max-width:820px;}
  .hero-title{max-width:780px;font-size:clamp(4.1rem,8.4vw,6.1rem);line-height:1.12;}
  .lead{max-width:690px;}
  .hero-product{min-height:640px;}
}
@media(max-width:760px){
  :root{--page:22px;}
  .site-header{min-height:88px;padding:12px 22px;background:rgba(2,5,5,.92);}
  .brand-logo{height:54px;max-width:215px;}
  .menu-toggle{font-size:2.15rem;color:#f7f5ef;}
  .signature-hero{display:flex;flex-direction:column;padding-top:128px;padding-bottom:46px;gap:38px;}
  .hero-copy{width:100%;max-width:none;}
  .eyebrow.pill{font-size:.62rem;letter-spacing:.18em;padding:7px 12px;margin-bottom:24px;}
  .hero-title{
    max-width:100%;
    font-size:clamp(3.65rem,14.1vw,5.25rem);
    line-height:1.13;
    letter-spacing:-.018em;
    word-spacing:.07em;
  }
  .hero-title span{white-space:normal;}
  .hero-title em{margin-top:.38em;}
  .lead{font-size:1.18rem;line-height:1.82;max-width:100%;margin-top:34px;color:rgba(247,245,239,.74);}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:16px;margin-top:34px;}
  .btn{width:100%;min-height:62px;font-size:1.02rem;padding:0 22px;}
  .trust-row{grid-template-columns:1fr 1fr;gap:18px 16px;margin-top:34px;font-size:1rem;}
  .trust-row div{align-items:flex-start;}
  .hero-product{
    width:100%;
    min-height:auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    transform:none;
    padding-top:18px;
    padding-bottom:12px;
  }
  .hero-product:before{width:118vw;height:118vw;top:60px;opacity:.9;}
  .hero-product:after{bottom:360px;width:72vw;height:62px;}
  .halo-1{width:92vw;height:92vw;top:80px;}
  .halo-2{width:72vw;height:72vw;top:120px;}
  .bp-device-main{
    order:1;
    width:260px;
    height:430px;
    margin:8px auto 22px;
    transform:scale(1);
    animation:floatDevice 6.5s ease-in-out infinite;
  }
  .strap{width:98px;height:210px;}
  .strap.top{top:-94px}.strap.bottom{bottom:-94px}
  .presence-ring-main{width:144px;height:238px;border-width:5px;}
  .presence-core{width:54px;height:54px;}
  .edge-glow{bottom:40px;width:86px;height:10px;}
  .fingerprint-glyph{top:74px;}
  .product-callout{
    position:relative!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    order:2;
    width:100%;
    max-width:360px;
    margin:9px auto 0;
    grid-template-columns:40px 1fr;
    padding:16px 17px;
    border-radius:22px;
    background:rgba(4,9,9,.88);
    backdrop-filter:blur(16px);
  }
  .product-callout:before{display:none;}
  .product-callout b{font-size:1.06rem;}
  .product-callout small{font-size:.95rem;line-height:1.45;}
  .callout-fingerprint{margin-top:0;}
  .family-strip{padding-top:20px;}
}
@media(max-width:420px){
  .hero-title{font-size:clamp(3.25rem,13.4vw,4.7rem);line-height:1.14;}
  .lead{font-size:1.08rem;}
  .brand-logo{height:49px;max-width:190px;}
  .trust-row{font-size:.92rem;}
}