*,*::before,*::after{box-sizing:border-box}
*{margin:0}
:root{
  --inverse-primary:#d3c3bc;
  --primary:#170f0b;
  --primary-container:#2d241f;
  --on-primary:#fff;
  --on-primary-container:#988a83;
  --surface:#fbf9f4;
  --surface-container:#f0eee9;
  --surface-container-low:#f5f3ee;
  --surface-container-lowest:#fff;
  --surface-container-high:#eae8e3;
  --surface-container-highest:#e4e2dd;
  --on-surface:#1b1c19;
  --on-surface-variant:#4e4540;
  --outline:#807570;
  --outline-variant:#d1c4be;
  --secondary:#775a19;
  --secondary-fixed:#ffdea5;
  --secondary-fixed-dim:#e9c176;
  --on-secondary:#fff;
  --font-display:"EB Garamond",Georgia,serif;
  --font-body:"Hanken Grotesk",Arial,sans-serif;
  --font-ai:"Space Mono",monospace;
}
html{scroll-behavior:smooth}
body{
  background:var(--surface);
  color:var(--on-surface);
  font-family:var(--font-body);
  line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input{font:inherit}

.ak-top-nav{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:50;
  background:rgba(251,249,244,.8);
  backdrop-filter:blur(16px);
}
.ak-nav-inner{
  height:80px;
  max-width:1280px;
  margin:0 auto;
  padding:8px 64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
}
.ak-brand{
  font-family:var(--font-display);
  font-size:28px;
  line-height:1.3;
  font-weight:500;
  color:var(--primary);
  letter-spacing:0;
  white-space:nowrap;
}
.ak-desktop-nav{
  display:flex;
  align-items:center;
  gap:48px;
}
.ak-desktop-nav a,
.ak-nav-button,
.ak-button,
.ak-toggle,
.ak-price-card h3,
.ak-price-card a,
.ak-footer h3,
.ak-footer a,
.ak-mobile-nav a{
  font-size:12px;
  line-height:1.4;
  letter-spacing:.1em;
  font-weight:600;
  text-transform:uppercase;
}
.ak-desktop-nav a{color:var(--on-surface-variant);transition:color .25s,border-color .25s}
.ak-desktop-nav a:hover{color:var(--primary)}
.ak-desktop-nav .is-active{color:var(--primary);border-bottom:1px solid var(--primary);padding-bottom:4px}
.ak-nav-actions{display:flex;align-items:center;gap:24px}
.ak-account{font-size:26px;color:var(--primary)}
.ak-nav-button{
  background:var(--primary);
  color:var(--on-primary);
  padding:12px 24px;
  transition:opacity .25s,transform .25s;
}
.ak-nav-button:hover{opacity:.9}
.ak-nav-button:active{transform:scale(.96)}

.ak-main{padding-top:80px}
.ak-container{max-width:1280px;margin:0 auto}
.ak-hero{
  position:relative;
  min-height:921px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 20px;
  overflow:hidden;
}
.ak-hero-media{position:absolute;inset:0;z-index:0}
.ak-hero-media img{width:100%;height:100%;object-fit:cover;opacity:.9}
.ak-hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom,rgba(251,249,244,.2),rgba(251,249,244,.4),var(--surface));
}
.ak-hero-copy{
  position:relative;
  z-index:1;
  max-width:896px;
  text-align:center;
}
.ak-ai-label{
  display:block;
  font-family:var(--font-ai);
  font-size:13px;
  line-height:1.5;
  letter-spacing:.3em;
  font-weight:400;
  text-transform:uppercase;
  color:var(--secondary);
}
.ak-hero .ak-ai-label{margin-bottom:24px}
.ak-hero h1{
  font-family:var(--font-display);
  font-size:64px;
  line-height:1.05;
  font-weight:500;
  color:var(--primary);
  margin-bottom:32px;
}
.ak-hero-copy p{
  max-width:672px;
  margin:0 auto 48px;
  font-family:var(--font-display);
  font-size:28px;
  line-height:1.3;
  font-style:italic;
  color:var(--on-surface-variant);
}
.ak-hero-actions{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}
.ak-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:60px;
  padding:18px 40px;
  letter-spacing:.2em;
  transition:opacity .25s,background .25s,color .25s;
}
.ak-button-primary{background:var(--primary);color:var(--on-primary)}
.ak-button-secondary{border:1px solid var(--primary);color:var(--primary);backdrop-filter:blur(4px)}
.ak-button:hover{opacity:.9}

