@import url('/tokens.css');
@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Excalifont;src:url('/assets/fonts/Excalifont-Regular.ttf') format('truetype');font-display:swap}
*{box-sizing:border-box}
body.page-site{margin:0;background:var(--color-paper);color:var(--color-ink);font:1rem/1.7 var(--font-body);-webkit-font-smoothing:antialiased}
.page-site a{color:inherit;text-underline-offset:.25em}.page-site a:hover{color:var(--color-gold-ink)}
.page-site button,.page-site input,.page-site textarea,.page-site select{font:inherit}
a,button,summary{touch-action:manipulation}button,summary{cursor:pointer}
.page-site :focus-visible,.global-header :focus-visible,.global-footer :focus-visible{outline:3px solid var(--color-gold-ink);outline-offset:5px}
.page-site h1,.page-site h2,.page-site h3{line-height:1.14;letter-spacing:-.045em;overflow-wrap:break-word}
.page-site h2{font-size:clamp(1.7rem,3vw,2.6rem);font-weight:600;margin:0 0 1rem}
.page-site h3{font-size:1.2rem;letter-spacing:-.025em;margin:0 0 .75rem}
.page-site p{margin:0 0 1rem}.page-site figure{margin:0}.page-site svg{display:block;max-width:100%}.page-site img{max-width:100%;height:auto}
.global-container{width:min(74rem,calc(100% - 4rem));margin-inline:auto}
.global-header{display:flex;align-items:center;gap:1.75rem;min-height:6rem;position:relative;z-index:20;font-family:var(--font-body);border-bottom:1px solid var(--color-line)}
.global-brand{display:inline-flex;align-items:center;gap:.625rem;color:var(--color-ink);font-size:1.4rem;font-weight:800;letter-spacing:-.07em;text-decoration:none;white-space:nowrap;flex-shrink:0}
.global-brand img{border-radius:.5rem}.global-nav{display:flex;align-items:center;justify-content:flex-end;gap:1.5rem;margin-left:auto;font-size:.8125rem;font-weight:650}
.global-nav a{text-decoration:none;white-space:nowrap;color:var(--color-muted);padding-block:.5rem}.global-nav a:hover,.global-nav a[aria-current]{color:var(--color-ink)}
.global-nav a[aria-current]{text-decoration:underline;text-decoration-color:var(--color-gold-ink);text-underline-offset:.5rem}
.global-nav .global-contact{display:flex;gap:.6rem;color:var(--color-ink);border:1px solid var(--color-line);border-radius:.5rem;padding:.5rem .75rem}
.global-header .language-switch{display:flex;gap:.125rem;flex-shrink:0;border:1px solid var(--color-line);padding:.2rem;border-radius:.5rem;font-size:.6875rem;align-items:center}
.global-header .language-switch a{padding:.25rem .4rem;text-decoration:none;color:var(--color-muted);border-radius:.25rem;line-height:1.5}
.global-header .language-switch a[aria-current]{color:var(--color-ink);background:var(--color-white);font-weight:800}
.mobile-nav{display:none}.mobile-nav summary{list-style:none;display:flex;align-items:center;gap:.8rem;font-size:.8125rem;font-weight:700;min-height:44px}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav[open] summary span{transform:rotate(45deg)}
.mobile-nav-panel{position:absolute;top:calc(100% - 1px);left:0;right:0;display:grid;grid-template-columns:1fr 1fr;background:var(--color-paper);padding:1rem;border:1px solid var(--color-line);box-shadow:0 12px 18px var(--color-shadow);gap:.25rem}.mobile-nav-panel a{padding:.8rem;color:var(--color-ink);text-decoration:none;border-radius:.25rem;font-size:.875rem}.mobile-nav-panel a:hover{background:var(--color-soft)}
.global-footer{font-family:var(--font-body);margin-top:6rem;border-top:1px solid var(--color-line);padding-block:3rem 1.5rem}.global-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}.footer-identity p{margin:1rem 0 .75rem;font-size:.9375rem;color:var(--color-muted)}.footer-preview{font-size:.75rem;color:var(--color-muted)}
.footer-column{display:flex;flex-direction:column;gap:.65rem}.global-footer .footer-column h2{font-size:.75rem;letter-spacing:.02em;margin:0 0 .5rem;font-weight:800;line-height:1.5}.footer-column a{color:var(--color-muted);font-size:.8125rem;text-decoration:none;white-space:normal}.footer-column a:hover{color:var(--color-ink);text-decoration:underline}.global-footer-bottom{display:flex;justify-content:space-between;gap:1rem;padding-top:2rem;margin-top:2.5rem;border-top:1px solid var(--color-line);font-size:.6875rem;color:var(--color-muted)}
.page-skip{position:absolute;left:1rem;top:-5rem;z-index:100;padding:.75rem;background:var(--color-white)}.page-skip:focus{top:1rem}
.page-hero{padding-block:4.5rem 3rem}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--color-gold-ink)}.page-hero h1{font-size:clamp(2.6rem,6vw,5rem);font-weight:600;max-width:18ch;margin:.75rem 0 1.5rem;line-height:1.06}.page-lead{font-size:clamp(1rem,2vw,1.2rem);max-width:42rem;color:var(--color-muted);line-height:1.65}
.page-section{margin-block:3rem 5rem}.reading-width,.article-body{max-width:46rem}.reading-width p,.article-body p,.section-copy p{color:var(--color-muted)}.section-copy{max-width:30rem}.section-copy .eyebrow{color:var(--color-gold-ink)}.page-section.ruled{border-top:1px solid var(--color-line);padding-top:3rem}.text-link{display:inline-flex;gap:.65rem;font-size:.875rem;font-weight:750;text-decoration:none;margin-top:.5rem}.text-link:after{content:'↗'}
.page-site .button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:46px;padding:.75rem 1.15rem;border:1px solid var(--color-line);border-radius:.5rem;text-decoration:none;font-size:.875rem;font-weight:750;cursor:pointer;background:var(--color-white);color:var(--color-ink);white-space:normal}.page-site .button-dark{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-white)}.page-site .button-dark:hover{background:var(--color-gold-ink);border-color:var(--color-gold-ink);color:var(--color-white)}
.notice{padding:1.15rem 1.5rem;border-left:3px solid var(--color-gold-ink);background:var(--color-gold-pale);font-size:.875rem;margin-block:1.5rem}.notice p:last-child{margin-bottom:0}.note{font-size:.8125rem;color:var(--color-muted)}.page-site .link-row{display:flex;gap:1.25rem;flex-wrap:wrap;margin-top:1.5rem;align-items:center}
.feature-row{display:grid;grid-template-columns:1fr 1.15fr;gap:4rem;align-items:center;padding-block:3rem;border-top:1px solid var(--color-line)}.feature-row:nth-of-type(even) .section-copy{order:2}.feature-row:nth-of-type(even) .feature-visual{order:1}.feature-visual{padding:2rem;background:var(--color-stage);border-radius:var(--radius-lg);min-width:0}.feature-visual figcaption,.demo-caption{font-size:.75rem;line-height:1.6;color:var(--color-muted);margin:1rem 0 0;min-height:2.4em}.feature-visual.peach{background:var(--color-tint-peach)}.feature-visual.paper{background:var(--color-gold-pale)}
.visual-demo{background:var(--color-stage);border-radius:var(--radius-lg);padding:2rem;display:grid;grid-template-columns:1.5fr 1fr;gap:2.5rem;align-items:center}.demo-window{min-width:0;background:var(--color-white);border:1px solid var(--color-line);border-radius:.75rem;overflow:hidden}.demo-window-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-line);font-size:.6875rem;color:var(--color-muted)}.window-dots{display:flex;gap:.25rem}.window-dots i{width:6px;height:6px;border-radius:50%;background:var(--color-line)}.demo-window-body{padding:1.5rem}.demo-window-body h3{font-size:1rem}.demo-controls{display:flex;flex-direction:column;gap:.65rem}.demo-controls button{display:flex;align-items:center;gap:1rem;text-align:left;border:1px solid transparent;border-radius:.5rem;padding:.75rem;background:transparent;color:var(--color-ink)}.demo-controls button[aria-pressed=true]{background:var(--color-white);border-color:var(--color-line)}.demo-controls .step-number{font-family:var(--font-hand);font-size:1.6rem;color:var(--color-gold-ink)}.demo-controls strong{font-size:.9375rem}.demo-controls small{display:block;font-size:.75rem;color:var(--color-muted)}
.demo-chart{width:100%;height:auto}.demo-chart text,.feature-svg text{font-family:var(--font-body);fill:var(--color-muted);font-size:13px}.chart-bar{fill:var(--color-chart)}.ink-mark{fill:none;stroke:var(--color-gold-ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:600;stroke-dashoffset:0;transition:stroke-dashoffset .8s var(--ease-out)}.visual-demo[data-state=observe] .ink-mark{stroke-dashoffset:600}.demo-result{display:flex;justify-content:space-between;gap:.5rem;padding:.6rem .75rem;margin-top:.5rem;background:var(--color-chart-wash);font-size:.75rem;border-radius:.4rem;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}.visual-demo[data-state=act] .demo-result{opacity:1;transform:none}.demo-result span:last-child{font-weight:750;color:var(--color-success)}
.feature-svg{width:100%;height:auto}.visual-entered .feature-svg .ink-mark{animation:trace-ink 1.8s var(--ease-out) both}.feature-svg .visual-node{fill:var(--color-white);stroke:var(--color-line);stroke-width:1.5}.feature-svg .visual-connector{fill:none;stroke:var(--color-chart);stroke-width:2}.feature-svg .accent-node{fill:var(--color-gold-pale);stroke:var(--color-gold-ink);stroke-width:1.5}
@keyframes trace-ink{from{stroke-dashoffset:600}to{stroke-dashoffset:0}}
.setup-route{display:grid;grid-template-columns:14rem 1fr;gap:3rem;margin-top:1rem}.setup-map{position:sticky;top:2rem;align-self:start;display:grid;gap:0;border-left:1px solid var(--color-line);padding-left:1.25rem}.setup-map a{padding:.65rem 0;text-decoration:none;font-size:.8125rem;color:var(--color-muted)}.setup-map a:hover{color:var(--color-ink)}.setup-step{border-top:1px solid var(--color-line);padding:2rem 0 3rem;scroll-margin-top:2rem}.setup-step:first-child{border-top:0;padding-top:0}.setup-step .step-number{display:block;color:var(--color-gold-ink);font:2rem var(--font-hand);margin-bottom:1rem}.setup-step p{max-width:43rem;color:var(--color-muted)}.setup-step h2{font-size:1.9rem}.setup-step code{background:var(--color-soft);border-radius:.25rem;padding:.1rem .35rem;font-size:.9em;overflow-wrap:anywhere}.connection-map{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;max-width:36rem;padding:1.5rem;background:var(--color-gold-pale);border-radius:.75rem;margin-block:1.5rem}.connection-map div{text-align:center}.connection-map img{width:44px;height:44px;display:block;margin:0 auto .4rem}.connection-map strong{display:block;font-size:.875rem}.connection-map small{color:var(--color-muted);font-size:.7rem}.connection-map .connection-arrow{font-family:var(--font-hand);font-size:2rem;color:var(--color-gold-ink)}
.plan-spread{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--color-line);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-white)}.plan-option{padding:2.5rem}.plan-option+ .plan-option{border-left:1px solid var(--color-line);background:var(--color-gold-pale)}.plan-option h2{font-size:1.1rem;letter-spacing:-.02em}.plan-value{font-size:clamp(3rem,6vw,4.5rem);line-height:1.1;letter-spacing:-.065em;font-weight:650}.plan-value span{font-size:.875rem;letter-spacing:0;font-weight:500}.plan-option .note{margin:1rem 0 0}.trial-path{display:flex;align-items:flex-start;gap:1rem;margin:2rem 0;padding:2rem 0;border-block:1px solid var(--color-line)}.trial-path>div{flex:1}.trial-path .path-arrow{flex:0;color:var(--color-gold-ink);font:2rem var(--font-hand)}.trial-path strong{display:block;font-size:.9375rem}.trial-path small{font-size:.75rem;color:var(--color-muted)}.trial-path .day-label{font:1.6rem var(--font-hand);color:var(--color-gold-ink);margin-bottom:.5rem}.included-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem 3rem;list-style:none;padding:0}.included-list li{padding-left:1.75rem;position:relative;font-size:.9375rem}.included-list li:before{content:'✓';position:absolute;left:0;color:var(--color-success)}
.support-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:4rem}.support-topics details{padding:1.25rem 0;border-top:1px solid var(--color-line)}.support-topics summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-weight:700;font-size:1rem}.support-topics summary:after{content:'+';font-size:1.25rem;font-weight:500}.support-topics details[open] summary:after{content:'−'}.support-topics summary::-webkit-details-marker{display:none}.support-topics details p{font-size:.9rem;color:var(--color-muted);margin-top:1rem}.support-aside{padding:2rem;background:var(--color-soft);border-radius:var(--radius-lg);align-self:start}.support-aside h2{font-size:1.5rem}.permission-sheet{margin:1.5rem 0;background:var(--color-white);border:1px solid var(--color-line);border-radius:.75rem;padding:1rem}.permission-sheet>div{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.7rem 0;font-size:.75rem}.permission-check{color:var(--color-success);font-weight:800}.permission-sheet>div+div{border-top:1px solid var(--color-line)}
.article-meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.8125rem;color:var(--color-muted);margin-bottom:2rem}.article-body{margin-inline:auto}.article-body h2{margin-top:2.5rem}.article-body h3{margin-top:2rem}.article-body img{border-radius:.75rem}.article-list{display:grid;gap:0}.article-row{padding:2rem 0;border-top:1px solid var(--color-line)}.related-links{display:flex;gap:1.5rem;flex-wrap:wrap;padding-top:1.5rem;margin-top:2rem;border-top:1px solid var(--color-line);font-size:.875rem}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.field{display:grid;gap:.5rem;min-width:0}.field.full-width{grid-column:1/-1}.field label{font-size:.8125rem;font-weight:750}.field input,.field textarea,.field select{width:100%;min-width:0;border:1px solid var(--color-line);background:var(--color-white);padding:.8rem;border-radius:.4rem;color:var(--color-ink)}.field textarea{min-height:10rem;resize:vertical}.field .note{margin:0}.page-site button:disabled{opacity:.5;cursor:default}.error{color:var(--color-gold-ink);font-size:.875rem}
@media(max-width:1050px){.global-header{gap:1rem}.global-nav{gap:1rem;font-size:.75rem}.global-container{width:calc(100% - 3rem)}.feature-row{gap:2rem}.visual-demo{gap:1.5rem}.setup-route{grid-template-columns:11rem 1fr;gap:2rem}}
@media(max-width:820px){.global-nav{display:none}.global-header .language-switch{margin-left:auto}.mobile-nav{display:block}.global-header{min-height:5rem}.global-footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-identity{grid-column:1/-1}.feature-row,.visual-demo,.support-layout{grid-template-columns:1fr}.feature-row:nth-of-type(even) .section-copy,.feature-row:nth-of-type(even) .feature-visual{order:initial}.section-copy{max-width:40rem}.demo-controls{flex-direction:row;gap:.35rem}.demo-controls button{flex:1;padding:.6rem;gap:.5rem}.demo-controls small{display:none}.visual-demo .demo-caption{grid-column:1/-1}.setup-route{grid-template-columns:1fr}.setup-map{position:static;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;border-left:0;border-block:1px solid var(--color-line);padding:1rem 0}.setup-map a{padding:0}.support-layout{gap:2rem}.page-hero{padding-top:3rem}.plan-option{padding:2rem}}
@media(max-width:480px){.global-container{width:calc(100% - 2rem)}.global-header{gap:.75rem}.global-brand{font-size:1.25rem}.global-brand img{width:30px;height:30px}.global-header .language-switch a{padding:.25rem}.page-hero{padding-block:2.5rem 2rem}.page-hero h1{font-size:2.75rem}.global-footer{margin-top:4rem}.global-footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.global-footer-bottom{display:block}.global-footer-bottom span{display:block;margin-top:.5rem}.feature-row{padding-block:2rem;gap:1.5rem}.feature-visual,.visual-demo{padding:1rem;border-radius:.75rem}.demo-window-body{padding:1rem}.demo-controls button{font-size:.75rem;gap:.35rem}.demo-controls strong{font-size:.75rem}.demo-controls .step-number{font-size:1.3rem}.plan-spread{grid-template-columns:1fr}.plan-option+.plan-option{border-left:0;border-top:1px solid var(--color-line)}.plan-option{padding:1.75rem}.trial-path{gap:.5rem}.trial-path strong{font-size:.8125rem}.trial-path small{font-size:.6875rem}.included-list{grid-template-columns:1fr;gap:.75rem}.form-grid{grid-template-columns:1fr}.field.full-width{grid-column:auto}.support-aside{padding:1.5rem}.connection-map{padding:1rem;gap:.5rem}.connection-map strong{font-size:.75rem}.page-section{margin-bottom:3rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.page-site .ink-mark,.page-site .demo-result,.mobile-nav summary span{animation:none!important;transition:none!important}}

/* Finite entrances make the sequence legible without an autonomous loop. */
.visual-entered.trial-path>div{animation:step-arrives .65s var(--ease-out) both}.visual-entered.trial-path>div:nth-of-type(2){animation-delay:.12s}.visual-entered.trial-path>div:nth-of-type(3){animation-delay:.24s}
@keyframes step-arrives{from{opacity:.25;transform:translateY(10px)}to{opacity:1;transform:none}}
.not-found-visual{max-width:34rem;margin:0 0 2rem;background:var(--color-stage);border-radius:var(--radius-lg);padding:1.5rem}.not-found-visual svg{display:block;width:100%;height:auto}
.home-guides{padding-block:4rem 1rem;border-top:1px solid var(--color-line);margin-top:2rem}.home-guides-header{display:flex;justify-content:space-between;gap:2rem;align-items:baseline;margin-bottom:2rem}.home-guides-header h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.045em;margin:.5rem 0}.home-guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.home-guide{display:block;text-decoration:none!important;white-space:normal!important;padding:0 0 1.25rem;color:var(--color-ink);border-bottom:1px solid var(--color-line)}.home-guide svg{width:100%;height:auto;display:block;background:var(--color-stage);border-radius:.75rem;margin-bottom:1.25rem;transition:background .2s}.home-guide:nth-child(2) svg{background:var(--color-gold-pale)}.home-guide:nth-child(3) svg{background:var(--color-tint-peach)}.home-guide:hover svg{background:var(--color-soft)}.home-guide span{font-size:.75rem;color:var(--color-muted)}.home-guide h3{font-size:1rem;line-height:1.4;font-weight:700;margin:.5rem 0}.home-guide h3:after{content:' ↗';color:var(--color-gold-ink)}
@media(max-width:820px){.visual-demo{grid-template-columns:minmax(0,1fr)}.home-guides-header{display:block}.home-guides-grid{gap:1rem}}
@media(max-width:480px){.demo-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.demo-controls button{min-width:0;flex-direction:column;align-items:flex-start}.home-guides-grid{grid-template-columns:1fr}.home-guide{display:grid;grid-template-columns:5.5rem 1fr;column-gap:1rem;align-items:center}.home-guide svg{grid-row:1/3;margin:0}.home-guide span{align-self:end}.home-guide h3{align-self:start;margin-top:.25rem}.home-guides{padding-top:3rem}}
@media(prefers-reduced-motion:reduce){.visual-entered.trial-path>div,.home-guide svg{animation:none!important;transition:none!important}}

@media(max-width:480px){.trial-path{flex-direction:column;gap:.75rem;padding-block:1.5rem}.trial-path>div{display:grid;grid-template-columns:4.25rem minmax(0,1fr);column-gap:1rem;align-items:center;width:100%}.trial-path .day-label{grid-row:1/3;margin:0;line-height:1.2}.trial-path strong{font-size:.9375rem}.trial-path small{font-size:.75rem}.trial-path .path-arrow{transform:rotate(90deg);margin-left:1.1rem;line-height:1}.trial-path .day-label{font-size:1.5rem}}