/* Mirai website spec r001 + navy header direction, 6 October 2026.
   Public/access pages only. App themes and document inks remain independent. */
@font-face{font-family:Montserrat;src:url(light.otf);font-weight:300;font-display:swap}
@font-face{font-family:Montserrat;src:url(regular.otf);font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url(medium.otf);font-weight:500 800;font-display:swap}
:root{color-scheme:light;--navy:#06183e;--teal:#21bfc1;--muted:#576574;--line:#d7dfe3;--paper:#fafafa;--site-txt3:var(--muted)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--navy);font:14px/1.65 Montserrat,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2{font-weight:300;letter-spacing:-.045em;line-height:1.1}h1{font-size:clamp(44px,4.7vw,70px);margin:22px 0}h2{font-size:36px}h3{font-size:18px;font-weight:400;line-height:1.4;letter-spacing:-.015em}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #087677;outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 112px));margin:auto}.skip{position:absolute;top:-100px;left:20px;z-index:50;padding:12px;background:white}.skip:focus{top:10px}.nav{background:var(--navy);color:#fff}.navwrap{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:25px}.brand{display:inline-flex;flex-shrink:0}.brand img{width:174px;height:53px;object-fit:contain;object-position:left center}.navlinks{display:flex;align-items:center;gap:32px;font-size:12px}.navlink{padding:12px 0;white-space:nowrap}.navlink:hover{color:var(--teal)}.nav a:focus-visible{outline-color:var(--teal)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:46px;border:1px solid var(--navy);padding:13px 23px;font-size:12px;font-weight:400;line-height:1.5;border-radius:0;background:var(--navy);color:#fff;box-shadow:none;transition:background .15s}.btn.primary,.btn-primary{background:var(--teal);color:var(--navy);border-color:var(--teal)}.btn.primary:hover,.btn-primary:hover{background:#71d9d6;border-color:#71d9d6}.btn.ghost{background:transparent;color:var(--navy);border-color:#8797a2}.btn.ghost:hover{background:#edf3f3}.btn:disabled{opacity:.65;cursor:wait}.eyebrow,.tbc{font-size:10px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:#087677}.hero{background:#edf3f3;padding:64px 0 70px}.herogrid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.hero-copy,.demo{min-width:0}.hero .lead{color:var(--muted);line-height:1.85;max-width:490px;margin:0 0 28px}.herobtns{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.herobtns .note{flex-basis:100%;font-size:11px;color:var(--muted);margin-top:3px}.ggrad{color:var(--navy)}.demo{background:white;border:1px solid #b8cbd0}.demobar{display:flex;align-items:center;gap:6px;padding:15px 20px;border-bottom:1px solid var(--line)}.demobar .dot{height:5px;width:5px;border-radius:50%;background:#a5b9c3}.demotitle{font-size:10px;letter-spacing:.04em;margin-left:10px;color:var(--muted)}.demostage{display:block;width:100%;height:auto;background:#fff}.dg-edge{fill:none;stroke:#087677;stroke-width:2;stroke-linecap:round}.dg-arrow{fill:#087677}.dg-shape{fill:#edf3f3;stroke:#96aeb9;stroke-width:1.5}.dg-shape.accent{fill:#d9f1ef;stroke:#087677}.dg-shape.agent{fill:var(--teal);stroke:#087677}.dg-txt{fill:var(--navy);font:400 14px Montserrat,Arial,sans-serif;text-anchor:middle;dominant-baseline:middle}.dg-elabel{fill:var(--muted);font:400 11px Montserrat,Arial,sans-serif;text-anchor:middle}
.section{padding:65px 0}.section-head{margin-bottom:34px;max-width:720px}.section-head h2{margin-bottom:17px}.section-head p{color:var(--muted);line-height:1.85}.features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.feat{border-top:1px solid var(--line);padding-top:25px}.featicon{color:#087677;margin-bottom:18px}.feat p,.step p{color:var(--muted);font-size:12px;line-height:1.9;margin-top:12px}.how{background:var(--navy);color:#fff}.how .section-head p,.step p{color:#c2cfdc}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px}.step{border-top:1px solid #34425c;padding-top:24px}.num{color:#75dedd;font-size:11px;letter-spacing:.1em;margin-bottom:25px}.teaser .tbc{display:block;margin-bottom:16px}.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:28px}.tier{background:#fff;border:1px solid var(--line);padding:28px;display:flex;flex-direction:column}.tier.featured{border-top:3px solid #087677;padding-top:26px;background:#edf3f3}.tname{font-size:16px;font-weight:500}.tbadge{float:right;font-size:10px;font-weight:400;color:#087677}.tprice{font-size:38px;font-weight:300;letter-spacing:-.04em;margin:15px 0 8px}.tprice small{font-size:11px;letter-spacing:normal;white-space:nowrap}.tdesc{font-size:12px;color:var(--muted);min-height:42px}.tier ul{list-style:none;padding:0;margin:22px 0 28px;border-top:1px solid var(--line)}.tier li{font-size:12px;padding:10px 0;border-bottom:1px solid var(--line)}.tcta{margin-top:auto}.ctaband{padding:0 0 65px}.ctaband .card{border-top:1px solid var(--line);padding-top:45px;display:grid;grid-template-columns:1fr 1fr auto;gap:32px;align-items:center}.ctaband h2{font-size:30px}.ctaband p{font-size:12px;color:var(--muted);line-height:1.9}.site-footer{background:var(--navy);color:#d6e2ed}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #34425c;padding-top:20px;color:#adbdcf}
.auth-wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:70px;align-items:start;min-height:560px}.auth-intro h1{font-size:clamp(40px,4.2vw,60px)}.auth-intro p{color:var(--muted);line-height:1.85;margin-bottom:22px}.auth-card{background:#fff;border:1px solid var(--line);padding:36px;min-width:0}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-field{display:flex;flex-direction:column;gap:8px;font-size:12px}.auth-field em{font-size:10px;color:var(--muted);font-style:normal;margin-left:5px}.auth-field input,.auth-field textarea{border:1px solid #a4b4bf;border-radius:0;background:#fff;width:100%;min-height:46px;padding:11px 13px;font-size:14px}.auth-field textarea{resize:vertical}.auth-hint,.home-message,.join-body{font-size:12px;color:var(--muted);line-height:1.85}.auth-hint a,.auth-linkbtn{color:#087677;text-decoration:underline;text-underline-offset:4px}.auth-linkbtn{border:0;background:none;padding:8px 3px;font-size:12px}.auth-tabs{display:none}#invite-only-note{margin-bottom:22px}.auth-error,.home-error{color:#9c2424;border-left:2px solid #9c2424;padding-left:12px;font-size:12px}.auth-ok{color:#087677;border-left:2px solid #087677;padding-left:12px;font-size:12px}.join-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.join-title{font-size:24px;font-weight:300;color:var(--navy);margin-bottom:15px}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.navwrap{gap:25px}.navlinks{gap:24px}.brand img{width:156px;height:47px}.herogrid{gap:30px}.features{grid-template-columns:repeat(2,minmax(0,1fr))}.tiers{gap:16px}.tier{padding:22px}.tier.featured{padding-top:20px}.auth-wrap{gap:40px}.auth-card{padding:28px}.ctaband .card{grid-template-columns:1fr 1fr}.ctaband .btn{justify-self:start}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.navwrap{flex-wrap:wrap;padding-block:17px;gap:14px}.brand img{width:130px;height:39px}.navlinks{flex-basis:100%;gap:20px;overflow-x:auto;padding:3px 0 5px;white-space:nowrap;font-size:11px}.navlinks .btn{padding:11px 15px;min-height:44px;font-size:11px;flex-shrink:0}.hero{padding:38px 0}.herogrid{grid-template-columns:1fr;gap:32px}h1{font-size:48px;line-height:1.08}.hero .lead{font-size:12px}.section{padding:38px 0}.section-head h2{font-size:30px}.section-head p{font-size:12px}.features{gap:28px 22px}.feat h3{font-size:16px}.steps,.tiers{grid-template-columns:1fr}.steps{gap:28px}.step{padding-top:18px}.num{margin-bottom:15px}.tier{padding:24px}.tier.featured{padding-top:22px}.tdesc{min-height:0}.ctaband{padding-bottom:38px}.ctaband .card{display:block;padding-top:30px}.ctaband p{margin:18px 0 22px}.auth-wrap{grid-template-columns:1fr;gap:12px;padding-block:38px;min-height:0}.auth-intro h1{font-size:40px}.auth-card{padding:22px}.auth-intro>p{display:none}.auth-hint,.auth-hint a{overflow-wrap:anywhere}.footer-bottom{flex-wrap:wrap}.btn{min-height:44px}.auth-submit{font-size:14px}}
@media(max-width:360px){h1{font-size:42px}.features{grid-template-columns:1fr}.navlinks{gap:17px}.navlinks .btn{padding-inline:12px}.auth-card{padding:18px}.auth-intro h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}