:root{--bg:#f6f3ec;--surface:#fffdf7;--ink:#212c3b;--muted:#66707b;--line:#deded5;--accent:#234cda;--pale:#e8edff;--band:#ece9e1;--orange:#ff774d;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}body.dark{--bg:#171c25;--surface:#222a36;--ink:#f5f2e9;--muted:#aab6c9;--line:#394352;--accent:#a6baff;--pale:#2c3a5b;--band:#1d2430;color-scheme:dark}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button[aria-busy="true"]{cursor:progress}[hidden]{display:none!important}a,button,summary,input,select,textarea{outline-offset:5px}:focus-visible{outline:3px solid var(--accent)}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.header{width:min(1360px,calc(100% - 80px));height:96px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:22px;letter-spacing:-1px}.monogram{background:var(--ink);color:var(--bg);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:19px;letter-spacing:-1.5px}.header nav{display:flex;gap:30px;font-size:13px;font-weight:600}.header nav a:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:14px}.header select{border:0;color:var(--ink);background:transparent;font-size:12px;padding:8px}.theme{width:35px;height:35px;background:transparent;border:1px solid var(--line);border-radius:50%;color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;padding:15px 23px;min-height:48px;border:0;border-radius:8px;font-size:14px;font-weight:650;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 6px 0 #212c3b18}.dark .button{color:#171c25}.button.small{padding:10px 16px;min-height:38px;font-size:12px}.text-link{font-size:13px;font-weight:650;border-bottom:1px solid var(--ink);padding-bottom:3px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-top:86px;padding-bottom:92px}.hero-copy{padding-bottom:20px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.5px;color:var(--accent);text-transform:uppercase;margin:0 0 22px}.hero .eyebrow{display:flex;align-items:center;gap:9px}.hero .eyebrow:before{content:'';width:7px;height:7px;background:var(--orange);border-radius:50%}h1{font-size:clamp(44px,4.5vw,68px);line-height:1.06;letter-spacing:-3.6px;font-weight:780;margin:0 0 28px;max-width:650px;text-wrap:balance}h2{font-size:clamp(32px,3.7vw,50px);line-height:1.1;letter-spacing:-2px;margin:0 0 24px;text-wrap:balance}h3{line-height:1.25;letter-spacing:-.6px}.lead{color:var(--muted);font-size:16px;line-height:1.8;max-width:490px;margin:0 0 30px}.hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.hero-note{font-size:11px;color:var(--muted);margin:20px 0 0}.hero-visual{position:relative;min-width:0;padding:0 0 34px}.hero-visual:before{content:'';position:absolute;inset:70px -18px 32px;background:var(--orange);border-radius:35% 8% 26% 6%;transform:rotate(6deg);opacity:.9}.stage-label{position:relative;display:flex;align-items:center;gap:9px;font-size:10px;font-weight:600;margin:0 0 28px}.status-dot{width:7px;height:7px;background:var(--accent);border-radius:50%}.stage-index{margin-left:auto;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.day-board{position:relative;background:var(--surface);border:1px solid var(--ink);border-radius:16px;box-shadow:9px 12px 0 #212c3b;transform:rotate(-3deg);padding:22px;color:var(--ink);overflow:hidden}.board-top{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:20px}.board-logo{width:36px;height:36px;border-radius:10px;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-size:13px;font-weight:800}.board-top strong{display:block;font-size:15px;letter-spacing:-.4px}.board-top div>span{font-size:10px;color:var(--muted)}.board-date{font-size:10px;font-weight:700;margin-left:auto}.board-columns{display:grid;grid-template-columns:40px 1fr 1fr;font-size:11px;padding:15px 0 10px;text-align:center}.board-grid{display:grid;grid-template-columns:40px 1fr 1fr;height:250px}.board-times{display:flex;flex-direction:column;justify-content:space-around;color:var(--muted);font-size:9px}.board-lane{position:relative;border-left:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 61px,var(--line) 61px,var(--line) 62px)}.booking{position:absolute;left:7px;right:7px;border-radius:7px;padding:10px;background:var(--pale);border-left:3px solid var(--accent);height:57px;line-height:1.5}.booking span{display:block;font-size:8px;font-weight:650}.booking strong{font-size:10px;display:block;white-space:nowrap}.booking small{font-size:8px;display:block;color:var(--muted)}.booking-one{top:2px}.booking-two{top:65px;background:#f7e4cd;border-color:#bf883c;color:#503611}.booking-two small{color:#795e35}.booking-new{top:127px;background:#ddefdc;border-color:#548458;color:#2f5333;animation:booking-arrive 8s infinite}.booking-new small{color:#4e7152}.booking-new i{position:absolute;right:9px;top:8px;font-style:normal}.board-bottom{display:flex;align-items:center;gap:10px;padding-top:17px;font-size:9px;border-top:1px solid var(--line);margin-top:10px}.avatar-stack{display:flex;padding-left:5px}.avatar-stack i{width:23px;height:23px;border:2px solid var(--surface);background:#cbd5fd;color:#304579;border-radius:50%;font-size:9px;font-style:normal;display:grid;place-items:center;margin-left:-5px}.avatar-stack i+i{background:#f7c9b8;color:#81341b}.sync-icon{margin-left:auto;font-size:17px;color:var(--accent)}.arrival-toast{position:absolute;top:244px;right:-24px;background:var(--surface);border:1px solid var(--ink);border-radius:12px;padding:13px 17px;display:flex;align-items:center;gap:12px;box-shadow:4px 5px 0 #212c3b;animation:toast-arrive 8s infinite}.telegram-icon{display:grid;place-items:center;background:var(--accent);color:#fff;width:33px;height:33px;border-radius:50%;font-size:22px}.arrival-toast strong{font-size:12px;display:block}.arrival-toast div>span{display:block;font-size:9px;color:var(--muted)}.toast-check{color:#548458;font-size:16px;margin-left:8px}.paper-note{position:absolute;right:8px;bottom:48px;transform:rotate(6deg);background:#ffdd83;color:#49361c;font-size:14px;font-weight:650;line-height:1.3;padding:14px 18px;box-shadow:2px 4px 0 #212c3b18;white-space:pre-line}.paper-arrow{font-size:25px;position:absolute;left:-32px;top:8px}.stage-footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;color:var(--muted);margin-top:30px}.motion-toggle{background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;padding:5px 0}.platform-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:center;align-items:center;gap:46px;padding:21px 24px;font-size:11px;font-weight:600}.platform-strip span:before{content:'✳';color:var(--orange);margin-right:12px;font-size:17px;vertical-align:middle}.section{padding-top:96px;padding-bottom:96px}.section-heading{max-width:720px;margin-bottom:44px}.section-heading>p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:580px}.benefit-studio{border:1px solid var(--ink);border-radius:14px;overflow:hidden;margin-bottom:48px;background:var(--surface)}.story-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--ink)}.story-tab{display:flex;align-items:center;gap:14px;padding:24px 26px;border:0;border-right:1px solid var(--ink);color:var(--muted);background:transparent;text-align:left;font-size:13px}.story-tab:last-child{border-right:0}.story-tab>span{font-size:10px}.story-tab>i{font-style:normal;margin-left:auto;font-size:20px}.story-tab.selected{background:var(--ink);color:var(--bg)}.story-tab:hover:not(.selected){background:var(--pale)}.story-panel{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:58px 64px 68px;min-height:408px}.story-copy{align-self:center}.story-copy h3{font-size:32px;letter-spacing:-1.2px;margin:0 0 20px;text-wrap:balance}.story-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 25px}.story-foot{font-size:11px;border-left:2px solid var(--orange);padding-left:12px;color:var(--muted)}.story-scene{min-width:0;align-self:center}.scene-caption{position:absolute;bottom:16px;right:64px;color:var(--muted);font-size:9px}.scene-schedule,.scene-chat,.scene-report{border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:20px;box-shadow:0 12px 25px #212c3b09;min-height:274px}.mini-head{display:flex;justify-content:space-between;font-size:10px;font-weight:650}.scene-status{color:#548458;animation:success-state 8s infinite}.mini-columns{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:11px;padding:18px 0 12px}.mini-calendar{height:181px;position:relative;background:repeating-linear-gradient(to bottom,transparent 0,transparent 44px,var(--line) 44px,var(--line) 45px)}.mini-calendar:before{content:'';position:absolute;left:50%;top:0;bottom:0;border-left:1px solid var(--line)}.mini-slot{position:absolute;left:0;width:46%;border-radius:6px;padding:10px;font-size:10px;line-height:1.5}.slot-fixed{top:0;background:var(--pale);height:70px;color:var(--accent)}.slot-free{top:90px;height:72px;border:1px dashed var(--line);color:var(--muted)}.slot-free span{font-size:9px}.slot-added{top:90px;height:72px;background:#ddefdc;color:#2f5333;animation:booking-arrive 8s infinite}.slot-added small,.slot-added strong{display:block;font-size:10px}.slot-added b{position:absolute;right:12px;bottom:8px}.slot-second{left:54%;top:45px;height:72px;background:#f7e4cd;color:#503611}.demo-pointer{position:absolute;top:95px;left:26%;font-size:29px;color:var(--accent);animation:pointer-book 8s infinite}.demo-pointer span{display:block;background:var(--ink);color:var(--bg);font-size:9px;line-height:1.5;padding:4px 8px;border-radius:4px;white-space:nowrap}.scene-chat{max-width:355px;margin:auto;background:var(--pale)}.chat-head{display:flex;align-items:center;gap:10px;font-size:11px;margin-bottom:22px}.chat-head>span:last-child{margin-left:auto;letter-spacing:2px}.chat-message{max-width:88%;border-radius:10px 10px 10px 2px;background:var(--surface);padding:10px 13px;margin-bottom:9px;font-size:11px;box-shadow:0 2px 0 #212c3b08}.chat-two{margin-left:auto;background:var(--accent);color:var(--bg);border-radius:10px 10px 2px 10px;animation:chat-reply 8s infinite}.chat-three{animation:chat-slots 8s infinite}.chat-times{display:flex;gap:7px;margin-top:9px}.chat-times span{border:1px solid var(--line);padding:4px 8px;border-radius:5px;font-size:10px}.chat-times .chosen{background:var(--pale);color:var(--accent);border-color:var(--accent)}.chat-four{background:#ddefdc;color:#2f5333;animation:chat-confirm 8s infinite}.chat-four>span{font-size:9px}.scene-report{position:relative;margin-right:20px}.report-total{padding-top:22px}.report-total>span{font-size:10px;color:var(--muted)}.report-total>strong{display:block;font-size:38px;letter-spacing:-1px;line-height:1.4}.report-total small{font-size:20px;font-weight:500}.report-bars{height:84px;display:flex;gap:12px;align-items:flex-end;padding:8px 0 0;border-bottom:1px solid var(--line)}.report-bars i{display:block;flex:1;min-height:5px;height:42%;background:var(--accent);border-radius:4px 4px 0 0;transform-origin:bottom;animation:bar-grow 8s infinite}.report-bars i:nth-child(2){height:68%}.report-bars i:nth-child(3){height:48%}.report-bars i:nth-child(4){height:90%;background:var(--orange)}.report-bars i:nth-child(5){height:65%}.report-bars i:nth-child(6){height:80%}.report-bars i:nth-child(7){height:97%;background:var(--orange)}.report-details{display:flex;gap:25px;font-size:10px;margin-top:14px}.report-details b{margin-left:10px}.payment-slip{position:absolute;top:60px;right:-30px;background:#ffdd83;color:#49361c;border-radius:8px;transform:rotate(6deg);padding:14px 18px;box-shadow:3px 5px 0 #212c3b15;animation:payment-arrive 8s infinite}.payment-slip>span,.payment-slip small{display:block;font-size:9px}.payment-slip strong{display:block;font-size:23px;margin:4px 0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 32px}.feature{padding:24px 0;border-top:1px solid var(--line)}.feature-icon{font-size:23px;color:var(--accent);display:block}.feature h3{font-size:17px;margin:12px 0}.feature p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.business-section{background:var(--band);padding:85px 0}.business-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.section-description{color:var(--muted);font-size:14px}.segments{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.segments button{padding:9px 14px;font-size:12px;background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:7px}.segments button.selected{background:var(--ink);color:var(--bg);border-color:var(--ink)}.business-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:35px}.business-panel h3{font-size:25px;margin:0 0 16px}.business-panel p{color:var(--muted);font-size:14px}.business-panel ul{padding:0;list-style:none;font-size:13px}.business-panel li{border-top:1px solid var(--line);padding:12px 0}.business-panel li:before{content:'↗';color:var(--accent);margin-right:12px}.product-peek{padding-top:90px;display:grid;grid-template-columns:.65fr 1fr;gap:55px;align-items:center}.product-peek h2{font-size:36px}.product-peek>div>p:not(.eyebrow){color:var(--muted);font-size:14px}.app-frame{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);box-shadow:0 16px 40px #212c3b0c}.window-bar{display:flex;justify-content:space-between;padding:9px 14px;font-size:9px;background:var(--band);color:var(--muted)}.app-frame img{width:100%;height:auto;display:block}.demo-caption{font-size:10px;color:var(--muted);margin:0;text-align:right;grid-column:2}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.download-card{padding:32px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.download-card h3{font-size:28px;margin:0}.download-card>p{font-size:13px;color:var(--muted)}.download-build{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.download-build .button{font-size:12px;padding:11px 17px;min-height:40px}.download-build>span{font-size:11px;margin-left:12px;color:var(--muted)}.download-build details{font-size:11px;color:var(--muted);margin-top:14px;overflow-wrap:anywhere}.download-build code{display:block;font-size:10px;user-select:all;margin-top:8px}.download-footnote{font-size:11px;color:var(--muted);max-width:650px;margin-top:24px}.service-status{font-size:13px;color:var(--accent)}.horizontal{display:flex;justify-content:space-between;max-width:none;align-items:center}.horizontal>span{color:var(--muted);font-size:13px}.news-section{padding-top:0}.announcements{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.announcement{padding:25px 0;border-top:1px solid var(--line)}.announcement time{font-size:11px;color:var(--muted)}.announcement h3{font-size:19px}.announcement p{color:var(--muted);font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.empty-news{font-size:13px;color:var(--muted)}.demo-section{background:var(--ink);color:var(--bg);padding:90px 0}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.demo-copy{padding-top:28px}.demo-copy .eyebrow{color:#ffae80}.demo-copy>p:not(.eyebrow){font-size:15px;opacity:.8}.demo-steps{margin-top:40px}.demo-steps p{display:flex;gap:20px;font-size:13px;border-top:1px solid #ffffff24;padding:16px 0;margin:0}.demo-steps p>span:first-child{color:#ffae80}.demo-form{padding:32px;border-radius:12px;background:var(--surface);color:var(--ink);border:1px solid var(--line)}.demo-form h3{font-size:25px;margin:0 0 24px}.demo-form>label{display:block;font-size:12px;margin:17px 0 6px}.demo-form>input,.demo-form>textarea{width:100%;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);padding:11px 12px;font-size:14px}.demo-form textarea{resize:vertical}.demo-form>input:focus,.demo-form>textarea:focus{border-color:var(--accent)}.demo-form>.consent{display:flex;gap:10px;align-items:flex-start;font-size:10px;line-height:1.7;color:var(--muted);margin-bottom:20px}.consent input{margin-top:4px;accent-color:var(--accent)}.demo-form>.button{width:100%}#form-status,#access-status{font-size:12px;color:var(--accent);overflow-wrap:anywhere}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:90px}.faq-section details{border-bottom:1px solid var(--line);padding:22px 0}.faq-section summary{cursor:pointer;font-size:15px;font-weight:600}.faq-section details p{font-size:13px;color:var(--muted)}.footer{display:flex;gap:28px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding:32px 0;color:var(--muted);font-size:11px}.footer .brand{color:var(--ink)}.footer>span:last-child{margin-left:auto}#contact-email{color:var(--accent)}.skip{position:absolute;top:-100px;left:12px;background:var(--surface);padding:10px;z-index:5}.skip:focus{top:12px}.access-section{max-width:640px}.access-section .button{margin-top:20px}
@keyframes booking-arrive{0%,28%{opacity:0;transform:translateY(-12px) scale(.94)}40%,92%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@keyframes toast-arrive{0%,13%{opacity:0;transform:translateY(18px) rotate(2deg)}22%,66%{opacity:1;transform:none}80%,100%{opacity:0;transform:translateY(-12px)}}
@keyframes pointer-book{0%,12%{opacity:0;transform:translate(45px,35px)}20%,30%{opacity:1;transform:none}43%,100%{opacity:0;transform:none}}
@keyframes success-state{0%,32%{opacity:0}42%,92%{opacity:1}100%{opacity:0}}
@keyframes chat-reply{0%,15%{opacity:0;transform:translateY(8px)}25%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes chat-slots{0%,30%{opacity:0;transform:translateY(8px)}40%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes chat-confirm{0%,52%{opacity:0;transform:translateY(8px)}62%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes bar-grow{0%,15%{transform:scaleY(.35)}45%,100%{transform:scaleY(1)}}
@keyframes payment-arrive{0%,18%{opacity:0;transform:translateY(-15px) rotate(6deg)}30%,90%{opacity:1;transform:rotate(6deg)}100%{opacity:0;transform:rotate(6deg)}}
.hero-visual:not(.in-view) *,.benefit-studio:not(.in-view) *{animation-play-state:paused!important}.motion-paused *{animation:none!important}.motion-paused .demo-pointer{display:none}
@media(max-width:1050px){.hero{gap:35px;padding-top:60px}.wrap,.header{width:calc(100% - 56px)}h1{font-size:49px;letter-spacing:-2.3px}.header nav{gap:20px}.arrival-toast{right:-10px}.board-top strong{font-size:13px}.day-board{padding:16px}.booking{padding:8px 5px}.booking strong{font-size:9px}.story-panel{gap:35px;padding:38px 35px 55px}.scene-caption{right:35px}.story-tab{padding:20px 18px;gap:10px}.business-layout,.demo-layout{gap:40px}.platform-strip{gap:24px;flex-wrap:wrap}.product-peek{gap:35px}}
@media(max-width:760px){.wrap,.header{width:calc(100% - 40px)}.header{height:76px}.header nav{display:none}.header-actions{gap:8px}.header-actions .button{display:none}.hero{grid-template-columns:minmax(0,1fr);gap:25px;padding-top:42px;padding-bottom:45px}h1{font-size:46px;letter-spacing:-2px}h2{font-size:34px;letter-spacing:-1.5px}.hero-copy{padding-bottom:0}.lead{font-size:14px}.hero-visual{margin:20px 10px 0}.hero-visual:before{inset:70px -8px 35px}.day-board{box-shadow:6px 8px 0 #212c3b}.stage-label{font-size:9px;margin-bottom:25px}.stage-index{display:none}.board-top strong{font-size:14px}.booking strong{font-size:10px}.paper-note{font-size:12px;bottom:55px;right:0}.arrival-toast{right:-8px;top:237px;padding:11px 12px}.stage-footer{font-size:8px}.motion-toggle{font-size:9px}.platform-strip{font-size:10px;gap:12px 22px;justify-content:flex-start;padding:20px}.section{padding:60px 0}.section-heading{margin-bottom:30px}.story-tabs{grid-template-columns:minmax(0,1fr)}.story-tab{border-right:0;border-bottom:1px solid var(--line);padding:15px 18px}.story-tab:last-child{border-bottom:0}.story-panel{grid-template-columns:minmax(0,1fr);gap:28px;padding:28px 22px 42px;min-height:0}.story-copy h3{font-size:27px}.story-copy>p:not(.eyebrow){font-size:13px}.story-copy .eyebrow{margin-bottom:14px}.scene-caption{right:auto;left:22px;bottom:8px;font-size:8px}.story-scene{width:100%}.scene-report{margin-right:12px}.payment-slip{right:-15px;padding:12px}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.feature h3{font-size:15px}.feature p{font-size:12px}.business-section,.demo-section{padding:55px 0}.business-layout,.demo-layout,.download-grid,.faq-section,.product-peek{grid-template-columns:minmax(0,1fr);gap:25px}.business-panel,.download-card,.demo-form{padding:25px}.product-peek{padding-top:55px;gap:20px}.product-peek h2{font-size:32px}.demo-caption{grid-column:1;font-size:9px}.download-build>span{display:block;margin:10px 0 0}.announcements{grid-template-columns:1fr}.news-section{padding-top:0}.horizontal{display:block}.demo-copy{padding-top:0}.demo-steps{margin-top:25px}.faq-section{gap:8px}.footer{gap:15px}.footer>span:last-child{margin-left:0}.footer .brand{width:100%}.footer p{margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.demo-pointer{display:none}}
/* Keep the decorative paper within the viewport and clear of playback controls. */
.paper-note{bottom:76px}
@media(max-width:1050px){.hero-visual:before{inset:70px 0 40px;transform:rotate(3deg)}}
@media(max-width:760px){.hero-visual:before{inset:70px -6px 44px;transform:none}.paper-note{bottom:78px}}

/* LOMVIKO 2026 — an editorial control-room layout. */
:root{--bg:#f1f0e8;--surface:#fbfaf2;--ink:#101315;--muted:#62666a;--line:#b8bbb5;--accent:#4b51ff;--pale:#dedfff;--band:#d9ff52;--orange:#ff6846}
body{background-color:var(--bg);background-image:linear-gradient(#1013150a 1px,transparent 1px),linear-gradient(90deg,#1013150a 1px,transparent 1px);background-size:32px 32px}
body.dark{--bg:#0f1112;--surface:#181b1d;--ink:#f4f2e8;--muted:#a4aaa9;--line:#3f4444;--accent:#8d92ff;--pale:#292d5b;--band:#b7dc39;--orange:#ff795b}
.wrap{width:min(1320px,calc(100% - 72px))}
.header{position:sticky;top:14px;z-index:20;width:min(1380px,calc(100% - 36px));height:68px;padding:0 12px 0 18px;background:color-mix(in srgb,var(--surface) 91%,transparent);border:1px solid var(--ink);box-shadow:5px 5px 0 var(--ink);backdrop-filter:blur(16px)}
.brand{font:800 18px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.8px}.monogram{width:34px;height:34px;border-radius:0;background:var(--band);color:#101315;border:1px solid var(--ink);font-size:15px}.header nav{text-transform:uppercase;letter-spacing:.08em;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.header nav a{padding:10px 2px;border-bottom:2px solid transparent}.header nav a:hover{border-color:var(--orange);color:var(--ink)}
.theme{border-radius:0;border-color:var(--ink)}.button{border-radius:0;border:1px solid var(--ink);background:var(--accent);box-shadow:4px 4px 0 var(--ink);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}.text-link{font:750 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em}
.hero{position:relative;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:78px;min-height:780px;padding-top:105px;padding-bottom:110px}.hero:before{content:'01';position:absolute;left:-25px;top:54px;font:900 180px/.8 ui-monospace,SFMono-Regular,Menlo,monospace;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--ink) 20%,transparent);pointer-events:none}.hero-copy{position:relative;z-index:1;padding:70px 0 0 34px}.hero-copy:before{content:'CRM / DESKTOP / TEAM';display:block;margin:0 0 34px;font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;color:var(--accent)}
h1{max-width:710px;font-size:clamp(58px,6.2vw,92px);line-height:.91;letter-spacing:-6px;font-weight:900;margin-bottom:38px}h2{font-weight:850;letter-spacing:-3px}.lead{font-size:17px;max-width:540px;padding-left:22px;border-left:5px solid var(--orange)}
.hero-visual{padding:42px 0 22px}.hero-visual:before{inset:112px -10px 50px 55px;border-radius:0;background:var(--band);transform:rotate(-2deg);opacity:1;border:1px solid var(--ink)}.stage-label{height:34px;margin:0 0 14px;padding:0 12px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.status-dot{background:var(--band);box-shadow:0 0 0 4px #d9ff5228}.stage-index{color:inherit}.day-board{border-radius:0;border:1px solid var(--ink);box-shadow:11px 11px 0 var(--ink);transform:none;padding:20px;background:var(--surface)}.board-logo,.booking,.arrival-toast,.telegram-icon,.paper-note{border-radius:0}.board-logo{background:var(--accent);color:#fff}.arrival-toast{right:-14px;box-shadow:5px 5px 0 var(--ink)}.paper-note{background:var(--orange);color:#101315;transform:rotate(-2deg);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.stage-footer{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.motion-toggle{font-family:inherit;text-transform:uppercase;letter-spacing:.08em}
.platform-strip{justify-content:flex-start;overflow:hidden;gap:0;padding:0;border:1px solid var(--ink);border-left:0;border-right:0;background:var(--band);color:#101315}.platform-strip span{flex:1;min-width:220px;padding:18px 26px;border-right:1px solid #101315;font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em}.platform-strip span:before{content:'↳';color:#101315}
.section{position:relative;padding-top:132px;padding-bottom:132px}.section-heading{max-width:820px;margin-left:calc(25% + 18px);margin-bottom:58px}.section-heading h2{font-size:clamp(48px,5vw,72px);line-height:.95}.section-heading>p:not(.eyebrow){font-size:16px;border-top:1px solid var(--ink);padding-top:18px}.section:before,.product-peek:before,.business-section:before{position:absolute;font:900 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:var(--accent)}#features:before{content:'02 / СЦЕНАРІЇ';top:145px;left:0}.business-section:before{content:'03 / ФОРМАТ';top:104px;left:max(36px,calc((100vw - 1320px)/2))}.product-peek:before{content:'04 / ІНТЕРФЕЙС';top:120px;left:0}.download-section:before{content:'05 / ЗАВАНТАЖЕННЯ';top:145px;left:0}
.benefit-studio{border-radius:0;border:1px solid var(--ink);box-shadow:12px 12px 0 var(--ink);background:var(--surface)}.story-tab{min-height:80px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.story-tab.selected{background:var(--accent);color:#fff}.story-panel{padding:70px;min-height:470px}.scene-schedule,.scene-chat,.scene-report{border-radius:0;border-color:var(--ink);box-shadow:8px 8px 0 var(--ink)}
.features-grid{grid-template-columns:repeat(12,1fr);gap:0;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.feature{grid-column:span 4;min-height:235px;padding:30px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:color-mix(in srgb,var(--surface) 88%,transparent)}.feature:nth-child(2),.feature:nth-child(6){background:var(--band);color:#101315}.feature:nth-child(4){grid-column:span 8}.feature-icon{font:900 28px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.feature h3{font-size:20px;margin-top:28px}.feature p{max-width:330px}
.business-section{position:relative;padding:120px 0;background:var(--accent);color:#fff;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.business-layout{grid-template-columns:1.1fr .9fr;gap:100px}.business-layout h2{font-size:clamp(48px,5vw,76px);line-height:.95}.business-section .section-description{color:#ffffffc8;font-size:16px;max-width:560px}.segments{gap:0}.segments button{border-radius:0;border-color:#fff;color:#fff;padding:13px 18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.segments button.selected{background:var(--band);border-color:var(--ink);color:#101315}.business-panel{border-radius:0;border:1px solid var(--ink);box-shadow:12px 12px 0 var(--ink);background:var(--surface);color:var(--ink);padding:44px}.business-panel li:before{color:var(--orange)}
.product-peek{position:relative;grid-template-columns:.52fr 1.48fr;gap:70px;padding-top:140px;padding-bottom:130px}.product-peek h2{font-size:48px;line-height:.98}.app-frame{border-radius:0;border:1px solid var(--ink);box-shadow:14px 14px 0 var(--band),15px 15px 0 1px var(--ink);transform:rotate(1deg)}.window-bar{background:var(--ink);color:var(--bg);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.demo-caption{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.download-section{width:100%;max-width:none;padding-left:max(36px,calc((100vw - 1320px)/2));padding-right:max(36px,calc((100vw - 1320px)/2));background:var(--band);color:#101315;border-top:1px solid #101315;border-bottom:1px solid #101315}.download-section .section-heading{margin-left:calc(25% + 18px)}.download-grid{gap:0;border:1px solid #101315}.download-card{border-radius:0;border:0;border-right:1px solid #101315;background:#f8f7ef;padding:40px}.download-card:last-child{border-right:0}.download-card h3{font:900 40px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.download-build .button{background:var(--accent);color:#fff}.download-footnote,.download-card>p,.download-build>span,.download-build details{color:#4f5354}
.news-section{padding-top:100px}.news-section .section-heading{margin-left:0;border-bottom:1px solid var(--ink);padding-bottom:25px}.news-section h2{font-size:38px}.announcements{grid-template-columns:repeat(12,1fr);gap:0}.announcement,.empty-news{grid-column:span 4;border:1px solid var(--ink);padding:28px;background:var(--surface)}
.demo-section{position:relative;background:var(--ink);padding:120px 0;overflow:hidden}.demo-section:before{content:'LOMVIKO';position:absolute;right:-30px;top:10px;font:900 180px/.8 ui-monospace,SFMono-Regular,Menlo,monospace;color:#ffffff08}.demo-layout{position:relative;gap:120px}.demo-form{border-radius:0;border:1px solid #fff;box-shadow:12px 12px 0 var(--orange)}.demo-form>input,.demo-form>textarea{border-radius:0}.faq-section{padding-top:120px}.faq-section details{border-color:var(--ink)}.footer{border-top:1px solid var(--ink);padding:44px 0}.footer .monogram{background:var(--band)}
@media(max-width:1050px){.hero{grid-template-columns:1fr 1fr;gap:30px}.hero-copy{padding-left:0}h1{font-size:62px}.section-heading,.download-section .section-heading{margin-left:25%}.story-panel{padding:42px}.feature{grid-column:span 6}.feature:nth-child(4){grid-column:span 6}.business-layout{gap:50px}.product-peek{gap:40px}}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.header{top:8px;width:calc(100% - 16px);box-shadow:3px 3px 0 var(--ink)}.brand{font-size:15px}.header-actions{margin-left:auto}.hero{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:75px}.hero:before{font-size:100px;left:-5px;top:30px}.hero-copy{padding-top:45px}h1{font-size:50px;line-height:.94;letter-spacing:-3.5px}.lead{font-size:14px}.hero-visual{padding-top:10px}.stage-label{margin-left:0}.platform-strip{overflow-x:auto;justify-content:flex-start}.platform-strip span{flex:0 0 220px}.section{padding:90px 0}.section:before,.product-peek:before{position:static;display:block;margin-bottom:30px}.section-heading,.download-section .section-heading{margin-left:0}.section-heading h2{font-size:44px}.story-tabs{grid-template-columns:1fr}.story-panel{padding:30px 20px 45px}.features-grid{grid-template-columns:1fr}.feature,.feature:nth-child(4){grid-column:1;min-height:0}.business-section{padding:90px 0}.business-section:before{position:static;display:block;width:calc(100% - 32px);margin:0 auto 30px}.business-layout,.product-peek,.download-grid,.demo-layout{grid-template-columns:1fr}.business-layout h2{font-size:46px}.product-peek{padding-top:90px}.product-peek h2{font-size:42px}.app-frame{transform:none;box-shadow:7px 7px 0 var(--band),8px 8px 0 1px var(--ink)}.download-section{padding-left:16px;padding-right:16px}.download-card{border-right:0;border-bottom:1px solid #101315}.download-card:last-child{border-bottom:0}.announcements{grid-template-columns:1fr}.announcement,.empty-news{grid-column:1}.demo-section:before{font-size:80px}.demo-layout{gap:50px}}
@media(max-width:760px){.business-layout,.product-peek,.download-grid,.demo-layout{grid-template-columns:minmax(0,1fr)}.business-layout>*{min-width:0}.business-panel{width:100%}.segments button{padding:11px 12px}}
html,body{overflow-x:hidden}