:root{
  --black:#050506;
  --ink:#101014;
  --muted:#666873;
  --soft:#f4f4f1;
  --white:#ffffff;
  --line:rgba(16,16,20,.12);
  --line-dark:rgba(255,255,255,.14);
  --blue:#3f7cff;
  --cyan:#62e8ff;
  --violet:#8d7cff;
  --radius:28px;
  --shadow:0 30px 90px rgba(0,0,0,.12);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  color:var(--ink);
  background:var(--soft);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

.site-shell{overflow:hidden}
.site-header{
  position:fixed;
  top:18px;
  left:50%;
  transform:translateX(-50%);
  width:min(1180px,calc(100% - 32px));
  height:76px;
  padding:0 18px 0 22px;
  z-index:100;
  border:1px solid rgba(255,255,255,.32);
  border-radius:999px;
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  background:rgba(255,255,255,.78);
  display:flex;
  align-items:center;
  justify-content:space-between;
  box-shadow:0 16px 60px rgba(0,0,0,.10);
  transition:background .25s ease,border .25s ease;
}
.site-header.on-dark{
  background:rgba(7,7,8,.68);
  border-color:rgba(255,255,255,.14);
}
.brand{display:flex;align-items:center;gap:12px;min-width:184px}
.brand-mark{width:34px;height:34px;object-fit:contain;flex:0 0 auto}
.brand-mark-light,.brand-wordmark-light{display:none}
.site-header.on-dark .brand-mark-dark,.site-header.on-dark .brand-wordmark-dark{display:none}
.site-header.on-dark .brand-mark-light,.site-header.on-dark .brand-wordmark-light{display:block}
.brand-wordmark{font-size:25px;font-weight:800;letter-spacing:-.045em;line-height:1;color:#0f1013}
.main-nav{display:flex;gap:6px;align-items:center;font-size:13.5px;font-weight:650}
.main-nav a{padding:11px 13px;border-radius:999px;color:rgba(16,16,20,.72)}
.site-header.on-dark .main-nav a{color:rgba(255,255,255,.76)}
.main-nav a:hover{background:rgba(0,0,0,.06);color:var(--ink)}
.site-header.on-dark .main-nav a:hover{background:rgba(255,255,255,.10);color:#fff}
.nav-cta{
  background:#111 !important;
  color:#fff !important;
  padding:12px 18px !important;
}
.site-header.on-dark .nav-cta{background:#fff !important;color:#000 !important}

.nav-toggle{
  display:none;
  border:0;
  background:transparent;
  width:44px;
  height:44px;
  border-radius:999px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
}
.nav-toggle span{display:block;width:20px;height:2px;background:#111;border-radius:2px}
.site-header.on-dark .nav-toggle span{background:#fff}

.section{
  padding:124px 24px;
}
.section-dark{
  background:
    radial-gradient(circle at 20% 20%, rgba(63,124,255,.28), transparent 34%),
    radial-gradient(circle at 82% 38%, rgba(141,124,255,.20), transparent 32%),
    linear-gradient(135deg,#030304 0%,#0b0b10 50%,#111216 100%);
  color:#fff;
  position:relative;
}
.section-light{background:#fff}
.section-quiet{
  background:
    radial-gradient(circle at top right, rgba(63,124,255,.10), transparent 34%),
    var(--soft);
}
.hero{
  min-height:100svh;
  display:flex;
  align-items:center;
  padding:150px 24px 96px;
}
.hero-grid,.split,.section-head,.cards,.compare,.timeline,.final-content,.site-footer,.lpm-grid{
  width:min(1180px,100%);
  margin:0 auto;
}
.hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
  gap:62px;
  align-items:center;
}
.hero-content{position:relative;z-index:2}
.eyebrow,.kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:12px;
  font-weight:800;
  color:rgba(255,255,255,.72);
  margin:0 0 22px;
}
.kicker{color:#686b73}
.eyebrow img{width:24px;height:24px}
h1,h2,h3,p{margin-top:0}
h1{
  font-size:clamp(54px,8vw,112px);
  line-height:.9;
  letter-spacing:-.075em;
  margin:0 0 28px;
  max-width:900px;
}
h2{
  font-size:clamp(36px,5vw,72px);
  line-height:.96;
  letter-spacing:-.06em;
  margin:0 0 24px;
}
h3{
  font-size:23px;
  line-height:1.05;
  letter-spacing:-.035em;
  margin:0 0 14px;
}
p{
  font-size:17px;
  line-height:1.72;
  color:rgba(16,16,20,.70);
}
.section-dark p{color:rgba(255,255,255,.72)}
.hero-subtitle{
  font-size:clamp(19px,2vw,25px);
  line-height:1.45;
  color:rgba(255,255,255,.82);
  max-width:800px;
  margin-bottom:20px;
}
.hero-line{
  color:#fff !important;
  font-weight:700;
  font-size:18px;
  margin-bottom:34px;
}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:0 24px;
  border-radius:999px;
  font-weight:800;
  font-size:15px;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.button:hover{transform:translateY(-2px)}
.button-primary{
  background:#fff;
  color:#050506;
  box-shadow:0 16px 50px rgba(255,255,255,.15);
}
.button-secondary{
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.07);
}
.section-light .button-primary,.section-quiet .button-primary{background:#111;color:#fff}
.section-light .button-secondary,.section-quiet .button-secondary{color:#111;border-color:var(--line);background:#fff}

.hero-visual{
  min-height:520px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.twin-card{
  position:relative;
  width:min(450px,88vw);
  aspect-ratio:1;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  background:radial-gradient(circle at 50% 50%, rgba(255,255,255,.16), rgba(255,255,255,.03) 42%, rgba(255,255,255,.02) 70%);
  box-shadow:inset 0 0 80px rgba(255,255,255,.05), 0 50px 140px rgba(0,0,0,.42);
  display:grid;
  place-items:center;
}
.twin-card:before,.twin-card:after{
  content:"";
  position:absolute;
  inset:42px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
}
.twin-card:after{inset:94px;border-color:rgba(98,232,255,.22)}
.twin-logo{width:118px;opacity:.98;z-index:3}
.twin-pulse{
  position:absolute;
  width:190px;
  height:190px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(98,232,255,.22),transparent 70%);
  filter:blur(5px);
  animation:pulse 4s ease-in-out infinite;
}
.signal{
  position:absolute;
  border-radius:999px;
  height:8px;
  background:linear-gradient(90deg,transparent,rgba(98,232,255,.74),transparent);
  filter:blur(.4px);
}
.signal-one{width:220px;top:26%;left:-12%;transform:rotate(20deg)}
.signal-two{width:180px;bottom:22%;right:-6%;transform:rotate(-18deg)}
.signal-three{width:120px;top:54%;right:10%;transform:rotate(63deg)}
.twin-label{
  position:absolute;
  bottom:54px;
  font-size:13px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,.62);
}
.hero-orbit{
  position:absolute;
  inset:auto -12vw -32vw auto;
  width:66vw;
  height:66vw;
  border-radius:50%;
  background:radial-gradient(circle,rgba(98,232,255,.12),transparent 55%);
  pointer-events:none;
}

.section-head{
  max-width:900px;
  text-align:center;
  margin-bottom:56px;
}
.section-head p{font-size:19px}
.cards{
  display:grid;
  gap:22px;
}
.cards.three{grid-template-columns:repeat(3,1fr)}
.cards.four{grid-template-columns:repeat(4,1fr)}
.card,.mini-card,.compare-panel,.creator-panel,.timeline-item{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:rgba(255,255,255,.84);
  box-shadow:var(--shadow);
}
.card{
  min-height:260px;
  padding:32px;
}
.card-icon{
  width:54px;
  height:54px;
  border-radius:50%;
  background:#111;
  color:#fff;
  display:grid;
  place-items:center;
  font-weight:900;
  margin-bottom:38px;
}
.mini-card{padding:28px;box-shadow:none;background:#fff}
.mini-card p,.card p{margin-bottom:0}
.split{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:74px;
  align-items:start;
}
.split.reverse{grid-template-columns:1.05fr .95fr;align-items:center}
.large-copy p{font-size:20px;line-height:1.72}
.statement{
  color:#111 !important;
  font-size:clamp(24px,3.2vw,42px) !important;
  line-height:1.1 !important;
  letter-spacing:-.045em;
  font-weight:850;
  margin:30px 0 0;
}
.compare{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
}
.compare-panel{
  padding:38px;
  background:rgba(255,255,255,.06);
  border-color:var(--line-dark);
  box-shadow:none;
}
.compare-panel.highlight{
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(98,232,255,.06));
  border-color:rgba(98,232,255,.28);
}
.center-line{
  text-align:center;
  color:#fff !important;
  font-weight:800;
  font-size:22px;
  margin:40px auto 0;
}
.creator-panel{padding:18px;background:#fff}
.creator-row{
  display:flex;
  justify-content:space-between;
  gap:24px;
  border-bottom:1px solid var(--line);
  padding:22px 14px;
}
.creator-row:last-child{border-bottom:0}
.creator-row span{color:var(--muted)}
.creator-row strong{font-size:18px}
.lpm-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:16px;
}
.lpm-node{
  min-height:130px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.17);
  display:grid;
  place-items:center;
  font-weight:850;
  background:radial-gradient(circle,rgba(255,255,255,.13),rgba(255,255,255,.04));
}
.timeline{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.timeline-item{
  padding:30px;
  box-shadow:none;
}
.timeline-item span{
  display:block;
  color:var(--blue);
  font-weight:900;
  margin-bottom:36px;
}
.founder-luxury-card{
  width:min(1180px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(280px,360px) minmax(0,1fr);
  gap:0;
  align-items:stretch;
  border:1px solid rgba(16,16,20,.10);
  border-radius:42px;
  background:
    radial-gradient(circle at 18% 18%, rgba(63,124,255,.10), transparent 34%),
    radial-gradient(circle at 85% 20%, rgba(141,124,255,.09), transparent 34%),
    rgba(255,255,255,.82);
  box-shadow:0 45px 140px rgba(0,0,0,.14);
  overflow:hidden;
}
.founder-photo-panel{
  position:relative;
  min-height:100%;
  background:#050506;
  padding:30px 24px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.founder-photo-panel:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:0;
  border:0;
  pointer-events:none;
  z-index:2;
}
.founder-photo{
  position:relative;
  z-index:1;
  width:100%;
  max-width:300px;
  height:auto;
  min-height:auto;
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:center top;
  border-radius:26px;
  box-shadow:0 24px 70px rgba(0,0,0,.22);
}
.founder-content{
  padding:58px;
}
.founder-role{
  font-size:18px;
  line-height:1.5;
  color:#30323a;
  font-weight:800;
  margin:-6px 0 22px;
}
.founder-content a:not(.button){
  color:#111;
  font-weight:850;
  border-bottom:1px solid rgba(16,16,20,.24);
}
.founder-proof-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin:30px 0;
}
.founder-proof-grid div{
  padding:18px;
  border:1px solid rgba(16,16,20,.10);
  border-radius:20px;
  background:rgba(255,255,255,.70);
}
.founder-proof-grid span{
  display:block;
  color:var(--muted);
  font-size:12px;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:8px;
}
.founder-proof-grid strong{
  display:block;
  color:#111;
  font-size:15px;
  line-height:1.35;
}
.founder-quote{
  margin:30px 0 28px;
  padding:28px 30px;
  border-radius:26px;
  background:
    linear-gradient(135deg, rgba(5,5,6,.96), rgba(17,19,26,.96)),
    radial-gradient(circle at top left, rgba(63,124,255,.35), transparent 38%);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 28px 80px rgba(0,0,0,.16);
}
.founder-signature{
  font-size:16px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(255,255,255,.70);
  margin-bottom:10px;
}
.founder-quote p{
  margin:0;
  color:#fff;
  font-size:23px;
  line-height:1.42;
  font-weight:750;
  letter-spacing:-.025em;
}
.founder-book-links{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}
.founder-social-links{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:22px;
}
.founder-social-links a{
  display:inline-flex;
  min-height:44px;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  border-radius:999px;
  border:1px solid rgba(16,16,20,.14) !important;
  background:rgba(255,255,255,.68);
  color:#111;
  font-weight:850;
  box-shadow:0 14px 40px rgba(0,0,0,.06);
}
.final{
  text-align:center;
  padding-top:150px;
  padding-bottom:150px;
}
.final-content{max-width:880px}
.final-logo{margin:0 auto 34px}
.final h2{font-size:clamp(44px,6vw,88px)}
.final p{font-size:21px}
.center-actions{justify-content:center}
.wordmark{display:inline-flex;align-items:center;gap:14px}
.wordmark-icon{width:44px;height:44px;object-fit:contain;flex:0 0 auto}
.wordmark-text{font-size:36px;font-weight:800;letter-spacing:-.05em;line-height:1}
.wordmark-light .wordmark-text{color:#fff}
.wordmark-dark .wordmark-text{color:#0f1013}
.footer-brand{margin-bottom:12px}
.footer-brand .wordmark-icon{width:32px;height:32px}
.footer-brand .wordmark-text{font-size:26px}
.site-footer{
  display:flex;
  justify-content:space-between;
  gap:32px;
  align-items:center;
  padding:42px 24px 54px;
}
.site-footer p{font-size:14px;margin:0;color:var(--muted)}
.footer-links{display:flex;gap:18px;font-size:14px;font-weight:700}
.footer-links a{color:#555}
.footer-links a:hover{color:#000}

.reveal{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .72s ease,transform .72s ease;
}
.reveal.visible{
  opacity:1;
  transform:translateY(0);
}


.tool-grid{
  width:min(1180px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.tool-card{
  min-height:285px;
  padding:28px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fff;
  box-shadow:0 22px 70px rgba(0,0,0,.07);
}
.tool-card span{
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#111;
  color:#fff;
  font-weight:900;
  font-size:13px;
  margin-bottom:28px;
}
.tool-card h3{font-size:21px}
.tool-card p{font-size:15.5px;line-height:1.62;margin-bottom:0}
.pricing-note{
  padding-top:96px;
  padding-bottom:96px;
}
.pricing-panel{
  width:min(980px,100%);
  margin:0 auto;
  padding:54px;
  border:1px solid var(--line);
  border-radius:calc(var(--radius) + 8px);
  background:#fff;
  box-shadow:var(--shadow);
}
.pricing-panel p{
  font-size:19px;
}
.pricing-panel a:not(.button){
  font-weight:800;
  color:#111;
  border-bottom:1px solid rgba(16,16,20,.3);
}
@media (max-width:980px){
  .tool-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .tool-grid{grid-template-columns:1fr}
  .tool-card{min-height:auto}
  .pricing-panel{padding:32px}
}

@keyframes pulse{
  0%,100%{transform:scale(.82);opacity:.65}
  50%{transform:scale(1.12);opacity:1}
}

@media (max-width:980px){
  .site-header{height:68px}
  .brand-mark{width:30px;height:30px}
  .brand-wordmark{font-size:22px}
  .nav-toggle{display:flex}
  .main-nav{
    position:absolute;
    top:82px;
    left:0;
    right:0;
    display:none;
    flex-direction:column;
    align-items:stretch;
    padding:18px;
    border-radius:28px;
    background:rgba(255,255,255,.96);
    box-shadow:0 20px 70px rgba(0,0,0,.18);
  }
  .site-header.on-dark .main-nav{background:rgba(8,8,9,.96)}
  .main-nav.open{display:flex}
  .main-nav a{padding:14px 16px}
  .hero-grid,.split,.split.reverse,.compare,.founder-luxury-card{grid-template-columns:1fr}
  .hero{padding-top:130px}
  .hero-visual{min-height:380px}
  .twin-card{width:min(350px,84vw)}
  .cards.three,.cards.four,.timeline{grid-template-columns:1fr 1fr}
  .lpm-grid{grid-template-columns:repeat(3,1fr)}
  .founder-photo{max-width:320px;height:auto;min-height:auto;border-radius:24px}
  .founder-content{padding:42px}
  .founder-proof-grid{grid-template-columns:1fr}
  .founder-photo-panel{min-height:auto;padding:24px}
}
@media (max-width:640px){
  .section{padding:88px 18px}
  .brand-wordmark{font-size:19px}
  .wordmark-icon{width:34px;height:34px}
  .wordmark-text{font-size:28px}
  .hero{padding:118px 18px 72px}
  h1{font-size:58px}
  .hero-subtitle{font-size:19px}
  .cards.three,.cards.four,.timeline,.lpm-grid{grid-template-columns:1fr}
  .card{min-height:auto}
  .site-footer{flex-direction:column;align-items:flex-start}
  .footer-links{flex-wrap:wrap}
  .button{width:100%}
  .hero-actions{width:100%}
  .founder-content{padding:28px}
  .founder-photo{max-width:280px;height:auto;min-height:auto;border-radius:22px}
  .founder-photo-panel{padding:18px}
  .founder-photo-panel:before{display:none}
  .founder-role{font-size:16px}
  .founder-quote p{font-size:19px}
  .founder-social-links a{width:100%}
  .twin-label{font-size:10px;bottom:38px}
}