*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f1ea;color:#121313;font-family:"DM Sans",Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.nav-wrap{position:sticky;top:0;z-index:50;background:rgba(244,241,234,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(18,19,19,.08)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.brand-mark{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#121313;color:#d7ff45;font:800 12px "Manrope";letter-spacing:-.04em}.brand-name{font:600 13px "Manrope";letter-spacing:.14em}.brand-name b{font-weight:800}.nav-links{display:flex;gap:30px}.nav-links a,.text-link{color:inherit;text-decoration:none;font-size:14px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:16px 20px;background:#d7ff45;color:#111;text-decoration:none;border:1px solid #111;border-radius:3px;font:700 14px "Manrope";box-shadow:4px 4px 0 #111;transition:.2s ease;cursor:pointer}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #111}.button-sm{padding:11px 14px;font-size:12px;box-shadow:none}.hero{min-height:760px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;padding-top:68px;padding-bottom:70px}.eyebrow{display:flex;align-items:center;gap:10px;font:800 11px "Manrope";letter-spacing:.14em}.eyebrow span{width:26px;height:2px;background:#121313}.eyebrow.light{color:#b8c0bc}.eyebrow.light span{background:#d7ff45}.hero h1,.section h2,.contact-copy h2{font-family:"Manrope";letter-spacing:-.06em;margin:18px 0 22px;line-height:.94}.hero h1{font-size:clamp(58px,6.3vw,94px);max-width:720px}.hero-sub{font-size:19px;line-height:1.6;max-width:660px;color:#535956}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:35px}.proof-line{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:62px;padding-top:22px;border-top:1px solid #cac7c0}.proof-line div{display:flex;flex-direction:column;gap:5px}.proof-line b{font:800 25px "Manrope"}.proof-line span{font-size:12px;color:#6d716e;line-height:1.35}.hero-visual{height:560px;position:relative;display:grid;place-items:center}.hero-visual:before{content:"";position:absolute;inset:4%;background:radial-gradient(circle at center,rgba(215,255,69,.55),transparent 34%),linear-gradient(145deg,transparent 20%,rgba(18,19,19,.04));border-radius:50%}.orbit{position:absolute;border:1px solid rgba(18,19,19,.2);border-radius:50%}.orbit-1{width:390px;height:390px}.orbit-2{width:510px;height:510px}.core{width:205px;height:205px;border-radius:50%;background:#121313;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:3;box-shadow:0 0 0 11px #d7ff45,0 20px 45px rgba(0,0,0,.16)}.core-label{font:700 9px "Manrope";letter-spacing:.15em;color:#d7ff45;margin-bottom:10px}.core strong{font:800 25px "Manrope";letter-spacing:-.04em}.core small{color:#aeb5b0;margin-top:7px;font-size:10px;letter-spacing:.01em;white-space:nowrap}.node{position:absolute;min-width:150px;z-index:5;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;pointer-events:none}.node i{width:8px;height:8px;background:#d7ff45;border:1.5px solid #111;border-radius:50%;display:inline-block;margin-right:8px;vertical-align:1px}.node b{font:800 14px "Manrope";letter-spacing:-.02em}.node span{display:block;font-size:11px;color:#747a76;margin:5px 0 0 18px;letter-spacing:.01em}.node-a{top:12%;left:1%}.node-b{top:15%;right:0;text-align:left}.node-c{bottom:15%;left:0}.node-d{bottom:12%;right:1%}.ticker{overflow:hidden;background:#121313;color:#d7ff45;border-top:1px solid #121313;border-bottom:1px solid #121313}.ticker-track{display:flex;gap:24px;align-items:center;width:max-content;padding:16px 0;font:800 12px "Manrope";letter-spacing:.12em;animation:ticker 24s linear infinite}.ticker i{font-style:normal;color:white}@keyframes ticker{to{transform:translateX(-50%)}}.section{padding:118px 0}.section-head{max-width:840px;margin-bottom:62px}.section-head h2{font-size:clamp(42px,5vw,72px)}.section-head p{font-size:18px;line-height:1.7;color:#5d625f;max-width:770px}.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.outcome-card{background:#fbfaf6;border:1px solid #d7d4cb;padding:31px;min-height:345px;display:flex;flex-direction:column}.card-no{font:800 11px "Manrope";color:#929790}.outcome-card h3{font:700 26px "Manrope";letter-spacing:-.035em;line-height:1.1;margin:60px 0 15px}.outcome-card p{color:#666b67;line-height:1.6;font-size:15px}.metric{margin-top:auto;padding-top:18px;border-top:1px solid #dedbd4;color:#526100;font:800 22px "Manrope"}.metric span{font:600 11px "Manrope";letter-spacing:.08em;text-transform:uppercase;color:#777b77}.dark-section{background:#111313;color:#f5f3ed}.split{max-width:none;display:grid;grid-template-columns:1fr .75fr;gap:100px;align-items:end}.split p{color:#aab0ac}.process{border-top:1px solid #3c403d}.process-row{display:grid;grid-template-columns:70px 1fr 1.3fr .6fr;gap:32px;align-items:center;padding:30px 0;border-bottom:1px solid #3c403d}.process-num{font:700 11px "Manrope";color:#d7ff45}.process-title{font:700 28px "Manrope"}.process-copy{color:#aab0ac;line-height:1.55;font-size:14px}.process-tag{justify-self:end;font:700 10px "Manrope";letter-spacing:.12em;border:1px solid #59605b;padding:8px 10px;color:#d4d8d5}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ccc9c0;border-left:1px solid #ccc9c0}.capability{padding:34px 32px 42px;border-right:1px solid #ccc9c0;border-bottom:1px solid #ccc9c0;min-height:235px}.capability span{font:700 10px "Manrope";color:#868b87}.capability h3{font:700 22px "Manrope";letter-spacing:-.03em;margin:43px 0 12px}.capability p{font-size:14px;color:#676c68;line-height:1.6}.about-section{padding-top:40px}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.about-copy h2{font-size:62px}.about-copy p{font-size:17px;color:#5d625f;line-height:1.75}.founders{display:flex;flex-direction:column;gap:16px}.founder-card{background:#fbfaf6;border:1px solid #d1cec5;padding:24px;display:grid;grid-template-columns:96px 1fr;gap:25px}.portrait{width:96px;height:116px;background:#121313;color:#d7ff45;display:grid;place-items:center;font:800 26px "Manrope";letter-spacing:-.05em}.founder-card h3{font:700 24px "Manrope";margin:2px 0 4px}.founder-card span{font:700 10px "Manrope";letter-spacing:.1em;color:#7b817c;text-transform:uppercase}.founder-card p{font-size:14px;line-height:1.55;color:#5f645f;margin-bottom:0}.callout{background:#d7ff45;border:1px solid #111;box-shadow:10px 10px 0 #111;padding:54px;display:grid;grid-template-columns:1fr .9fr;gap:70px}.callout-label{font:800 10px "Manrope";letter-spacing:.14em}.callout h2{font-size:58px;margin-top:16px}.callout-side p{font-size:17px;line-height:1.65}.callout-side ul{padding:0;list-style:none;border-top:1px solid rgba(17,17,17,.35);margin:24px 0 30px}.callout-side li{padding:9px 0;border-bottom:1px solid rgba(17,17,17,.2);font-size:13px;font-weight:600}.callout-side li:before{content:"→";margin-right:9px}.button-dark{background:#111;color:white;box-shadow:none}.contact-section{background:#1a1d1b;color:#f4f1ea}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.contact-copy h2{font-size:76px}.contact-copy p{font-size:17px;line-height:1.7;color:#aeb4af;max-width:460px}.contact-note{font:700 10px "Manrope";letter-spacing:.1em;color:#d7ff45;margin-top:42px}.lead-form{background:#f4f1ea;color:#151715;padding:34px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;margin-bottom:18px}label span{display:block;font:700 10px "Manrope";letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}input,textarea{width:100%;border:1px solid #c5c3bc;background:#fffdf7;padding:14px;font:500 14px "DM Sans";outline:none}input:focus,textarea:focus{border-color:#111}.form-button{border:0;width:100%;margin-top:4px}.lead-form small{display:block;text-align:center;color:#868b87;margin-top:13px;font-size:10px}.form-success{display:none;margin-top:16px;padding:12px;background:#e7fdb0;font-size:13px}.form-success.show{display:block}footer{background:#111313;color:#d1d4d1;padding:30px 0;border-top:1px solid #333}.footer-inner{display:flex;align-items:center;justify-content:space-between;font-size:11px}.footer-inner .brand-mark{background:#d7ff45;color:#111}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}@media(max-width:900px){.nav-links{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.hero-visual{height:470px}.proof-line{grid-template-columns:1fr 1fr}.outcome-grid,.capability-grid{grid-template-columns:1fr 1fr}.split,.about-grid,.callout,.contact-grid{grid-template-columns:1fr;gap:45px}.process-row{grid-template-columns:45px .8fr 1.5fr}.process-tag{display:none}.about-copy h2,.contact-copy h2{font-size:55px}}@media(max-width:620px){.shell{width:min(100% - 28px,1180px)}.nav{height:68px}.nav .button-sm{display:none}.hero h1{font-size:51px}.hero-sub{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.proof-line{grid-template-columns:1fr}.hero-visual{height:390px;transform:scale(.9)}.orbit-1{width:300px;height:300px}.orbit-2{width:390px;height:390px}.core{width:165px;height:165px}.node{min-width:128px;padding:10px}.section{padding:78px 0}.section-head h2,.about-copy h2,.contact-copy h2,.callout h2{font-size:42px}.outcome-grid,.capability-grid{grid-template-columns:1fr}.process-row{grid-template-columns:35px 1fr}.process-copy{grid-column:2}.founder-card{grid-template-columns:68px 1fr}.portrait{width:68px;height:86px}.callout{padding:30px;box-shadow:6px 6px 0 #111}.field-row{grid-template-columns:1fr}.footer-inner{align-items:flex-start;flex-direction:column;gap:18px}.footer-inner p{margin:0}}

