:root{--ink:#142e38;--muted:#5a6d70;--cream:#fbf9f3;--orange:#f67742;--line:#dddeda;--blue:#e2eff6;--peach:#fbe5d8;--green:#e4edda}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #1474b7;outline-offset:5px}::selection{background:#faccb6}h1,h2,h3,h4,p{margin-top:0}p{line-height:1.7}h1,h2,h3,h4{letter-spacing:-.055em}h2{font-size:46px;line-height:1.12;margin-bottom:20px}h3{font-size:25px;line-height:1.2}button{color:inherit}.wrap{max-width:1240px;margin:auto;padding-left:36px;padding-right:36px}.nav{max-width:1360px;margin:auto;min-height:106px;display:flex;align-items:center;justify-content:space-between;padding:16px 48px;gap:24px}.brand{display:inline-flex;align-items:center}.brand img{width:234px;height:66px;object-fit:contain}.nav nav{display:flex;gap:30px;font-size:14px;font-weight:600}.nav nav a:hover,.text-link:hover{color:#b8471b}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:18px 24px;border-radius:8px;border:0;font-weight:700;font-size:15px;line-height:1.2;transition:transform .2s,background .2s;min-height:50px}.button:hover{transform:translateY(-2px)}.dark{background:var(--ink);color:white}.dark:hover{background:#254c58}.orange{background:var(--orange);color:var(--ink)}.orange:hover{background:#ff905f}.small{padding:14px 20px;min-height:44px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:42px;padding-top:63px;padding-bottom:91px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;margin-bottom:25px;display:block}.hero .eyebrow{display:flex;align-items:center;gap:11px}.little-ticket{display:inline-flex;align-items:center;justify-content:center;width:26px;height:22px;background:var(--orange);transform:rotate(-12deg);border-radius:4px;font-size:17px}.hero h1{font-size:clamp(60px,6.3vw,86px);line-height:1.02;margin:0 0 30px;letter-spacing:-.075em}.orange-word{position:relative;display:inline-block}.orange-word svg{position:absolute;width:100%;height:19px;left:0;bottom:-9px;stroke:var(--orange);stroke-width:7;stroke-linecap:round;fill:none}.dot{color:var(--orange)}.intro{font-size:16px;max-width:445px;color:var(--muted);line-height:1.8;margin-bottom:27px}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.text-link{font-size:13px;font-weight:700;background:none;border:0;padding:0;display:inline-flex;gap:12px;align-items:center}.hero-note{display:flex;align-items:center;gap:15px;margin-top:35px}.hero-note p{font-size:11px;line-height:1.5;color:var(--muted);margin:0}.avatars{display:flex;padding-left:5px}.avatars b{width:32px;height:32px;border:3px solid var(--cream);border-radius:50%;display:grid;place-items:center;background:#d7e6ec;margin-left:-5px;font-size:9px}.avatars b:nth-child(2){background:#ffd0b4}.avatars b:nth-child(3){background:#e2e8cf}.hero-visual{position:relative;padding:52px 0 45px;min-width:0}.hero-visual:before{content:'';position:absolute;inset:2% -5% 0 -3%;background:#e9eeea;border-radius:48% 44% 35% 45%;transform:rotate(-10deg);z-index:-1}.visual-label{position:absolute;top:8px;right:25px;background:white;border:1px solid var(--line);font-size:11px;font-weight:700;padding:10px 16px;border-radius:50px;transform:rotate(6deg);display:flex;align-items:center;gap:7px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#65a379;flex-shrink:0}.mini-app{display:flex;border:1px solid #ced7d5;border-radius:13px;background:#fff;box-shadow:0 22px 40px #18302e12;transform:rotate(-2deg);overflow:hidden}.app-rail{width:47px;background:var(--ink);color:#b9cace;display:flex;flex-direction:column;align-items:center;gap:19px;padding:18px 0;flex-shrink:0;font-size:17px}.rail-logo{color:white;font-size:18px;letter-spacing:-2px;margin-bottom:12px}.rail-logo span{color:var(--orange)}.rail-active{background:#41636a;color:white;border-radius:5px;width:28px;height:28px;display:grid;place-items:center}.rail-bottom{margin-top:auto;background:#f2d8bc;border-radius:50%;font-size:8px;width:24px;height:24px;display:grid;place-items:center;color:var(--ink)}.app-main{padding:22px 20px 0;flex:1;min-width:0}.app-top{display:flex;justify-content:space-between;align-items:center;font-size:6px;color:var(--muted);font-weight:700;letter-spacing:.09em;margin-bottom:23px}.demo-tag{background:#f3f4ef;padding:4px 6px;border-radius:3px}.app-main h2{font-size:22px;letter-spacing:-.04em;margin-bottom:6px}.app-main h2 span{color:#dd8e3d}.app-sub{font-size:8px;color:var(--muted);margin-bottom:20px}.app-counts{display:flex;gap:8px;margin-bottom:23px}.app-counts>div{flex:1;background:#f1f5f4;border-radius:6px;padding:12px 9px}.app-counts>div:nth-child(2){background:#fdf0e4}.app-counts>div:nth-child(3){background:#ebf0e5}.app-counts strong{display:block;font-size:25px;letter-spacing:-.07em;margin-bottom:5px}.app-counts span{font-size:7px;display:block;color:#49605f}.app-section-title{display:flex;justify-content:space-between;font-size:8px;padding-bottom:6px}.app-section-title>span{font-size:6px;color:var(--muted)}.example-row{display:flex;align-items:center;gap:8px;padding:15px 0;border-bottom:1px solid #e9eeee}.example-icon{width:27px;height:29px;border-radius:6px;display:grid;place-items:center;font-size:18px;flex-shrink:0}.example-row>div{flex:1}.example-row b{font-size:8px;display:block;line-height:1.4}.example-row small{font-size:6px;display:block;margin-top:4px;color:var(--muted)}.pill{display:inline-flex;align-items:center;font-size:8px;font-weight:700;padding:5px 8px;border-radius:4px;white-space:nowrap}.blue{background:var(--blue);color:#31596b}.peach{background:var(--peach);color:#925234}.green{background:var(--green);color:#46604b}.app-footer{padding:13px 0;font-size:7px;color:var(--muted);display:flex;align-items:center;gap:6px}.app-footer .live-dot{width:5px;height:5px}.floating-note{position:absolute;bottom:10px;right:-14px;display:flex;gap:12px;align-items:center;background:white;padding:17px 22px;border-radius:9px;box-shadow:0 9px 25px #142e3812;transform:rotate(3deg);border:1px solid #dfe4df}.note-check{width:32px;height:32px;border-radius:50%;background:var(--green);display:grid;place-items:center;font-weight:700}.floating-note b{display:block;font-size:12px;margin-bottom:5px}.floating-note div>span{font-size:9px;color:var(--muted)}.topic-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.topic-strip>.wrap{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:26px;padding-bottom:26px;flex-wrap:wrap;font-size:13px}.topic-strip span:first-child{font-size:11px;color:var(--muted)}.topic-strip span:not(:first-child){color:#b6c3bc}.possibilities{padding-top:92px;padding-bottom:92px}.section-heading{display:flex;justify-content:space-between;gap:45px;align-items:flex-end;margin-bottom:43px}.section-heading>div{flex:1}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:330px;font-size:14px;color:var(--muted);margin-bottom:3px}.section-heading .eyebrow{margin-bottom:18px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature{padding:29px 25px 25px;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;min-width:0}.feature-num{font-size:9px;letter-spacing:.12em;font-weight:700;color:var(--muted);display:block;margin-bottom:32px}.feature h3{margin-bottom:17px}.feature>p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:25px}.field-example,.message-example,.tiny-planner{margin-top:auto;background:white;border-radius:6px;border:1px solid #e1e5de;padding:15px}.field-example>span{font-size:9px;display:block;margin-bottom:7px}.field-example>b{display:flex;justify-content:space-between;font-size:10px;border:1px solid var(--line);padding:9px;border-radius:4px}.field-example small{font-size:8px;display:block;color:var(--muted);line-height:1.6;margin-top:8px}.message-example p{font-size:10px;line-height:1.7;margin:10px 0 0}.tiny-planner{display:flex;gap:15px;align-items:center;min-height:117px}.tiny-planner>span{font-size:8px;display:flex;flex-direction:column;gap:5px}.tiny-planner>span b{font-size:25px;font-weight:500}.tiny-planner>div{position:relative;background:var(--peach);border-left:3px solid var(--orange);padding:15px 10px;flex:1;border-radius:4px}.tiny-planner div>b{display:block;font-size:10px;margin-bottom:7px}.tiny-planner small{font-size:8px}.demo-section{background:#eaf0ed;padding:77px 0}.demo-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.demo-copy h2{font-size:43px}.demo-copy>p:not(.eyebrow){font-size:14px;color:var(--muted)}.demo-tabs{display:inline-flex;margin-top:16px;border:1px solid #cbd5ce;border-radius:7px;padding:4px;gap:3px}.demo-tabs button{border:0;border-radius:5px;background:transparent;padding:12px 14px;font-size:12px;font-weight:700}.demo-tabs [aria-selected=true]{background:var(--ink);color:white}.small-note{font-size:10px!important;color:var(--muted);line-height:1.7;margin-top:16px}.demo-ticket{background:white;border:1px solid #d5dfd9;border-radius:12px;padding:28px;box-shadow:0 14px 30px #193b2e08}.ticket-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.ticket-top>span:first-child{font-size:9px;letter-spacing:.08em;color:var(--muted);font-weight:700}.demo-ticket h3{font-size:24px;margin-bottom:10px}.ticket-meta{font-size:10px;color:var(--muted)}.step-bar{display:flex;gap:6px;margin:27px 0}.step-bar button{flex:1;background:#f1f4f2;border:1px solid transparent;padding:12px 7px;display:flex;gap:7px;align-items:center;justify-content:center;border-radius:6px;font-size:10px}.step-bar button>span{border:1px solid #bac9c1;border-radius:50%;width:19px;height:19px;display:grid;place-items:center;font-size:9px}.step-bar button.current{background:#fff1e5;border-color:#f0b48c}.step-bar .current>span{background:var(--orange);border-color:var(--orange)}.demo-detail{min-height:219px}.demo-detail .eyebrow{font-size:8px;margin-bottom:13px}.demo-detail h4{font-size:19px;letter-spacing:-.03em;margin-bottom:12px}.demo-detail p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.8}.demo-facts{display:flex;gap:30px;border-top:1px solid #e8ece6;padding-top:18px;margin-top:20px}.demo-facts span{font-size:9px;color:var(--muted)}.demo-facts b{display:block;color:var(--ink);margin-top:7px;font-size:11px}.demo-controls{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e8ece6;padding-top:20px;gap:15px}.demo-controls>span{font-size:9px;color:var(--muted)}.demo-controls button{font-size:11px}.workflow{padding-top:93px;padding-bottom:88px}.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:50px}.role-symbol{height:43px;width:43px;border-radius:12px;display:grid;place-items:center;font-size:24px;margin-bottom:24px}.roles h3{font-size:23px;margin-bottom:13px}.roles p{font-size:13px;color:var(--muted)}.roadmap{display:grid;grid-template-columns:1fr 1fr;gap:110px;padding-top:53px;padding-bottom:62px;border-top:1px solid var(--line)}.roadmap h2{font-size:40px}.roadmap-intro>p{font-size:14px;color:var(--muted);max-width:360px}.roadmap-list>div{padding:0 0 23px;margin-bottom:25px;border-bottom:1px solid var(--line)}.roadmap-list>div:last-child{margin-bottom:0}.availability{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:700;margin-bottom:13px}.availability:before{content:'';height:6px;width:6px;display:inline-block;background:#66946b;border-radius:50%}.building:before{background:var(--orange)}.roadmap-list h3{font-size:21px;letter-spacing:-.035em;margin-bottom:10px}.roadmap-list p{font-size:12px;color:var(--muted);margin-bottom:0}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:90px;padding-top:54px;padding-bottom:93px}.faq h2{font-size:42px}.faq>div>p:not(.eyebrow){font-size:13px;color:var(--muted)}.faq-items details{border-bottom:1px solid var(--line)}.faq-items summary{font-size:14px;font-weight:700;cursor:pointer;padding:22px 30px 22px 0;list-style:none;position:relative;line-height:1.6}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary:after{content:'+';position:absolute;right:2px;top:21px;font-size:20px;font-weight:400}.faq-items details[open] summary:after{content:'−'}.faq-items p{font-size:13px;color:var(--muted);padding-right:25px}.closing{background:var(--ink);color:#fbf9f3;overflow:hidden}.closing>.wrap{position:relative;padding-top:67px;padding-bottom:70px}.closing .eyebrow{color:#b4cbc9;margin-bottom:22px}.closing h2{font-size:54px;position:relative;z-index:1}.closing .actions{position:relative;z-index:1;margin-top:28px}.closing-link{font-size:12px;color:#c2d1d1}.closing-ticket{position:absolute;right:60px;top:70px;background:var(--orange);height:180px;width:235px;display:grid;place-items:center;font-size:95px;color:var(--ink);transform:rotate(-15deg);border-radius:25px}.closing-ticket:before,.closing-ticket:after{content:'';width:39px;height:39px;border-radius:50%;background:var(--ink);position:absolute;top:70px;left:-20px}.closing-ticket:after{left:auto;right:-20px}.footer{padding-top:34px;padding-bottom:34px;display:flex;align-items:center;gap:25px}.footer .brand img{width:185px;height:48px}.footer>span{font-size:10px;color:var(--muted)}.footer>div{margin-left:auto;display:flex;gap:22px;font-size:10px}.footer>div>span{color:var(--muted)}dialog{border:1px solid var(--line);border-radius:15px;background:var(--cream);color:var(--ink);padding:32px;max-width:480px;width:calc(100% - 32px);box-shadow:0 25px 90px #0003}dialog::backdrop{background:#142e38a8;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.dialog-top .eyebrow{margin:0}.dialog-close{border:0;background:none;font-size:29px;line-height:1}.dialog-top+h2{font-size:34px;margin-bottom:13px}dialog p{font-size:13px;color:var(--muted)}dialog label{font-size:12px;font-weight:700;display:block;margin:23px 0 9px}.domain-input{display:flex;align-items:center;background:white;border:1px solid #a9b9b6;border-radius:6px;overflow:hidden;margin-bottom:18px}.domain-input input{min-width:0;width:100%;border:0;padding:15px 10px;font-size:13px;background:white;color:var(--ink)}.domain-input>span{font-size:11px;padding-right:12px;white-space:nowrap;color:var(--muted)}#portal-form>.button{width:100%}.portal-shortcut{border-top:1px solid var(--line);padding-top:20px;margin-top:24px;font-size:11px}.portal-shortcut a{font-weight:700;color:var(--ink);display:block}.skip{position:fixed;left:12px;top:-100px;padding:15px;background:var(--ink);color:white;z-index:100}.skip:focus{top:12px}
@media(min-width:1450px){.hero{padding-top:84px;padding-bottom:110px}.hero h1{font-size:89px}}@media(max-width:1000px){.nav{padding:15px 30px}.nav nav{gap:20px}.hero{gap:28px}.hero h1{font-size:65px}.hero .actions{gap:17px}.hero .button{font-size:13px;padding:17px}.hero .text-link{font-size:11px}.hero-visual{margin-right:4px}.app-main{padding:19px 13px 0}.app-rail{width:37px}.example-row{gap:5px}.example-row .pill{font-size:6px;padding:5px}.example-row b{font-size:7px}.example-icon{width:22px;font-size:15px}.app-main h2{font-size:18px}.app-counts strong{font-size:23px}.app-counts>div{padding:10px 7px}.app-counts span{font-size:6px}.floating-note{right:-10px;padding:14px}.feature{padding:23px 20px}.feature h3{font-size:22px}.demo-layout{gap:45px}.demo-copy h2{font-size:36px}.demo-ticket{padding:23px}.roadmap{gap:60px}.closing-ticket{right:40px;width:170px;height:155px}.footer{flex-wrap:wrap}.footer>div{gap:15px}.footer>span{display:none}}
@media(max-width:900px){.wrap{padding-left:24px;padding-right:24px}.nav{padding:11px 24px;min-height:88px;gap:15px}.nav .brand img{width:182px;height:56px}.nav nav{display:none}.nav .small{font-size:11px;padding:12px 15px;gap:14px}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:55px;gap:26px}.hero h1{font-size:clamp(58px,11.8vw,82px);line-height:1.03;margin-bottom:30px}.hero .eyebrow{font-size:9px;margin-bottom:24px}.intro{font-size:15px;max-width:490px}.hero .button{font-size:13px;padding:17px 20px}.hero .text-link{font-size:12px}.hero-note{margin-top:25px}.hero-visual{max-width:530px;margin:0 auto;width:100%;padding-top:40px;padding-bottom:35px}.hero-visual:before{inset:0 0 0 0}.visual-label{top:0;right:23px}.mini-app{max-width:490px;margin:0 8px}.app-main{padding:23px 20px 0}.app-rail{width:42px}.app-main h2{font-size:22px}.app-counts>div{padding:13px 10px}.app-counts span{font-size:7px}.app-counts strong{font-size:25px}.example-row b{font-size:9px}.example-row small{font-size:7px}.example-row .pill{font-size:7px}.example-row{padding:15px 0;gap:8px}.example-icon{width:27px}.app-top{font-size:7px}.app-section-title{font-size:9px}.app-section-title>span{font-size:7px}.app-footer{font-size:8px}.floating-note{right:0;bottom:3px}.topic-strip>.wrap{justify-content:center;gap:15px;padding-top:21px;padding-bottom:21px;font-size:11px}.topic-strip span:first-child{flex-basis:100%;text-align:center;font-size:10px;margin-bottom:3px}.topic-strip span:not(:first-child){font-size:9px}.possibilities{padding-top:60px;padding-bottom:55px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{max-width:450px;margin-top:23px;font-size:14px}h2{font-size:37px}.feature-grid{grid-template-columns:1fr;gap:15px}.feature{padding:26px}.feature-num{margin-bottom:22px}.feature h3{font-size:25px}.feature>p{font-size:14px}.field-example,.message-example,.tiny-planner{max-width:none}.field-example>span{font-size:11px}.field-example>b{font-size:12px;padding:12px}.field-example small{font-size:10px}.message-example p{font-size:12px}.message-example .pill{font-size:10px}.tiny-planner div>b{font-size:12px}.tiny-planner small{font-size:10px}.demo-section{padding:55px 0}.demo-layout{grid-template-columns:1fr;gap:25px}.demo-copy h2{font-size:37px}.demo-copy>p{max-width:470px}.demo-tabs{margin-top:8px}.demo-ticket{padding:23px 20px}.demo-ticket h3{font-size:25px}.demo-detail{min-height:233px}.demo-detail p:not(.eyebrow){font-size:13px}.step-bar button{font-size:10px;padding:11px 4px;gap:5px}.demo-controls{gap:7px}.demo-controls>span{font-size:8px}.demo-controls button{font-size:10px}.workflow{padding-top:59px;padding-bottom:45px}.roles{grid-template-columns:1fr;gap:20px;margin-top:32px}.roles article{position:relative;padding-left:64px}.role-symbol{position:absolute;left:0;top:0}.roles h3{font-size:23px}.roles p{font-size:14px;max-width:440px}.roadmap{grid-template-columns:1fr;gap:23px;padding-top:44px;padding-bottom:30px;margin:0 24px;padding-left:0;padding-right:0}.roadmap h2{font-size:35px}.roadmap-intro>p{max-width:none}.roadmap-list p{font-size:13px}.faq{grid-template-columns:1fr;gap:8px;padding-top:38px;padding-bottom:58px}.faq h2{font-size:37px}.faq-items summary{font-size:14px}.faq-items p{font-size:13px}.closing>.wrap{padding-top:48px;padding-bottom:52px}.closing h2{font-size:38px;max-width:400px}.closing-ticket{display:none}.closing .button{font-size:13px;padding:17px}.closing .actions{gap:21px}.closing .eyebrow{font-size:9px}.closing-link{font-size:11px}.footer{padding-top:24px;padding-bottom:25px;gap:15px}.footer .brand img{width:180px}.footer>div{width:100%;margin-left:0;justify-content:space-between;flex-wrap:wrap;font-size:9px;gap:12px}.eyebrow{font-size:9px}dialog{padding:25px}.domain-input>span{font-size:10px}.domain-input input{font-size:12px}.hero .actions{gap:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Keep decorative rotations inside the viewport without clipping text layouts. */
body{overflow-x:clip}.hero h1{font-size:clamp(56px,5.7vw,80px)}
@media(min-width:1450px){.hero h1{font-size:84px}}
@media(max-width:1000px) and (min-width:901px){.hero h1{font-size:60px}}
@media(max-width:900px){.hero h1{font-size:clamp(52px,10.9vw,72px)}.hero-visual:before{transform:none}}
html{overflow-x:clip}
@media(max-width:1200px){.hero-visual:before{inset:2% 0 0;transform:none}.floating-note{right:0}}
