:root{--ink:#123f39;--ink-2:#1f4f48;--green:#0d7368;--green-dark:#0c574f;--green-deep:#103d38;--mint:#eaf6f2;--mint-2:#f4faf8;--mint-3:#dff1eb;--line:#dce9e5;--text:#536e68;--muted:#7c938e;--white:#fff;--amber:#e7b833;--shadow:0 32px 90px rgba(18,63,57,.11);--shadow-soft:0 16px 44px rgba(18,63,57,.065)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff 0%,#fff 70%,#fbfdfc 100%);line-height:1.6;-webkit-font-smoothing:antialiased;letter-spacing:.003em}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1210px,calc(100% - 52px));margin:auto}.skip-link{position:fixed;left:16px;top:-60px;background:#fff;padding:10px 14px;border-radius:8px;z-index:9999;box-shadow:var(--shadow-soft)}.skip-link:focus{top:16px}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.84);backdrop-filter:blur(16px);border-bottom:1px solid rgba(215,230,225,.7)}.nav-wrap{height:84px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:1.14rem;font-weight:800}.brand-mark{width:31px;height:31px;color:var(--green)}.brand-mark svg{width:100%;height:100%;display:block}.main-nav{display:flex;align-items:center;gap:30px;font-size:.84rem;font-weight:700;color:#345c55}.main-nav>a:not(.btn){position:relative}.main-nav>a:not(.btn):after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:1px;background:var(--green);transform:scaleX(0);transition:.22s}.main-nav>a:not(.btn):hover:after{transform:scaleX(1)}.nav-login{padding-left:20px;border-left:1px solid #e3eeeb}.menu-btn{display:none;border:0;background:none;color:var(--ink);font-weight:800;align-items:center;gap:9px;padding:8px}.menu-btn i,.menu-btn i:before,.menu-btn i:after{display:block;width:18px;height:2px;background:currentColor;border-radius:4px;position:relative}.menu-btn i:before,.menu-btn i:after{content:"";position:absolute;left:0}.menu-btn i:before{top:-6px}.menu-btn i:after{top:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;font-weight:800;line-height:1;padding:15px 20px;transition:.18s;border:1px solid transparent}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(180deg,#0e786c,#0b6c62);color:#fff;box-shadow:0 10px 24px rgba(13,115,104,.16)}.btn-small{padding:12px 17px;border-radius:11px}.btn-large{padding:18px 24px;border-radius:14px}.btn-text{padding-left:7px;padding-right:7px;color:var(--green)}
.hero{position:relative;overflow:hidden;padding:104px 0 112px;background:linear-gradient(180deg,#fff,#fbfefd)}.hero-glow{position:absolute;border-radius:50%;pointer-events:none}.hero-glow-one{width:740px;height:740px;right:-310px;top:-290px;background:radial-gradient(circle,rgba(218,243,236,.85),rgba(237,249,246,.2) 55%,transparent 72%)}.hero-glow-two{width:420px;height:420px;left:-300px;bottom:-280px;background:radial-gradient(circle,rgba(224,244,239,.8),transparent 72%)}.hero-grid{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;gap:86px;align-items:center}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:900;color:var(--green)}.eyebrow span{width:30px;height:2px;background:var(--green);border-radius:10px}h1{font-size:clamp(4rem,6.7vw,6.25rem);line-height:.96;letter-spacing:-.045em;margin:26px 0;max-width:700px;font-weight:800}h1 em{font-style:normal;color:var(--green)}.lead{font-size:1.12rem;line-height:1.75;color:var(--text);max-width:650px;margin:0}.hero-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:34px 0 28px}.hero-proof{display:flex;flex-wrap:wrap;gap:18px;color:#5c756f;font-size:.82rem;font-weight:700}.check{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--mint-3);color:var(--green);margin-right:5px;font-size:.72rem}.hero-note{margin-top:18px;padding-left:12px;border-left:2px solid #b9dcd4;color:#718982;font-size:.72rem;font-weight:650}.product-stage{position:relative;min-width:0;padding:22px 0 42px}.browser-shell{position:relative;background:#fff;border:1px solid #dce9e5;border-radius:22px;box-shadow:0 40px 110px rgba(15,73,65,.17),0 8px 30px rgba(15,73,65,.06);overflow:hidden;transform:perspective(1600px) rotateY(-3deg) rotateX(1deg)}.browser-top{height:44px;background:#f7faf9;border-bottom:1px solid #e4edeb;display:grid;grid-template-columns:70px 1fr 30px;align-items:center;padding:0 14px;gap:10px}.browser-dots{display:flex;gap:5px}.browser-dots i{width:8px;height:8px;border-radius:50%;background:#cad8d4}.browser-address{justify-self:center;font-size:.59rem;color:#829792;background:#fff;border:1px solid #e5eeeb;border-radius:7px;padding:5px 30px}.browser-lock{font-size:.6rem;color:var(--green)}.app-shell{display:grid;grid-template-columns:128px 1fr;min-height:430px}.app-sidebar{background:#103f39;color:#c0d4cf;padding:19px 12px;font-size:.62rem}.mini-brand{display:flex;align-items:center;gap:6px;color:#fff;margin:1px 5px 26px;font-size:.72rem}.mini-shield{width:18px;height:18px;border:1px solid #86c9bb;border-radius:6px;display:grid;place-items:center;color:#8dd3c4}.side-item{display:flex;align-items:center;gap:7px;padding:8px 9px;border-radius:7px;margin-bottom:4px}.side-item span{opacity:.78}.side-item.active{background:#1a544c;color:#fff}.app-main{padding:22px;background:#fbfdfc;min-width:0}.app-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.app-title-row>div{display:flex;flex-direction:column}.app-title-row small{font-size:.54rem;letter-spacing:.08em;color:#8ba09a}.app-title-row strong{font-size:1rem}.date-chip{font-size:.55rem;color:#4b746d;background:#edf6f3;padding:5px 7px;border-radius:6px}.planner-toolbar{display:flex;justify-content:space-between;align-items:center;border:1px solid #e2ebe8;background:#fff;border-radius:9px;padding:7px 9px;margin-bottom:8px;font-size:.52rem}.planner-toolbar div{display:flex;align-items:center;gap:7px}.planner-toolbar button{border:0;background:#eef6f3;color:var(--green);border-radius:5px;width:22px;height:22px}.planner-toolbar>span{background:var(--green);color:#fff;padding:6px 8px;border-radius:6px;font-weight:800}.planner-layout{display:grid;grid-template-columns:1fr 130px;gap:8px}.planner-board,.status-panel{background:#fff;border:1px solid #e2ebe8;border-radius:10px;overflow:hidden}.days-head{display:grid;grid-template-columns:repeat(5,1fr);margin-left:54px;background:#f7faf9;border-bottom:1px solid #e6efec}.days-head div{text-align:center;font-size:.45rem;padding:6px 2px;color:#667f79}.days-head small{display:block;font-size:.56rem;font-weight:800;color:var(--ink)}.staff-row{display:grid;grid-template-columns:54px repeat(5,1fr);min-height:62px;border-bottom:1px solid #eef3f1}.staff-row:last-child{border:0}.staff-row>b{display:flex;align-items:center;padding-left:8px;font-size:.5rem;border-right:1px solid #eef3f1}.staff-row>div{border-right:1px solid #f0f4f3;padding:6px 3px}.shift{margin:0!important;border:0!important;border-radius:6px;padding:6px!important;display:flex;flex-direction:column;justify-content:center;font-size:.48rem;font-weight:800;color:#24554d}.shift small{font-size:.39rem;font-weight:600;opacity:.75}.shift.green{background:#dff1eb}.shift.mint{background:#edf7f4}.shift.dark{background:#d7e8e4;color:#173f39}.shift.warning{background:#fff2cc;color:#936700}.status-panel{padding:10px}.status-head{display:flex;flex-direction:column;padding-bottom:8px;border-bottom:1px solid #edf3f1}.status-head small{font-size:.44rem;color:#8ca09b}.status-head strong{font-size:.68rem}.status-score{display:flex;align-items:center;gap:7px;padding:11px 0}.score-ring{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 0 92%,#e3eeeb 92%);position:relative;flex:0 0 auto}.score-ring:after{content:"";position:absolute;width:35px;height:35px;border-radius:50%;background:#fff}.score-ring span{position:relative;z-index:2;font-size:.61rem;font-weight:900}.status-score>div:last-child{display:flex;flex-direction:column}.status-score b{font-size:.48rem}.status-score small{font-size:.38rem;color:#849893}.status-item{display:grid;grid-template-columns:7px 1fr;gap:6px;padding:7px 0;border-top:1px solid #edf3f1}.dot{width:6px;height:6px;border-radius:50%;margin-top:3px}.dot.good{background:#39a77d}.dot.warn{background:#e9b834}.status-item div{display:flex;flex-direction:column}.status-item b{font-size:.44rem}.status-item small{font-size:.37rem;color:#849893}.mini-action{width:100%;border:0;background:#edf7f4;color:var(--green);padding:7px;border-radius:6px;font-size:.42rem;font-weight:800;margin-top:3px}.floating-note{position:absolute;background:#fff;border:1px solid #dce9e5;box-shadow:0 18px 45px rgba(21,76,67,.13);border-radius:12px;padding:10px 13px;display:flex;align-items:center;gap:9px;min-width:170px}.floating-note>span{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#e4f4ef;color:var(--green);font-weight:900}.floating-note>div{display:flex;flex-direction:column}.floating-note small{font-size:.49rem;color:#879b96}.floating-note strong{font-size:.61rem}.note-one{left:-30px;bottom:2px}.note-two{right:-24px;top:3px}.note-two>span{background:#fff3d3;color:#a67408}
.proof-strip{border-top:1px solid #edf3f1;border-bottom:1px solid #e2ece9;background:#fff}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr)}.proof-grid>div{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:12px;padding:25px 30px;border-right:1px solid #e3ece9}.proof-grid>div:first-child{padding-left:0}.proof-grid>div:last-child{border:0}.proof-grid span{grid-row:1/3;color:#90a49f;font-size:.64rem;font-weight:900;padding-top:2px}.proof-grid strong{font-size:.84rem}.proof-grid small{color:#7b908b;font-size:.71rem}.section{padding:112px 0}.section-soft{background:var(--mint-2)}.section-heading{max-width:790px}.section-heading.centered{text-align:center;margin:auto}.section-heading.narrow{max-width:720px}.section-heading h2,.sticky-copy h2,.security-copy h2,.audience-copy h2,.cta-copy h2,.faq-heading h2{font-size:clamp(2.5rem,4.6vw,4.15rem);line-height:1.06;letter-spacing:-.032em;margin:14px 0 20px}.section-heading p,.sticky-copy p,.security-copy>p,.audience-copy>p,.faq-heading p{color:var(--text);font-size:1rem;line-height:1.75}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:95px;align-items:start}.sticky-copy{position:sticky;top:125px}.inline-link{display:inline-flex;gap:8px;color:var(--green);font-weight:800;font-size:.87rem;margin-top:17px}.problem-stack{display:grid;gap:14px}.problem-card{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:27px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-soft)}.problem-card.accent-card{background:#eff8f5;border-color:#cfe5de}.number-badge{width:42px;height:42px;border-radius:12px;background:#f0f6f4;color:#76908a;display:grid;place-items:center;font-size:.67rem;font-weight:900}.accent-card .number-badge{background:#dff1eb;color:var(--green)}.problem-card h3{font-size:1.08rem;letter-spacing:-.025em;margin:1px 0 5px}.problem-card p{color:#6d837e;font-size:.88rem;margin:0}.features-section .section-heading{margin-bottom:50px}.feature-bento{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bento-card{position:relative;overflow:hidden;background:#fff;border:1px solid #e1ebe8;border-radius:22px;padding:30px;min-height:300px}.bento-wide{display:grid;grid-template-columns:1fr .85fr;gap:28px;align-items:center;grid-column:1/-1}.feature-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e6f4ef;color:var(--green);font-size:1.1rem;font-weight:900;margin-bottom:22px}.bento-card h3{font-size:1.28rem;letter-spacing:-.035em;margin:0 0 10px}.bento-card p{margin:0;color:#6b827c;font-size:.91rem;max-width:500px}.mini-calendar{background:#f7fbfa;border:1px solid #e2ece9;border-radius:18px;padding:22px}.mc-head{display:flex;justify-content:space-between;font-size:.7rem;margin-bottom:15px}.mc-head span{color:var(--green);font-weight:800}.mc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.mc-grid i{height:34px;background:#edf3f1;border-radius:7px}.mc-grid i.filled{background:#cce8e0}.mc-grid i.warn{background:#fff0bf}.open-shift-card{margin-top:28px;border:1px solid #eadba6;background:#fffaf0;padding:16px;border-radius:13px;display:flex;flex-direction:column}.open-shift-card small{font-size:.58rem;color:#9f8542}.open-shift-card strong{font-size:1.3rem}.open-shift-card span{font-size:.62rem;color:#9a6f0a;font-weight:800}.avatar-row{display:flex;margin-top:32px}.avatar-row i{font-style:normal;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#e5f2ee;border:3px solid #fff;margin-left:-8px;font-size:.68rem;font-weight:900;color:var(--green)}.avatar-row i:first-child{margin-left:0}.bento-dark{background:var(--green-deep);border-color:var(--green-deep);color:#fff}.bento-dark p{color:#bcd1cc}.feature-icon.inverse{background:rgba(255,255,255,.11);color:#a4dfd3}.dark-score{margin-top:28px}.dark-score strong{display:block;font-size:2.4rem;line-height:1}.dark-score small{color:#9fc0b9}.dark-score div{height:8px;background:rgba(255,255,255,.11);border-radius:99px;margin-top:15px;overflow:hidden}.dark-score i{display:block;height:100%;width:var(--w);background:#77c7b5;border-radius:99px}.change-list{display:grid;gap:8px;margin-top:25px}.change-list span{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:9px;border-bottom:1px solid #edf2f0;font-size:.68rem}.change-list i{font-style:normal;width:20px;height:20px;border-radius:6px;background:#e5f4ef;color:var(--green);display:grid;place-items:center}.change-list small{color:#8a9b97}.workflow-section{background:#fff}.workflow-section .section-heading{margin-bottom:56px}.workflow{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:22px;overflow:hidden}.workflow article{padding:30px 28px 34px;min-height:245px;border-right:1px solid var(--line)}.workflow article:last-child{border:0}.step-top{display:flex;align-items:center;height:48px}.step-top span{font-size:.68rem;font-weight:900;letter-spacing:.12em;color:var(--green)}.step-top i{height:1px;background:#cfe2dc;flex:1;margin-left:18px}.workflow h3{font-size:1.05rem;margin:34px 0 9px}.workflow p{font-size:.84rem;color:#6e837e;margin:0}.audience-section{padding-top:0}.audience-box{background:linear-gradient(135deg,#0f4a43,#123a36);border-radius:28px;color:#fff;padding:58px;display:grid;grid-template-columns:.95fr 1.05fr;gap:65px;align-items:center;box-shadow:0 24px 70px rgba(19,65,58,.16)}.light-kicker{color:#9ed9cd}.audience-copy h2{font-size:clamp(2.25rem,3.8vw,3.55rem)}.audience-copy>p{color:#c2d5d0;margin:0}.audience-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.audience-list>div{background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:17px;display:grid;grid-template-columns:31px 1fr;gap:9px}.audience-list span{font-size:.59rem;color:#83bdb2;font-weight:900}.audience-list p{display:flex;flex-direction:column;margin:0}.audience-list strong{font-size:.84rem}.audience-list small{font-size:.65rem;color:#a9c3bd}.security-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:85px;align-items:center}.security-visual{min-height:410px;position:relative;display:grid;place-items:center;background:#fff;border:1px solid #dfebe7;border-radius:28px;overflow:hidden}.security-visual:before,.security-visual:after{content:"";position:absolute;border-radius:50%;border:1px solid #e3efeb}.security-visual:before{width:330px;height:330px}.security-visual:after{width:230px;height:230px}.security-shield{position:relative;z-index:2;width:128px;height:145px;color:var(--green);background:#eff8f5;border-radius:34px;display:grid;place-items:center;box-shadow:0 20px 45px rgba(19,87,77,.1)}.security-shield svg{width:70px}.security-tags{position:absolute;inset:0}.security-tags span{position:absolute;z-index:3;background:#fff;border:1px solid #dceae6;border-radius:999px;padding:7px 10px;font-size:.61rem;font-weight:800;color:#5d766f;box-shadow:0 10px 28px rgba(22,73,65,.07)}.security-tags span:nth-child(1){left:34px;top:62px}.security-tags span:nth-child(2){right:30px;top:100px}.security-tags span:nth-child(3){left:52px;bottom:68px}.security-tags span:nth-child(4){right:46px;bottom:48px}.security-points{display:grid;gap:14px;margin-top:30px}.security-points>div{display:grid;grid-template-columns:31px 1fr;gap:11px}.security-points>div>span{width:26px;height:26px;border-radius:8px;background:#dff1eb;color:var(--green);display:grid;place-items:center;font-weight:900;font-size:.72rem}.security-points p{display:flex;flex-direction:column;margin:0}.security-points strong{font-size:.87rem}.security-points small{color:#748983;font-size:.76rem}.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;align-items:start}.faq-heading{position:sticky;top:125px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;justify-content:space-between;gap:20px;font-weight:800;font-size:.96rem}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--green);font-size:1.25rem;transition:.2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:-3px 50px 22px 0;color:#6b817c;font-size:.87rem}.cta-section{padding-top:54px}.cta-box{background:linear-gradient(135deg,#0b7368,#0b554e);border-radius:30px;color:#fff;padding:58px;display:grid;grid-template-columns:1.15fr .72fr;gap:62px;align-items:center;position:relative;overflow:hidden;box-shadow:0 25px 75px rgba(13,87,78,.22)}.cta-box:after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;right:-280px;top:-260px;border:1px solid rgba(255,255,255,.13);box-shadow:0 0 0 70px rgba(255,255,255,.035),0 0 0 140px rgba(255,255,255,.02)}.cta-copy{position:relative;z-index:2}.cta-copy>p{color:#c3dbd5}.cta-proof{display:flex;gap:14px;flex-wrap:wrap;font-size:.72rem;color:#afd0c9;font-weight:700;margin-top:24px}.cta-card{position:relative;z-index:2;background:#fff;color:var(--ink);border-radius:18px;padding:27px;box-shadow:0 22px 50px rgba(4,47,41,.2)}.cta-card-label{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.57rem;color:#869a95;font-weight:900}.cta-card>strong{display:block;font-size:1.35rem;margin-top:6px}.cta-card>p{color:#748983;font-size:.79rem;margin:3px 0 20px}.btn-white{background:var(--green);color:#fff}.btn-full{width:100%}.login-link{display:block;text-align:center;margin-top:13px;color:#6f8781;font-size:.7rem;font-weight:700}footer{background:#f8fbfa;padding:70px 0 26px;border-top:1px solid #edf3f1}.footer-top{display:grid;grid-template-columns:1.6fr .7fr .7fr 1fr;gap:48px}.footer-brand p{max-width:310px;color:#748a84;font-size:.79rem}.footer-links{display:flex;flex-direction:column;gap:8px;font-size:.76rem;color:#6f8680}.footer-links strong{color:var(--ink);margin-bottom:4px}.footer-links a:hover{color:var(--green)}.footer-bottom{margin-top:46px;padding-top:20px;border-top:1px solid #e1eae7;display:flex;justify-content:space-between;color:#8ba09a;font-size:.68rem}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr;gap:56px}.product-stage{max-width:850px;width:100%;margin:auto}.intro-grid,.security-grid,.faq-grid{gap:60px}.audience-box{grid-template-columns:1fr;gap:38px}.footer-top{grid-template-columns:1.4fr 1fr 1fr}.footer-top .footer-links:last-child{grid-column:2/4}.main-nav{gap:18px}.nav-login{padding-left:10px}}
@media(max-width:900px){.menu-btn{display:flex}.main-nav{display:none;position:absolute;left:22px;right:22px;top:72px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:4px}.main-nav.open{display:flex}.main-nav>a{padding:11px 10px}.main-nav .nav-login{border-left:0;border-top:1px solid var(--line);margin-top:5px}.proof-grid{grid-template-columns:1fr}.proof-grid>div{border-right:0;border-bottom:1px solid var(--line);padding:18px 0}.intro-grid,.security-grid,.faq-grid{grid-template-columns:1fr;gap:42px}.sticky-copy,.faq-heading{position:static}.feature-bento{grid-template-columns:1fr}.bento-card,.bento-wide{grid-column:auto}.bento-wide{grid-template-columns:1fr}.workflow{grid-template-columns:1fr 1fr}.workflow article:nth-child(2){border-right:0}.workflow article:nth-child(-n+2){border-bottom:1px solid var(--line)}.audience-list{grid-template-columns:1fr 1fr}.cta-box{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-top .footer-links:last-child{grid-column:auto}}
@media(max-width:650px){.container{width:min(100% - 28px,1180px)}.nav-wrap{height:68px}.brand{font-size:1.03rem}.brand-mark{width:27px;height:27px}.menu-btn span{display:none}.hero{padding:54px 0 76px}.eyebrow{font-size:.62rem;letter-spacing:.11em}h1{font-size:3.2rem;margin:21px 0}.lead{font-size:.99rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-proof{display:grid;gap:8px}.browser-shell{border-radius:15px;transform:none}.app-shell{grid-template-columns:1fr}.app-sidebar{display:none}.app-main{padding:12px}.planner-layout{grid-template-columns:1fr}.status-panel{display:none}.days-head{margin-left:42px}.staff-row{grid-template-columns:42px repeat(5,1fr);min-height:54px}.staff-row>b{font-size:.42rem;padding-left:4px}.shift{font-size:.4rem;padding:4px!important}.shift small{display:none}.floating-note{display:none}.section{padding:78px 0}.section-heading h2,.sticky-copy h2,.security-copy h2,.audience-copy h2,.cta-copy h2,.faq-heading h2{font-size:2.35rem}.problem-card{grid-template-columns:43px 1fr;padding:20px;gap:11px}.bento-card{padding:23px;min-height:auto;border-radius:18px}.workflow{grid-template-columns:1fr}.workflow article{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.workflow h3{margin-top:18px}.audience-box{padding:31px 24px;border-radius:20px}.audience-list{grid-template-columns:1fr}.security-visual{min-height:310px}.security-visual:before{width:270px;height:270px}.security-visual:after{width:190px;height:190px}.security-shield{width:105px;height:120px}.security-tags span{font-size:.53rem}.security-tags span:nth-child(1){left:15px;top:44px}.security-tags span:nth-child(2){right:11px;top:80px}.security-tags span:nth-child(3){left:24px;bottom:47px}.security-tags span:nth-child(4){right:20px;bottom:31px}.faq-list details p{margin-right:15px}.cta-box{padding:32px 24px;border-radius:21px}.cta-proof{display:grid}.footer-top{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* v2 — Vagtklar design-engineering polish */
:root{
  --ease-out:cubic-bezier(.23,1,.32,1);
  --ease-in-out:cubic-bezier(.77,0,.175,1);
  --blue:#326b8f;
  --blue-soft:#eaf3f8;
  --copper:#b7791f;
  --focus:0 0 0 4px rgba(13,115,104,.16);
}
html{scroll-padding-top:104px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:0;box-shadow:var(--focus);border-radius:10px}
.scroll-progress{position:fixed;left:0;top:0;width:100%;height:3px;z-index:1000;background:linear-gradient(90deg,var(--green),var(--blue),var(--copper));transform:scaleX(var(--scroll-progress,0));transform-origin:left;pointer-events:none}
.site-header{transition:background-color 180ms ease,box-shadow 180ms var(--ease-out)}
.site-header.is-scrolled{background:rgba(255,255,255,.92);box-shadow:0 14px 42px rgba(18,63,57,.075)}
.brand,.btn,.menu-btn,.mini-action,.faq-list summary{-webkit-tap-highlight-color:transparent}
.main-nav>a:not(.btn){transition:color 160ms ease}
.main-nav>a.is-active:not(.btn){color:var(--green)}
.main-nav>a.is-active:not(.btn):after{transform:scaleX(1)}
.btn,.mini-action{transform:translateY(0) scale(1);transition:transform 160ms var(--ease-out),box-shadow 180ms var(--ease-out),background 180ms ease,color 180ms ease,border-color 180ms ease}
.btn:active,.menu-btn:active,.mini-action:active,.faq-list summary:active{transform:scale(.97)}
.btn-primary,.btn-white,.mini-action{position:relative;overflow:hidden}
.btn-primary:before,.btn-white:before,.mini-action:before{content:"";position:absolute;inset:-2px auto -2px -45%;width:38%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent);transform:skewX(-18deg) translateX(-120%);opacity:.55;pointer-events:none}
.btn-primary:hover:before,.btn-white:hover:before,.mini-action:hover:before{animation:buttonSheen 760ms var(--ease-out)}
.btn span,.mini-action{position:relative;z-index:1}
.hero{background:radial-gradient(circle at 78% 21%,rgba(228,242,247,.72),transparent 29%),radial-gradient(circle at 16% 82%,rgba(247,234,212,.48),transparent 28%),linear-gradient(180deg,#fff 0%,#fcfefd 70%,#fff 100%)}
.hero-glow-one{transform:translate3d(0,calc(var(--page-drift,0) * 34px),0)}
.hero-glow-two{transform:translate3d(0,calc(var(--page-drift,0) * -24px),0)}
.eyebrow span{background:linear-gradient(90deg,var(--green),var(--copper))}
h1,.section-heading h2,.sticky-copy h2,.security-copy h2,.audience-copy h2,.cta-copy h2,.faq-heading h2{text-wrap:balance}
.lead,.section-heading p,.sticky-copy p,.security-copy>p,.audience-copy>p,.faq-heading p{text-wrap:pretty}
.hero-copy{animation:heroCopyIn 980ms var(--ease-out) 180ms both}
.product-stage{isolation:isolate;animation:productIn 1180ms var(--ease-out) 360ms both}
.browser-shell{transform-origin:center;transition:transform 240ms var(--ease-out),box-shadow 240ms var(--ease-out)}
.browser-shell:after{content:"";position:absolute;inset:44px 0 0;background:linear-gradient(115deg,transparent 0%,transparent 36%,rgba(255,255,255,.42) 48%,transparent 60%,transparent 100%);transform:translateX(-120%);pointer-events:none;mix-blend-mode:screen;animation:mockupSweep 5.8s var(--ease-in-out) 1.2s infinite}
.score-ring{filter:drop-shadow(0 8px 16px rgba(13,115,104,.12))}
.score-ring:before{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(13,115,104,.16);opacity:.75;animation:ringPulse 2.8s var(--ease-out) infinite}
.status-panel{position:relative}
.status-panel:after{content:"";position:absolute;inset:0 auto 0 -34%;width:32%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);transform:skewX(-18deg) translateX(-120%);opacity:0;pointer-events:none}
.status-panel.is-visible:after{opacity:.45;animation:consoleScan 4.8s var(--ease-in-out) .5s infinite}
.shift,.status-item,.problem-card,.bento-card,.workflow article,.audience-list>div,.security-points>div,.faq-list details,.cta-card,.proof-grid>div{transform:translateY(0)}
.shift{transition:transform 190ms var(--ease-out),box-shadow 190ms var(--ease-out),filter 190ms ease}
.floating-note{animation:floatCard 4.6s var(--ease-in-out) infinite;transition:transform 220ms var(--ease-out),box-shadow 220ms var(--ease-out)}
.note-two{animation-delay:1.1s}
.dark-score i,.mc-grid i.filled,.mc-grid i.warn{transform:scaleY(.2);transform-origin:bottom;transition:transform 1100ms var(--ease-out)}
.is-visible .dark-score i,.is-visible .mc-grid i,.bento-card.is-visible .dark-score i,.bento-card.is-visible .mc-grid i{transform:scaleY(1)}
.reveal{opacity:var(--reveal-opacity,0);transform:translateY(var(--reveal-y,46px));transition:opacity 140ms linear,transform 140ms linear;will-change:opacity,transform}
.reveal.is-visible{--reveal-opacity:1;--reveal-y:0px;opacity:1;transform:translateY(0)}
.faq-list details[open]{background:linear-gradient(90deg,rgba(234,246,242,.7),transparent 58%)}
.faq-list details[open] p{animation:faqAnswerIn 220ms var(--ease-out) both}
.tilt-ready{will-change:transform}
.tilt-ready:hover{transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px)}

@media(hover:hover) and (pointer:fine){
  .btn:hover{transform:translateY(-2px)}
  .browser-shell:hover{transform:perspective(1600px) rotateY(-1.2deg) rotateX(.35deg) translateY(-4px)}
  .shift:hover{transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 10px 22px rgba(18,63,57,.12)}
  .problem-card,.bento-card,.workflow article,.audience-list>div,.security-points>div,.cta-card{transition:transform 220ms var(--ease-out),box-shadow 220ms var(--ease-out),border-color 180ms ease,background 180ms ease}
  .problem-card:hover,.bento-card:hover,.workflow article:hover,.audience-list>div:hover,.security-points>div:hover,.cta-card:hover{transform:translateY(-3px);border-color:#c9dfd8;box-shadow:0 30px 74px rgba(18,63,57,.10)}
  .floating-note:hover{transform:translateY(-3px)}
  .faq-list summary:hover{color:var(--green)}
}

@keyframes heroCopyIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes productIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes buttonSheen{from{transform:skewX(-18deg) translateX(-120%)}to{transform:skewX(-18deg) translateX(390%)}}
@keyframes mockupSweep{0%,58%{transform:translateX(-120%)}78%,100%{transform:translateX(130%)}}
@keyframes ringPulse{0%{opacity:.6;transform:scale(.96)}70%,100%{opacity:0;transform:scale(1.12)}}
@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes consoleScan{0%,48%{transform:skewX(-18deg) translateX(-120%)}72%,100%{transform:skewX(-18deg) translateX(460%)}}
@keyframes faqAnswerIn{from{opacity:0;transform:translateY(-4px);filter:blur(1px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}

@media(max-width:900px){
  .main-nav{display:flex;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px) scale(.98);transform-origin:top right;transition:opacity 160ms var(--ease-out),transform 160ms var(--ease-out),visibility 0s linear 160ms}
  .main-nav.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity 160ms var(--ease-out),transform 160ms var(--ease-out),visibility 0s}
}
@media(max-width:650px){
  html{scroll-padding-top:82px}
  h1{font-size:clamp(2.82rem,14vw,3.2rem)}
  .section-heading h2,.sticky-copy h2,.security-copy h2,.audience-copy h2,.cta-copy h2,.faq-heading h2{overflow-wrap:anywhere}
  .browser-shell:after{animation-duration:7s}
}
@media(prefers-reduced-motion:reduce){
  .scroll-progress{transition:none}
  .hero-copy,.product-stage,.browser-shell:after,.score-ring:before,.floating-note,.status-panel:after,.faq-list details[open] p{animation:none!important}
  .reveal{opacity:1;transform:none}
  .dark-score i,.mc-grid i.filled,.mc-grid i.warn{transform:scaleY(1)}
  .status-panel:after{opacity:0!important}
  .tilt-ready:hover{transform:none}
}