:root{
  --cream:#f4efe9;
  --cream-2:#f8f5f1;
  --black:#0c0c0b;
  --ink:#11110f;
  --muted:#5c554f;
  --rose:#bd8277;
  --rose-dark:#a96d63;
  --line:rgba(17,17,15,.13);
  --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream-2);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input{font:inherit}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;font-weight:600;color:#d69b90;margin:0 0 1.2rem}
.eyebrow.rose{color:var(--rose-dark)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:1.4rem;min-height:60px;padding:0 34px;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;font-weight:600;border:1px solid transparent;transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn-rose{background:var(--rose);color:#fff}
.btn-rose:hover{background:var(--rose-dark)}
.btn-outline-light{border-color:rgba(255,255,255,.45);color:#fff;background:transparent}
.btn-outline-light:hover{background:#fff;color:#111}

.site-header{position:absolute;z-index:20;left:0;top:0;width:100%;height:94px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 5.3vw;color:#fff}
.brand{display:flex;flex-direction:column;width:max-content;line-height:1}
.brand-main{font-family:"Cormorant Garamond",serif;font-size:2.55rem;letter-spacing:.18em;font-weight:500}
.brand-sub{font-size:.57rem;letter-spacing:.32em;margin-top:.3rem}
.desktop-nav{display:flex;align-items:center;gap:3.2rem;text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;font-weight:600}
.desktop-nav a{position:relative;padding:.5rem 0}
.desktop-nav a::after{content:"";position:absolute;left:0;bottom:2px;width:0;height:1px;background:currentColor;transition:width .22s ease}
.desktop-nav a:hover::after{width:100%}
.header-demo{justify-self:end;min-height:52px;padding:0 28px}
.menu-toggle{display:none;background:none;border:0;color:#fff;width:44px;height:44px;padding:10px}
.menu-toggle span{display:block;height:1px;background:currentColor;margin:7px 0}
.mobile-nav{display:none}

.hero{position:relative;min-height:760px;background:var(--black);overflow:hidden;color:#fff;display:flex;align-items:center;padding:130px 7.4vw 85px}
.hero-machine{position:absolute;inset:0;overflow:hidden}
.hero-machine img{position:absolute;width:min(780px,55vw);height:auto;right:2vw;top:-2vw;filter:contrast(1.05) saturate(.9);opacity:.78;transform:scale(1.04);transform-origin:center}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,7,.98) 0%,rgba(7,7,7,.94) 37%,rgba(7,7,7,.62) 62%,rgba(7,7,7,.28) 100%),radial-gradient(circle at 72% 45%,rgba(184,118,105,.16),transparent 30%)}
.hero-laser{display:none!important}
.hero-copy{position:relative;z-index:2;max-width:505px}
.hero h1{font-family:"Cormorant Garamond",serif;font-weight:400;font-size:clamp(4.2rem,6.3vw,7rem);line-height:.78;letter-spacing:-.035em;margin:0 0 2.5rem}
.hero h1 span,.hero h1 em{display:block}
.hero h1 em{font-style:normal;color:var(--rose);margin:.23em 0}
.short-rule{display:block;width:44px;height:1px;background:var(--rose);margin:0 0 2rem}
.hero .lead{font-size:1.03rem;line-height:1.72;max-width:450px;margin:0 0 2.25rem;color:rgba(255,255,255,.88)}

.advantage{background:var(--cream-2);padding:76px 5.6vw 70px;display:grid;grid-template-columns:1.2fr 2.8fr;gap:5vw;border-bottom:1px solid var(--line)}
.advantage-intro{padding-right:3vw}
.advantage h2,.possibilities h2,.guide-capture h2{font-family:"Cormorant Garamond",serif;font-weight:400;letter-spacing:-.02em}
.advantage h2{font-size:clamp(3rem,4.1vw,4.6rem);line-height:.95;margin:.2rem 0 1.8rem}
.advantage h2 em{font-weight:400;color:var(--rose);font-style:normal}
.advantage-intro>p:last-child{color:var(--muted);max-width:430px}
.advantage-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.advantage-grid article{text-align:center;padding:5px 22px 0;border-left:1px solid var(--line)}
.advantage-grid h3{text-transform:uppercase;font-size:.76rem;letter-spacing:.02em;margin:1.2rem 0 .65rem}
.advantage-grid p{font-size:.84rem;color:#4b4540;line-height:1.7;margin:0}
.feature-icon{width:46px;height:46px;display:inline-block;position:relative;color:var(--rose-dark)}
.feature-icon.target::before{content:"";position:absolute;inset:5px;border:1.5px solid currentColor;border-radius:50%;box-shadow:inset 0 0 0 8px var(--cream-2),inset 0 0 0 9.5px currentColor}
.feature-icon.target::after{content:"";position:absolute;left:22px;top:0;width:1px;height:46px;background:currentColor;box-shadow:-22px 22px 0 -0.1px transparent}
.feature-icon.pulse::before{content:"⌁";position:absolute;font-family:serif;font-size:4rem;line-height:.6;transform:rotate(-10deg);left:0;top:10px}
.feature-icon.dots{background:radial-gradient(circle,currentColor 0 2.5px,transparent 3px) 0 0/15px 15px}
.feature-icon.shield::before{content:"";position:absolute;inset:2px 8px 0;border:1.5px solid currentColor;border-radius:15px 15px 20px 20px;clip-path:polygon(0 0,100% 0,100% 58%,50% 100%,0 58%)}

.possibilities{background:#f7f3ef;padding:72px 5.6vw 0;display:grid;grid-template-columns:1.15fr .85fr;gap:5vw;align-items:end;min-height:480px;border-bottom:1px solid var(--line)}
.possibilities-copy{padding-bottom:65px;max-width:640px}
.possibilities h2{font-size:clamp(3.2rem,4.5vw,5rem);line-height:.9;margin:.2rem 0 1.4rem}
.rose-rule{background:var(--rose)}
.application-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.55rem 2.5rem;margin-top:2rem}
.application-grid article{display:grid;grid-template-columns:42px 1fr;gap:.9rem;align-items:start}
.mini-icon{font-family:serif;font-size:2.1rem;line-height:1;color:var(--rose-dark)}
.application-grid h3{font-size:.9rem;margin:0 0 .25rem}
.application-grid p{font-size:.82rem;color:#5b534e;line-height:1.55;margin:0}
.possibilities-machine{height:420px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:transparent}
.possibilities-machine img{width:100%;height:100%;object-fit:contain;object-position:center bottom}

.guide-capture{display:grid;grid-template-columns:.94fr 1.06fr;min-height:460px;background:var(--cream-2);overflow:hidden}
.guide-copy{padding:64px 5.7vw 62px;display:flex;flex-direction:column;justify-content:center}
.guide-capture h2{font-size:clamp(3rem,4.2vw,4.5rem);line-height:.92;margin:.25rem 0 1.4rem}
.guide-copy>p:not(.eyebrow){max-width:480px;color:var(--muted);margin-top:0}
.guide-form{margin-top:1.5rem;max-width:565px}
.guide-form-row{display:grid;grid-template-columns:1fr auto;gap:.75rem}
.guide-form input[type=email]{width:100%;min-height:60px;border:1px solid var(--line);background:transparent;padding:0 18px;outline:0}
.guide-form input[type=email]:focus{border-color:var(--rose)}
.hp-field{position:absolute!important;left:-9999px!important}
.privacy-note{font-size:.76rem;color:#867e77;margin:1rem 0 0!important}
.guide-status{font-size:.78rem;margin:.45rem 0 0!important;color:var(--rose-dark)}
.guide-visual{position:relative;min-height:460px;overflow:hidden}
.guide-visual::before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,var(--cream-2) 0%,rgba(248,245,241,.8) 10%,rgba(248,245,241,.25) 28%,transparent 48%);pointer-events:none}
.guide-visual img{width:100%;height:100%;object-fit:cover;object-position:55% 43%;filter:grayscale(1) contrast(1.02)}

.faq{background:#f5f0eb;padding:58px 5.7vw 70px}
.faq-wrap{max-width:1280px;margin:auto}
.faq-list{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:20px 0;font-size:.9rem;font-weight:500}
summary::-webkit-details-marker{display:none}
summary span{font-size:1.2rem;font-weight:400;transition:transform .2s ease}
details[open] summary span{transform:rotate(45deg)}
details p{max-width:850px;color:var(--muted);font-size:.9rem;margin:0;padding:0 0 22px}

.reveal{opacity:0;transform:translateY(15px);transition:opacity .7s ease,transform .7s ease}
.reveal.is-visible{opacity:1;transform:none}

@media (max-width:1050px){
  .desktop-nav{gap:1.6rem}
  .advantage{grid-template-columns:1fr}
  .advantage-grid{grid-template-columns:repeat(2,1fr);gap:2rem 0}
  .advantage-grid article:nth-child(3){border-left:0}
  .possibilities{grid-template-columns:1fr 1fr}
}
@media (max-width:800px){
  .site-header{height:78px;padding:0 22px;grid-template-columns:1fr auto}
  .brand-main{font-size:2rem}.brand-sub{font-size:.48rem}
  .desktop-nav,.header-demo{display:none}
  .menu-toggle{display:block;justify-self:end}
  .mobile-nav{position:fixed;z-index:30;inset:78px 0 auto;background:#0c0c0b;color:#fff;display:flex;flex-direction:column;gap:0;max-height:0;overflow:hidden;transition:max-height .3s ease}
  .mobile-nav.open{max-height:370px}
  .mobile-nav a{padding:18px 22px;border-top:1px solid rgba(255,255,255,.1);text-transform:uppercase;font-size:.78rem}
  .hero{min-height:700px;padding:120px 26px 70px;align-items:flex-end}
  .hero-machine img{width:92vw;right:-20vw;top:10vw;opacity:.58}
  .hero-shade{background:linear-gradient(0deg,rgba(7,7,7,.98) 0%,rgba(7,7,7,.94) 38%,rgba(7,7,7,.42) 100%)}
  .hero h1{font-size:clamp(4rem,16vw,6rem)}
  .hero-laser{display:none}
  .advantage{padding:58px 24px}
  .advantage-grid{grid-template-columns:1fr 1fr}
  .advantage-grid article{padding:10px 18px}
  .possibilities{padding:58px 24px 0;grid-template-columns:1fr;gap:0}
  .possibilities-copy{padding-bottom:42px}
  .possibilities-machine{height:380px}
  .guide-capture{grid-template-columns:1fr}
  .guide-copy{padding:58px 24px}
  .guide-visual{min-height:400px}
  .guide-visual::before{background:linear-gradient(180deg,var(--cream-2) 0%,rgba(248,245,241,.35) 18%,transparent 45%)}
  .faq{padding:50px 24px 60px}
}
@media (max-width:560px){
  .advantage-grid{grid-template-columns:1fr}
  .advantage-grid article{border-left:0;border-top:1px solid var(--line);padding:24px 0}
  .application-grid{grid-template-columns:1fr}
  .guide-form-row{grid-template-columns:1fr}
  .guide-form-row .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important}
}

/* FINAL V2 — requested production corrections only */
/* 1) White Picosurge in the dark hero for stronger visibility */
.hero-machine img{
  width:auto;
  height:min(770px,90vh);
  max-width:53vw;
  right:14vw;
  top:auto;
  bottom:-22px;
  opacity:1;
  transform:none;
  filter:drop-shadow(0 18px 32px rgba(0,0,0,.35));
  object-fit:contain;
}
.hero-shade{
  background:linear-gradient(90deg,rgba(7,7,7,.99) 0%,rgba(7,7,7,.96) 39%,rgba(7,7,7,.72) 58%,rgba(7,7,7,.30) 77%,rgba(7,7,7,.13) 100%),radial-gradient(circle at 72% 45%,rgba(184,118,105,.13),transparent 31%);
}

/* 2) Make the transparent black unit materially larger in the possibilities section */
.possibilities-machine{
  height:520px;
  align-items:flex-end;
  overflow:visible;
}
.possibilities-machine img{
  width:auto;
  height:108%;
  max-width:100%;
  object-fit:contain;
  object-position:center bottom;
}

/* 3) Full footer, matching the approved homepage system */
.footer{background:#080808;color:#fff}
.footer-main{max-width:1520px;margin:auto;display:grid;grid-template-columns:2.1fr repeat(3,1fr) 1.6fr;gap:42px;padding:54px 5vw 38px}
.footer-brand p{max-width:290px;font-size:11px;line-height:1.65;color:rgba(255,255,255,.55);margin-top:20px}
.footer .brand-main{font-size:30px}
.footer .brand-sub{font-size:6px}
.socials{display:flex;gap:14px;margin-top:18px}
.socials a{font-size:17px;font-weight:500}
.footer-col{display:flex;flex-direction:column;gap:8px}
.footer-col h4{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.48);margin:0 0 8px}
.footer-col a{font-size:11px;color:rgba(255,255,255,.76)}
.footer-col a:hover{color:#fff}
.footer-legal{align-self:end;font-size:10px;color:rgba(255,255,255,.64);line-height:1.6}
.footer-legal p{margin:3px 0}

@media (max-width:1050px){
  .hero-machine img{height:min(700px,82vh);max-width:58vw;right:-1vw}
  .possibilities-machine{height:470px}
  .footer-main{grid-template-columns:2fr 1fr 1fr}
  .footer-brand{grid-column:1/-1}
  .footer-legal{grid-column:1/-1}
}
@media (max-width:800px){
  .hero-machine img{width:auto;height:56vh;max-width:none;right:-9vw;top:72px;bottom:auto;opacity:.92}
  .possibilities-machine{height:430px;overflow:hidden}
  .possibilities-machine img{height:102%;max-width:96%}
}
@media (max-width:640px){
  .footer-main{grid-template-columns:1fr 1fr;padding:44px 22px 32px}
  .footer-brand,.footer-legal{grid-column:1/-1}
}