.ak-manifesto,.ak-pricing,.ak-faq{background:var(--surface);padding:96px 64px}
.ak-section-grid{
  max-width:1280px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,1fr);
  gap:96px;
  align-items:center;
}
.ak-manifesto-copy{display:flex;flex-direction:column;gap:48px}
.ak-manifesto h2,
.ak-pricing h2,
.ak-waitlist h2,
.ak-faq h2{
  font-family:var(--font-display);
  font-size:40px;
  line-height:1.2;
  font-weight:500;
  color:var(--primary);
}
.ak-manifesto h2{max-width:448px}
.ak-number-list{display:flex;flex-direction:column;gap:32px}
.ak-number-list article{display:flex;gap:24px}
.ak-number-list span{
  flex:0 0 auto;
  font-family:var(--font-display);
  font-size:28px;
  line-height:1.3;
  color:var(--outline-variant);
  transition:color .25s;
}
.ak-number-list article:hover span{color:var(--secondary)}
.ak-number-list h3{
  margin-bottom:8px;
  font-size:12px;
  line-height:1.4;
  letter-spacing:.1em;
  font-weight:600;
  text-transform:uppercase;
  color:var(--primary);
}
.ak-number-list p{font-size:16px;color:var(--on-surface-variant)}
.ak-insight-card{
  position:relative;
  aspect-ratio:4/5;
  overflow:hidden;
  border-radius:8px;
  box-shadow:0 25px 50px rgba(23,15,11,.22);
}
.ak-insight-card img{width:100%;height:100%;object-fit:cover}
.ak-insight-overlay{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:32px;
  background:linear-gradient(to top,rgba(23,15,11,.8),transparent);
}
.ak-insight-overlay .ak-ai-label{letter-spacing:.05em;color:var(--secondary-fixed-dim)}
.ak-insight-overlay p:last-child{
  font-family:var(--font-display);
  font-size:28px;
  line-height:1.3;
  font-style:italic;
  color:var(--on-primary);
}

.ak-process{
  background:var(--surface-container-low);
  padding:128px 64px;
}
.ak-section-heading{text-align:center;margin-bottom:96px}
.ak-section-heading h2{
  font-family:var(--font-display);
  font-size:64px;
  line-height:1.1;
  font-weight:500;
  color:var(--primary);
  margin-bottom:16px;
}
.ak-section-heading p{
  font-size:12px;
  line-height:1.4;
  letter-spacing:.4em;
  font-weight:600;
  text-transform:uppercase;
  color:var(--secondary);
}
.ak-process-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:64px;
}
.ak-process-grid::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:1px;
  background:var(--outline-variant);
  z-index:0;
}
.ak-process-grid article{
  position:relative;
  z-index:1;
  background:var(--surface);
  padding:48px;
  text-align:center;
  box-shadow:0 1px 3px rgba(23,15,11,.06);
  transition:box-shadow .25s;
}
.ak-process-grid article:hover{box-shadow:0 8px 22px rgba(23,15,11,.1)}
.ak-process-grid .material-symbols-outlined{
  width:64px;
  height:64px;
  margin:0 auto 24px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:var(--primary);
  color:var(--on-primary);
}
.ak-process-grid h3{
  font-family:var(--font-display);
  font-size:28px;
  line-height:1.3;
  font-weight:500;
  color:var(--primary);
  margin-bottom:24px;
}
.ak-process-grid p{font-size:16px;color:var(--on-surface-variant);margin-bottom:24px}
.ak-process-grid span,
.ak-count{
  font-family:var(--font-ai);
  font-size:13px;
  line-height:1.5;
  letter-spacing:.05em;
  color:var(--secondary);
}

