@font-face{font-family:"LM Space";src:url("fonts/space-grotesk-latin.woff2") format("woff2");font-display:swap;font-weight:300 700}
@font-face{font-family:"LM Sans";src:url("fonts/dm-sans-latin.woff2") format("woff2");font-display:swap;font-weight:300 700}

:root{
  --ink:#14251d;
  --ink-2:#1c3328;
  --green:#214b38;
  --green-light:#dce8df;
  --cream:#f7f4ec;
  --paper:#fffdf7;
  --sand:#e8e1d2;
  --sand-2:#d3cbbb;
  --amber:#dcaa48;
  --amber-pale:#f2ddb0;
  --red:#9a4638;
  --muted:#617066;
  --line:#cdcfc4;
  --font-display:"LM Space","Trebuchet MS",sans-serif;
  --font-body:"LM Sans","Segoe UI",sans-serif;
  --step--1:.875rem;
  --step-0:1rem;
  --step-1:clamp(1.16rem,1.05rem + .45vw,1.38rem);
  --step-2:clamp(1.5rem,1.26rem + 1vw,2.05rem);
  --step-3:clamp(2rem,1.5rem + 2vw,3.2rem);
  --step-4:clamp(3rem,1.9rem + 4.5vw,6.6rem);
  --space-xs:.5rem;
  --space-sm:.75rem;
  --space-md:1rem;
  --space-lg:1.5rem;
  --space-xl:2rem;
  --space-2xl:3rem;
  --space-3xl:clamp(4rem,9vw,8rem);
  --radius-sm:.25rem;
  --radius-md:.65rem;
  --ease:cubic-bezier(.16,1,.3,1);
  --shell:min(100% - 2rem,80rem);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:5rem}
body{margin:0;background:var(--cream);color:var(--ink);font:400 var(--step-0)/1.55 var(--font-body);font-kerning:normal;overflow-x:hidden}
body.menu-open{overflow:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit}
button,input,select,textarea{font:inherit}
button{color:inherit}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.045em}
h2{font-size:var(--step-3);line-height:1.02}
.shell{width:var(--shell);margin-inline:auto}
.section-pad{padding-block:var(--space-3xl)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:1rem;top:1rem;z-index:200;padding:.8rem 1rem;background:var(--amber);color:var(--ink);font-weight:700;transform:translateY(-200%);transition:transform .2s var(--ease)}
.skip-link:focus{transform:none}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px}

