/* HashMo Anchor page: scoped extension of /site.css. No custom forms or APIs. */
.anchor-page{--anchor-gold:#f5c978;--anchor-mint:#7de9d0;--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-mint);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-gold);border-radius:7px 7px 11px 11px;transform:rotate(45deg);box-shadow:0 0 0 5px rgba(245,201,120,.055),0 0 23px rgba(245,201,120,.22);flex-shrink:0}
.anchor-stage{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(245,201,120,.34);background:rgba(245,201,120,.055);color:#f5ddb0;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-gold);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%,#f5c978 50%,#86efdd 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(245,201,120,.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(245,201,120,.18);border-radius:99px;color:#cbbba0;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-gold);font-size:28px;background:rgba(245,201,120,.085);border:1px solid rgba(245,201,120,.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-gold),#5de8d0);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(125,233,208,.25);color:#a0efdc;background:rgba(125,233,208,.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-mint);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(245,201,120,.22);border-radius:14px;color:#f7d394;background:rgba(245,201,120,.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(125,233,208,.19);border-radius:15px;background:rgba(125,233,208,.045);color:var(--anchor-mint);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(125,233,208,.2);background:rgba(125,233,208,.045)}
.anchor-roadmap-card{border-color:rgba(245,201,120,.2);background:rgba(245,201,120,.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(125,233,208,.3);color:#a1f3df;font-size:9px;white-space:nowrap}
.anchor-roadmap-indicator{border-color:rgba(245,201,120,.3);color:#f0d29d}
.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-mint);font-weight:700}
.anchor-roadmap-card li:before{content:"○";color:var(--anchor-gold)}
.anchor-honesty{max-width:1030px;margin:26px 0 0;padding:18px 20px;border-left:3px solid var(--anchor-gold);color:#9ba8bc;background:rgba(0,0,0,.16);font-size:12px;line-height:1.8}
.anchor-honesty strong{color:#f4d393}
.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(245,201,120,.24);border-radius:26px;background:radial-gradient(circle at 100% 5%,rgba(245,201,120,.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:#f4d799!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}}