@font-face{font-family:'Pilcrow Rounded';src:url('./pilcrow-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:'Pilcrow Rounded';src:url('./pilcrow-500.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:'Pilcrow Rounded';src:url('./pilcrow-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--ground:#0b0d0c;--ink:#edf2ee;--accent:#3dff8a;--surface:#171b18;--raised:#222823;--muted:#b0bab2;--on-accent:#0b0d0c;--line:#3c463f;--pad:28px;--body:18px;--small:16px;--lead:24px;--head:clamp(40px,4.8vw,68px);--display:clamp(68px,6.6vw,104px);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--ground);color:var(--ink);font-family:'Pilcrow Rounded',Arial,sans-serif;font-size:var(--body);line-height:1.5}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}button{cursor:pointer}a,button{transition:transform .2s var(--ease),opacity .2s var(--ease)}a:active,button:active{transform:translateY(2px)}:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.wrap{padding-inline:var(--pad);max-width:1600px;margin-inline:auto}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}h1{font-size:var(--display);line-height:.93;letter-spacing:-.05em;font-weight:700}h2{font-size:var(--head);line-height:1.02;letter-spacing:-.04em;font-weight:700}h3{font-size:32px;line-height:1.1;letter-spacing:-.025em}p{text-wrap:pretty}img{max-width:100%;display:block}.muted{color:var(--muted)}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:var(--accent);color:var(--ground);z-index:10}.skip:focus{top:20px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:112px}.brand{width:250px;flex-shrink:0}.brand img{width:100%;height:auto}.site-header nav{display:flex;gap:36px;margin-left:auto;margin-right:45px}.site-header a{text-decoration:none}.login{font-weight:500;display:flex;align-items:center;gap:20px;padding:12px 0}.hero{display:grid;grid-template-columns:46% 54%;min-height:720px;align-items:center;padding-top:42px;padding-bottom:80px}.hero-copy{padding-right:32px;z-index:1}.lead{max-width:42ch;font-size:20px;margin-top:36px;line-height:1.5}.actions{display:flex;align-items:center;gap:28px;margin-top:32px}.actions>a:not(.button){font-size:16px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;background:var(--accent);color:var(--on-accent);padding:18px 24px;min-height:58px;font-weight:700;text-decoration:none;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.button:hover{color:var(--on-accent);transform:translateY(-3px)}.hero-note{font-size:var(--small);color:var(--muted);margin-top:24px}.legal-links{display:flex;gap:24px;margin-top:28px;font-size:var(--small)}.hero-stage{background:var(--accent);color:var(--on-accent);padding:100px 32px 24px;margin-left:0;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%,0 15%);position:relative;overflow:hidden}.hero-screen{background:var(--ground);color:var(--ink);padding:24px 20px 16px;transform-origin:center}.ui-top{display:flex;align-items:center;gap:10px;font-size:16px}.ui-top>:last-child{margin-left:auto}.screen-title{display:flex;align-items:baseline;justify-content:space-between;margin:28px 0 24px;gap:10px}.screen-title strong{font-size:24px;line-height:1.15}.screen-title>span{font-size:14px;white-space:nowrap;color:var(--muted)}.ui-tabs{display:flex;gap:24px;font-size:14px;margin-bottom:18px}.ui-tabs span{padding:0 0 8px}.selected{border-bottom:1px solid var(--accent)}.calendar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.day{background:var(--surface);padding:12px 8px;min-height:238px;display:flex;flex-direction:column;gap:5px;font-size:14px}.day>b{font-size:24px;font-weight:500}.today>b{color:var(--accent)}.post{background:var(--raised);padding:12px 10px;margin-top:17px;display:flex;flex-direction:column;gap:10px;min-height:120px}.post span,.post small{font-size:13px;color:var(--muted)}.post strong{font-weight:500;font-size:16px;line-height:1.3}.selected-post{border-top:1px solid var(--accent)}.ui-bottom{display:flex;justify-content:space-between;gap:16px;margin-top:22px;font-size:14px;color:var(--muted)}.stage-caption{font-size:16px;margin-top:20px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:58px}.section-heading>p{max-width:49ch;font-size:20px}.workflow,.features,.faq,.contact{padding-top:100px;padding-bottom:60px}.workflow-body{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.workflow-text h3{font-size:36px}.workflow-text p{margin-top:24px;max-width:46ch}.workflow-text p.muted{font-size:16px;max-width:44ch}.walkthrough{background:var(--surface);padding:32px;min-height:340px}.walkthrough>.ui-top{margin-bottom:32px}#stage-screen{min-height:210px}#stage-screen>p{font-size:16px;margin-top:24px}.demo-account{display:flex;align-items:center;gap:18px}.demo-account p{font-size:16px;color:var(--muted)}.account-mark{width:52px;height:52px;background:var(--raised);display:grid;place-items:center;font-size:24px}.demo-footer{margin-top:28px;font-size:14px;color:var(--muted)}.stage-controls{margin-top:38px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stage-controls button{border:0;border-top:3px solid transparent;text-align:left;padding:20px;background:var(--surface);color:var(--ink)}.stage-controls button:hover{background:var(--raised)}.stage-controls button.active{border-color:var(--accent);background:var(--raised)}.feature-board{display:grid;grid-template-columns:1.15fr 1fr;gap:12px}.feature{background:var(--surface);padding:36px;overflow:hidden;min-width:0}.feature p{max-width:47ch;margin-top:18px}.feature-draft{grid-row:span 2;display:flex;flex-direction:column;justify-content:space-between}.fragment{background:var(--ground);padding:24px;margin-top:32px}.caption-example{font-size:24px;margin:35px 0 70px;max-width:27ch}.media-row{display:flex;gap:18px;align-items:center;margin-top:24px}.file-type{font-size:14px;background:var(--raised);padding:20px 10px}.media-row>div{display:flex;flex-direction:column;gap:4px}.media-row span:not(.file-type){font-size:14px;color:var(--muted)}.permission-row{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:16px;margin-top:22px}.permission-row>span:last-child{color:var(--muted)}.board-note{grid-column:1/-1;background:var(--accent);color:var(--on-accent);display:grid;grid-template-columns:116px 1fr 1fr;gap:36px;padding:32px;align-items:center;clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%)}.board-note>p{font-size:32px;line-height:1.2}.board-note>span{max-width:34ch;font-size:18px}.faq{display:grid;grid-template-columns:1fr 1.15fr;gap:60px}.faq-list{display:flex;flex-direction:column;gap:12px}.faq details{background:var(--surface);padding:25px 28px}.faq details[open]{background:var(--raised)}summary{cursor:pointer;font-size:22px;font-weight:500;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:25px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:28px;line-height:1}details[open] summary:after{content:'−'}details p{margin-top:24px;font-size:18px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-bottom:100px}.contact p{max-width:43ch;margin-top:28px}.contact-destination{align-self:end}.contact-destination p{margin:0 0 24px}.text-link{display:block;width:fit-content;margin-top:16px}.footer{background:var(--surface);padding-top:40px;padding-bottom:32px}.footer-logo{display:block;width:100%;overflow:hidden}.footer-logo img{width:100%;height:auto;max-height:350px;object-fit:contain}.footer-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:36px;padding-top:38px;font-size:16px}.footer-bottom nav{display:flex;flex-wrap:wrap;align-content:start;gap:12px 22px}.footer-bottom>p{justify-self:end}.footer-bottom>div>p+ p{color:var(--muted);margin-top:8px}.policy-main{padding-top:60px;padding-bottom:100px}.policy-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:80px}.policy-heading h1{font-size:clamp(44px,5.5vw,80px)}.policy-heading p{margin-top:28px;max-width:48ch}.policy-content{max-width:940px;margin:auto}.policy-content h2{font-size:32px;line-height:1.2;margin:52px 0 20px}.policy-content p,.policy-content li{font-size:18px;line-height:1.7}.policy-content p+p{margin-top:18px}.policy-content ul{padding-left:22px}.policy-content li+li{margin-top:10px}.policy-content a{color:var(--accent)}
@media(min-width:1600px){:root{--pad:40px}}
@media(max-width:1100px){.site-header nav{gap:22px;margin-right:10px}.brand{width:220px}.hero{grid-template-columns:45% 55%;min-height:650px}.hero-copy{padding-right:24px}.hero h1{font-size:72px}.hero-stage{padding:70px 20px 24px}.hero-screen{padding:20px 14px}.actions{flex-wrap:wrap;gap:18px}.day{min-height:260px;padding:10px 5px}.post{padding:9px 7px}.screen-title{flex-wrap:wrap}.section-heading,.workflow-body,.contact,.faq{gap:36px}.feature{padding:28px}.board-note>p{font-size:28px}.board-note{gap:28px}}
@media(max-width:850px){:root{--pad:24px}.site-header{min-height:100px;gap:20px}.site-header nav{gap:18px;font-size:16px;margin-right:0}.brand{width:205px}.hero{grid-template-columns:1fr;gap:50px;padding-top:42px;min-height:auto}.hero-copy{padding-right:0}.hero h1{font-size:88px}.lead{max-width:50ch}.hero-stage{padding:62px 28px 22px;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%,0 12%)}.hero-screen{padding:26px}.screen-title{flex-wrap:nowrap}.day{min-height:210px;padding:15px}.post{padding:15px}.section-heading{gap:28px}.section-heading>p{font-size:18px}.workflow-body{gap:28px}.walkthrough{padding:24px}.workflow-text h3{font-size:30px}.feature-board{grid-template-columns:1fr 1fr}.feature{padding:24px}.fragment{padding:20px}.caption-example{font-size:22px}.feature h3{font-size:28px}.media-row{gap:10px}.media-row strong{font-size:16px}.board-note{grid-template-columns:80px 1fr}.board-note img{width:80px}.board-note>span{grid-column:2}.faq{grid-template-columns:1fr;gap:40px}.contact h2{font-size:42px}.footer-bottom{grid-template-columns:1fr 1fr}.footer-bottom>p{justify-self:start}.policy-heading{gap:30px}.policy-heading h1{font-size:52px}}
@media(max-width:600px){:root{--pad:20px;--body:18px;--head:44px}.site-header{flex-wrap:wrap;gap:6px;padding-top:12px;padding-bottom:12px}.brand{width:215px}.site-header nav{order:3;flex-basis:100%;justify-content:space-between;margin-top:12px}.login{font-size:16px;gap:10px}.hero{padding-top:35px;padding-bottom:40px;gap:40px}.hero h1{font-size:64px}.lead{font-size:18px;margin-top:32px;max-width:34ch}.actions{gap:22px}.button{padding:16px 20px;gap:25px}.hero-note{font-size:16px}.legal-links{gap:20px;font-size:16px}.hero-stage{padding:45px 12px 18px;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%,0 10%)}.hero-screen{padding:18px 12px}.screen-title{flex-direction:column;margin-top:22px;margin-bottom:18px}.screen-title strong{font-size:22px}.ui-top{font-size:14px}.ui-tabs{gap:24px}.calendar{grid-template-columns:repeat(2,1fr)}.day:last-child{display:none}.day{padding:10px 7px;min-height:205px}.post{padding:12px 8px}.ui-bottom{font-size:13px}.stage-caption{font-size:14px}.workflow,.features,.faq,.contact{padding-top:70px;padding-bottom:30px}.section-heading{grid-template-columns:1fr;gap:26px;margin-bottom:35px}.section-heading h2 br{display:none}.section-heading>p{font-size:18px;max-width:34ch}.workflow-body{grid-template-columns:1fr;gap:30px}.workflow-text h3{font-size:28px}.workflow-text p{margin-top:18px}.walkthrough{padding:24px 20px;min-height:330px}.stage-controls{grid-template-columns:repeat(2,1fr);margin-top:20px}.stage-controls button{padding:16px;font-size:16px}.feature-board{grid-template-columns:1fr}.feature-draft{grid-row:auto}.feature{padding:26px 20px}.feature h3{font-size:28px}.fragment{padding:20px 16px}.caption-example{font-size:24px;margin:28px 0 44px}.board-note{grid-column:auto;grid-template-columns:70px 1fr;padding:24px 20px;gap:20px}.board-note>p{font-size:24px}.board-note>span{grid-column:1/-1;font-size:16px}.board-note img{width:70px}.faq{gap:32px}.faq details{padding:22px 20px}summary{font-size:20px;gap:18px}details p{font-size:18px}.contact{grid-template-columns:1fr;gap:30px;padding-bottom:70px}.contact h2{font-size:44px}.contact p{margin-top:24px}.contact-destination p{margin-top:0}.footer{padding-top:28px;padding-bottom:28px}.footer-bottom{grid-template-columns:1fr;gap:26px;padding-top:28px}.footer-bottom nav{gap:16px 22px}.footer-logo img{min-height:100px}.policy-heading{grid-template-columns:1fr;gap:24px;margin-bottom:40px}.policy-heading h1{font-size:48px}.policy-heading p{margin-top:20px}.policy-main{padding-top:40px}.policy-content h2{font-size:28px}.policy-content h2:first-child{margin-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Editorial spacing: keep the draft heading and its explanation together. */
.feature-draft{justify-content:flex-start}.feature-draft .fragment{margin-top:48px;flex:1;display:flex;flex-direction:column}.feature-draft .caption-example{margin-top:36px;margin-bottom:44px}.feature-draft .ui-bottom{margin-top:auto}.board-note img{background:var(--accent)}
@media(prefers-reduced-motion:no-preference){.hero-stage:after{content:'';position:absolute;inset:0;background:var(--ground);pointer-events:none;transform:translateX(101%);animation:shutter 1.1s var(--ease) both}.hero-screen{animation:settle 1.1s var(--ease) both}@keyframes shutter{from{transform:translateX(0)}to{transform:translateX(101%)}}@keyframes settle{from{transform:scale(1.06)}to{transform:scale(1)}}}
@media(max-width:600px){.feature-draft .fragment{margin-top:32px}.feature-draft .caption-example{font-size:24px}.feature-draft .ui-bottom{margin-top:10px}}