.ak-pricing-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:32px;
  margin-bottom:80px;
}
.ak-pricing-head>div:first-child{max-width:576px}
.ak-pricing h2{margin-bottom:24px}
.ak-pricing-head p,
.ak-waitlist>div>p{
  font-size:18px;
  color:var(--on-surface-variant);
}
.ak-toggle{
  flex:0 0 auto;
  display:flex;
  gap:8px;
  border-radius:999px;
  background:var(--surface-container-high);
  padding:8px;
  font-size:10px;
}
.ak-toggle span{padding:8px 24px;border-radius:999px;color:var(--on-surface-variant)}
.ak-toggle span:first-child{background:var(--primary);color:var(--on-primary)}
.ak-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;align-items:stretch}
.ak-price-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:40px;
  border:1px solid var(--outline-variant);
  background:var(--surface-container-lowest);
}
.ak-price-card-featured{
  border:2px solid var(--secondary);
  background:var(--primary-container);
  color:var(--on-primary);
  transform:scale(1.05);
  box-shadow:0 25px 50px rgba(23,15,11,.22);
}
.ak-price-badge{
  position:absolute;
  left:50%;
  top:-17px;
  transform:translateX(-50%);
  background:var(--secondary);
  color:var(--on-secondary);
  padding:4px 16px;
  font-size:10px;
  letter-spacing:.1em;
  font-weight:600;
  text-transform:uppercase;
  white-space:nowrap;
}
.ak-price-card h3{color:var(--secondary);margin-bottom:16px}
.ak-price-card-featured h3{color:var(--secondary-fixed-dim)}
.ak-price{
  display:flex;
  align-items:baseline;
  margin-bottom:32px;
  font-family:var(--font-display);
  font-size:40px;
  line-height:1.2;
  font-weight:500;
}
.ak-price span{
  margin-left:8px;
  font-family:var(--font-ai);
  font-size:13px;
  line-height:1.5;
  color:var(--on-surface-variant);
}
.ak-price-card-featured .ak-price span{color:var(--inverse-primary)}
.ak-price-card ul{
  list-style:none;
  padding:0;
  margin:0 0 48px;
  display:flex;
  flex-direction:column;
  gap:24px;
  flex:1;
}
.ak-price-card li{display:flex;align-items:center;gap:16px;font-size:16px}
.ak-price-card li span{font-size:18px;color:var(--secondary)}
.ak-price-card-featured li span{color:var(--secondary-fixed)}
.ak-price-card a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:56px;
  border:1px solid var(--primary);
  color:var(--primary);
  transition:background .25s,color .25s,opacity .25s;
}
.ak-price-card a:hover{background:var(--primary);color:var(--on-primary)}
.ak-price-card-featured a{
  background:var(--secondary);
  border-color:var(--secondary);
  color:var(--on-secondary);
}
.ak-price-card-featured a:hover{opacity:.9;background:var(--secondary)}

.ak-waitlist{
  background:var(--surface-container);
  padding:128px 64px;
  overflow:hidden;
}
.ak-waitlist-inner{max-width:896px;margin:0 auto;text-align:center}
.ak-waitlist h2{margin-bottom:32px}
.ak-waitlist>div>p{max-width:720px;margin:0 auto 64px}
.ak-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;
  gap:16px;
  align-items:end;
  background:var(--surface-container-lowest);
  padding:48px;
  text-align:left;
  box-shadow:0 1px 3px rgba(23,15,11,.06);
}
.ak-field label{
  display:block;
  margin-bottom:8px;
  font-size:10px;
  line-height:1.4;
  letter-spacing:.1em;
  font-weight:600;
  text-transform:uppercase;
  color:var(--on-surface-variant);
}
.ak-field input{
  width:100%;
  border:0;
  border-bottom:1px solid rgba(45,36,31,.1);
  background:transparent;
  padding:16px 0;
  font-family:var(--font-display);
  font-size:28px;
  line-height:1.3;
  color:var(--primary);
  outline:0;
  border-radius:0;
}
.ak-field input:focus{border-bottom-color:var(--secondary)}
.ak-field input::placeholder{color:var(--outline-variant)}
.ak-submit{
  appearance:none;
  border:0;
  min-height:60px;
  padding:18px 48px;
  background:var(--primary);
  color:var(--on-primary);
  font-size:12px;
  line-height:1.4;
  letter-spacing:.1em;
  font-weight:600;
  text-transform:uppercase;
  cursor:pointer;
}
.ak-field-error{
  grid-column:1/-1;
  text-align:center;
  color:#93000a;
  font-size:14px;
}
.ak-flash{
  margin:0 auto 24px;
  max-width:560px;
  padding:14px 18px;
  font-size:14px;
}
.ak-flash-success{background:#e8f4df;color:#274c1c}
.ak-count{margin-top:32px!important;margin-bottom:0!important}

.ak-faq-inner{max-width:768px;margin:0 auto}
.ak-faq h2{text-align:center;margin-bottom:64px}
.ak-faq-list{display:flex;flex-direction:column;gap:16px}
.ak-faq details{
  border-bottom:1px solid var(--outline-variant);
  padding-bottom:24px;
}
.ak-faq summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  list-style:none;
  cursor:pointer;
  font-family:var(--font-display);
  font-size:20px;
  line-height:1.3;
  font-weight:500;
  color:var(--primary);
  transition:color .25s;
}
.ak-faq summary:hover{color:var(--secondary)}
.ak-faq summary::-webkit-details-marker{display:none}
.ak-faq summary::after{
  content:"expand_more";
  font-family:"Material Symbols Outlined";
  font-size:24px;
  line-height:1;
  transition:transform .25s;
}
.ak-faq details[open] summary::after{transform:rotate(180deg)}
.ak-faq details p{
  margin-top:16px;
  color:var(--on-surface-variant);
  font-size:16px;
}

