:root{color:#17212b;background:#f4f7f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{align-items:center;border:0;border-radius:10px;background:#17675f;color:#fff;cursor:pointer;display:inline-flex;gap:.5rem;font-weight:600;justify-content:center;padding:.7rem 1rem;transition:all .15s ease}button:hover{background:#12544e}button.secondary{background:#eef6f4;color:#17675f;font-weight:500}button.secondary:hover{background:#e1f0ec}button:active{transform:scale(.97)}button:disabled{cursor:wait;opacity:.72}.spinner{animation:spin .75s linear infinite;border:2px solid rgba(255,255,255,.45);border-radius:50%;border-top-color:#fff;display:inline-block;height:1rem;width:1rem}@keyframes spin{to{transform:rotate(360deg)}}button:hover{background:#12544e;transform:translateY(-1px)}button.secondary{background:#e7f1ee;color:#17675f}button.link-button{background:transparent;color:#17675f;padding:.35rem}button.link-button:hover{background:transparent;text-decoration:underline;transform:none}input,select,textarea{border:1px solid #d6e2de;border-radius:10px;color:#17212b;padding:.78rem;width:100%;background:#fff}input:focus,select:focus,textarea:focus{border-color:#17675f;outline:3px solid rgba(23,103,95,.12)}textarea{min-height:92px;resize:vertical}form{display:grid;gap:.85rem}.login-panel,.panel{background:#fff;border:1px solid #e3ece9;border-radius:18px;box-shadow:0 16px 40px #1f3a3414}.login-panel{max-width:440px;padding:2rem;width:100%}.public-page{display:grid;gap:1.5rem;margin:0 auto;max-width:1240px;min-height:100vh;padding:1.25rem}.coming-soon-page{align-items:center;background:radial-gradient(circle at 20% 20%,rgba(23,103,95,.11),transparent 32%),linear-gradient(135deg,#f5f8f7,#eaf3f0);display:flex;justify-content:center;min-height:100vh;padding:1.5rem}.coming-soon-card{background:#ffffffeb;border:1px solid #dbe8e4;border-radius:22px;box-shadow:0 24px 70px #1f3a341f;max-width:620px;padding:clamp(2rem,6vw,4rem);width:100%}.coming-soon-card h1{color:#10241f;font-size:clamp(2.6rem,7vw,5rem);line-height:.95;margin:0 0 1rem}.coming-soon-card p:not(.eyebrow){color:#40534d;font-size:1.08rem;line-height:1.7;margin:0;max-width:520px}.coming-soon-actions{display:flex;margin-top:1.8rem}.coming-soon-actions a{background:#17675f;border-radius:10px;color:#fff;font-weight:700;padding:.85rem 1.1rem;text-decoration:none}.public-nav{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0}.public-nav strong,.brand-button{color:#123f3a;font-size:1.15rem}.brand-button,.public-footer button{background:transparent;color:#123f3a;padding:0}.brand-button:hover,.public-footer button:hover{background:transparent;text-decoration:underline;transform:none}.public-nav div{align-items:center;display:flex;gap:1rem}.public-nav a{color:#526761;font-weight:700;text-decoration:none}.public-hero{background:#dbece7;border:1px solid #c4dcd5;border-radius:28px;min-height:620px;overflow:hidden;padding:4.5rem 3rem;position:relative}.hero-scene{top:0;right:0;bottom:0;left:0;opacity:.95;position:absolute}.scene-window{background:#ffffffd6;border:1px solid rgba(255,255,255,.92);border-radius:24px;box-shadow:0 30px 80px #123f3a2e;min-height:390px;padding:1rem;position:absolute;right:3rem;top:5rem;transform:rotate(-2deg);width:min(530px,45vw)}.scene-bar{display:flex;gap:.45rem;padding:.25rem 0 1rem}.scene-bar span{background:#8fb9b1;border-radius:50%;height:10px;width:10px}.scene-layout{display:grid;gap:1rem;grid-template-columns:115px minmax(0,1fr)}.scene-menu,.scene-main,.scene-feed{display:grid;gap:.75rem}.scene-menu span,.scene-feed span{background:#eef6f4;border:1px solid #d6e2de;border-radius:12px;height:48px}.scene-menu span:first-child{background:#17675f}.scene-stats{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}.scene-stats strong{background:#fff;border:1px solid #d6e2de;border-radius:14px;color:#17675f;padding:1.1rem .8rem;text-align:center}.scene-feed span{height:72px}.hero-copy h1{color:#0e1e2b;font-size:clamp(2.8rem,6vw,5.6rem);line-height:1;margin:0;max-width:780px;position:relative}.hero-copy p{color:#314d47;font-size:1.1rem;line-height:1.6;max-width:630px;position:relative}.eyebrow{color:#17675f;font-size:.82rem;font-weight:700;letter-spacing:.08em;margin:0 0 .75rem;text-transform:uppercase}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;position:relative}.trust-strip{background:#fff;border:1px solid #e3ece9;border-radius:18px;box-shadow:0 16px 40px #1f3a3414;display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));padding:1rem}.trust-strip div{background:#fbfdfc;border:1px solid #e3ece9;border-radius:14px;display:grid;gap:.3rem;padding:1rem}.trust-strip span{color:#60736e}.feature-band{align-items:start;background:#fff;border:1px solid #e3ece9;border-radius:22px;box-shadow:0 16px 40px #1f3a3414;display:grid;gap:2rem;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);padding:2rem}.feature-band h2,.auth-section h2{font-size:clamp(2rem,4vw,3.1rem);line-height:1.05;margin:0}.feature-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid article{background:#fbfdfc;border:1px solid #e3ece9;border-radius:16px;display:grid;gap:.6rem;padding:1.1rem}.feature-grid p,.pricing-card p,.auth-section p{color:#526761;line-height:1.55;margin:0}.trust-strip strong,.feature-grid strong{color:#17675f}.video-section{align-items:center;background:#123f3a;border-radius:24px;color:#fff;display:grid;gap:2rem;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);overflow:hidden;padding:2rem}.video-section .eyebrow{color:#9dd4ca}.video-section h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;margin:0 0 1rem}.video-section p:not(.eyebrow){color:#d5e9e5;line-height:1.6;margin:0}.training-video{aspect-ratio:16 / 9;background:#0e2e2a;border:1px solid rgba(255,255,255,.22);border-radius:18px;box-shadow:0 24px 60px #071c1959;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;width:100%}.training-player-bar{align-items:center;background:#ffffff14;display:flex;gap:.75rem;padding:.9rem 1rem}.training-player-bar span{background:#9dd4ca;border-radius:50%;box-shadow:14px 0 #e1f0ec,28px 0 #6fb1a6;height:10px;width:10px}.training-frame{background:#f4f7f6;display:grid;gap:1rem;grid-template-columns:130px minmax(0,1fr);margin:0 1rem;overflow:hidden;padding:1rem}.training-sidebar{display:grid;gap:.55rem}.training-sidebar span{background:#fff;border:1px solid #d6e2de;border-radius:10px;color:#34514c;font-size:.78rem;font-weight:700;padding:.65rem}.training-sidebar span:first-child{background:#17675f;color:#fff}.training-screen{background:#fff;border:1px solid #d6e2de;border-radius:14px;min-height:235px;overflow:hidden;position:relative}.training-step{animation:trainingSteps 16s infinite;background:#fbfdfc;border:1px solid #d6e2de;border-left:6px solid #17675f;border-radius:14px;color:#17212b;display:grid;gap:.5rem;left:1rem;opacity:0;padding:1rem;position:absolute;right:1rem;top:50%;transform:translateY(-38%) scale(.98)}.training-step span{color:#60736e}.step-two{animation-delay:4s}.step-three{animation-delay:8s}.step-four{animation-delay:12s}.training-controls{align-items:center;display:grid;gap:.8rem;grid-template-columns:auto 1fr auto;padding:.9rem 1rem}.play-icon{border-bottom:9px solid transparent;border-left:14px solid #ffffff;border-top:9px solid transparent;display:block;height:0;width:0}.training-controls div{background:#ffffff2e;border-radius:999px;height:8px;overflow:hidden}.training-controls div span{animation:trainingProgress 16s linear infinite;background:#9dd4ca;border-radius:inherit;display:block;height:100%;width:0}.training-controls small{color:#d5e9e5}@keyframes trainingSteps{0%,18%{opacity:1;transform:translateY(-50%) scale(1)}25%,to{opacity:0;transform:translateY(-62%) scale(.98)}}@keyframes trainingProgress{0%{width:0}to{width:100%}}.public-pricing{background:#fff;border:1px solid #e3ece9;border-radius:18px;box-shadow:0 16px 40px #1f3a3414;display:grid;gap:1.5rem;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding:2rem}.public-pricing h2{font-size:2rem;margin:0 0 1rem}.pricing-subtext{color:#526761;line-height:1.6;margin:0}.pricing-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-card{border:1px solid #e3ece9;border-radius:16px;display:grid;gap:.8rem;padding:1.25rem}.pricing-card.featured{border-color:#17675f;box-shadow:inset 0 0 0 1px #17675f}.pricing-card h3,.pricing-card p{margin:0}.price{color:#17675f;font-size:1.7rem;font-weight:800}.pricing-list{color:#526761;display:grid;gap:.55rem;line-height:1.5;margin:0;padding-left:1.2rem}.pricing-note{color:#60736e;font-size:.9rem;font-weight:700;text-align:center}.contact-section{align-items:start;background:#fff;border:1px solid #e3ece9;border-radius:22px;box-shadow:0 16px 40px #1f3a3414;display:grid;gap:2rem;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding:2rem}.contact-section h2{font-size:clamp(2rem,4vw,3rem);line-height:1.05;margin:0 0 1rem}.contact-section p:not(.eyebrow){color:#526761;line-height:1.55;margin:0}.contact-form,.feedback-form,.settings-form{background:#fbfdfc;border:1px solid #e3ece9;border-radius:16px;padding:1rem}.settings-form{margin-bottom:1rem}.subscription-card{background:#eef6f4;border:1px solid #d6e2de;border-radius:16px;display:grid;gap:.85rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1rem;padding:1rem}.subscription-card div:not(.actions){display:grid;gap:.25rem}.subscription-card span{color:#60736e}.subscription-card strong{color:#123f3a;text-transform:capitalize}.subscription-card .actions{grid-column:1 / -1}.auth-section{align-items:start;display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) minmax(360px,440px);padding:1rem 0 3rem}.public-footer{align-items:center;border-top:1px solid #d6e2de;color:#526761;display:flex;justify-content:space-between;padding:1.25rem 0 .5rem}.public-footer div{display:flex;flex-wrap:wrap;gap:1rem}.public-footer a{color:#123f3a;font-weight:700;text-decoration:none}.legal-page{background:#fff;border:1px solid #e3ece9;border-radius:22px;box-shadow:0 16px 40px #1f3a3414;display:grid;gap:1rem;margin:1rem 0 2rem;padding:2rem}.legal-page h1{font-size:clamp(2.3rem,5vw,4rem);line-height:1;margin:0}.legal-page h2{margin:1rem 0 0}.legal-page p{color:#526761;line-height:1.65;margin:0;max-width:920px}.legal-note{background:#fff8df;border:1px solid #efd78b;border-radius:14px;padding:1rem}.auth-tabs{background:#eef6f4;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:.25rem;margin:1.25rem 0;padding:.25rem}.auth-tabs .tab{background:transparent;color:#17675f;padding:.65rem}.auth-tabs .tab.active{background:#fff;box-shadow:0 4px 14px #1f3a3414}.login-panel h1,.topbar h1,.panel h2{margin:0}.app-shell{margin:0 auto;max-width:1350px;padding:1.5rem}.topbar{align-items:center;background:#fff;border:1px solid #e3ece9;border-radius:18px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1.25rem 1.5rem;box-shadow:0 12px 30px #1f3a3412}.topbar p{color:#6b7a76;margin:.3rem 0 0;text-transform:capitalize}.topbar-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.notice{background:#fff8df;border:1px solid #efd78b;border-radius:14px;margin:1rem 0;padding:.9rem 1rem;color:#6b5300}.grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-layout{align-items:start;display:grid;gap:1rem;grid-template-columns:240px minmax(0,1fr)}.section-sidebar{background:#fff;border:1px solid #e3ece9;border-radius:18px;box-shadow:0 10px 25px #14322d0f;display:grid;gap:.45rem;padding:.8rem;position:sticky;top:1rem}.section-sidebar button{background:transparent;border-radius:12px;color:#34514c;justify-content:flex-start;padding:.85rem .9rem;text-align:left;width:100%}.section-sidebar button:hover,.section-sidebar button.active{background:#17675f;color:#fff;transform:none}.dashboard-content{min-width:0}.section-panel{display:none}.section-panel.active{display:block}.panel{padding:1.2rem;background:#fff;border-radius:18px;border:1px solid #e3ece9;box-shadow:0 10px 25px #14322d0f;transition:all .2s ease}.panel:hover{box-shadow:0 14px 35px #14322d1a;transform:translateY(-2px)}.panel h2{margin-bottom:.8rem}.panel h2{font-size:1.05rem;margin-bottom:1rem}.panel.wide{grid-column:1 / -1}.inline-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1rem 0}.inline-form input,.inline-form textarea{font-size:.9rem}.inline-form button{grid-column:span 3;margin-top:.5rem}.inline-form button{align-self:end}.cards{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{border:1px solid #e3ece9;border-radius:16px;padding:1rem;background:#fbfdfc}.card h3,.card p{margin:0 0 .45rem}.card h3{font-size:1rem}.actions{display:flex;gap:.55rem;margin-top:.85rem}.list{display:grid;gap:.8rem;list-style:none;margin:1rem 0 0;padding:0}.list li{border:1px solid #e3ece9;border-radius:14px;display:grid;gap:.3rem;padding:.85rem;background:#fbfdfc}.list span{color:#6b7a76}.empty-state{border:1px dashed #bfd3cc;border-radius:14px;color:#60736e;margin:1rem 0 0;padding:1rem;background:#fbfdfc}.helper-text{color:#60736e;line-height:1.5;margin:0 0 1rem}.checkbox-row{align-items:center;display:flex;gap:.6rem;line-height:1.4}.checkbox-row input{width:auto}.load-more{margin-top:1rem;width:100%}.qr-display{align-items:center;display:grid;gap:1.25rem;grid-template-columns:280px minmax(0,1fr)}.qr-display img{background:#fff;border:1px solid #d6e2de;border-radius:18px;max-width:100%;padding:.75rem}.qr-display div{display:grid;gap:.75rem}.qr-mobile-page{align-items:start;background:#f4f7f6;display:flex;justify-content:center;min-height:100vh;padding:1rem}.qr-mobile-card{background:#fff;border:1px solid #dbe8e4;border-radius:22px;box-shadow:0 18px 50px #1f3a341f;display:grid;gap:1rem;max-width:520px;padding:1rem;width:100%}.qr-mobile-header{align-items:start;display:flex;gap:1rem;justify-content:space-between}.qr-mobile-header h1{font-size:1.6rem;line-height:1.1;margin:.25rem 0 0}.qr-child-list{display:grid;gap:.85rem}.qr-child-card{border:1px solid #dbe8e4;border-radius:18px;display:grid;gap:.85rem;padding:1rem}.qr-child-card h2{font-size:1.25rem;margin:0 0 .25rem}.qr-child-card p{color:#60736e;margin:0}.safety-note{background:#fff8df;border:1px solid #efd78b;border-radius:14px;color:#6b5300;font-weight:700;margin:0;padding:.85rem 1rem}.qr-actions,.pin-form{display:grid;gap:.6rem}.qr-actions button,.qr-mobile-card button[type=submit]{font-size:1.05rem;min-height:54px}.on-my-way-button{min-height:60px}.pin-form{border-top:1px solid #e3ece9;padding-top:1rem}.report-summary{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr));margin:1rem 0}.report-summary div{background:#eef6f4;border:1px solid #d6e2de;border-radius:14px;display:grid;gap:.25rem;padding:1rem}.report-summary span{color:#60736e}.report-summary strong{color:#123f3a;font-size:1.4rem}.owner-grid{display:grid;gap:1rem}.owner-panel{overflow-x:auto}.owner-table{display:grid;gap:.5rem;min-width:820px}.owner-row{align-items:start;background:#fbfdfc;border:1px solid #e3ece9;border-radius:12px;display:grid;gap:.75rem;grid-template-columns:1.4fr 1.2fr 1.2fr .6fr .8fr;padding:.8rem}.owner-head{background:#eef6f4;color:#123f3a;font-weight:800}.owner-row span{display:grid;gap:.2rem}.owner-row small{color:#60736e;font-size:.78rem;overflow-wrap:anywhere}.compact-list li{overflow-wrap:anywhere}.billing-upgrade{background:#eef6f4;border:1px solid #d6e2de;border-radius:14px;display:grid;gap:.45rem;margin-bottom:1rem;padding:1rem}.billing-upgrade span{color:#60736e}.metric-grid{display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1rem}.metric-grid div{background:#fbfdfc;border:1px solid #e3ece9;border-radius:14px;display:grid;gap:.25rem;padding:.8rem}.metric-grid span{color:#60736e;font-size:.82rem}.metric-grid strong{color:#17675f;font-size:1.1rem}.subform,.report-form,.media-form{background:#fbfdfc;border:1px solid #e3ece9;border-radius:14px;margin-bottom:1rem;padding:1rem}.media-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.media-card{background:#fbfdfc;border:1px solid #e3ece9;border-radius:16px;overflow:hidden}.media-card img,.media-card video{aspect-ratio:4 / 3;background:#eef6f4;display:block;object-fit:cover;width:100%}.media-card div{display:grid;gap:.35rem;padding:.9rem}.media-card span{color:#60736e;font-size:.85rem}.media-card p{margin:0}@media(max-width:820px){.grid,.inline-form,.dashboard-layout,.public-hero,.public-pricing,.feature-band,.feature-grid,.trust-strip,.video-section,.contact-section,.auth-section,.pricing-grid,.metric-grid,.subscription-card{grid-template-columns:1fr}.public-page{padding:.9rem}.public-nav{align-items:flex-start;gap:1rem;flex-direction:column}.public-nav div{flex-wrap:wrap}.public-footer{align-items:flex-start;flex-direction:column;gap:1rem}.public-hero{min-height:auto;padding:2rem 1.25rem 11rem}.hero-copy h1{font-size:clamp(2.3rem,14vw,4.1rem)}.scene-window{bottom:1rem;left:1rem;min-height:150px;right:1rem;top:auto;transform:rotate(-1deg);width:auto}.scene-layout{grid-template-columns:70px minmax(0,1fr)}.scene-menu span,.scene-feed span{height:30px}.scene-feed span{height:38px}.scene-stats strong{padding:.6rem .35rem}.training-frame{grid-template-columns:1fr}.training-sidebar{display:none}.training-screen{min-height:190px}.topbar{align-items:flex-start;gap:1rem;flex-direction:column}.topbar-actions{justify-content:flex-start;width:100%}.app-shell{padding:1rem}.section-sidebar{display:flex;gap:.5rem;overflow-x:auto;position:static}.section-sidebar button{flex:0 0 auto;width:auto}}.panel h2{display:flex;align-items:center;gap:.5rem;color:#123f3a;letter-spacing:-.01em}.panel h2:before{content:"";width:8px;height:22px;border-radius:999px;background:#17675f}.card strong,.list strong{color:#123f3a}.card p,.list li{font-size:.9rem}.cards{margin-top:1rem}.card{border-left:5px solid #17675f}.actions button{padding:.55rem .8rem;font-size:.85rem}.actions button.secondary{background:#eef6f4}
