/* HashMo Anchor page: scoped extension of /site.css. No custom forms or APIs. */
.anchor-page{--anchor-violet:#ad6aff;--anchor-cyan:#42dfff;--anchor-ink:#070910;color:#f5f7fe}
.anchor-page .page{overflow:clip}
.anchor-shell{position:relative;width:min(1440px,calc(100% - clamp(32px,6vw,96px)));margin:0 auto;min-height:100dvh;padding:24px 0 40px}
.anchor-shell>.topbar{margin-bottom:clamp(68px,8vw,110px)}
.anchor-shell h1,.anchor-shell h2,.anchor-shell h3{font-family:"Space Grotesk",Inter,system-ui,sans-serif;overflow-wrap:normal}
.anchor-page :focus-visible{outline:3px solid var(--anchor-cyan);outline-offset:4px}
.anchor-skip{position:fixed;left:12px;top:-80px;z-index:300;padding:12px 18px;background:#fff;color:#07111d;font-weight:700;border-radius:10px}
.anchor-skip:focus{top:12px}
.anchor-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:clamp(34px,4.6vw,80px);align-items:center;padding-bottom:90px}
.anchor-hero-copy{min-width:0;position:relative}
.anchor-overline,.anchor-eyebrow{display:flex;align-items:center;gap:12px;color:#d9c8fa;font:700 12px/1.4 "Space Grotesk",sans-serif;letter-spacing:.15em}
.anchor-overline{margin:0 0 25px}
.anchor-mark{display:inline-block;width:21px;height:21px;border:2px solid var(--anchor-violet);border-radius:7px 7px 11px 11px;transform:rotate(45deg);box-shadow:0 0 0 5px rgba(173,106,255,.055),0 0 23px rgba(173,106,255,.22);flex-shrink:0}
.anchor-stage{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(173,106,255,.34);background:rgba(173,106,255,.055);color:#d9b9ff;font-size:12px;line-height:1.4;font-weight:600;border-radius:999px;margin:0 0 23px}
.anchor-stage-dot{width:7px;height:7px;background:var(--anchor-violet);border-radius:50%;flex-shrink:0}
.anchor-hero h1{font-size:clamp(54px,6.5vw,94px);line-height:.98;letter-spacing:-.065em;max-width:790px;margin:0}
.anchor-hero h1 span,.anchor-section h2 span{display:block;color:transparent;background:linear-gradient(100deg,#fbfcff 0%,#ad6aff 50%,#42dfff 100%);background-clip:text;-webkit-background-clip:text}
.anchor-lede{max-width:660px;color:#aeb9cb;font-size:clamp(16px,1.36vw,21px);line-height:1.73;margin:27px 0 0}
.anchor-lede strong{color:#e5ecfa;font-weight:500}
.anchor-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:32px}
.anchor-page .btn.primary{background:linear-gradient(116deg,#a77cf0,#7658ed 54%,#407dbe);color:#fff}
.anchor-page .btn{border-radius:12px}
.anchor-mission{margin:34px 0 0;color:#7f8a9c;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:650}
.anchor-demo{position:relative;min-width:0;padding:27px 29px 20px;border:1px solid rgba(165,181,209,.22);border-radius:26px;box-shadow:0 36px 94px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.055),0 0 55px rgba(139,92,246,.065);background:linear-gradient(158deg,rgba(33,44,64,.95),rgba(10,16,29,.97) 58%);overflow:hidden}
.anchor-demo:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 98% 0%,rgba(173,106,255,.085),transparent 40%),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:auto,38px 38px,38px 38px}
.anchor-demo>*{position:relative;z-index:1}
.anchor-demo-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:24px;border-bottom:1px solid rgba(160,184,217,.14)}
.anchor-demo-brand{display:flex;align-items:center;gap:12px;color:#e8effc;font:700 12px/1.4 "Space Grotesk",sans-serif;letter-spacing:.08em}
.anchor-demo-brand .anchor-mark{width:14px;height:14px;border-width:1.5px;border-radius:5px}
.anchor-demo-prototype{border:1px solid rgba(173,106,255,.18);border-radius:99px;color:#c9bbff;font:700 9px/1.4 Inter,sans-serif;letter-spacing:.12em;padding:7px 9px;white-space:nowrap}
.anchor-demo-project{display:flex;align-items:center;gap:14px;padding:24px 0 22px}
.anchor-folder-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:var(--anchor-violet);font-size:28px;background:rgba(173,106,255,.085);border:1px solid rgba(173,106,255,.2)}
.anchor-demo-project strong,.anchor-revision strong{display:block;font:650 14px/1.4 "Space Grotesk",sans-serif;color:#f3f7fc}
.anchor-demo-project small,.anchor-revision small{display:block;color:#8997b0;font-size:11px;line-height:1.5;margin-top:3px}
.anchor-demo-safe{margin-left:auto;font:700 10px/1.4 Inter,sans-serif;letter-spacing:.12em;color:#8e9eaf}
.anchor-demo-line{width:2px;height:19px;margin:-5px 0 -4px 23px;background:linear-gradient(var(--anchor-violet),#42dfff);opacity:.43}
.anchor-revision{display:flex;gap:13px;align-items:center;padding:17px 13px 17px 12px;border:1px solid rgba(159,180,211,.18);border-radius:14px;background:linear-gradient(100deg,rgba(255,255,255,.055),rgba(255,255,255,.018))}
.anchor-revision-num{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:10px;color:#ded2fd;border:1px solid rgba(139,92,246,.25);background:rgba(139,92,246,.14);font:700 12px "Space Grotesk",sans-serif}
.anchor-revision>div{min-width:0}
.anchor-status{margin-left:auto;border:1px solid rgba(66,223,255,.25);color:#a0efdc;background:rgba(66,223,255,.08);border-radius:99px;padding:5px 8px;font-size:10px;font-weight:700;letter-spacing:.07em;white-space:nowrap}
.anchor-status-pass{color:#a8efd5}
.anchor-demo-foot{margin-top:20px;color:#8c9bac;font-size:11px;line-height:1.4}
.anchor-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:clamp(94px,10vw,160px)}
.anchor-principles>div{display:grid;grid-template-columns:36px 1fr;column-gap:8px;row-gap:7px;padding:22px 18px;background:linear-gradient(140deg,rgba(30,42,62,.62),rgba(20,27,43,.37));border:1px solid rgba(160,184,217,.16);border-radius:17px}
.anchor-principles b{grid-row:span 2;color:var(--anchor-cyan);font-size:23px;font-weight:400}
.anchor-principles strong{color:#eff5fd;font-size:13px;font-family:"Space Grotesk",sans-serif}
.anchor-principles span{color:#939fb1;font-size:12px;line-height:1.6}


.anchor-section{margin:0 0 clamp(95px,10vw,150px);scroll-margin-top:30px}
.anchor-eyebrow{color:#ccbbee;margin:0 0 16px}
.anchor-section h2{font-size:clamp(35px,3.8vw,61px);line-height:1.07;letter-spacing:-.05em;margin:0;max-width:850px}
.anchor-section h2 span{display:inline}
.anchor-section-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:52px;margin-bottom:30px}
.anchor-section-heading>p,.anchor-section-copy{color:#a0adc1;line-height:1.78;font-size:15px;margin:0;max-width:650px}
.anchor-section-copy{margin-top:22px}
.anchor-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.anchor-step{padding:29px;min-height:285px;border:1px solid rgba(148,163,184,.19);border-radius:21px;background:linear-gradient(145deg,rgba(29,39,59,.78),rgba(14,21,35,.64))}
.anchor-step-index{color:#aab9c9;font-size:10px;font-weight:700;letter-spacing:.16em}
.anchor-step-icon{display:grid;place-items:center;margin:27px 0 22px;width:47px;height:47px;border:1px solid rgba(173,106,255,.22);border-radius:14px;color:#9cddff;background:rgba(173,106,255,.06);font-size:25px}
.anchor-step h3{font-size:20px;letter-spacing:-.03em;line-height:1.2;margin:0 0 12px}
.anchor-step p{color:#a0acbe;line-height:1.78;font-size:13px;margin:0}
.anchor-split{display:grid;grid-template-columns:1fr .94fr;gap:clamp(44px,6vw,105px);align-items:center}
.anchor-usecases{display:grid;gap:14px}
.anchor-usecases article{display:grid;grid-template-columns:55px 1fr;gap:20px;align-items:center;padding:22px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:rgba(17,25,40,.74)}
.anchor-usecases article>span{display:grid;place-items:center;width:53px;height:53px;border:1px solid rgba(66,223,255,.19);border-radius:15px;background:rgba(66,223,255,.045);color:var(--anchor-cyan);font-size:25px}
.anchor-usecases h3{margin:0 0 7px;color:#eff4fd;font-size:16px}
.anchor-usecases p{margin:0;color:#99a6ba;line-height:1.65;font-size:12px}


.anchor-proof-section{padding:48px clamp(22px,4vw,55px);border-radius:28px;border:1px solid rgba(148,163,184,.13);background:radial-gradient(circle at 100% 0%,rgba(139,92,246,.12),transparent 48%),linear-gradient(145deg,rgba(20,29,47,.83),rgba(12,18,31,.67))}
.anchor-readiness{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.anchor-ready-card,.anchor-roadmap-card{padding:28px;border-radius:20px;border:1px solid rgba(66,223,255,.2);background:rgba(66,223,255,.045)}
.anchor-roadmap-card{border-color:rgba(173,106,255,.2);background:rgba(173,106,255,.04)}
.anchor-ready-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;font-weight:700;letter-spacing:.12em;color:#e2eaf5}
.anchor-ready-indicator,.anchor-roadmap-indicator{padding:6px 9px;border-radius:99px;border:1px solid rgba(66,223,255,.3);color:#a1f3df;font-size:9px;white-space:nowrap}
.anchor-roadmap-indicator{border-color:rgba(173,106,255,.3);color:#cab7ff}
.anchor-readiness ul{list-style:none;margin:27px 0 0;padding:0}
.anchor-readiness li{position:relative;padding:0 0 0 25px;margin:0 0 16px;color:#b9c6d6;font-size:13px;line-height:1.65}
.anchor-readiness li:before{content:"✓";position:absolute;left:0;color:var(--anchor-cyan);font-weight:700}
.anchor-roadmap-card li:before{content:"○";color:var(--anchor-violet)}
.anchor-honesty{max-width:1030px;margin:26px 0 0;padding:18px 20px;border-left:3px solid var(--anchor-violet);color:#9ba8bc;background:rgba(0,0,0,.16);font-size:12px;line-height:1.8}
.anchor-honesty strong{color:#b8a5ff}
.anchor-cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;padding:clamp(35px,6vw,65px);margin-bottom:80px;border:1px solid rgba(173,106,255,.24);border-radius:26px;background:radial-gradient(circle at 100% 5%,rgba(173,106,255,.095),transparent 48%),linear-gradient(130deg,rgba(34,43,62,.94),rgba(12,20,33,.88))}
.anchor-cta h2{font-size:clamp(33px,3.7vw,55px)}
.anchor-cta-copy>p:not(.anchor-eyebrow){color:#aebaca;font-size:14px;line-height:1.75;max-width:680px;margin:18px 0 0}
.anchor-cta .anchor-cta-note{display:inline-flex;gap:10px;align-items:center;margin-top:22px!important;color:#c4d4ff!important;font-size:12px!important;font-weight:600}
.anchor-cta-note:before{content:"●";font-size:10px}
.anchor-cta-actions{display:grid;justify-items:start;gap:22px}
.anchor-text-link{font-size:12px;color:#c7d5e9;text-decoration:underline;text-underline-offset:4px}
.anchor-footer{margin-top:45px}


@media(max-width:1100px){
.anchor-shell>.topbar{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:75px}
.anchor-shell .site-nav{justify-content:flex-start}
.anchor-hero{grid-template-columns:minmax(0,1fr) minmax(320px,.88fr);gap:30px}
.anchor-hero h1{font-size:clamp(48px,6.5vw,72px)}
.anchor-section-heading{gap:25px}
}
@media(max-width:820px){
.anchor-shell{width:min(100% - 36px,650px)}
.anchor-shell>.topbar{margin-bottom:55px}
.anchor-shell .brand-logo{width:min(290px,55vw)}
.anchor-hero{grid-template-columns:1fr;gap:40px;padding-bottom:55px}
.anchor-hero h1{font-size:clamp(47px,10vw,72px)}
.anchor-demo{width:100%}
.anchor-principles{grid-template-columns:1fr;gap:10px;margin-bottom:86px}
.anchor-principles>div{grid-template-columns:34px 1fr;padding:16px 19px}
.anchor-section-heading,.anchor-split,.anchor-readiness,.anchor-cta{grid-template-columns:1fr}
.anchor-steps{grid-template-columns:1fr;gap:12px}
.anchor-step{min-height:auto;padding:25px}
.anchor-step-icon{margin:18px 0}
.anchor-usecases{margin-top:12px}
.anchor-proof-section{padding:30px 20px}
.anchor-cta{gap:18px}
}
@media(max-width:480px){
.anchor-shell{width:calc(100% - 28px);padding-top:18px}
.anchor-shell .brand-logo{width:155px}
.anchor-shell .brand-copy{min-width:0;padding-left:11px}
.anchor-shell .brand-name{font-size:13px}
.anchor-shell .brand-sub{font-size:8px}
.anchor-shell .site-nav{gap:5px}
.anchor-shell .nav-link{font-size:11px;min-height:36px;padding:0 8px}
.anchor-stage{font-size:10px;line-height:1.5;border-radius:13px}
.anchor-hero h1{font-size:clamp(46px,12vw,58px)}
.anchor-lede{font-size:15px}
.anchor-demo{padding:18px 15px}
.anchor-demo-top{flex-wrap:wrap;gap:8px}
.anchor-demo-brand{font-size:10px}
.anchor-revision{gap:9px;padding:13px 8px}
.anchor-revision strong{font-size:12px}
.anchor-revision small{font-size:10px}
.anchor-status{font-size:9px;padding:4px 5px}
.anchor-section{margin-bottom:78px}
.anchor-section h2{font-size:35px}
.anchor-readiness article{padding:20px}
.anchor-ready-top{flex-wrap:wrap}
.anchor-cta{padding:28px 20px}
}
@media(prefers-reduced-motion:reduce){.anchor-page *,.anchor-page *:before,.anchor-page *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Official Anchor identity approved 2026-10-25 by Issa and Vesta.
   Keep the image unchanged; frame it on dark ink so violet/cyan neon remains
   readable in Classic Light as well as Original, Logo Dark and Aurora. */
.anchor-hero-identity{display:flex;align-items:center;gap:22px;margin:0 0 28px;min-width:0}
.anchor-hero-logo-frame{display:grid;place-items:center;flex:0 0 160px;width:160px;height:160px;border:1px solid rgba(130,188,255,.25);border-radius:22px;background:linear-gradient(140deg,#081021,#161436);box-shadow:0 12px 38px rgba(51,40,119,.2);overflow:hidden}
.anchor-hero-lockup{display:block;width:160px;height:160px;object-fit:contain}
.anchor-hero-identity-copy{min-width:0;display:grid;gap:17px;align-content:center}
.anchor-hero-identity .anchor-overline{margin:0;flex-wrap:wrap;color:#c3b8f5;line-height:1.6}
.anchor-hero-identity .anchor-stage{margin:0;justify-self:start}
.anchor-inline-mark{width:22px;height:22px;display:inline-block;vertical-align:middle;flex:0 0 22px;object-fit:contain}
.anchor-demo-brand .anchor-inline-mark{width:23px;height:23px;flex-basis:23px}
.anchor-shell .brand-logo.anchor-product-mark{width:72px;height:72px;max-width:72px;flex:0 0 72px;object-fit:contain;object-position:center}
html[data-hashmo-theme='light'] .anchor-shell .brand-logo.anchor-product-mark{
  background:linear-gradient(145deg,#111b34,#211440);border-radius:14px;
  box-shadow:0 5px 17px rgba(28,28,69,.15)
}
html[data-hashmo-theme='light'] .anchor-hero-identity .anchor-overline{color:#5e4487}
html[data-hashmo-theme='light'] .anchor-hero-logo-frame{border-color:#6b6b9c;box-shadow:0 11px 35px rgba(66,51,128,.16)}
@media(max-width:820px){
  .anchor-hero-identity{gap:18px}
  .anchor-hero-logo-frame{width:137px;height:137px;flex-basis:137px;border-radius:19px}
  .anchor-hero-lockup{width:137px;height:137px}
  .anchor-shell .brand-logo.anchor-product-mark{width:64px;height:64px;max-width:64px;flex-basis:64px}
}
@media(max-width:480px){
  .anchor-hero-identity{gap:13px;margin-bottom:24px}
  .anchor-hero-logo-frame{width:105px;height:105px;flex-basis:105px;border-radius:16px}
  .anchor-hero-lockup{width:105px;height:105px}
  .anchor-hero-identity-copy{gap:9px}
  .anchor-hero-identity .anchor-overline{font-size:9px;letter-spacing:.08em;gap:5px}
  .anchor-hero-identity .anchor-stage{font-size:9px;max-width:100%}
  .anchor-shell .brand-logo.anchor-product-mark{width:58px;height:58px;max-width:58px;flex-basis:58px}
  /* Three compact mobile nav cells should not run into one another at 320px. */
  .anchor-shell .site-nav.nav-enhanced{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:7px;row-gap:8px}
  .anchor-shell .hashmo-menu-trigger{font-size:11px;padding-inline:4px;gap:4px}
  .anchor-shell .hashmo-menu-icon{font-size:13px}
  .anchor-shell .hashmo-menu-chevron{font-size:14px}
}


/* Founder-approved Anchor identity palette — sourced from the violet, blue
   and electric cyan family in the binary-anchor logo. Applies only to Anchor.
   The original illustrated assets are not altered. */
.anchor-page{
  --anchor-violet:#b06cff;
  --anchor-blue:#6886ff;
  --anchor-cyan:#42dfff;
  --anchor-deep-violet:#682fc3;
  --anchor-deep-blue:#3b4fae;
  --anchor-deep-cyan:#077a97;
}
.anchor-page .anchor-hero h1 span,
.anchor-page .anchor-section h2 span{
  background-image:linear-gradient(105deg,#c779ff 3%,#9872ff 32%,#6984ff 63%,#48dcff 100%);
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
}
.anchor-page :is(.anchor-folder-icon,.anchor-step-icon,.anchor-usecases article>span){
  border-color:rgba(117,121,255,.34);
  color:#8fe7ff;
  background:linear-gradient(135deg,rgba(99,111,255,.18),rgba(163,89,255,.16));
  box-shadow:inset 0 1px rgba(200,195,255,.08);
}
.anchor-page .anchor-step:nth-child(1) .anchor-step-icon,
.anchor-page .anchor-usecases article:nth-child(1)>span{color:#54e5ff;border-color:rgba(64,217,255,.36);background:rgba(66,223,255,.09)}
.anchor-page .anchor-step:nth-child(2) .anchor-step-icon,
.anchor-page .anchor-usecases article:nth-child(2)>span{color:#ce9cff;border-color:rgba(174,102,255,.35);background:rgba(173,106,255,.10)}
.anchor-page .anchor-step:nth-child(3) .anchor-step-icon,
.anchor-page .anchor-usecases article:nth-child(3)>span{color:#98aaff;border-color:rgba(104,134,255,.38);background:rgba(104,134,255,.1)}
.anchor-page .anchor-principles b{color:#4cdbff}
.anchor-page .anchor-principles>div:nth-child(2) b{color:#bb83ff}
.anchor-page .anchor-principles>div:nth-child(3) b{color:#8ea4ff}
.anchor-page .anchor-revision-num{color:#dcc5ff;border-color:rgba(169,120,255,.42);background:rgba(122,88,255,.18)}
.anchor-page .anchor-demo-line{background:linear-gradient(#ad69ff,#4ddaff);opacity:.64}
.anchor-page .anchor-stage{border-color:rgba(170,117,255,.42);background:rgba(141,91,242,.095);color:#dbc7ff}
.anchor-page .anchor-stage-dot{background:#75dfff;box-shadow:0 0 9px rgba(64,222,255,.48)}
.anchor-page .anchor-status{border-color:rgba(77,219,255,.37);color:#98ecff;background:rgba(52,176,250,.085)}
.anchor-page .anchor-status-pass{color:#8ce9ff}
.anchor-page .anchor-ready-indicator{color:#9beaff;border-color:rgba(66,223,255,.33)}
.anchor-page .anchor-roadmap-indicator{color:#d7c0ff;border-color:rgba(174,108,255,.34)}
.anchor-page .anchor-readiness li:before{color:#48ddff}
.anchor-page .anchor-roadmap-card li:before{color:#b47cff}
.anchor-page .anchor-honesty{border-left-color:#8e6df6}
.anchor-page .anchor-honesty strong{color:#c5acff}
.anchor-page .anchor-cta .anchor-cta-note{color:#b3eaff!important}
.anchor-page .anchor-demo:after{background:radial-gradient(circle at 98% 0%,rgba(132,94,255,.105),transparent 40%),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:auto,38px 38px,38px 38px}
.anchor-page .anchor-cta{border-color:rgba(142,107,255,.29);background:radial-gradient(circle at 100% 5%,rgba(108,109,255,.12),transparent 48%),linear-gradient(130deg,rgba(34,43,62,.94),rgba(12,20,33,.88))}
.anchor-page :focus-visible{outline-color:#51dfff}


/* Keep the entire electric cyan endpoint visible on the shorter hero phrase:
   a block taking the whole column otherwise stops the text at cobalt blue. */
.anchor-page .anchor-hero h1 span{width:fit-content;max-width:100%}