:root{--navy:#081a2d;--navy-2:#102c46;--ink:#10243a;--muted:#66778a;--teal:#087d73;--teal-light:#dff8f4;--paper:#f7faf9;--line:#dfe8e7;--white:#fff;--shadow:0 24px 60px rgba(8,26,45,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-header{height:82px;position:fixed;z-index:20;top:0;left:0;width:100%;transition:.35s ease;border-bottom:1px solid transparent}.site-header.scrolled{height:70px;background:rgba(247,250,249,.9);border-color:rgba(15,48,70,.08);backdrop-filter:blur(18px)}.nav-wrap{height:100%;display:flex;align-items:center;gap:42px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:18px;letter-spacing:-.35px;white-space:nowrap}.brand strong{font-weight:750}.brand-mark{position:relative;width:31px;height:31px;border-radius:9px;background:var(--navy);display:inline-block;overflow:hidden}.brand-mark:before,.brand-mark:after,.brand-mark span:before{content:"";position:absolute;top:8px;width:5px;height:17px;background:var(--teal);border-radius:4px;transform:rotate(-25deg)}.brand-mark:before{left:8px}.brand-mark:after{right:8px;transform:rotate(25deg)}.brand-mark span:before{left:13px;top:6px;height:12px;background:#fff;transform:rotate(25deg);opacity:.93}.brand-mark.small{width:25px;height:25px;border-radius:7px;transform:scale(.82)}.main-nav{display:flex;align-items:center;gap:31px;margin-left:auto}.main-nav a{font-size:13px;color:#405267;transition:.2s}.main-nav a:hover{color:var(--teal)}.nav-cta{padding:11px 16px;border:1px solid rgba(8,26,45,.2);border-radius:8px;font-size:12px;font-weight:700;transition:.25s}.nav-cta:hover{background:var(--navy);color:#fff}.nav-cta span{margin-left:7px;color:var(--teal)}.menu-toggle{display:none;margin-left:auto;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:23px;height:2px;margin:5px;background:var(--navy)}
.hero{position:relative;overflow:hidden;padding:165px 0 0;background:linear-gradient(135deg,#f9fbfa 0%,#f0f8f6 52%,#f7faf9 100%)}.hero:after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(22,184,166,.12);border-radius:50%;right:-280px;top:180px}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.glow-one{width:450px;height:450px;right:22%;top:-250px;background:radial-gradient(circle,rgba(45,212,191,.15),transparent 65%)}.glow-two{width:320px;height:320px;left:-180px;bottom:-80px;background:radial-gradient(circle,rgba(93,106,220,.10),transparent 65%)}.hero-grid{display:grid;grid-template-columns:.85fr 1.4fr;gap:72px;align-items:center;position:relative;z-index:2}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:2px;color:#167d75}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:23px}.eyebrow span{width:22px;height:2px;background:var(--teal)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(50px,5.1vw,75px);line-height:1.01;letter-spacing:-4px;margin-bottom:27px;font-weight:720}.hero h1 em{font-style:normal;color:var(--teal)}.hero-copy>p{font-size:17px;line-height:1.75;color:var(--muted);max-width:500px;margin-bottom:33px}.hero-actions{display:flex;gap:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 20px;border-radius:8px;font-size:13px;font-weight:750;transition:.25s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--navy);color:#fff;box-shadow:0 12px 26px rgba(8,26,45,.16)}.button-primary:hover{background:#102e49}.button-primary span{color:var(--teal)}.button-secondary{border:1px solid #d4dfde;background:rgba(255,255,255,.7)}.play{display:grid;place-items:center;background:var(--teal-light);color:#138a80;width:25px;height:25px;border-radius:50%;font-size:8px}.dashboard-wrap{position:relative;padding:25px 0 30px}.dashboard{background:#fff;border:1px solid rgba(15,54,77,.12);border-radius:15px;box-shadow:0 34px 80px rgba(19,52,74,.16);overflow:hidden;transform:perspective(1200px) rotateY(-2deg) rotateX(1deg)}.dash-top{height:48px;border-bottom:1px solid #e9eeee;display:flex;align-items:center;padding:0 14px;gap:25px}.dash-search{background:#f4f7f7;border-radius:5px;padding:6px 10px;width:210px;color:#8b99a4;font-size:8px}.dash-body{display:grid;grid-template-columns:112px 1fr}.dash-side{border-right:1px solid #e9eeee;min-height:375px;padding:18px 10px}.side-item,.side-team{font-size:8px;color:#71808d;padding:7px 8px;margin-bottom:3px;border-radius:5px}.side-item.active{background:#e9f8f5;color:#0b8479;font-weight:700}.side-label{font-size:6px;color:#a4afb8;letter-spacing:1px;margin:22px 8px 8px}.side-team i{display:inline-block;width:6px;height:6px;border-radius:2px;margin-right:6px}.purple{background:#8877dd}.teal{background:#22bca8}.orange{background:#ed9b66}.dash-main{background:#f8faf9;padding:19px}.dash-heading{display:flex;justify-content:space-between;align-items:center}.dash-heading small{font-size:6px;color:#9ba6ae;letter-spacing:.8px}.dash-heading h3{font-size:14px;margin:1px 0 0}.dash-heading button{border:0;border-radius:5px;background:var(--navy);color:white;font-size:7px;padding:7px 10px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.metric{background:white;border:1px solid #ebefef;border-radius:7px;padding:10px 11px;position:relative}.metric span{font-size:7px;color:#82909b;display:block}.metric b{font-size:18px;line-height:1.3}.metric small{font-size:6px;color:#929da5;margin-left:5px}.metric .up{color:#159785}.chart-panel{background:#fff;border:1px solid #ebefef;border-radius:7px;padding:11px;min-width:0}.panel-title{display:flex;justify-content:space-between;font-size:7px}.panel-title span{color:#8e9aa3}
.section{padding:115px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:56px}.kicker{display:block;margin-bottom:15px}.section h2,.cta-card h2{font-size:clamp(36px,4vw,53px);line-height:1.08;letter-spacing:-2.5px;margin-bottom:0}.section-heading>p{max-width:400px;color:var(--muted);font-size:14px;margin:0 0 4px;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:31px;position:relative;transition:.3s}.feature-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.feature-card.featured{background:linear-gradient(145deg,#0d263e,#102f4b);color:#fff;border-color:transparent;box-shadow:0 24px 50px rgba(8,26,45,.16)}.feature-icon{width:48px;height:48px;border-radius:11px;display:grid;place-items:center;margin-bottom:55px}.feature-icon svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.6}.icon-blue{background:#e7f0f8;color:#285f8d}.icon-teal{background:#1e4c59;color:#4de2d1}.icon-violet{background:#f0edfb;color:#7663be}.feature-num{position:absolute;right:29px;top:34px;font-size:10px;color:#9ba8b0}.featured .feature-num{color:#6c8294}.feature-card h3{font-size:19px;margin-bottom:9px}.feature-card p{font-size:13px;line-height:1.8;color:#536777;min-height:48px}.featured p{color:#9eb0be}.feature-card a{font-size:11px;font-weight:750;display:inline-flex;gap:15px;margin-top:18px}.feature-card a span{color:var(--teal)}
.workflow{background:var(--navy);color:#fff;position:relative;overflow:hidden}.workflow:after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(45,212,191,.1);border-radius:50%;left:-300px;bottom:-300px}.workflow-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px;position:relative;z-index:1}.kicker.light{color:#65dfd1}.workflow-copy p{color:#9eb0be;font-size:14px;max-width:420px;line-height:1.8;margin:28px 0}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid #345069;padding-bottom:7px}.text-link span{color:var(--teal);margin-left:15px}.steps{margin-top:-15px}.step{display:grid;grid-template-columns:40px 1fr auto;gap:23px;padding:27px 0;border-bottom:1px solid #274057;align-items:start}.step>span{font-size:10px;color:var(--teal);padding-top:5px}.step h3{font-size:18px;margin-bottom:5px}.step p{font-size:12px;color:#92a5b4;margin:0}.step>b{width:32px;height:32px;border:1px solid #3b5368;border-radius:50%;display:grid;place-items:center;color:var(--teal);font-size:11px}.centered{justify-content:center;text-align:center}.company{padding-top:95px}.company-grid{background:#e4f5f2;border-radius:18px;padding:68px;display:grid;grid-template-columns:1fr 1fr;gap:80px;position:relative;overflow:hidden}.company-grid:after{content:"V";position:absolute;font-size:330px;font-weight:800;line-height:1;color:rgba(22,184,166,.06);right:-10px;top:-40px}.company-copy{position:relative;z-index:1;border-left:1px solid rgba(18,89,88,.16);padding-left:60px}.company-copy h3{font-size:20px;margin-bottom:0}.location{color:#14867c;font-size:11px;font-weight:750;letter-spacing:1px;margin:3px 0 22px}.company-copy>p:last-of-type{font-size:14px;color:#526e73;line-height:1.8}.cta-section{padding:0 0 100px}.cta-card{background:linear-gradient(120deg,#137f78,#12a999);border-radius:18px;color:white;padding:65px 70px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;box-shadow:0 28px 60px rgba(18,126,119,.18)}.cta-card>div:last-child{padding-left:45px;border-left:1px solid rgba(255,255,255,.2)}.cta-card p{font-size:14px;color:#cdf1ec;margin-bottom:23px}.button-white{background:white;color:var(--navy)}
footer{background:#071725;color:#fff;padding:75px 0 25px}.footer-main{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding-bottom:55px}.brand-light .brand-mark{background:#fff}.brand-light{font-size:19px}.footer-brand>p{font-size:12px;color:#8699aa;margin:20px 0}.footer-brand>small{font-size:12px;color:#a5b7c4;line-height:1.8}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.footer-links div{display:flex;flex-direction:column;gap:10px}.footer-links b{font-size:10px;margin-bottom:8px}.footer-links a{font-size:13px;color:#8699aa;transition:.2s}.footer-links a:hover{color:var(--teal)}.footer-bottom{border-top:1px solid #1d3041;padding-top:23px;display:flex;justify-content:space-between;font-size:12px;color:#99acbb}.reveal{opacity:1;transform:none}.js-reveal .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.js-reveal .reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.dashboard{transform:none}.button,.feature-card{transition:none}}
@media(max-width:1000px){.main-nav{gap:18px}.nav-wrap{gap:22px}.hero-grid{grid-template-columns:1fr;gap:35px}.hero-copy{max-width:650px}.dashboard-wrap{width:min(760px,95%);margin:auto}.workflow-grid{gap:60px}.company-grid{gap:40px;padding:50px}.company-copy{padding-left:40px}}
@media(max-width:760px){.container{width:min(100% - 32px,1180px)}.site-header,.site-header.scrolled{height:68px}.menu-toggle{display:block;z-index:22}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.menu-toggle span{transition:.25s}.main-nav{display:none;position:fixed;inset:0;background:#f7faf9;padding:110px 32px;flex-direction:column;align-items:flex-start;gap:26px}.main-nav.open{display:flex}.main-nav a{font-size:26px;font-weight:650}.nav-cta{display:none}.hero{padding-top:125px}.hero-grid{display:block}.hero h1{letter-spacing:-2.7px}.hero-copy>p{font-size:15px}.dashboard-wrap{margin-top:55px;width:100%}.dashboard{transform:none}.dash-body{grid-template-columns:77px 1fr}.dash-side{padding:12px 6px;min-height:320px}.side-item{font-size:0;text-align:center}.side-item:first-letter{font-size:10px}.side-team{font-size:0}.dash-main{padding:11px}.dash-top{gap:10px}.dash-search{width:140px}.dash-heading h3{font-size:11px}.metric-row{gap:5px}.metric{padding:7px}.metric b{font-size:14px}.section{padding:78px 0}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:25px}.feature-grid{grid-template-columns:1fr}.feature-icon{margin-bottom:35px}.workflow-grid{grid-template-columns:1fr;gap:45px}.company{padding-top:70px}.company-grid{grid-template-columns:1fr;padding:38px 26px;gap:35px}.company-copy{border-left:0;border-top:1px solid rgba(18,89,88,.16);padding:30px 0 0}.cta-section{padding-bottom:65px}.cta-card{grid-template-columns:1fr;padding:42px 27px;gap:35px}.cta-card>div:last-child{border-left:0;border-top:1px solid rgba(255,255,255,.2);padding:28px 0 0}.footer-main{grid-template-columns:1fr;gap:45px}.footer-links{gap:12px}.footer-bottom{gap:20px}.section h2,.cta-card h2{letter-spacing:-1.7px}}
@media(max-width:430px){.hero-actions{flex-direction:column}.button{width:100%}.hero h1{font-size:45px}.dash-search{width:105px}.metric:nth-child(2){display:none}.metric-row{grid-template-columns:1fr 1fr}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column}}
.inner-page{min-height:100vh;background:linear-gradient(145deg,#f9fbfa,#edf7f5)}.inner-page .site-header{background:rgba(247,250,249,.92);border-bottom:1px solid rgba(15,48,70,.08)}.page-hero{padding:165px 0 65px;border-bottom:1px solid var(--line)}.page-hero .kicker{margin-bottom:13px}.page-hero h1{font-size:clamp(42px,5vw,64px);letter-spacing:-3px;line-height:1.05;margin-bottom:18px}.page-hero p{max-width:600px;color:var(--muted);font-size:15px}.page-content{padding:70px 0 105px}.content-card{max-width:820px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:48px;box-shadow:0 20px 50px rgba(8,26,45,.05)}.content-card .updated{font-size:10px;letter-spacing:1px;color:#16877d;font-weight:750;margin-bottom:35px}.content-card section{padding:0 0 27px;margin-bottom:27px;border-bottom:1px solid #e7eeee}.content-card section:last-child{border:0;padding:0;margin:0}.content-card h2{font-size:20px;letter-spacing:-.4px;margin-bottom:10px}.content-card p,.content-card li{font-size:13px;color:#5f7180;line-height:1.85}.content-card ul{padding-left:20px}.content-card a{color:#118c80;font-weight:650}.compact-footer{padding-top:38px}.compact-footer .footer-bottom{padding-bottom:0}

@media(max-width:760px){.page-hero{padding:125px 0 50px}.page-hero h1{letter-spacing:-2px}.page-content{padding:45px 0 70px}.content-card{padding:27px}.compact-footer .footer-bottom{display:flex}}


/* Office prototype: readable content, resilient navigation and local demo. */
[hidden]{display:none!important}
:focus-visible{outline:3px solid #7259b5;outline-offset:4px}
[id]{scroll-margin-top:95px}
.skip-link{position:fixed;top:8px;left:12px;z-index:100;background:#fff;color:var(--navy);padding:12px 18px;border-radius:7px;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.main-nav a[aria-current="page"]{color:#087d73;font-weight:750}
.menu-open .site-header{backdrop-filter:none;background:transparent}
.preview-note{font-size:12px!important;color:#536777!important;margin-top:24px}
.preview-label{font-size:12px;font-weight:750;color:#087d73;margin-bottom:12px}
.preview-link{display:inline-block;font-size:13px;font-weight:750;margin-top:18px;color:#087d73}
.preview-chip{font-size:9px;letter-spacing:1px;margin-left:auto;color:#087d73}
.home-chart{margin-top:14px}.home-chart svg{width:100%;height:145px}
.preview-area{fill:#dff8f4}.preview-line{fill:none;stroke:#087d73;stroke-width:3}
.preview-chart-note{font-size:10px;color:#536777;margin-bottom:0}
.feature-card h2{font-size:22px;letter-spacing:-.7px;margin-bottom:18px}
.feature-card p{font-size:15px;line-height:1.75}
.platform-details{margin-top:32px;max-width:none}
.inner-page .content-card p,.inner-page .content-card li{font-size:16px}
.content-card .updated{font-size:12px}
.faq{border:1px solid var(--line);border-radius:9px;margin:12px 0;padding:16px}
.faq summary{font-size:15px;font-weight:700;cursor:pointer}
.faq p{margin:14px 0 0}
.notice{padding:24px;border:1px solid #bccac8;border-radius:12px;background:#fff;line-height:1.75}
.notice a{text-decoration:underline}
html:not(.js) .reveal{opacity:1;transform:none}
html:not(.js) .menu-toggle{display:none}
.demo-hero{padding-bottom:45px}.demo-section{padding:35px 0 100px}
.demo-toolbar{background:#e4f5f2;border:1px solid #bbd8d1;border-radius:13px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.demo-toolbar strong{font-size:15px}.demo-toolbar p{font-size:13px;color:#365958;margin:5px 0 0}
.demo-shell{display:grid;grid-template-columns:180px minmax(0,1fr);border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.demo-sidebar{background:var(--navy);padding:25px 16px;display:flex;flex-direction:column;gap:9px}
.demo-sidebar button{color:#c4d3df;text-align:left;border:0;border-radius:7px;padding:12px 15px;cursor:pointer;background:transparent;font-weight:650;font-size:14px}
.demo-sidebar button:hover{background:#19354d}.demo-sidebar button[aria-pressed=true]{background:#1a4d50;color:#adf5e9}
.sidebar-note{font-size:12px;color:#acbecd;margin:30px 15px}
.demo-content{min-width:0;padding:30px;background:#f8fbfa}
.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}
.demo-heading h2{font-size:27px;line-height:1.2;letter-spacing:-1px;margin:0}
.demo-heading .kicker{margin-bottom:10px}
.demo-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:25px}
.demo-metric{background:#fff;border:1px solid var(--line);border-radius:10px;padding:19px}
.demo-metric span{display:block;font-size:12px;color:#536777}.demo-metric strong{display:block;font-size:30px;line-height:1.4}
.demo-two-column{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}
.demo-panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:23px}
.demo-panel h3{font-size:17px;margin-bottom:22px}
.demo-muted{font-size:13px;color:#536777;line-height:1.7;margin:5px 0 14px}
.project-progress{padding:13px 0;border-top:1px solid var(--line)}
.project-progress h4{font-size:15px;margin:0}
progress{width:100%;height:10px;border:0;border-radius:8px;overflow:hidden;accent-color:#087d73;background:#e4ece9}
progress::-webkit-progress-bar{background:#e4ece9;border-radius:8px}progress::-webkit-progress-value{background:#087d73;border-radius:8px}progress::-moz-progress-bar{background:#087d73;border-radius:8px}
.text-button{background:none;border:0;padding:8px 0;color:#087d73;font-weight:700;cursor:pointer;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.status-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}
.status-row progress{grid-column:1/-1;margin-bottom:8px}
.demo-form{padding:23px;background:#fff;border:1px solid var(--line);border-radius:11px;margin-bottom:25px}
.demo-form label,.demo-filters label,.task-status-control label{font-size:13px;font-weight:700;display:block;margin-bottom:7px}
input,select{font:inherit;color:var(--ink);background:#fff;border:1px solid #9db2b0;border-radius:7px;padding:11px 12px;width:100%;min-width:0}
input:focus,select:focus{border-color:#087d73}
.form-row{display:flex;gap:12px}.form-row input{flex:1;min-width:0}.form-row .button{flex-shrink:0}
button.button{border:0;cursor:pointer}button.button-secondary{border:1px solid #bdceca}
.field-note{font-size:12px;color:#536777;margin:12px 0 0}
.demo-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.demo-project-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:22px;overflow-wrap:anywhere}
.demo-project-card h3{font-size:18px;line-height:1.4;margin-bottom:8px}
.task-form-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:13px;align-items:end}
.task-form-grid .button{grid-column:1/-1;justify-self:start}
.demo-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:13px;margin-bottom:15px}
.demo-task{padding:20px;background:#fff;border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:20px;margin-bottom:12px}
.demo-task h3{font-size:15px;line-height:1.5;margin:0;overflow-wrap:anywhere}.demo-task p{margin-bottom:0}
.task-status-control select{font-size:13px}
.empty-state{padding:25px;background:#fff;border:1px dashed #bdceca;border-radius:10px;font-size:14px}
.demo-message{font-size:14px;color:#234c46;margin:15px 0;min-height:25px}
.document{margin-bottom:17px}.document p{font-size:15px;line-height:1.8;color:#536777}
@media(max-width:1000px){.demo-shell{grid-template-columns:145px minmax(0,1fr)}.demo-content{padding:22px}.demo-two-column{grid-template-columns:1fr}.demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.task-form-grid,.demo-filters{grid-template-columns:1fr 1fr}.task-form-grid>div:first-child,.demo-filters>div:first-child{grid-column:1/-1}}
@media(max-width:760px){
  html:not(.js) .site-header{position:static;height:auto;background:#f7faf9}
  html:not(.js) .nav-wrap{flex-wrap:wrap;padding:16px 0;gap:16px}
  html:not(.js) .main-nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;inset:auto;padding:0;gap:14px;width:100%;margin:0}
  html:not(.js) .main-nav a{font-size:14px}
  .demo-shell{grid-template-columns:1fr}.demo-sidebar{flex-direction:row;flex-wrap:wrap;padding:14px;gap:7px}
  .demo-sidebar button{font-size:13px;padding:10px 13px}.sidebar-note{display:none}
  .demo-toolbar{align-items:flex-start;flex-direction:column}.demo-heading{align-items:flex-start;flex-direction:column}
  .demo-content{padding:20px 15px}.demo-project-grid{grid-template-columns:1fr}
  .demo-task{grid-template-columns:1fr}.task-status-control{max-width:220px}
  .demo-section{padding-bottom:65px}.demo-hero h1{font-size:40px}
  .form-row{flex-direction:column}.task-form-grid,.demo-filters{grid-template-columns:1fr}
  .feature-grid .feature-card{padding:28px}.preview-label{font-size:11px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js-reveal .reveal{opacity:1;transform:none}}