/* V2 interaction clarity */
a.button,button.button{cursor:pointer}
a.button:focus-visible,button.button:focus-visible,.nav-links a:focus-visible,.text-link:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #7e9b00;outline-offset:3px}
.outcome-card,.capability,.founder-card{cursor:default}.node{user-select:none}
@media(max-width:620px){.node{min-width:112px}.node b{font-size:12px}.node span{font-size:10px;margin-left:16px}.node-a{top:10%;left:-1%}.node-b{top:13%;right:-2%}.node-c{bottom:13%;left:-1%}.node-d{bottom:10%;right:-2%}}

/* V3 hero diagram — connectors are anchored directly to label rows */
.node{
  display:grid;
  grid-template-columns:auto auto 1fr;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:8px;
  min-width:190px;
}
.node i{
  grid-column:1;
  grid-row:1;
  margin:0;
}
.node b{
  grid-column:2;
  grid-row:1;
  white-space:nowrap;
}
.node span{
  grid-column:2 / 4;
  grid-row:2;
  margin:5px 0 0 0;
}
.node::after{
  content:"";
  grid-column:3;
  grid-row:1;
  display:block;
  width:100%;
  height:1px;
  background:rgba(18,19,19,.30);
  margin-left:4px;
}

/* Right-side labels reverse the rule so it runs inward toward the system */
.node-b,.node-d{
  grid-template-columns:1fr auto auto;
}
.node-b::after,.node-d::after{
  grid-column:1;
  grid-row:1;
  margin-left:0;
  margin-right:4px;
}
.node-b i,.node-d i{
  grid-column:2;
  grid-row:1;
}
.node-b b,.node-d b{
  grid-column:3;
  grid-row:1;
}
.node-b span,.node-d span{
  grid-column:2 / 4;
  grid-row:2;
}

