/* Space Grotesk font declarations from the existing Google Fonts stylesheet. Original Google-hosted font files and display:swap retained. */
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb54C-s0.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb94C-s0.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb54C-s0.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb94C-s0.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb54C-s0.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb94C-s0.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb54C-s0.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb94C-s0.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4Cw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@charset "UTF-8";
:root{--ink:#142b29;--green:#235d4e;--paper:#f7f6f0;--muted:#596762;--line:#d8ddd4;--orange:#ef683e;--white:#fff;--serif:Georgia,'Times New Roman',serif;--sans:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--sans)}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}img{max-width:100%;height:auto}button{font:inherit;cursor:pointer}p{margin:0 0 1.3em}h1,h2,h3{line-height:1.08;letter-spacing:-.045em;margin:0}h1{font-size:clamp(3rem,6.5vw,6.7rem);font-weight:500}h2{font-size:clamp(2.2rem,4vw,4rem);font-weight:500}h3{font-size:1.5rem;font-weight:600;letter-spacing:-.025em}em{font-family:var(--serif);font-weight:normal;color:var(--green)}:focus-visible{outline:3px solid #db5128;outline-offset:5px}.skip-link{position:fixed;left:20px;top:-100px;padding:12px;background:white;z-index:50}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}.nav-wrap{max-width:1320px;margin:auto;padding:21px 48px;display:flex;align-items:center;justify-content:space-between;gap:28px}.wordmark{font-size:29px;letter-spacing:-1.8px;font-weight:800;line-height:1}.brand-dot{color:var(--orange)}nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}nav a.active{color:var(--green);text-decoration:underline;text-underline-offset:8px}.nav-app{background:var(--ink);color:white;padding:11px 17px;border-radius:6px}.nav-app:hover{background:var(--green);color:white}.menu-toggle{display:none}.hero,.section,.page-intro,.intro-strip,.document-layout{max-width:1224px;margin:auto}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:55px;padding:85px 0 80px;min-height:720px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;text-transform:uppercase;margin-bottom:25px;color:var(--green)}.lead{font-size:19px;line-height:1.65;max-width:540px;margin-top:30px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 23px;border:1px solid var(--ink);border-radius:6px;font-size:14px;font-weight:600}.button.primary{background:var(--ink);color:white}.button:hover{background:#e1e9df}.button.primary:hover{background:var(--green)}.hero-footnote{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.status-dot{height:7px;width:7px;background:var(--green);border-radius:50%}.hero-art{height:540px;background:#e6ebdf;border-radius:120px 120px 18px 18px;position:relative;isolation:isolate;overflow:hidden}.hero-art:before{content:'';position:absolute;width:330px;height:330px;border:1px solid #c3cebd;border-radius:50%;left:85px;top:145px}.art-label{position:absolute;top:42px;width:100%;text-align:center;font-size:10px;letter-spacing:.2em;color:#45634c}.art-card{position:absolute;border-radius:9px;padding:25px;box-shadow:0 12px 24px #193f2820;display:flex;flex-direction:column;gap:16px}.tiny-label{font-size:8px;letter-spacing:.13em;font-weight:700}.art-card strong{font-family:var(--serif);font-size:28px;line-height:1.15;letter-spacing:-.02em}.paper-one{left:38px;top:110px;width:245px;height:210px;background:#fffcf2;transform:rotate(-9deg);z-index:2}.note-lines{border-top:1px solid #d8dacb;border-bottom:1px solid #d8dacb;height:16px;margin-top:12px}.paper-two{right:28px;top:165px;width:217px;height:203px;background:#ed744e;transform:rotate(10deg);z-index:3}.small-text{font-size:11px}.paper-three{left:90px;bottom:70px;width:290px;height:188px;background:#244f43;color:white;transform:rotate(-2deg);z-index:4;gap:8px}.paper-three strong{font-size:24px;margin:7px 0}.paper-three>span:not(.tiny-label){font-size:12px;color:#dae9d8}.art-signature{position:absolute;bottom:12px;left:28px;display:flex;align-items:center;font-weight:700;font-size:13px;line-height:1.3}.art-signature small{font-size:7px;letter-spacing:.1em}.intro-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.section{padding:80px 0;border-bottom:1px solid var(--line)}.section-heading{margin-bottom:40px}.section-heading .eyebrow{margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{padding:30px 28px;border:1px solid var(--line);border-radius:9px;background:#fbfcf7}.number{display:block;font-size:10px;letter-spacing:.16em;color:var(--green);margin-bottom:40px}.card h3{margin-bottom:18px}.card p{font-size:15px;color:var(--muted)}.text-link{font-size:14px;font-weight:600;display:inline-block;border-bottom:1px solid var(--green);padding-bottom:3px}.split{display:grid;grid-template-columns:1.1fr 1fr;gap:90px}.large-copy{font-size:25px;line-height:1.55;letter-spacing:-.025em}.product{padding:40px;background:#e8eddf;border-radius:12px;max-width:850px}.product-identity{display:flex;align-items:center;gap:20px;margin-bottom:25px}.product h3{font-size:36px;margin:10px 0}.product p{max-width:680px}.pill{font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:7px 12px;background:#cddfcb;color:#254c37;border-radius:20px;display:inline-block}.pill.muted{background:#e9e7df}.page-intro{padding:65px 0 50px;border-bottom:1px solid var(--line)}.page-intro h1{font-size:clamp(3rem,5vw,5rem);margin-bottom:22px}.page-intro>p:last-child{font-size:18px;color:var(--muted);max-width:700px}.page-intro .eyebrow{margin-bottom:20px}.product-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:85px}.app-icon{display:block;margin-bottom:15px}.product-hero h2{margin-top:23px}.product-summary{background:#e6ebdf;border-radius:12px;padding:40px}.product-summary>div{border-top:1px solid #c6d4c0;padding:19px 0;display:flex;align-items:center;gap:20px}.product-summary>div span{font-size:11px;color:var(--green)}.product-summary strong{font-size:19px;font-weight:500}.fine-print{font-size:13px;color:var(--muted)}.table-wrap{overflow:auto;margin-bottom:25px}table{width:100%;border-collapse:collapse;font-size:14px}caption{text-align:left;margin-bottom:16px;font-weight:600}th,td{text-align:left;padding:17px 20px;border-bottom:1px solid var(--line);vertical-align:top}thead{background:var(--ink);color:white}tbody th{font-weight:500}tbody tr:nth-child(even){background:#e9eee3}.gallery{display:flex;overflow-x:auto;gap:22px;padding:10px 0 25px;scroll-snap-type:x proximity}.gallery figure{flex:0 0 220px;margin:0;scroll-snap-align:start}.gallery-open{padding:0;border:0;background:none;width:100%;border-radius:12px;overflow:hidden}.gallery img{width:220px;height:390px;object-fit:contain;background:#e7ece3;display:block}.gallery figcaption{font-size:12px;color:var(--muted);margin-top:12px}.faq{max-width:850px}details{border-bottom:1px solid var(--line);padding:23px 0}summary{font-size:19px;font-weight:500;cursor:pointer}details p{margin:20px 0 0;color:var(--muted)}details a{text-decoration:underline}.empty-state{max-width:820px;background:#e6ebdf;padding:40px;border-radius:12px}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.roadmap article{border-left:1px solid var(--line);padding:0 25px}.roadmap h3{margin:24px 0 15px}.journal-entry{max-width:850px}ul{padding-left:22px}.journal-entry li{margin-bottom:10px}.site-footer{background:var(--ink);color:#dce6dc;padding:65px max(48px,calc((100vw - 1224px)/2)) 25px;margin-top:80px}.footer-top{display:grid;grid-template-columns:1.35fr 1fr 1fr 1.35fr;gap:35px}.site-footer .wordmark{color:white;font-size:33px}.site-footer p{font-size:13px;margin-top:22px;color:#b1c4bb}.site-footer h2{font-size:13px;letter-spacing:0;margin:0 0 22px;color:white;font-weight:600}.footer-top>div>a:not(.wordmark){display:block;font-size:12px;margin:7px 0}.site-footer a:hover{color:white;text-decoration:underline}.footer-bottom{margin-top:45px;padding-top:20px;border-top:1px solid #3b504a;font-size:11px;display:flex;justify-content:space-between;gap:30px}.social{display:flex;flex-wrap:wrap;gap:15px;max-width:600px}.document-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:65px;padding:55px 0}.document-nav{align-self:start;position:sticky;top:115px;max-height:75vh;overflow:auto}.document-nav a{display:block;font-size:12px;padding:7px 0;color:var(--muted)}.document-body{min-width:0}.document-body h2{font-size:28px;letter-spacing:-.02em;margin:40px 0 22px}.document-body h3{font-size:20px;margin:25px 0 15px}.document-body p,.document-body li{font-size:15px;color:var(--muted)}.document-body a{text-decoration:underline;color:var(--green)}.document-body .actions{list-style:none;padding:0}.document-body table{font-size:13px}.document-body pre{white-space:pre-wrap;background:#e6ebdf;padding:22px;border-radius:8px;overflow-wrap:anywhere}.document-body .button{color:var(--ink);text-decoration:none}.document-body .button.primary{color:white}.image-dialog{border:0;padding:50px 18px 18px;background:#132723;color:white;max-width:95vw;max-height:95vh;border-radius:12px}.image-dialog::backdrop{background:#132723d9}.image-dialog img{display:block;max-height:80vh;object-fit:contain;margin:auto}.dialog-close{position:absolute;right:16px;top:10px;background:transparent;color:white;border:0;padding:5px 12px}.image-dialog:not([open]){display:none}
@media(max-width:1320px){.hero,.section,.page-intro,.intro-strip,.document-layout{margin-left:48px;margin-right:48px}.hero{gap:35px}.hero-art{height:500px}.paper-one{left:20px}.paper-three{left:45px}}@media(max-width:1000px){.nav-wrap{padding:20px 28px}nav{gap:20px}.hero,.section,.page-intro,.intro-strip,.document-layout{margin-left:28px;margin-right:28px}.hero{grid-template-columns:1fr 1fr;min-height:auto;padding:65px 0}.hero-art{height:460px}.art-card{padding:20px}.paper-one{width:210px;height:195px}.paper-two{right:10px;width:185px;top:170px}.paper-three{left:35px;width:250px;bottom:50px}.split,.product-hero{gap:40px}.grid{gap:14px}.card{padding:25px 20px}.footer-top{gap:22px}.document-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}.site-footer{padding:55px 28px 25px}}@media(max-width:760px){.menu-toggle{display:block;background:transparent;border:1px solid var(--line);padding:6px 12px;border-radius:5px;font-size:13px}nav{display:none;position:absolute;left:0;right:0;top:72px;background:var(--paper);padding:20px 28px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:20px}nav.open{display:flex}html{scroll-padding-top:90px}.hero{grid-template-columns:1fr;padding:45px 0;gap:35px}.hero h1{font-size:clamp(3.6rem,11vw,5rem)}.hero-art{height:440px;max-width:500px;width:100%;justify-self:center;border-radius:90px 90px 14px 14px}.hero-footnote{margin-bottom:0}.lead{font-size:17px}.intro-strip{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:11px}.section{padding:50px 0}.grid,.grid.two,.split,.product-hero,.roadmap{grid-template-columns:1fr;gap:20px}.card .number{margin-bottom:25px}.large-copy{font-size:22px}.product{padding:25px}.product h3{font-size:30px}.product-identity{gap:10px}.product-identity img{width:70px}.footer-top{grid-template-columns:1fr 1fr;gap:35px}.footer-bottom{flex-direction:column;gap:20px}.page-intro{padding:45px 0 30px}.page-intro h1{font-size:3rem}.document-layout{display:block;padding:35px 0}.document-nav{position:static;max-height:240px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:30px}.document-body th,.document-body td{padding:10px 8px}.product-summary{padding:25px}.roadmap article{padding-left:20px}.section-heading{margin-bottom:28px}.gallery figure{flex-basis:190px}.gallery img{width:190px;height:350px}}@media(max-width:390px){.hero,.section,.page-intro,.intro-strip,.document-layout{margin-left:20px;margin-right:20px}.nav-wrap{padding:20px}.hero-art{height:420px}.paper-one{left:10px;width:195px}.paper-two{width:167px;right:8px}.paper-three{left:32px;width:235px}.footer-top{gap:25px}.button{padding:12px 17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* AYOHI vibrant palette. Keep shared layout and accessible focus states. */
:root{--ink:#18213e;--green:#5634cf;--paper:#fcfcff;--muted:#59627b;--line:#e2e4f1;--orange:#ff597b;--serif:Arial,sans-serif}
body{background:radial-gradient(ellipse at 100% 4%,#edf0ff 0,transparent 25%),var(--paper)}
.site-header{background:#fcfcfff2;backdrop-filter:blur(14px)}
.brand-dot{color:#f44d79}
.hero h1{font-weight:700;letter-spacing:-.06em;font-size:clamp(3rem,6.1vw,6rem)}
.hero h1 em{font-family:var(--sans);font-style:normal;font-weight:700;color:#6235d6;background:linear-gradient(110deg,#245eea,#8038d6 65%,#b92c85);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.eyebrow{color:#5634cf;letter-spacing:.13em}
.nav-app,.button.primary{background:#5437d1;color:#fff;border-color:#5437d1;box-shadow:0 5px 15px #5934d124}
.nav-app:hover,.button.primary:hover{background:#4127b0;color:#fff;border-color:#4127b0}
.button{border-color:#d5d9ec;background:#fff;border-radius:9px}
.button:hover{background:#f0ecff;color:#4127b0;border-color:#b7a5f1}
.hero-art{background:linear-gradient(140deg,#446cf1 0%,#7650ec 52%,#ad43dd 100%);border-radius:30px;box-shadow:0 24px 70px #694ae323;overflow:hidden}
.hero-art:before{border-color:#ffffff30;width:390px;height:390px;left:35px;top:85px}
.hero-art:after{content:'';position:absolute;z-index:-1;right:-100px;top:-110px;width:340px;height:340px;background:#55d4fb66;border-radius:50%;filter:blur(35px)}
.art-label{color:#fff;letter-spacing:.17em;font-weight:600}
.paper-one{background:#fff;color:#253657;box-shadow:0 14px 34px #20165430}
.paper-two{background:#ffc99b;color:#542421;box-shadow:0 14px 34px #20165430}
.paper-three{background:#d0f4ff;color:#18385f;box-shadow:0 14px 34px #20165430}
.paper-three>span:not(.tiny-label){color:#214a6a}
.art-signature{color:#fff}.art-signature small{color:#eee8ff}.art-signature img{background:#ffffffec;border-radius:50%;margin-right:8px}
.status-dot{background:#347a55}.intro-strip{background:#f0f2ff;border:0;border-radius:10px;padding:20px 25px;color:#465277;font-weight:500}
.product{background:linear-gradient(110deg,#edf1ff,#f3edff);border:1px solid #dedcf7;max-width:none;position:relative;overflow:hidden}
.pill{background:#e0ddff;color:#4730a2;font-weight:600}.pill.muted{background:#edf0f8;color:#4f5d7c}
.card{background:#fff;border-color:#e1e4f0;border-radius:13px;box-shadow:0 4px 15px #252c5f04}
.grid>.card:nth-child(3n+1){border-top:3px solid #5e63e7}.grid>.card:nth-child(3n+2){border-top:3px solid #2b91ca}.grid>.card:nth-child(3n+3){border-top:3px solid #df527e}
.number{color:#6246be}.text-link{color:#5433bf;border-color:#b8a5ec}.text-link:hover{color:#36228b}
.product-summary{background:linear-gradient(145deg,#465de1,#733fc5);color:#fff}.product-summary .eyebrow{color:#fff}.product-summary>div{border-color:#ffffff35}.product-summary>div span{color:#e2deff}
thead{background:#4932ae}tbody tr:nth-child(even){background:#f0f1ff}
.gallery img{background:#e9ecfa}.empty-state{background:linear-gradient(110deg,#edf1ff,#f4edff)}
.document-body pre{background:#eff1ff}.document-body .button.primary{color:#fff}
.site-footer{background:linear-gradient(120deg,#171f42,#252052);color:#dce0f4}.site-footer p{color:#bfc7e2}.footer-bottom{border-color:#ffffff22}.site-footer .brand-dot{color:#ff6485}
.document-nav a:hover{color:#5433bf}.faq details[open]{background:#f5f3ff;padding-left:18px;padding-right:18px;border-radius:8px}
.image-dialog{background:#171f42}.image-dialog::backdrop{background:#141a37df}
@media(max-width:760px){.hero h1{font-size:clamp(3.3rem,10vw,4.7rem)}.hero-art{border-radius:24px}.intro-strip{padding:18px}.site-header nav{background:#fcfcff}}

.detail-copy{max-width:1000px}.detail-copy>p{max-width:850px}.detail-copy h3{margin:25px 0 16px}.detail-copy pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f0edff;padding:24px;border-radius:10px}.detail-copy table{margin:20px 0}.detail-copy .table-wrapper{overflow-x:auto}.detail-copy a:not(.button){color:#5433bf;text-decoration:underline}.detail-copy .actions{list-style:none;padding:0}.legacy-anchor{display:block;height:0;scroll-margin-top:110px}

/* Developer-led studio typography and icon system */
:root{--sans:'Space Grotesk',Arial,sans-serif;--serif:'Space Grotesk',Arial,sans-serif}
body{font-family:var(--sans)}.wordmark{font-family:var(--sans);letter-spacing:-1.4px}.brand-dot{display:inline-block;width:.18em;height:.18em;margin-left:.05em;background:#ff597b;border-radius:0;vertical-align:baseline}.hero h1{letter-spacing:-.055em}.hero h1 em{font-family:var(--sans)}
.button,.nav-app{gap:9px}.button i,.nav-app i{font-size:13px}nav>a>i{font-size:12px;margin-right:5px;color:#7555d7}.nav-app i{color:#fff} .text-link i{margin-right:5px}.footer-top i{width:17px;font-size:11px;color:#b7a4fb}
.card-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:23px;background:#eeebff;color:#5940c5;border-radius:12px;font-size:20px}.card .number{margin-bottom:16px}.grid>.card:nth-child(3n+2) .card-icon{background:#e5f5ff;color:#287fae}.grid>.card:nth-child(3n+3) .card-icon{background:#ffedf3;color:#bb3c6d}.menu-toggle i{margin-left:6px;font-size:12px}.eyebrow i{margin-right:5px}.compatibility-note{font-size:14px;line-height:1.65;border-left:3px solid #a18ae9;padding:15px 22px;background:#f3efff;margin-bottom:35px}

/* Journal articles and narrow-screen policy tables */
.article-intro h1{max-width:1100px;font-size:clamp(2.4rem,4.8vw,4.8rem)}.article-meta{font-size:14px;color:var(--muted);margin:20px 0}.article-meta a{text-decoration:underline}.article-tags{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.article-tags li{padding:4px 12px;background:#eeebff;color:#5433bf;border-radius:5px;font-size:12px}.journal-article{max-width:880px;margin:0 auto;padding:15px 0 75px;font-size:18px;line-height:1.8}.journal-article>section{margin:48px 0}.journal-article h2{font-size:clamp(1.8rem,3vw,2.8rem);margin-bottom:22px}.journal-article a:not(.button){text-decoration:underline;color:#5433bf}.journal-article ul{padding-left:24px}.journal-article li{margin-bottom:10px}.journal-article table{font-size:15px}.article-related{padding:28px;background:#f2efff;border-radius:12px;margin:45px 0}.article-date{font-size:13px;color:var(--muted)}.journal-grid h3{font-size:25px;line-height:1.25;margin-bottom:18px}.journal-grid .text-link{margin-top:auto}.journal-grid .card{display:flex;flex-direction:column}.document-body{min-width:0}.document-body table{width:100%;table-layout:fixed}.document-body th,.document-body td{overflow-wrap:anywhere}.journal-article td,.journal-article th{overflow-wrap:anywhere}@media(max-width:760px){.journal-article{margin:0 28px;font-size:17px}.article-related{padding:20px}}@media(max-width:390px){.journal-article{margin:0 20px}}

/* Theme and sharing presentation */
.theme-toggle{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink);font-size:13px;white-space:nowrap;margin-left:auto}.nav-wrap{gap:20px}.theme-toggle i{color:#6545cc}.article-share{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px}.article-share>span:first-child{font-weight:600;margin-right:5px}.article-share button,.article-share a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;min-width:40px;padding:8px 11px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink)!important;text-decoration:none!important}.article-share a:hover,.article-share button:hover{border-color:#8563dc}.share-status{flex-basis:100%;overflow-wrap:anywhere}.share-status:empty{display:none}.road-labels{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:22px;font-size:12px}.product-label{color:var(--muted)}.status{padding:4px 10px;border-radius:5px;font-weight:600}.status.completed,.status.implemented{background:#e4f5ec;color:#186345}.status.in-progress{background:#ece6ff;color:#5836ad}.status.planned{background:#e5f2ff;color:#24527e}.roadmap-card h3{margin-bottom:18px}.roadmap-card .text-link{margin-top:auto}
:root[data-theme="dark"]{color-scheme:dark;--ink:#f0edf9;--paper:#151522;--muted:#b8b5ca;--line:#3c3a50;--green:#b9a0ff;--white:#202030}
[data-theme="dark"] body,[data-theme="dark"] .site-header,[data-theme="dark"] .site-header nav{background:#151522;color:#f0edf9}
[data-theme="dark"] .card,[data-theme="dark"] .product,[data-theme="dark"] .product-summary,[data-theme="dark"] .faq details{background:#202030;color:#f0edf9;border-color:#3c3a50}
[data-theme="dark"] .page-intro,[data-theme="dark"] .intro-strip,[data-theme="dark"] .article-related,[data-theme="dark"] .compatibility-note,[data-theme="dark"] .detail-copy pre{background:#202030;color:#f0edf9}
[data-theme="dark"] .page-intro{background:linear-gradient(120deg,#151522,#25203b)}
[data-theme="dark"] .article-tags li,[data-theme="dark"] .card-icon{background:#33294c;color:#dacbff}
[data-theme="dark"] .eyebrow,[data-theme="dark"] .text-link,[data-theme="dark"] .journal-article a:not(.button),[data-theme="dark"] .detail-copy a:not(.button),[data-theme="dark"] .theme-toggle i,[data-theme="dark"] nav>a>i{color:#c5adff}
[data-theme="dark"] .button:not(.primary),[data-theme="dark"] .menu-toggle{background:#202030;color:#f0edf9;border-color:#514566}
[data-theme="dark"] .button.primary,[data-theme="dark"] .nav-app{background:#7354e5;color:#fff}
[data-theme="dark"] .hero h1,[data-theme="dark"] h1,[data-theme="dark"] h2,[data-theme="dark"] h3{color:#f0edf9}
[data-theme="dark"] .hero h1 em{color:#bca4ff;background:none;-webkit-text-fill-color:currentColor}
[data-theme="dark"] .paper-card{color:#18213e}
[data-theme="dark"] .document-body table,[data-theme="dark"] .table-wrap table{background:#202030;color:#f0edf9}
[data-theme="dark"] th{background:#2d263f;color:#f0edf9}
[data-theme="dark"] .status.completed,[data-theme="dark"] .status.implemented{background:#193e32;color:#b4ead1}
[data-theme="dark"] .status.in-progress{background:#382950;color:#dac5ff}[data-theme="dark"] .status.planned{background:#213b53;color:#bddfff}
@media(max-width:760px){.theme-toggle{margin-left:auto}.nav-wrap{gap:12px}.theme-label{display:none}.theme-toggle{min-width:40px;min-height:40px;padding:8px}.menu-toggle{order:3}.nav-wrap nav{order:4}.article-share{gap:7px}}

/* Rightmost icon-only appearance control */
.nav-wrap nav{margin-left:auto}.theme-toggle{margin-left:0;width:42px;height:42px;flex:0 0 42px;justify-content:center;padding:8px;order:5}.menu-toggle{margin-left:auto}@media(max-width:760px){.theme-toggle{order:5}.menu-toggle{order:3}.nav-wrap nav{order:4}}

/* Explicit dark surfaces for components that retain light-theme backgrounds. */
[data-theme="dark"] tbody tr:nth-child(even){background:#28283c}
[data-theme="dark"] .empty-state{background:linear-gradient(110deg,#202030,#302440);color:#f0edf9}
[data-theme="dark"] .document-body pre{background:#252538;color:#f0edf9}
[data-theme="dark"] .pill,[data-theme="dark"] .pill.muted{background:#352b50;color:#e0d4ff}
[data-theme="dark"] .number{color:#c5adff}
[data-theme="dark"] .grid>.card:nth-child(n) .card-icon{background:#33294c;color:#dacbff}
[data-theme="dark"] .skip-link{background:#202030;color:#f0edf9}
[data-theme="dark"] .button:not(.primary):hover{background:#33294c;color:#fff;border-color:#a38ad8}
[data-theme="dark"] .button.primary:hover,[data-theme="dark"] .nav-app:hover{background:#6041cb;color:#fff}
[data-theme="dark"] .document-nav a:hover,[data-theme="dark"] .text-link:hover{color:#e0d0ff}
[data-theme="dark"] .site-footer{background:linear-gradient(120deg,#171f42,#252052);color:#dce0f4}
.site-footer .analytics-settings{display:block;font-size:12px;margin:7px 0;text-align:left;color:inherit}
.site-footer .analytics-settings:hover{color:#fff}

/* Selected AYOHI studio identity: outlined Segoe UI Bold wordmark. */
.wordmark{display:inline-flex;align-items:center;flex-shrink:0;line-height:1;letter-spacing:normal}
.wordmark .brand-logo{display:block;width:auto;height:34px;max-width:none}
.wordmark .brand-logo-dark{display:none}
html[data-theme="dark"] .wordmark .brand-logo-light{display:none}
html[data-theme="dark"] .wordmark .brand-logo-dark{display:block}
.site-footer .wordmark .brand-logo-light{display:none}
.site-footer .wordmark .brand-logo-dark{display:block;height:40px}
@media(max-width:600px){.wordmark .brand-logo{height:30px}.site-footer .wordmark .brand-logo-dark{height:36px}}