.site-header{position:fixed;inset:0 0 auto;z-index:100;background:var(--ink);color:var(--cream);border-bottom:1px solid #365044}
.header-inner{min-height:4.65rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.wordmark{min-height:2.75rem;display:inline-flex;align-items:center;gap:.7rem;font:600 1.05rem/1 var(--font-display);text-decoration:none;letter-spacing:-.02em}
.wordmark img{width:2.2rem;height:2.2rem}
.desktop-nav{display:none}
.desktop-nav a.nav-active{color:var(--cream)}
.desktop-nav a.nav-active::after{content:"";width:.35rem;height:.35rem;margin-left:.45rem;background:var(--amber);transform:rotate(45deg)}
.header-actions{display:flex;align-items:center;gap:.65rem}
.build-state{display:none;color:#b7c6bc;font-size:.77rem;letter-spacing:.08em;text-transform:uppercase}
.button{--button-shadow:#8f9890;min-height:3.25rem;padding:.8rem 1.15rem;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;text-decoration:none;box-shadow:0 .2rem 0 var(--button-shadow);transform:translateY(-.12rem);transition:transform .18s var(--ease),box-shadow .18s var(--ease),background-color .18s var(--ease),color .18s var(--ease)}
.button-small{display:none;min-height:2.75rem;padding:.55rem .85rem;font-size:.88rem}
.button-light{--button-shadow:#0a1711;border-color:#66786e;color:var(--cream)}
.button-amber{--button-shadow:#9b7022;background:var(--amber);color:var(--ink)}
.button:active{box-shadow:0 0 0 var(--button-shadow);transform:translateY(.08rem)}
.menu-button{width:2.85rem;height:2.85rem;border:1px solid #4e6659;background:transparent;display:grid;place-content:center;gap:.35rem;cursor:pointer}
.menu-button span:not(.sr-only){display:block;width:1.2rem;height:2px;background:var(--cream);transition:transform .22s var(--ease)}
.menu-button[aria-expanded="true"] span:nth-last-child(2){transform:translateY(4px) rotate(45deg)}
.menu-button[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.mobile-menu{position:fixed;inset:4.65rem 0 0;background:var(--ink);display:grid;align-content:start;padding:1rem max(1rem,calc((100% - 80rem)/2));overflow-y:auto;border-bottom:1px solid #4e6659;transform:translateY(-120%);opacity:0;pointer-events:none;transition:transform .3s var(--ease),opacity .2s var(--ease)}
.mobile-menu.open{transform:none;opacity:1;pointer-events:auto}
.mobile-menu a{min-height:3.5rem;padding:.75rem 0;display:flex;align-items:center;border-bottom:1px solid #32483d;color:var(--cream);text-decoration:none;font:600 1.1rem var(--font-display)}
.mobile-menu a[aria-current="page"]{color:var(--amber)}

.hero{position:relative;min-height:52rem;padding-top:4.65rem;background:var(--ink);color:var(--cream);overflow:hidden}
.hero::before{content:"";position:absolute;inset:4.65rem 0 auto;height:1px;background:#334b3f}
.hero-grid{position:relative;z-index:2;display:grid;gap:3rem;padding-block:clamp(3.5rem,8vw,7rem) 4rem}
.hero-grid>*{min-width:0}
.hero-meta{display:flex;flex-wrap:wrap;gap:.8rem 1.5rem;margin-bottom:1.7rem;color:#b6c5bb;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.hero-meta span:first-child{color:var(--amber)}
.hero h1{max-width:12ch;margin-bottom:1.6rem;font-size:var(--step-4);line-height:.88;letter-spacing:-.07em}
.hero h1 em{color:var(--amber);font-style:normal;font-weight:400}
.hero-lead{max-width:37rem;margin-bottom:2rem;color:#d4ddd7;font-size:var(--step-1);line-height:1.5}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1.4rem}
.text-link{min-height:2.75rem;display:inline-flex;align-items:center;gap:.7rem;font-weight:700;text-underline-offset:.28rem;text-decoration-thickness:1px}
.text-link span{font-size:1.2em}
.text-link.dark{color:var(--ink)}
.hero-note{display:flex;align-items:center;gap:.65rem;margin:1.4rem 0 0;color:#aebdb3;font-size:.88rem}
.hero-note span{width:.55rem;height:.55rem;background:#64a675;border-radius:50%;box-shadow:0 0 0 4px #294c39}
.hero-stage{position:relative;min-width:0;width:min(100%,45rem);justify-self:center;background:#e9e8df;color:var(--ink);border:1px solid #40584c;box-shadow:1.4rem 1.4rem 0 #0e1b15;container-type:inline-size}
.stage-chrome{min-height:3.55rem;padding:.6rem .75rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:var(--paper);border-bottom:1px solid var(--line);font-size:.73rem}
.stage-brand{display:flex;align-items:center;gap:.55rem;font-weight:700}
.stage-live{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;color:var(--muted);text-align:right}
.stage-live span{flex:0 0 auto;width:.48rem;height:.48rem;border-radius:50%;background:var(--amber);box-shadow:0 0 0 3px var(--amber-pale);transition:background-color .25s var(--ease),box-shadow .25s var(--ease)}
.hero-step-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#d6d6cd;border-bottom:1px solid #bfc2b7}
.hero-step-tabs button{position:relative;min-width:0;min-height:4.45rem;padding:.6rem .42rem;border:0;border-right:1px solid #bfc2b7;background:transparent;color:var(--muted);display:grid;grid-template-columns:auto minmax(0,1fr);align-content:center;align-items:baseline;gap:.08rem .42rem;text-align:left;cursor:pointer;transition:background-color .22s var(--ease),color .22s var(--ease)}
.hero-step-tabs button:last-child{border-right:0}
.hero-step-tabs button::after{content:"";position:absolute;inset:auto .55rem 0;height:3px;background:var(--amber);opacity:0;transform:scaleX(.35);transform-origin:left;transition:transform .26s var(--ease),opacity .18s var(--ease)}
.hero-step-tabs button[aria-selected="true"]{background:var(--paper);color:var(--ink)}
.hero-step-tabs button[aria-selected="true"]::after{opacity:1;transform:scaleX(1)}
.hero-step-tabs button>span{grid-row:1/3;color:#7c877f;font-size:.61rem;font-weight:700;letter-spacing:.09em}
.hero-step-tabs button>b{min-width:0;font:600 clamp(.67rem,2.8vw,.82rem)/1.15 var(--font-display)}
.hero-step-tabs button>small{display:none;color:var(--muted);font-size:.62rem;line-height:1.15}
.hero-product-panel{padding:.8rem;display:grid;gap:.75rem;background:#e9e8df;outline:0}
.hero-admin-view,.hero-guest-view{min-width:0;background:var(--paper);border:1px solid #c4c7bc;box-shadow:.38rem .38rem 0 #d0d1c7;transition:opacity .26s var(--ease),transform .3s var(--ease),border-color .22s var(--ease)}
.hero-admin-view>header,.hero-guest-view>header{min-height:2.65rem;padding:.5rem .65rem;display:flex;align-items:center;gap:.38rem;border-bottom:1px solid var(--line);color:var(--muted);font-size:.61rem}
.hero-admin-view>header{justify-content:space-between;text-transform:uppercase;letter-spacing:.08em}
.hero-admin-view>header span{color:var(--ink);font-weight:700}
.hero-admin-view>header b,.hero-guest-view>header b{margin-left:auto;padding:.18rem .34rem;background:var(--amber-pale);color:#654a13;font-size:.58rem;line-height:1.25;white-space:nowrap}
.hero-admin-body{padding:.85rem}
.hero-admin-path{display:flex;align-items:center;gap:.3rem;color:var(--muted);font-size:.61rem}.hero-admin-path i{font-style:normal}.hero-admin-path strong{color:var(--green)}
.hero-admin-label{margin:1.15rem 0 .15rem;color:var(--muted);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}
.hero-admin-body h2{max-width:20ch;margin:0 0 1rem;font-size:clamp(.94rem,4vw,1.15rem);line-height:1.12;letter-spacing:-.035em}
.hero-price-field{display:grid;gap:.28rem;color:var(--muted);font-size:.63rem}
.hero-price-field>span:last-child{min-height:2.9rem;padding:0 .65rem;display:flex;align-items:center;gap:.35rem;background:#f4f2ea;border:1px solid var(--line)}
.hero-price-field input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:600 1.15rem var(--font-display)}
.hero-price-field b{font-size:.75rem}
.hero-price-field:focus-within>span:last-child{border-color:var(--green);box-shadow:0 0 0 2px var(--green-light)}
.hero-price-field input:disabled{opacity:1;color:var(--muted);cursor:not-allowed}
.hero-stage-action{width:100%;min-height:2.8rem;margin-top:.65rem;padding:.55rem .7rem;border:0;background:var(--green);color:var(--paper);display:flex;align-items:center;justify-content:center;gap:.55rem;font-size:.72rem;font-weight:700;cursor:pointer;box-shadow:0 .18rem 0 #102b1f;transform:translateY(-.1rem);transition:transform .18s var(--ease),box-shadow .18s var(--ease),background-color .22s var(--ease),color .22s var(--ease)}
.hero-stage-action:active{box-shadow:0 0 0 #102b1f;transform:translateY(.08rem)}
.hero-sync{min-height:2.1rem;display:flex;align-items:center;justify-content:center;gap:.35rem;color:#869187}
.hero-sync span{width:clamp(1.5rem,12vw,3.2rem);height:1px;background:#aeb6ae;transition:background-color .24s var(--ease),transform .32s var(--ease)}
.hero-sync i{font-style:normal;font-size:1.1rem;transform:rotate(90deg);transition:color .24s var(--ease),transform .32s var(--ease)}
.hero-guest-view{opacity:.62}
.hero-guest-view>header i{flex:0 0 auto;width:.28rem;height:.28rem;border-radius:50%;background:#aeb4ad}.hero-guest-view>header i:nth-child(2){background:#d1aa54}
.hero-guest-view>header>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero-guest-view>header b{background:#ecebe4;color:var(--muted)}
.hero-guest-body{min-height:11.65rem;padding:1rem;background:#fbf7ed}
.hero-guest-body>p{margin:0 0 1rem;color:#914235;font:700 .58rem var(--font-body);letter-spacing:.13em;text-transform:uppercase}
.hero-menu-rule{height:1px;background:#4f5c54}
.hero-menu-entry{padding:1rem 0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.6rem}
.hero-menu-entry span{min-width:0;display:grid;gap:.2rem}.hero-menu-entry b{font:600 .77rem/1.2 var(--font-display)}.hero-menu-entry small{color:var(--muted);font-size:.58rem;line-height:1.25}.hero-menu-entry>strong{font:600 .8rem var(--font-display);white-space:nowrap;transition:transform .3s var(--ease),color .2s var(--ease)}
.hero-stage-foot{padding:.85rem;display:grid;gap:.7rem;background:var(--paper);border-top:1px solid var(--line)}
.hero-stage-foot p{margin:0;color:var(--muted);font-size:.68rem;line-height:1.4}.hero-stage-foot p b{color:var(--ink)}
.hero-output-states{display:flex;flex-wrap:wrap;gap:.35rem .55rem}.hero-output-states span{display:flex;align-items:center;gap:.28rem;color:#7c8980;font-size:.61rem;font-weight:700}.hero-output-states i{width:.4rem;height:.4rem;border:1px solid #8e9a91;border-radius:50%;background:transparent;transition:background-color .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease)}
.hero-stage[data-state="preview"] .hero-guest-view,.hero-stage[data-state="live"] .hero-guest-view{opacity:1;transform:translateY(-.12rem);border-color:#9ba99f}
.hero-stage[data-state="preview"] .hero-sync,.hero-stage[data-state="live"] .hero-sync{color:var(--amber)}
.hero-stage[data-state="preview"] .hero-sync span,.hero-stage[data-state="live"] .hero-sync span{background:var(--amber);transform:scaleX(1.08)}
.hero-stage[data-state="preview"] [data-hero-guest-price],.hero-stage[data-state="live"] [data-hero-guest-price]{color:var(--green);transform:translateY(-.08rem)}
.hero-stage[data-state="live"] .stage-live span{background:#3f8b54;box-shadow:0 0 0 3px var(--green-light)}
.hero-stage[data-state="live"] .hero-admin-view{opacity:.76;transform:translateY(.12rem)}
.hero-stage[data-state="live"] .hero-sync{color:#3f8b54}.hero-stage[data-state="live"] .hero-sync span{background:#3f8b54}
.hero-stage[data-state="live"] .hero-guest-view>header b{background:var(--green-light);color:var(--green)}
.hero-output-states span.is-active{color:var(--green)}.hero-output-states span.is-active i{border-color:#3f8b54;background:#3f8b54;box-shadow:0 0 0 2px var(--green-light)}
.hero-index{display:none;position:absolute;right:1rem;bottom:-.1em;color:#1c3328;font:600 clamp(8rem,20vw,20rem)/.75 var(--font-display);letter-spacing:-.1em}.hero-index span{color:var(--amber)}

@container (min-width:27rem){
  .hero-step-tabs button{padding:.62rem .7rem}.hero-step-tabs button>small{display:block}
  .hero-product-panel{grid-template-columns:minmax(0,1fr) 2.15rem minmax(0,1fr);align-items:stretch;padding:1rem}
  .hero-sync{min-width:0}.hero-sync span{display:none}.hero-sync i{transform:none}
  .hero-admin-view,.hero-guest-view{display:grid;grid-template-rows:auto 1fr}.hero-admin-body{display:flex;flex-direction:column}.hero-price-field{margin-top:auto}
  .hero-stage-foot{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding-inline:1rem}.hero-output-states{justify-content:flex-end}
}

.channel-strip{background:var(--amber);border-bottom:1px solid #a87923;color:var(--ink)}
.channel-inner{padding-block:1rem;display:grid;gap:.75rem;font-weight:700}
.channel-inner p{margin:0;font-size:.74rem;letter-spacing:.11em;text-transform:uppercase}
.channel-list{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .8rem;font:600 .9rem var(--font-display)}
.channel-list i{width:.28rem;height:.28rem;background:var(--ink);transform:rotate(45deg)}

.feature-map{background:#eee7d9;color:var(--ink);overflow:hidden}
.feature-head{display:grid;gap:1.5rem;margin-bottom:clamp(2.5rem,6vw,5rem)}
.feature-head .eyebrow{color:var(--green)}.feature-head h2{max-width:19ch;margin:0}
.feature-head>p{max-width:42rem;margin:0;color:var(--muted);font-size:var(--step-1)}
.feature-board{display:grid;gap:.85rem;align-items:start}
.feature-item{position:relative;min-width:0;align-self:start}
.feature-trigger{position:relative;width:100%;min-height:7.75rem;padding:1rem;border:1px solid #d1c8b8;border-radius:.8rem;background:var(--paper);box-shadow:0 .16rem 0 rgba(20,37,29,.08);display:grid;grid-template-columns:3.5rem minmax(0,1fr) 2.75rem;grid-template-areas:"icon copy toggle";align-items:center;gap:1rem;color:var(--ink);text-align:left;cursor:pointer;transition:transform .24s var(--ease),border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .24s var(--ease)}
.feature-icon-wrap{grid-area:icon;width:3.5rem;height:3.5rem;border-radius:.6rem;background:var(--green-light);display:grid;place-items:center;color:var(--green);transition:background-color .2s ease,color .2s ease,transform .28s var(--ease)}
.feature-icon{width:1.85rem;height:1.85rem}
.feature-trigger-copy{grid-area:copy;min-width:0;display:grid;gap:.32rem}
.feature-meta{display:flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.875rem;font-weight:700;line-height:1;text-transform:uppercase}.feature-meta span:first-child{color:var(--green)}.feature-meta span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.feature-trigger-copy strong{font:600 var(--step-1)/1.15 var(--font-display);letter-spacing:-.035em}
.feature-claim{color:var(--muted);font-size:.875rem;line-height:1.4}
.feature-card-action{display:none;width:max-content;margin-top:.5rem;color:var(--green);font-size:.875rem;font-weight:700}
.feature-toggle{grid-area:toggle;width:2.75rem;height:2.75rem;border:1px solid #c6cdbf;border-radius:50%;background:var(--cream);display:grid;place-items:center;justify-self:end;transition:background-color .2s ease,border-color .2s ease,transform .28s var(--ease)}
.feature-toggle i{width:.55rem;height:.55rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-.12rem) rotate(45deg);transition:transform .28s var(--ease)}
.feature-item.is-active .feature-trigger{border-color:var(--green);background:var(--green);color:var(--paper);box-shadow:.45rem .45rem 0 var(--amber-pale)}
.feature-item.is-active .feature-icon-wrap{background:var(--amber);color:var(--ink);transform:rotate(-2deg)}
.feature-item.is-active .feature-meta{color:#cbd9d0}.feature-item.is-active .feature-meta span:first-child{color:var(--amber)}
.feature-item.is-active .feature-claim{color:#d7e2db}.feature-item.is-active .feature-card-action{color:var(--amber)}
.feature-item.is-active .feature-toggle{border-color:#6c8879;background:var(--ink)}.feature-item.is-active .feature-toggle i{transform:translateY(.12rem) rotate(225deg)}
.feature-detail{--feature-pointer:50%;position:relative;grid-column:1/-1;display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .38s var(--ease),opacity .22s ease,visibility 0s linear .38s}
.feature-detail::before{content:"";position:absolute;z-index:2;left:var(--feature-pointer);top:.75rem;width:1rem;height:1rem;border-left:1px solid #cfc5b2;border-top:1px solid #cfc5b2;background:var(--paper);opacity:0;transform:translate(-50%,.65rem) rotate(45deg);transition:opacity .18s ease,transform .3s var(--ease)}
.feature-detail.is-open{grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows .38s var(--ease),opacity .24s .04s ease,visibility 0s}
.feature-detail.is-open::before{opacity:1;transform:translate(-50%,0) rotate(45deg)}
.feature-detail-clip{min-width:0;min-height:0;overflow:hidden}
.feature-detail-inner{width:min(100% - .5rem,66rem);margin:1.25rem auto .65rem;padding:1.25rem;border:1px solid #cfc5b2;border-radius:1rem;background:var(--paper);box-shadow:.65rem .65rem 0 #ddd3c1;color:var(--ink);display:grid;gap:1.5rem}
.feature-detail-top{display:grid;grid-template-columns:3.75rem minmax(0,1fr) 2.75rem;align-items:center;gap:1rem}
.feature-detail-mark{width:3.75rem;height:3.75rem;border-radius:.65rem;background:var(--green);display:grid;place-items:center;color:var(--amber)}
.feature-detail-icon{width:2rem;height:2rem}
.feature-detail-kicker{margin:0 0 .3rem;color:var(--green);font-size:.875rem;font-weight:700;text-transform:uppercase}
.feature-detail-title h3{margin:0;font-size:var(--step-2);line-height:1.05}
.feature-detail-close{position:relative;width:2.75rem;height:2.75rem;border:1px solid var(--line);border-radius:50%;background:var(--cream);cursor:pointer}.feature-detail-close i{position:absolute;left:50%;top:50%;width:.9rem;height:1px;background:var(--ink)}.feature-detail-close i:first-child{transform:translate(-50%,-50%) rotate(45deg)}.feature-detail-close i:last-child{transform:translate(-50%,-50%) rotate(-45deg)}
.feature-detail-content{display:grid;gap:1.5rem}
.feature-detail-summary{display:grid;gap:.65rem}.feature-detail-lead{max-width:30ch;margin:0;font:600 var(--step-1)/1.25 var(--font-display);letter-spacing:-.025em}.feature-detail-summary>p:last-child{max-width:39rem;margin:0;color:var(--muted);font-size:.95rem}
.feature-detail-label{margin:0 0 .75rem;color:var(--green);font-size:.875rem;font-weight:700;text-transform:uppercase}
.feature-detail-body ul{margin:0;padding:0;display:grid;gap:.55rem;list-style:none}
.feature-detail-body li{display:flex;gap:.65rem;color:var(--ink-2);font-size:.9rem}.feature-detail-body li::before{content:"✓";width:1.2rem;height:1.2rem;margin-top:.1rem;border-radius:50%;background:var(--green-light);display:grid;place-items:center;flex:0 0 auto;color:var(--green);font-size:.75rem;font-weight:800}
.feature-detail-foot{padding-top:1.25rem;border-top:1px solid var(--line);display:grid;gap:1.2rem}
.feature-result{display:grid;gap:.65rem}.feature-result>span{color:var(--green);font-size:.875rem;font-weight:700;text-transform:uppercase}.feature-result>div{display:flex;flex-wrap:wrap;gap:.45rem}.feature-result b{padding:.45rem .6rem;border-radius:.4rem;background:#eee9de;color:var(--ink-2);font-size:.82rem;line-height:1.2}
.feature-more{min-height:2.9rem;width:max-content;max-width:100%;padding:.65rem .85rem;border-radius:.45rem;background:var(--green);display:inline-flex;align-items:center;gap:.7rem;color:var(--paper);font-size:.875rem;font-weight:700;text-decoration:none}.feature-more span{font-size:1.2em;transition:transform .2s var(--ease)}
.feature-foot{padding-top:1.35rem;display:grid;gap:.35rem;color:var(--muted);font-size:.875rem}.feature-foot span{color:var(--green);font-weight:700}.feature-foot p{margin:0}

.problem{background:var(--paper)}
.problem-grid{display:grid;gap:2rem}
.section-number{color:var(--muted);font-size:.7rem;font-weight:700;letter-spacing:.11em}
.problem-copy h2{max-width:18ch;margin-bottom:1.5rem}
.problem-copy p{max-width:53ch;margin:0;color:var(--muted);font-size:var(--step-1)}
.fragment-list{display:grid;align-content:center;gap:.65rem;padding-block:1rem}
.fragment-list span{width:max-content;max-width:100%;padding:.65rem .8rem;background:#ebe5d9;border:1px solid #d2c8b6;font:500 .92rem var(--font-display);transform:rotate(var(--r))}
.fragment-list span:nth-child(even){justify-self:end;background:#e0e8df;border-color:#bdccbf}

.modules{background:var(--cream)}
.section-head{display:grid;gap:1.5rem;margin-bottom:clamp(2.5rem,6vw,5rem)}
.section-head-support{display:grid;justify-items:start;gap:1rem}.section-head-support p{max-width:42rem;margin:0;color:var(--muted);font-size:var(--step-1)}
.section-head h2{max-width:16ch;margin:0}.section-head>p{max-width:41rem;margin:0;color:var(--muted);font-size:var(--step-1)}
.eyebrow{margin-bottom:1rem;color:var(--green);font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.module-explorer{min-width:0}
.module-tabs-meta{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--muted);font-size:.7rem}.module-tabs-meta>span{color:var(--green);font-weight:800;letter-spacing:.09em;text-transform:uppercase}.module-tabs-meta small{font-size:.68rem}.module-tabs-meta i{margin-left:.35rem;color:var(--green);font-size:1rem;font-style:normal}
.module-tabs{margin-top:.75rem;padding-bottom:.75rem;display:flex;gap:.5rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-width:thin;scrollbar-color:#83a293 #e3ece6}
.module-tabs::-webkit-scrollbar{height:.45rem}.module-tabs::-webkit-scrollbar-track{background:#e3ece6;border-radius:99rem}.module-tabs::-webkit-scrollbar-thumb{background:#83a293;border-radius:99rem}
.module-tab{min-width:max-content;min-height:3.4rem;padding:.7rem .85rem;border:1px solid #d4ddd7;border-radius:.55rem;background:#f1f5f2;display:flex;align-items:center;gap:.65rem;color:#4c6258;text-align:left;cursor:pointer;scroll-snap-align:start;transition:background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease)}
.module-tab-icon{width:1.25rem;height:1.25rem;flex:0 0 auto;color:#388067}.module-tab-copy{display:grid;gap:.05rem}.module-tab b{font:600 .82rem var(--font-display)}
.module-tab[aria-selected="true"]{color:var(--paper);background:var(--green);border-color:var(--green)}.module-tab[aria-selected="true"] .module-tab-icon{color:var(--amber)}
.module-detail{min-height:31rem;margin-top:.8rem;border:1px solid #cfdbd3;border-radius:.8rem;display:grid;gap:0;overflow:hidden;background:#e7eee9}
.module-copy{padding:clamp(2rem,5vw,4.25rem);display:flex;flex-direction:column;align-items:flex-start;background:#eee7d9}.module-kicker{color:var(--green);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.module-copy h3{max-width:14ch;margin:1.1rem 0;font-size:var(--step-2);line-height:1.02}.module-copy>p:not(.module-kicker){max-width:36rem;color:var(--muted)}
.module-copy ul{margin:1.35rem 0 0;padding:0;display:grid;gap:.55rem;list-style:none}.module-copy li{position:relative;padding-left:1.25rem;color:var(--ink-2);font-size:.82rem;font-weight:600}.module-copy li::before{content:"✓";position:absolute;left:0;color:#2d7d5e;font-weight:800}
.module-screen{margin:clamp(1.25rem,4vw,3.2rem);align-self:center;overflow:hidden;background:var(--paper);border:1px solid #cfd9d2;border-radius:.65rem;box-shadow:0 1.4rem 3.2rem rgba(25,67,51,.11)}
.screen-bar{min-height:3.4rem;padding:.85rem 1rem;border-bottom:1px solid #dce4de;display:flex;align-items:center;justify-content:space-between;gap:1rem}.screen-bar span{font:600 .9rem var(--font-display)}.screen-bar b{color:#9a6511;font-size:.65rem}
.screen-toolbar{padding:.65rem .9rem;display:flex;justify-content:space-between;background:#f6f8f7}.screen-toolbar span,.screen-toolbar b{padding:.4rem .5rem;border:1px solid #d8e0da;border-radius:.3rem;background:var(--paper);color:#53675d;font-size:.6rem}.screen-toolbar b{background:var(--green);border-color:var(--green);color:var(--paper)}
.screen-content{padding-inline:1rem}.screen-row{min-height:4.35rem;padding:.75rem 0;border-bottom:1px solid #e1e6e2;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.75rem}.screen-row b{display:block;font-size:.78rem}.screen-row small{color:#7f8b84;font-size:.64rem}.screen-row>strong{font:600 .78rem var(--font-display)}
.screen-publish{padding:.8rem 1rem;background:#f6f8f7;color:#697a70;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.62rem}.screen-publish span{display:flex;align-items:center}.screen-publish i{width:.4rem;height:.4rem;margin-right:.35rem;border-radius:50%;background:#55a475}.screen-publish b{padding:.48rem .6rem;border-radius:.3rem;background:#d8eee3;color:#234a3a}

.today-section{background:var(--ink);color:var(--cream);overflow:hidden}
.today-grid{display:grid;gap:3rem;align-items:center}
.today-copy .eyebrow{color:var(--amber)}.today-copy h2{max-width:14ch}.today-copy>p:not(.eyebrow){max-width:36rem;color:#bfcbc3;font-size:var(--step-1)}
.today-principles{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.today-principles span{padding:.45rem .65rem;border:1px solid #496054;color:#d4ddd7;font-size:.75rem}.today-copy>.text-link{margin-top:1rem;color:var(--amber)}
.admin-window{width:calc(100% + 1rem);display:grid;grid-template-columns:3rem minmax(0,1fr);background:#f1f0e9;color:var(--ink);border:1px solid #496054;box-shadow:1rem 1rem 0 #0d1914}
.admin-side{padding:.7rem .4rem;background:#101f18;display:flex;flex-direction:column;align-items:center;gap:1rem}.admin-side img{width:2rem}.admin-side i{width:1.6rem;height:1.6rem;border:1px solid #486054}.admin-side i.active{background:var(--amber);border-color:var(--amber)}
.admin-main{min-width:0}.admin-top{min-height:3rem;padding:.65rem .8rem;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:.68rem}.admin-top span{display:flex;align-items:center;gap:.35rem}.admin-top i{width:.4rem;height:.4rem;background:#468457;border-radius:50%}.admin-top b{padding:.35rem .5rem;border:1px solid var(--line)}
.admin-body{padding:1rem}.admin-body>p{margin-bottom:.35rem;color:var(--green);font-size:.6rem;font-weight:700;letter-spacing:.12em}.admin-body>h3{margin-bottom:1rem;font-size:clamp(1.4rem,5vw,2.6rem)}
.admin-alert{margin-bottom:.7rem;padding:.65rem .75rem;background:#fbf1d8;border:1px solid #ead7a7;display:flex;flex-wrap:wrap;gap:.2rem .5rem;font-size:.67rem}.admin-layout{display:grid;gap:.7rem}.admin-requests,.admin-quick{background:var(--paper);border:1px solid var(--line)}
.admin-requests header,.admin-quick header{padding:.6rem .7rem;border-bottom:1px solid var(--line);font:600 .75rem var(--font-display)}.admin-requests header b{display:inline-grid;place-items:center;width:1.1rem;height:1.1rem;margin-left:.25rem;background:var(--green);color:var(--paper);font-size:.58rem}.admin-requests>div{padding:.65rem .7rem;display:grid;grid-template-columns:2.7rem 1fr auto;align-items:center;gap:.5rem;border-bottom:1px solid var(--line);font-size:.63rem}.admin-requests>div:last-child{border-bottom:0}.admin-requests time{font:600 .8rem var(--font-display)}.admin-requests span b{display:block}.admin-requests>div>i{font-style:normal;color:var(--green);font-weight:700}
.admin-quick{padding-bottom:.6rem}.admin-quick>b{display:block;padding:.65rem .7rem;font:600 1.2rem var(--font-display)}.admin-quick>span{margin:.25rem .6rem;padding:.4rem .5rem;display:block;border:1px solid var(--line);font-size:.62rem}
.admin-publish{margin-top:.7rem;padding:.7rem;background:var(--green);color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.62rem}.admin-publish span b{display:block}.admin-publish strong{padding:.45rem .55rem;background:var(--amber);color:var(--ink)}

.guest-design{background:#e7e0d1;overflow:hidden}
.guest-head{display:grid;gap:1rem;margin-bottom:3rem}.guest-head h2{margin:0}.guest-head h2 em{color:var(--green);font-style:normal;font-weight:400}.guest-head>p:last-child{max-width:38rem;margin:0;color:var(--muted);font-size:var(--step-1)}
.guest-stage{position:relative;display:grid;gap:1.2rem;padding-bottom:5rem}
.guest-card{width:100%;background:var(--paper);border:1px solid #bfb8aa;box-shadow:.7rem .7rem 0 #cec5b5;overflow:hidden;transform:rotate(var(--tilt,0))}
.guest-browser{min-height:2.35rem;padding:.55rem .65rem;background:#eee9df;border-bottom:1px solid #d4ccbd;display:flex;align-items:center;gap:.32rem;font:500 .55rem var(--font-body);color:#706b63}.guest-browser i{width:.38rem;height:.38rem;border-radius:50%;background:#c4b9a7}.guest-browser i:first-child{background:#b45f4f}.guest-browser span{margin-left:.35rem}
.guest-content{min-height:21rem;padding:2rem 1.3rem}.guest-content small{font-size:.55rem;letter-spacing:.13em}.guest-content h3{margin:1.8rem 0 .7rem;font-size:2.1rem;line-height:.92}.guest-content>p{margin-bottom:2rem;font-size:.72rem}.guest-content>div{padding:.65rem 0;border-top:1px solid currentColor;display:flex;justify-content:space-between;gap:.75rem;font-size:.7rem}.guest-content>div b{font-weight:600}
.guest-country{--tilt:-1deg;color:#3a321f;background:#f5eddc}.guest-country .guest-content h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.04em}.guest-country .guest-content small{color:#8b3f2f}
.guest-bistro{--tilt:1deg;color:#f8edd2;background:#16334c}.guest-bistro .guest-content{background:linear-gradient(160deg,#16334c 0 72%,#e36d3c 72%)}.guest-bistro .guest-content h3{font-size:2.3rem;text-transform:uppercase;letter-spacing:-.07em}.guest-bistro .guest-content small{color:#ff8755}
.guest-fine{--tilt:-.5deg;color:#562b32;background:#f4eee5}.guest-fine .guest-content{text-align:center}.guest-fine .guest-content h3{font-family:Georgia,serif;font-weight:400}.guest-fine .guest-content>div{text-align:left}
.guest-note{position:absolute;left:1rem;right:0;bottom:0;padding:1rem;background:var(--amber);display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;box-shadow:.5rem .5rem 0 #b88a31}.guest-note span{font:600 1.2rem var(--font-display)}.guest-note p{margin:0;font-size:.75rem}

.integration{background:var(--paper)}
.integration-showcase{border:1px solid #c4c8bc;background:#e9e3d6;box-shadow:.7rem .7rem 0 var(--sand)}
.integration-tabs{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;background:var(--paper);border-bottom:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#8ba093 #e5e8e0}
.integration-tabs button{min-width:min(15rem,82vw);min-height:6.5rem;padding:1rem;border:0;border-right:1px solid var(--line);background:transparent;display:grid;grid-template-columns:2rem minmax(0,1fr);grid-template-areas:"index title" "index text";align-content:center;gap:.15rem .7rem;color:var(--ink);text-align:left;cursor:pointer;scroll-snap-align:start;transition:background-color .2s var(--ease),color .2s var(--ease)}
.integration-tabs button>span{grid-area:index;padding-top:.12rem;color:var(--amber);font-size:.7rem;font-weight:800;letter-spacing:.08em}.integration-tabs button>b{grid-area:title;font:600 .95rem var(--font-display)}.integration-tabs button>small{grid-area:text;color:var(--muted);font-size:.72rem;line-height:1.35}.integration-tabs button[aria-selected="true"]{background:var(--green);color:var(--paper)}.integration-tabs button[aria-selected="true"]>small{color:#c8d4cc}.integration-tabs button[aria-selected="true"]>span{color:var(--amber)}
.integration-panel{display:grid}.integration-panel.is-active{animation:integration-panel-in .32s var(--ease) both}.integration-panel[hidden]{display:none}@keyframes integration-panel-in{from{opacity:0;transform:translateY(.45rem)}to{opacity:1;transform:none}}.integration-browser{margin:1.2rem;min-width:0;background:var(--paper);border:1px solid #aeb5aa;box-shadow:.55rem .55rem 0 #cbc4b5;overflow:hidden}.integration-browser-bar{min-height:2.55rem;padding:.55rem .7rem;background:#eeeae1;border-bottom:1px solid #d4cfc3;display:flex;align-items:center;gap:.32rem;color:#716f68;font-size:.64rem}.integration-browser-bar>i{width:.42rem;height:.42rem;border-radius:50%;background:#b9afa0}.integration-browser-bar>i:first-child{background:#a95c4d}.integration-browser-bar>span{min-width:0;margin-left:.35rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.integration-site-head{min-height:3.4rem;padding:.7rem .85rem;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.35rem 1rem}.integration-site-head b{font:600 .75rem var(--font-display);letter-spacing:.05em}.integration-site-head span{color:var(--muted);font-size:.62rem}
.integration-page-demo{padding:clamp(1.4rem,5vw,2.5rem)}.integration-page-demo>small,.integration-module-demo small,.integration-new-demo small{color:#8b3f2f;font-size:.62rem;font-weight:800;letter-spacing:.12em}.integration-page-demo h3{margin:1rem 0 1.6rem;font-family:Georgia,serif;font-size:var(--step-2);font-weight:400;letter-spacing:-.03em}.integration-page-demo>div{padding:.7rem 0;border-top:1px solid var(--ink);display:flex;justify-content:space-between;gap:1rem;font-size:.78rem}.integration-page-demo>p{margin:1.1rem 0 0;display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.68rem}.integration-page-demo>p i{width:.45rem;height:.45rem;border-radius:50%;background:#3f8b54}
.integration-module-demo{padding:1.1rem;display:grid;gap:1rem;background:#efe9dc}.integration-module-demo>div{padding:1.2rem;background:var(--paper);border:1px solid #c9c6bb}.integration-module-demo h3{margin:.9rem 0 1.1rem;font-size:var(--step-1)}.integration-module-demo>div>span{padding:.65rem 0;border-top:1px solid var(--line);display:block;color:var(--muted);font-size:.78rem}.integration-module-demo>div>b{min-height:2.75rem;margin-top:.7rem;padding:.65rem;background:var(--green);display:grid;place-items:center;color:var(--paper);font-size:.78rem}.integration-module-demo>p{margin:0;color:var(--muted);font-size:.72rem;text-align:center}
.integration-new-demo{padding:clamp(1.3rem,5vw,2.4rem);background:#17382a;color:var(--paper)}.integration-new-demo>div:first-child{padding-bottom:1.4rem;border-bottom:1px solid #587365}.integration-new-demo small{color:var(--amber)}.integration-new-demo h3{max-width:17ch;margin:1rem 0 .7rem;font-size:var(--step-2);line-height:1.03}.integration-new-demo p{max-width:31rem;margin:0;color:#c8d4cc;font-size:.78rem}.integration-new-demo>div:nth-child(2){padding:1rem 0;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.integration-new-demo>div:nth-child(2)>span{min-height:3rem;padding:.65rem;border:1px solid #627a6e;display:grid;place-items:center;font-size:.72rem;font-weight:700;text-align:center}.integration-new-demo>b{display:flex;align-items:center;gap:.55rem;color:#c8d4cc;font-size:.68rem}.integration-new-demo>b i{color:var(--amber);font-style:normal}
.integration-panel-copy{padding:1.5rem;background:var(--green);color:var(--paper)}.integration-panel-copy>span{color:var(--amber);font-size:.65rem;font-weight:800;letter-spacing:.11em}.integration-panel-copy h3{max-width:19ch;margin:1.4rem 0 .75rem;font-size:var(--step-2);line-height:1.03}.integration-panel-copy>p{margin:0;color:#c8d4cc;font-size:.9rem}.integration-panel-copy ul{margin:1.5rem 0 0;padding:1.2rem 0 0;border-top:1px solid #587365;display:grid;gap:.65rem;list-style:none}.integration-panel-copy li{position:relative;padding-left:1.25rem;color:#e1e8e3;font-size:.875rem}.integration-panel-copy li::before{content:"✓";position:absolute;left:0;color:var(--amber);font-weight:800}.integration-guidance{max-width:70rem;margin:1.7rem 0 0;padding-top:1.1rem;border-top:1px solid var(--line);display:grid;gap:1rem;color:var(--muted);font-size:.9rem}.integration-guidance>span{max-width:50rem}.integration-guidance b{color:var(--ink)}.integration-guidance .text-link{width:max-content}

.pricing{background:var(--cream)}
.pricing-head{max-width:64rem;margin:0 auto 3rem;display:grid;gap:2rem}.pricing-head h2{margin:0}.pricing-head>div>p:last-child{max-width:46rem;margin:.9rem 0 0;color:var(--muted);font-size:var(--step-1)}
.pricing-cards,.sub-package-pricing{max-width:64rem;margin:0 auto clamp(3rem,6vw,5rem)}.package-pricing{box-shadow:.65rem .65rem 0 var(--sand)}
.pricing-offerbar{padding:1rem;background:var(--green);display:grid;gap:1rem;color:var(--paper)}.price-offer-summary{min-width:0;display:grid;gap:1rem}.price-offer-note{display:flex;align-items:center;gap:.85rem}.price-offer-note>span{padding:.4rem .55rem;background:var(--amber);color:var(--ink);font-size:.62rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.price-offer-note>div{display:grid;gap:.12rem}.price-offer-note b{font:600 .9rem var(--font-display)}.price-offer-note small{color:#c8d4cc;font-size:.64rem}.pilot-capacity{width:min(100%,31rem);display:grid;gap:.4rem}.pilot-capacity>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#d5dfd9;font-size:.72rem}.pilot-capacity>div:first-child strong{color:var(--amber)}.pilot-capacity>div:first-child>b{color:var(--paper);font-size:.68rem}.pilot-capacity-track{height:.55rem;padding:.12rem;background:#163327;border:1px solid #587163;overflow:hidden}.pilot-capacity-track i{display:block;width:var(--pilot-progress);height:100%;background:var(--amber)}
.billing-toggle{padding:.25rem;display:grid;grid-template-columns:1fr 1fr;background:#173b2c;border:1px solid #587163}.billing-toggle button{min-height:3rem;padding:.55rem .8rem;border:0;background:transparent;color:#d5dfd9;font:700 .72rem var(--font-body);cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}.billing-toggle button span{display:block;margin-top:.1rem;color:#b9c9bf;font-size:.58rem;font-weight:600}.billing-toggle button.is-active{background:var(--paper);color:var(--green)}.billing-toggle button.is-active span{color:#46705e}
.price-grid{border:1px solid #c8c4b9;border-top:0;background:var(--paper);display:grid;overflow:hidden}.price-card{position:relative;padding:clamp(1.6rem,5vw,2.75rem);display:flex;flex-direction:column;border-bottom:1px solid var(--line);background:var(--paper)}.price-card:last-child{border-bottom:0}.price-card.featured{background:#f0f4ef}.price-card-head{min-height:4.5rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.price-card-head>div>span{color:var(--green);font-size:.62rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.price-card-head h3{margin:.35rem 0 0;font-size:clamp(2rem,5vw,2.75rem);line-height:1}.price-card-head>b{padding:.38rem .5rem;background:var(--green);color:var(--paper);font-size:.58rem;letter-spacing:.06em;text-transform:uppercase}.price-description{min-height:3.4rem;margin:.8rem 0 0;color:var(--muted);font-size:.82rem;line-height:1.55}.price-value{min-height:6.6rem;margin:1.2rem 0 .55rem;display:flex;flex-wrap:wrap;align-items:flex-end;gap:.8rem 1.2rem}.price-value>strong{display:flex;align-items:flex-end;gap:.55rem}.price-value>strong b{font:570 clamp(3.55rem,10vw,4.7rem)/.8 var(--font-display);letter-spacing:-.07em;font-variant-numeric:tabular-nums}.price-value>strong span{max-width:4rem;padding-bottom:.2rem;color:var(--muted);font-size:.65rem;font-weight:500;line-height:1.2}.price-before{padding-bottom:.3rem;display:grid;gap:.15rem;color:#68776f}.price-before small{font-size:.56rem}.price-before del{font:600 .9rem/1 var(--font-display);text-decoration-color:var(--red);text-decoration-thickness:2px}.price-saving{margin:0;padding:.7rem .8rem;background:var(--amber-pale);color:#6e531b;font-size:.68rem;font-weight:800}.price-term{min-height:2.5rem;margin:.7rem 0 1.1rem;color:var(--muted);font-size:.7rem}.price-card>.button{width:100%;background:var(--green);border-color:var(--green);color:var(--paper)}.price-includes{margin-top:1.8rem;padding-top:1.2rem;border-top:1px solid var(--line)}.price-includes>span{color:var(--green);font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.price-includes ul{margin:.9rem 0 0;padding:0;display:grid;gap:.65rem;list-style:none}.price-includes li{position:relative;padding-left:1.25rem;color:var(--ink-2);font-size:.76rem}.price-includes li::before{content:"✓";position:absolute;left:0;color:#2d7d5e;font-weight:800}.price-compare-link{min-height:2.75rem;margin-top:auto;padding-top:1.4rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;color:var(--green);font-size:.7rem;font-weight:800;text-underline-offset:.25rem}.price-compare-link span{font-size:1rem}
.pricing-addons,.sub-package-addons{max-width:70rem;margin:0 auto clamp(2.5rem,6vw,4.5rem)}.optional-services{border:1px solid #c6c9be;background:var(--paper);box-shadow:.6rem .6rem 0 var(--sand)}.optional-services-head{padding:1.4rem;display:grid;gap:1rem}.optional-services-head span{color:var(--green);font-size:.64rem;font-weight:800;letter-spacing:.1em}.optional-services-head h3{max-width:24ch;margin:.7rem 0 0;font-size:var(--step-2);line-height:1.03}.optional-services-head>p{max-width:42rem;margin:0;color:var(--muted);font-size:.9rem}.optional-services-grid{display:grid;border-top:1px solid var(--line)}.optional-services-grid article{padding:1.4rem;border-bottom:1px solid var(--line)}.optional-service-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.optional-service-top>span{color:var(--green);font-size:.64rem;font-weight:800;letter-spacing:.09em}.optional-service-top>strong{font:600 1.05rem var(--font-display);white-space:nowrap}.optional-services h4{margin:1.5rem 0 .55rem;font:600 var(--step-1) var(--font-display);letter-spacing:-.035em}.optional-services article>p{max-width:34rem;margin:0;color:var(--muted);font-size:.875rem}.optional-services ul{margin:1.2rem 0 0;padding:1rem 0 0;border-top:1px solid var(--line);display:grid;gap:.55rem;list-style:none}.optional-services li{position:relative;padding-left:1.2rem;font-size:.875rem}.optional-services li::before{content:"✓";position:absolute;left:0;color:#2d7d5e;font-weight:800}.optional-services footer{padding:1rem 1.4rem;background:var(--green-light);display:flex;flex-wrap:wrap;gap:.3rem 1rem;color:var(--muted);font-size:.82rem}.optional-services footer b{color:var(--green)}
.package-comparison,.sub-package-comparison{max-width:70rem;margin-inline:auto;scroll-margin-top:6rem}
.package-table-frame{border:1px solid var(--line);background:var(--paper);overflow-x:auto}.package-table{width:100%;border-collapse:collapse;font-size:.82rem}.package-table caption{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.package-table th,.package-table td{padding:.9rem 1rem;border-bottom:1px solid var(--line);text-align:left}.package-table thead th{background:var(--ink);color:var(--paper);vertical-align:bottom}.package-table thead th:not(:first-child){border-left:1px solid #40564b}.package-table thead th span,.package-table thead th b{display:block}.package-table thead th span{color:var(--amber);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase}.package-table thead th b{margin-top:.25rem;font:600 1rem var(--font-display)}.package-table tbody td{border-left:1px solid var(--line)}.package-table tbody tr:not(.package-group):hover{background:#faf7ef}.package-table tbody th{font-weight:600}.package-group th{padding:.65rem 1rem;background:var(--sand);color:var(--green);font-size:.65rem;letter-spacing:.09em;text-transform:uppercase}.package-included{color:var(--green);font-weight:700}.package-not-included{color:#97a098}.package-table-summary{padding:1.2rem;background:var(--paper);border:1px solid var(--line);border-top:0;display:grid;gap:1.2rem}.package-table-summary div span,.package-table-summary div strong{display:block}.package-table-summary div span{color:var(--green);font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.package-table-summary div strong{max-width:50rem;margin-top:.45rem;font:600 .9rem/1.4 var(--font-display)}.package-table-summary .button{width:100%}
.pricing-foot{max-width:70rem;margin-inline:auto;padding-top:1.5rem;display:grid;gap:.5rem;color:var(--muted);font-size:.82rem}.pricing-foot p{margin:0}.pricing-foot b{color:var(--ink)}

.handbook{background:var(--paper)}
.handbook-grid{display:grid;gap:3rem;align-items:center}.handbook-copy h2{max-width:13ch}.handbook-copy>p:not(.eyebrow){max-width:35rem;color:var(--muted);font-size:var(--step-1)}
.docs-window{border:1px solid var(--line);box-shadow:.8rem .8rem 0 var(--sand)}.docs-top{min-height:3.2rem;padding:.7rem .8rem;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.7rem}.docs-top span{color:#b9c6be}.docs-layout{display:grid;min-height:25rem}.docs-layout aside{display:none;padding:1rem;background:#f0eee7;border-right:1px solid var(--line)}.docs-layout aside strong{display:block;margin-bottom:1rem;font:600 1rem var(--font-display)}.docs-layout aside span{display:block;padding:.5rem .6rem;color:var(--muted);font-size:.72rem}.docs-layout aside span.active{background:var(--green-light);color:var(--green);font-weight:700}
.docs-content{padding:1.5rem}.docs-content>small{color:var(--green);font-size:.58rem;font-weight:700;letter-spacing:.13em}.docs-content>h3{margin:1rem 0 .5rem;font-size:1.45rem}.docs-content>p{color:var(--muted);font-size:.8rem}.doc-list{margin-top:1.5rem}.doc-row{padding:.7rem 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:center;gap:.75rem;font-size:.75rem}.doc-row b{font-weight:600}.doc-row span{padding:.2rem .35rem;background:var(--cream);color:var(--muted);font-size:.58rem;text-transform:uppercase}.doc-row span.work{background:var(--amber-pale);color:#6b4f17}

.pricing-faq{max-width:70rem;margin:0 auto clamp(2.5rem,6vw,4.5rem);padding:clamp(1.4rem,4vw,2.4rem);background:#e5ebdf;border:1px solid #bdc9ba}
.faq-grid{display:grid;gap:2rem}.faq-title h2{max-width:15ch}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{min-height:4.5rem;padding:1rem 2.4rem 1rem 0;display:flex;align-items:center;position:relative;cursor:pointer;font:600 1rem var(--font-display);list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;right:.2rem;font:400 1.5rem var(--font-display);transition:transform .2s var(--ease)}.faq-list details[open] summary::after{transform:rotate(45deg)}.faq-answer{overflow:hidden}.faq-answer p{max-width:48rem;margin:0;padding:0 2.5rem 1.3rem 0;color:var(--muted);font-size:.9rem}

.pilot{padding-block:clamp(4rem,9vw,8rem);background:var(--green);color:var(--paper)}
.trial-summary{display:grid;gap:2rem}.trial-summary-head{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:1.2rem}.trial-summary-head>strong{color:var(--amber);font:500 clamp(5rem,17vw,8rem)/.7 var(--font-display);letter-spacing:-.1em}.trial-summary-head .eyebrow{color:var(--amber)}.trial-summary-head h2{max-width:18ch;margin:0}.trial-summary-list{margin:0;border-top:1px solid #587365;display:grid}.trial-summary-list dt,.trial-summary-list dd{margin:0;padding:.85rem 0;border-bottom:1px solid #587365}.trial-summary-list dt{color:var(--amber);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.trial-summary-list dd{padding-top:0;color:#d1dcd5;font-size:.875rem}.trial-summary-actions{display:grid;gap:.7rem;align-content:end}.trial-summary-actions .button{width:100%}

.site-footer{padding-block:3rem;background:var(--ink);color:var(--cream);border-top:1px solid #456052}.footer-grid{display:grid;gap:2rem}.footer-brand{width:max-content}.footer-grid p{margin:0;color:#aebdb4;font-size:.8rem}.footer-grid p b{color:var(--cream)}.footer-grid>div{display:flex;flex-wrap:wrap;gap:.5rem .8rem}.footer-grid>div a{min-width:2.75rem;min-height:2.75rem;padding-inline:.2rem;display:flex;align-items:center;font-size:.82rem}.footer-grid small{color:#7f9287}

/* Inhaltstext bleibt auch in dichten Werkbank-Ansichten ruhig lesbar. */
.module-copy li,.price-description,.price-term,.price-includes li,.package-table,.pricing-foot,.docs-content>p,.doc-row,.footer-grid p,.footer-grid>div a{font-size:.875rem}

.reveal{opacity:0;transform:translateY(1.4rem);transition:opacity .65s var(--ease),transform .65s var(--ease)}
.reveal.visible{opacity:1;transform:none}
.hero-enter{opacity:0;transform:translateY(.75rem);animation:hero-in .72s var(--ease) forwards;animation-delay:calc(.12s + var(--i)*.08s)}
@keyframes hero-in{to{opacity:1;transform:none}}

@media (hover:hover){
  .button:hover{transform:translateY(-.24rem);box-shadow:0 .28rem 0 var(--button-shadow)}
  .button:hover:active{box-shadow:0 0 0 var(--button-shadow);transform:translateY(.08rem)}
  .button-light:hover{background:var(--cream);color:var(--ink)}
  .text-link:hover span{transform:translateY(.16rem)}
  .hero-step-tabs button:not([aria-selected="true"]):hover{background:#dfe0d7;color:var(--ink)}
  .hero-stage-action:hover{background:var(--ink)}
  .feature-trigger:hover{border-color:#9eac9f;transform:translateY(-.22rem);box-shadow:0 .55rem 1.2rem rgba(20,37,29,.1)}
  .feature-trigger:hover .feature-icon-wrap{background:var(--amber-pale);transform:rotate(-2deg)}
  .feature-item.is-active .feature-trigger:hover{border-color:var(--green);box-shadow:.45rem .55rem 0 var(--amber-pale)}
  .feature-detail-close:hover{border-color:var(--green);background:var(--green-light)}
  .feature-more:hover span{transform:translateX(.25rem)}
  .module-tab:not([aria-selected="true"]):hover{border-color:#9eac9f;background:var(--paper);color:var(--green)}
  .integration-tabs button:not([aria-selected="true"]):hover{background:var(--green-light);color:var(--green)}
  .billing-toggle button:not(.is-active):hover{color:var(--paper);background:#214837}
  .price-card>.button:hover{background:var(--ink);border-color:var(--ink)}
}

@media (min-width:40rem){
  :root{--shell:min(100% - 3rem,80rem)}
  .button-small{display:inline-flex}
  .build-state{display:inline}
  .channel-inner{grid-template-columns:auto 1fr;align-items:center;gap:2rem}
  .feature-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
  .feature-trigger{min-height:16.6rem;padding:1.1rem;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"icon toggle" "copy copy";align-content:space-between;align-items:start;gap:1rem}
  .feature-icon-wrap{width:3.9rem;height:3.9rem}.feature-icon{width:2.05rem;height:2.05rem}
  .feature-trigger-copy{align-self:end;min-height:7rem;grid-template-rows:auto auto 1fr auto;align-content:start}
  .feature-card-action{display:block;align-self:end}
  .feature-detail-content{grid-template-columns:minmax(0,.88fr) minmax(18rem,1.12fr);align-items:start;gap:2rem}
  .feature-foot{grid-template-columns:auto 1fr;gap:1rem}
  .integration-guidance{grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .admin-window{grid-template-columns:4.4rem minmax(0,1fr)}
  .admin-side{padding:1rem .7rem;gap:1.3rem}.admin-side img{width:2.4rem}.admin-side i{width:2rem;height:2rem}
  .admin-top{min-height:3.7rem;padding:.8rem 1.2rem;font-size:.74rem}.admin-body{padding:1.5rem}.admin-layout{grid-template-columns:minmax(0,1.5fr) minmax(9rem,.7fr)}
  .guest-stage{grid-template-columns:repeat(2,1fr);align-items:start;padding-bottom:4rem}.guest-card:nth-child(3){grid-column:1/-1;width:50%;margin-inline:auto}.guest-note{left:auto;width:min(23rem,70%)}
  .pricing-offerbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:1rem 1.15rem}.billing-toggle{display:inline-grid;grid-template-columns:auto auto}
  .optional-services-head{grid-template-columns:minmax(0,1fr) minmax(18rem,.8fr);align-items:end;padding:1.7rem}.optional-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.optional-services-grid article{padding:1.7rem;border-bottom:0}.optional-services-grid article+article{border-left:1px solid var(--line)}.optional-services footer{padding-inline:1.7rem}
  .docs-layout{grid-template-columns:9rem 1fr}.docs-layout aside{display:block}
  .footer-grid{grid-template-columns:1fr 1fr;align-items:start}.footer-grid small{grid-column:1/-1}
}

@media (min-width:58rem){
  .menu-button,.mobile-menu{display:none}
  .desktop-nav{display:flex;align-items:center;gap:clamp(1rem,2.3vw,2.2rem)}
  .desktop-nav a{min-height:2.75rem;display:flex;align-items:center;color:#b9c7be;font-size:.82rem;text-decoration:none}
  .hero{min-height:57rem}.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(28rem,1.08fr);align-items:center;gap:4rem}.hero-stage{justify-self:end}.hero-index{display:block}
  .problem-grid{grid-template-columns:8rem minmax(0,1.2fr) minmax(18rem,.7fr);align-items:start}
  .feature-head{grid-template-columns:minmax(0,1fr) minmax(22rem,.8fr);align-items:end}
  .feature-detail-inner{padding:1.6rem clamp(1.6rem,3vw,2.5rem) 1.8rem;gap:1.6rem}
  .feature-detail-content{grid-template-columns:minmax(0,.88fr) minmax(22rem,1.12fr);align-items:start;gap:clamp(2rem,6vw,4.5rem)}
  .feature-detail-body ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1.5rem}
  .feature-detail-foot{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem}
  .section-head{grid-template-columns:minmax(0,1fr) minmax(22rem,.8fr);align-items:end}
  .module-detail{grid-template-columns:minmax(19rem,.78fr) minmax(0,1.22fr)}
  .today-grid{grid-template-columns:minmax(19rem,.72fr) minmax(33rem,1.28fr);gap:clamp(3rem,7vw,7rem)}
  .guest-head{grid-template-columns:minmax(0,1fr) minmax(22rem,.65fr);align-items:end}.guest-head>p:last-child{grid-column:2;grid-row:1/3}.guest-stage{grid-template-columns:repeat(3,1fr);gap:1.5rem;padding-block:2rem 5rem}.guest-card:nth-child(2){margin-top:3.5rem}.guest-card:nth-child(3){grid-column:auto;width:auto;margin:0}.guest-note{right:5%;width:24rem}
  .integration-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.integration-tabs button{min-width:0}.integration-panel{grid-template-columns:minmax(0,1.18fr) minmax(20rem,.82fr)}.integration-browser{margin:clamp(2rem,4vw,3.5rem);align-self:center}.integration-panel-copy{padding:clamp(2rem,4vw,3.5rem);display:flex;flex-direction:column;justify-content:center}
  .pricing-head{grid-template-columns:minmax(0,1fr) auto;align-items:end}.price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.price-card{border-bottom:0}.price-card+.price-card{border-left:1px solid var(--line)}.package-table thead th:first-child{width:48%}.package-table-summary{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:1.4rem}.package-table-summary .button{width:auto}.pricing-foot{grid-template-columns:1fr 1fr}
  .trial-price-note{grid-column:1/-1}
  .handbook-grid{grid-template-columns:minmax(20rem,.7fr) minmax(31rem,1.3fr);gap:clamp(3rem,8vw,8rem)}
  .faq-grid{grid-template-columns:minmax(16rem,.55fr) minmax(28rem,1.45fr);gap:clamp(3rem,8vw,8rem)}
  .trial-summary{grid-template-columns:minmax(22rem,.9fr) minmax(25rem,1.1fr);gap:clamp(2rem,6vw,6rem)}.trial-summary-actions{grid-column:1/-1;grid-template-columns:repeat(2,max-content);justify-content:end}.trial-summary-actions .button{width:auto}
  .footer-grid{grid-template-columns:1.1fr 1fr auto;align-items:start}.footer-grid small{grid-column:1/-1}
}

@media (min-width:78rem){
  .hero-grid{grid-template-columns:minmax(0,.84fr) minmax(38rem,1.16fr);gap:5rem}.hero-stage{width:44rem}
  .feature-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
}

@media (pointer:coarse){.button,.menu-button,.desktop-nav a,.hero-step-tabs button,.hero-stage-action,.feature-trigger,.feature-more,.module-tab,.billing-toggle button,.faq-list summary{min-height:3rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal,.hero-enter{opacity:1;transform:none}}
@media (max-width:39.99rem){.package-table-frame{border:0;background:transparent;overflow:visible}.package-table,.package-table tbody{display:block}.package-table thead{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.package-table tr{display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:.7rem;border:1px solid var(--line);background:var(--paper)}.package-table tbody th,.package-table tbody td{display:block;border:0}.package-table tbody tr:not(.package-group)>th{grid-column:1/-1;padding:.8rem;border-bottom:1px solid var(--line)}.package-table tbody td{padding:.65rem .8rem}.package-table tbody td+td{border-left:1px solid var(--line)}.package-table tbody td::before{content:attr(data-label);display:block;margin-bottom:.15rem;color:var(--muted);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.package-table .package-group{display:block;margin:1.5rem 0 .5rem;border:0}.package-group th{padding:.6rem .8rem}.trial-summary-head{grid-template-columns:1fr}.trial-summary-head>strong{padding-left:.08em;font-size:6rem}}
@media (max-width:39.99rem){.module-tabs{margin-right:-1rem;padding-right:1rem}.module-tabs-meta{align-items:flex-end}.module-tabs-meta small{max-width:8rem;text-align:right;line-height:1.3}.module-screen{margin:1rem}}
@media (max-width:39.99rem){:root{--space-3xl:3.5rem}}
@media (max-width:22rem){.hero-grid{gap:2.5rem;padding-top:3rem}.hero-actions{align-items:stretch}.hero-actions .button,.hero-actions .text-link{width:100%}.hero-stage{box-shadow:.75rem .75rem 0 #0e1b15}.stage-chrome{align-items:flex-start}.hero-step-tabs button{display:block;padding-inline:.28rem}.hero-step-tabs button>span{display:block;margin-bottom:.16rem}.hero-step-tabs button>b{display:block;font-size:.61rem}.hero-product-panel{padding:.65rem}.hero-stage-foot{padding:.7rem}.price-offer-note{display:grid;justify-items:start}.billing-toggle{width:100%}}
@media print{.site-header,.hero-stage,.channel-strip,.trial-summary-actions,.site-footer{display:none}.hero{min-height:auto;padding:2rem 0;background:var(--paper);color:var(--ink)}.hero h1 em{color:var(--ink)}.hero-lead,.hero-note{color:var(--ink)}.section-pad{padding-block:2rem}.reveal{opacity:1;transform:none}.package-table-frame{overflow:visible}}