/* Position labels on the orbit quadrants */
.node-a{top:13%;left:0;width:205px}
.node-b{top:16%;right:0;width:205px}
.node-c{bottom:16%;left:0;width:205px}
.node-d{bottom:13%;right:0;width:205px}

@media(max-width:620px){
  .node{min-width:142px;width:142px}
  .node-a{top:11%;left:-3%;width:150px}
  .node-b{top:14%;right:-3%;width:150px}
  .node-c{bottom:14%;left:-3%;width:150px}
  .node-d{bottom:11%;right:-3%;width:150px}
  .node::after{min-width:18px}
}

/* V4 — simplify the hero system graphic. The orbit rings do the connecting. */
.node::after{display:none!important}
.node{
  display:block!important;
  width:auto!important;
  min-width:0!important;
}
.node i{
  display:inline-block!important;
  margin-right:8px!important;
}
.node b{
  display:inline!important;
}
.node span{
  display:block!important;
  margin:5px 0 0 18px!important;
}
.node-a{top:13%;left:2%}
.node-b{top:16%;right:1%}
.node-c{bottom:16%;left:2%}
.node-d{bottom:13%;right:2%}

/* Real CTA: clean horizontal icon instead of a diagonal unicode arrow */
.button .cta-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  flex:0 0 20px;
}
.button .cta-arrow svg{
  display:block;
  width:18px;
  height:18px;
  stroke:currentColor;
  stroke-width:1.8;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media(max-width:620px){
  .node-a{top:11%;left:0}
  .node-b{top:14%;right:0}
  .node-c{bottom:14%;left:0}
  .node-d{bottom:11%;right:0}
}

.site-logo{display:block;width:178px;height:auto}.footer-inner .site-logo{width:154px;filter:brightness(0) invert(1)}.founder-photo-card{grid-template-columns:150px 1fr;align-items:stretch;padding:0;overflow:hidden}.founder-photo{width:150px;height:100%;min-height:190px;object-fit:cover;object-position:center top;display:block}.founder-info{padding:25px 26px 23px 0;display:flex;flex-direction:column;align-items:flex-start}.founder-name-image{display:block;max-width:100%;height:auto;margin:2px 0 9px}.founder-info h3{margin-top:0}.linkedin-link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:8px;color:#121313;text-decoration:none;font:700 11px "Manrope";letter-spacing:.04em}.linkedin-icon{width:21px;height:21px;border-radius:3px;background:#121313;color:#d7ff45;display:grid;place-items:center;font:800 11px Arial,sans-serif;text-transform:none!important;letter-spacing:0!important}.linkedin-link:hover{text-decoration:underline}@media(max-width:620px){.site-logo{width:150px}.founder-photo-card{grid-template-columns:108px 1fr}.founder-photo{width:108px;min-height:170px}.founder-info{padding:18px 16px 18px 0}}

/* V6 — Dr. of AI identity */
.brand{gap:13px;align-items:center}
.site-logo{width:164px!important;height:auto}
.brand-descriptor{
  display:block;
  padding-left:13px;
  border-left:1px solid rgba(18,19,19,.20);
  font:700 9px "Manrope",sans-serif;
  letter-spacing:.13em;
  line-height:1.35;
  color:#6e736f;
  max-width:105px;
}
.footer-inner .site-logo{width:145px!important;filter:none!important}
.footer-inner .brand-descriptor{display:none}
@media(max-width:760px){.brand-descriptor{display:none}.site-logo{width:142px!important}}

/* V7 — final identity direction #5 */
.site-logo{
  width:270px!important;
  height:auto!important;
  max-width:none;
  display:block;
}
header .brand{min-width:270px}
.footer-inner .site-logo{
  width:245px!important;
  height:auto!important;
  filter:none!important;
}
.brand-descriptor{display:none!important}
@media(max-width:900px){
  .site-logo{width:235px!important}
  header .brand{min-width:235px}
}
@media(max-width:620px){
  .site-logo{width:205px!important}
  header .brand{min-width:205px}
  .footer-inner .site-logo{width:220px!important}
}

/* V8 — LinkedIn brand correction */
.linkedin-icon{
  width:21px;
  height:21px;
  border-radius:3px;
  background:#0A66C2!important;
  color:#FFFFFF!important;
  display:grid;
  place-items:center;
  font:800 11px Arial,sans-serif;
  text-transform:none!important;
  letter-spacing:0!important;
}
.linkedin-link{
  color:#121313;
}
.linkedin-link:hover .linkedin-icon{
  background:#004182!important;
}

/* Contact form states */
.hp-field{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.lead-form{position:relative}
.form-success.error{background:#ffe1dc;color:#7a1c10}
.form-button:disabled{opacity:.6;cursor:wait;transform:none}
.cf-turnstile{margin-bottom:16px;min-height:65px}