.ak-footer{
  background:var(--primary);
  color:var(--on-primary);
  padding:96px 64px 32px;
}
.ak-footer-grid{
  max-width:1280px;
  margin:0 auto;
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:64px;
}
.ak-footer-brand>div{
  font-family:var(--font-display);
  font-size:28px;
  line-height:1.3;
  font-weight:500;
  margin-bottom:32px;
}
.ak-footer-brand p{
  max-width:384px;
  margin-bottom:48px;
  color:var(--inverse-primary);
}
.ak-socials{display:flex;gap:24px;flex-wrap:wrap}
.ak-footer h3{color:var(--secondary-fixed);margin-bottom:32px}
.ak-footer-grid>div:not(.ak-footer-brand) a{
  display:block;
  margin-bottom:16px;
}
.ak-footer a{font-size:10px;transition:color .25s}
.ak-footer a:hover{color:var(--secondary-fixed)}
.ak-footer-bottom{
  max-width:1280px;
  margin:96px auto 0;
  padding-top:32px;
  border-top:1px solid rgba(128,117,112,.2);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  color:var(--on-primary-container);
  font-family:var(--font-ai);
  font-size:11px;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.ak-mobile-nav{display:none}

@media(max-width:900px){
  .ak-nav-inner{padding:8px 20px}
  .ak-desktop-nav,.ak-account{display:none}
  .ak-brand{font-size:26px}
  .ak-nav-actions{gap:0}
  .ak-nav-button{padding:11px 18px;font-size:10px}
  .ak-hero{min-height:760px}
  .ak-hero h1{font-size:46px}
  .ak-hero-copy p{font-size:24px}
  .ak-manifesto,.ak-pricing,.ak-faq{padding:72px 20px}
  .ak-section-grid{grid-template-columns:1fr;gap:64px}
  .ak-process{padding:88px 20px}
  .ak-section-heading{margin-bottom:56px}
  .ak-section-heading h2{font-size:46px}
  .ak-process-grid{grid-template-columns:1fr;gap:24px}
  .ak-process-grid::before{display:none}
  .ak-pricing-head{align-items:flex-start;flex-direction:column;margin-bottom:56px}
  .ak-price-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}
  .ak-price-card-featured{transform:none}
  .ak-waitlist{padding:88px 20px}
  .ak-form{grid-template-columns:1fr;padding:32px}
  .ak-submit{width:100%;margin-top:16px}
  .ak-footer{padding:72px 20px 104px}
  .ak-footer-grid{grid-template-columns:1fr;gap:48px}
  .ak-footer-bottom{margin-top:64px;align-items:flex-start;flex-direction:column}
  .ak-mobile-nav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:50;
    display:flex;
    justify-content:space-around;
    align-items:center;
    gap:8px;
    min-height:76px;
    padding:12px 20px;
    background:var(--surface-container-highest);
    border-radius:12px 12px 0 0;
    box-shadow:0 -4px 20px rgba(45,36,31,.04);
  }
  .ak-mobile-nav a{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    color:var(--on-surface-variant);
    font-size:9px;
    letter-spacing:.1em;
    text-align:center;
  }
  .ak-mobile-nav .is-active{color:var(--primary);font-weight:700;transform:scale(1.08)}
}

@media(max-width:560px){
  .ak-hero{min-height:680px;padding:0 20px}
  .ak-hero h1{font-size:32px;line-height:1.2;margin-bottom:24px}
  .ak-hero-copy p{font-size:20px;margin-bottom:32px}
  .ak-hero-actions{gap:16px}
  .ak-button{width:100%;min-height:56px;padding:16px 24px}
  .ak-manifesto h2,
  .ak-pricing h2,
  .ak-waitlist h2,
  .ak-faq h2{font-size:32px}
  .ak-number-list article{gap:18px}
  .ak-insight-overlay{padding:24px}
  .ak-insight-overlay p:last-child{font-size:22px}
  .ak-section-heading h2{font-size:34px}
  .ak-process-grid article{padding:36px 24px}
  .ak-toggle{width:100%;justify-content:center}
  .ak-toggle span{flex:1;text-align:center;padding:8px 14px}
  .ak-price-card{padding:36px 28px}
  .ak-waitlist>div>p{margin-bottom:40px}
  .ak-form{padding:24px}
  .ak-field input{font-size:24px}
  .ak-faq summary{font-size:19px}
}