:root{--pine:#124c38;--forest:#165740;--forest-deep:#103e30;--ink:#143a2e;--muted:#5b7367;--cream:#f7faf7;--mist:#edf5ef;--mint:#d5edde;--line:#d7e4da;--white:#fff;--shadow:0 22px 65px rgba(11,57,37,.09);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;color:var(--ink);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}body,button,a,input{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ecb843;outline-offset:4px}img{display:block;max-width:100%}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbol-defs{position:absolute;width:0;height:0;overflow:hidden}.container{width:min(calc(100% - 64px),1170px);margin:auto}.section{padding:82px 0}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.17em;color:#2e805a;text-transform:uppercase}.eyebrow.on-dark{color:#b7dfc6}.eyebrow .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b2efc6;vertical-align:2px;margin-right:9px}.section-heading{max-width:820px;margin-bottom:35px}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2,h2{font-weight:780;letter-spacing:-.045em;line-height:1.14}.section-heading h2{font-size:clamp(31px,4.15vw,52px);margin:14px 0 14px}.section-heading h2 span,h2 span{color:#28855b}.section-heading p{font-size:17px;line-height:1.7;color:var(--muted);margin:0 auto;max-width:680px}.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:11px;border:1px solid transparent;text-decoration:none;font-weight:750;line-height:1.2;border-radius:12px;transition:transform .18s,background .2s,box-shadow .2s;white-space:normal;text-align:center}.btn:hover{transform:translateY(-2px)}.btn svg{width:17px;height:17px}.btn-lg{padding:17px 21px;font-size:14px;min-height:53px}.btn-sm{padding:11px 16px;font-size:12px;min-height:40px}.btn-solid{background:#166445;color:white;box-shadow:0 8px 18px #155c3e18}.btn-solid:hover{background:#0f5135}.btn-light{background:#fff;color:#164b37;box-shadow:0 10px 30px #041b1220}.btn-light:hover{background:#f0f8f3}.btn-outline-light{background:transparent;color:#fff;border-color:#ffffff58}.btn-outline-light:hover{background:#ffffff15}
/* Header */
.site-header{position:sticky;top:0;z-index:50;height:81px;background:#fffffff2;border-bottom:1px solid #e5eee8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:148px;height:auto;object-fit:contain}.main-nav{display:flex;align-items:center;gap:29px;margin-left:auto}.main-nav a{font-size:12px;color:#355548;font-weight:680;text-decoration:none;transition:color .2s}.main-nav a:hover{color:#168158}.main-nav .nav-login{color:#768a7e}.header-actions{display:flex;align-items:center;gap:10px}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:10px;width:43px;height:43px;align-items:center;justify-content:center;color:var(--ink)}
/* Hero */
.hero{position:relative;overflow:hidden;background:#103f30;color:white;isolation:isolate}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 35%,#2c7a55b0,transparent 40%),linear-gradient(135deg,#103f30,#114735 65%,#14553e);z-index:-3}.hero-glow{position:absolute;border:1px solid #ffffff12;border-radius:50%;z-index:-1}.glow-a{width:900px;height:900px;right:-280px;top:-400px}.glow-b{width:600px;height:600px;right:100px;bottom:-460px}.hero-grid{min-height:633px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.13fr);gap:40px;align-items:center;padding-top:50px;padding-bottom:62px}.hero-copy{padding-top:4px;position:relative;z-index:3}.hero h1{font-size:clamp(51px,5.1vw,78px);font-weight:800;line-height:1.035;letter-spacing:-.067em;margin:24px 0 25px;max-width:590px}.hero h1 span{display:block;color:#b3e7c5}.hero-lead{font-size:clamp(17px,1.5vw,19px);color:#dbeee2;line-height:1.72;max-width:560px}.hero-lead strong{font-weight:700;color:white}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 25px}.hero-micro{font-size:12px;color:#c9dfd3;margin:0}.hero-art{position:relative;height:510px;perspective:1200px;isolation:isolate}.art-grid{position:absolute;inset:36px 0 0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 80%,transparent);transform:skewY(-5deg)}.visual-mock{box-shadow:0 22px 65px #041c143e}.desktop-panel{position:absolute;top:42px;left:0;width:90%;background:#fff;border:6px solid #e2eee7;border-radius:16px;overflow:hidden;transform:rotate(-2deg)}.desktop-top{background:#f5f8f5;height:55px;border-bottom:1px solid #dbe9df;display:flex;align-items:center;gap:14px;padding:0 17px;color:#124330;font-size:12px}.mock-brand-mark{font-size:15px;font-weight:850;letter-spacing:-.05em;white-space:nowrap}.mock-brand-mark:first-letter{color:#27915f}.mock-heading{margin:auto;color:#60776c;font-size:11px}.mock-avatar{height:29px;width:29px;border-radius:50%;display:grid;place-items:center;background:#dae9df;font-weight:850;font-size:10px}.desktop-body{padding:21px 20px 24px;color:#164331}.dash-head{display:flex;justify-content:space-between;align-items:center}.dash-eyebrow{font-size:9px;color:#50856a;font-weight:800;letter-spacing:.1em}.dash-head h3{font-size:20px;letter-spacing:-.04em;margin:5px 0 2px}.dash-head p{margin:0;color:#6b8275;font-size:10px}.mock-chip{background:#e4f1e8;padding:8px 11px;border-radius:7px;font-size:10px;font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:24px 0 22px}.metric{border:1px solid #dbe9dd;border-radius:10px;padding:13px 10px;min-height:86px;display:flex;flex-direction:column;justify-content:space-between}.metric strong{font-size:24px;color:#1a6846;line-height:1}.metric span{font-size:9px;color:#6c8172}.dash-subtitle{font-size:11px;font-weight:800;margin:0 0 9px}.dash-task{display:flex;align-items:center;gap:11px;border:1px solid #e0ebe2;padding:10px;border-radius:9px;margin:7px 0}.dash-task>span:nth-child(2){flex:1;min-width:0}.dash-task b{font-size:10px;display:block}.dash-task small{font-size:9px;color:#758879;display:block}.dash-bullet{width:8px;height:8px;border-radius:50%;background:#39996d}.dash-bullet.active{background:#d9a22a}.pill-green,.pill-amber{display:inline-block;padding:5px 9px;border-radius:100px;font-size:9px;font-weight:800;white-space:nowrap}.pill-green{background:#e0f4e8;color:#1e8155}.pill-amber{background:#fff1ca;color:#9b6809}.mobile-panel{position:absolute;z-index:2;right:-8px;bottom:17px;width:215px;background:#f7fbf7;border:6px solid #e7f0e9;border-radius:26px;overflow:hidden;transform:rotate(4deg)}.mobile-status{height:14px;background:#e7f0e9}.mobile-head{background:#175840;color:white;padding:14px 12px 18px}.mobile-head strong{display:block;font-size:19px;letter-spacing:-.05em}.mobile-head small{font-size:10px;color:#d6e9db}.mobile-body{padding:16px 11px;color:#164b35}.mobile-greeting{font-size:10px;color:#708574;margin:0 0 5px}.mobile-body h4{font-size:17px;margin:0 0 13px;letter-spacing:-.045em}.mobile-mini-card{background:#fffaf0;border:1px solid #dbc9a8;border-left:4px solid #b78b25;border-radius:11px;padding:11px 9px;margin:0}.mobile-mini-card small{color:#738275;font-size:9px;display:block}.mobile-mini-card b{font-size:11px;display:block;line-height:1.25;margin:6px 0}.mini-status{display:inline-block;color:#936917;background:#fff1c9;padding:4px 6px;border-radius:12px;font-size:9px;font-weight:800}.mini-link{font-size:10px;color:#1b704b;display:block;font-weight:800;margin-top:8px}.mobile-mini-button{text-align:center;border-radius:8px;background:#e2eee7;padding:12px;font-size:10px;font-weight:800;margin:11px 0 1px}.art-note{position:absolute;z-index:4;bottom:2px;left:10px;background:#ffffffee;color:#235641;border:1px solid #cde6d4;box-shadow:0 14px 30px #051c1023;border-radius:30px;font-size:11px;display:flex;align-items:center;gap:7px;padding:9px 13px;font-weight:750}.art-note svg{width:15px;height:15px}
.value-strip{background:#e9f3ec;border-bottom:1px solid #dbe9de}.value-inner{display:grid;grid-template-columns:repeat(3,1fr)}.value-inner>div{display:flex;justify-content:center;align-items:center;gap:12px;padding:19px 15px;border-right:1px solid #d3e6d8;font-size:14px;font-weight:760;color:#245742}.value-inner>div:last-child{border:0}.value-inner svg{color:#2b9666;width:19px;height:19px}
/* Process */
.section-intro{background:white}.journey{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative}.journey:before{content:"";position:absolute;top:54px;left:12%;right:12%;border-top:1px dashed #b2d6bc}.journey-step{position:relative;background:#f7faf7;border:1px solid #dfe9e1;border-radius:18px;padding:25px 26px 26px}.journey-number{font-size:11px;font-weight:850;letter-spacing:.09em;color:#399369}.journey-icon{width:48px;height:48px;border-radius:13px;background:#e4f1e8;color:#1c7752;display:grid;place-items:center;margin:12px 0 16px}.journey-icon svg{width:24px;height:24px}.journey-step h3{font-size:20px;letter-spacing:-.035em;margin:0 0 10px}.journey-step p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}
/* Presentation */
.presentation{background:var(--mist);overflow:hidden}.presentation-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:54px;align-items:center}.presentation-copy h2,.narrative h2,.faq-intro h2{font-size:clamp(32px,3.8vw,49px);margin:17px 0 21px}.presentation-copy p,.narrative-copy p,.faq-intro p{font-size:16px;line-height:1.76;color:var(--muted)}.checks{list-style:none;margin:24px 0 31px;padding:0}.checks li{display:flex;gap:11px;align-items:flex-start;margin:11px 0;font-size:14px;font-weight:650;color:#3e5f4e}.checks svg{width:18px;height:18px;color:#1e8659;margin-top:1px}.disclaimer{font-size:11px!important;margin-top:16px;color:#708678!important;line-height:1.5!important}.presentation-poster{border:1px solid #cadecf;box-shadow:0 22px 55px #164b3026;background:#144b38;border-radius:23px;min-height:438px;position:relative;display:flex;flex-direction:column;overflow:hidden;padding:22px;color:white;text-align:left;transition:transform .2s,box-shadow .2s}.presentation-poster:hover{transform:translateY(-5px);box-shadow:0 28px 70px #164b3035}.presentation-poster:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 55%,#34805a,transparent 63%)}.poster-top,.poster-center,.poster-bottom{position:relative;z-index:1}.poster-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.poster-top img{width:125px;height:auto}.poster-top>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#c4e6d0;font-weight:750}.poster-center{display:grid;place-items:center;flex:1;position:relative}.poster-phone{display:block;width:235px;border:5px solid #e2eee4;background:#f8fbf8;border-radius:20px;padding:0 12px 14px;transform:rotate(-5deg);box-shadow:0 20px 40px #051f1533}.poster-phone-head{display:block;background:#185840;margin:0 -12px 13px;border-radius:13px 13px 0 0;color:white;padding:18px 14px;font-size:19px;font-weight:900}.poster-phone-title{font-size:13px;font-weight:900;color:#244937;display:block;margin-bottom:11px}.poster-phone-task{background:#fffaf0;border:1px solid #dacaa8;border-left:4px solid #bb8b20;border-radius:8px;padding:12px;display:block}.poster-phone-task b{color:#163c30;display:block;font-size:11px}.poster-phone-task small{display:block;font-size:9px;color:#687768;margin:8px 0}.poster-focus{display:block;border:2px solid #edbf4c;border-radius:8px;color:#195b3f;font-size:11px;font-weight:900;padding:8px 4px;text-align:center;box-shadow:0 0 0 6px #e9c65d33}.big-play{position:absolute;right:16%;top:46%;display:grid;place-items:center;width:91px;height:91px;border-radius:50%;background:#fff;color:#185840;box-shadow:0 15px 30px #03170f40}.big-play svg{width:38px;height:38px;fill:#185840;stroke:#185840;margin-left:5px}.poster-bottom{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:750;background:#ffffff16;border:1px solid #ffffff25;border-radius:11px;padding:13px 17px}
/* Role panel */
.roles{background:#fff}.role-toggle{display:flex;background:#edf5ee;border-radius:13px;padding:6px;width:max-content;margin:0 auto 22px;border:1px solid var(--line);gap:4px}.role-tab{display:flex;gap:9px;align-items:center;border:0;border-radius:10px;background:transparent;color:#557466;padding:14px 23px;font-weight:800;font-size:14px}.role-tab.active{background:white;color:#155d40;box-shadow:0 4px 15px #163b2314}.role-tab svg{width:19px;height:19px}.role-content{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center;background:#f7faf7;border:1px solid var(--line);border-radius:24px;padding:39px 41px 38px;min-height:0}.role-content[hidden]{display:none}.index-tag{font-size:11px;color:#39845e;font-weight:850;letter-spacing:.12em}.role-text h3{font-size:clamp(26px,3vw,38px);letter-spacing:-.045em;line-height:1.22;margin:14px 0 18px}.role-text>p{color:var(--muted);font-size:16px;line-height:1.7}.role-text .checks{margin-bottom:0}.role-image{position:relative;min-width:0}.admin-frame{border:1px solid #d8e4dc;background:white;box-shadow:0 15px 50px #174a3020;border-radius:17px;overflow:hidden;transform:rotate(1.3deg)}.frame-head{background:#14533c;color:white;padding:12px 17px;display:flex;align-items:center;justify-content:space-between;gap:8px}.frame-head b{font-size:18px;letter-spacing:-.065em}.frame-head span{font-size:10px;color:#d2e6d8}.admin-content{padding:23px 24px 19px}.admin-content h4{margin:0 0 5px;font-size:24px;letter-spacing:-.04em}.admin-content>p{font-size:12px;color:#6a8271;margin:0 0 19px}.admin-message{border:1px solid #dbe7df;padding:15px;border-radius:12px;margin:10px 0;background:#fdfefd}.admin-message small{font-size:9px;font-weight:800;color:#397957;letter-spacing:.03em}.admin-message strong{display:block;margin:8px 0 15px;font-size:14px}.status-line{display:flex;justify-content:space-between;align-items:center;gap:8px}.status-line small{letter-spacing:0;color:#647e6b}.image-caption{font-size:11px;color:#799184;text-align:center;margin-top:20px}.employee-frame{width:min(100%,330px);margin:0 auto;background:#f7faf7;border:5px solid #e5eee7;border-radius:24px;box-shadow:0 18px 50px #17452c25;overflow:hidden;transform:rotate(-1.3deg)}.employee-header{background:#175840;color:white;padding:20px}.employee-header b{display:block;font-size:22px}.employee-header small{font-size:12px;color:#dbeadd}.employee-inner{padding:20px}.employee-inner>small{font-size:12px;color:#69816f}.employee-inner h4{font-size:23px;margin:8px 0 16px;letter-spacing:-.04em}.employee-task{background:#fffaf0;border:1px solid #e6d7bc;border-left:5px solid #ba8b20;border-radius:12px;padding:16px}.employee-task small{font-size:10px;display:block;color:#6b8170}.employee-task strong{display:block;font-size:15px;line-height:1.33;margin:9px 0}.employee-task>div{color:#196644;font-weight:850;font-size:12px;margin-top:13px}.employee-message{margin:12px 0;background:#fff4d7;border:1px solid #d7ad3d;border-radius:9px;padding:11px;color:#79500d;font-size:12px;font-weight:800}.employee-message small{display:block;font-weight:500;margin-top:6px}.employee-footer{text-align:center;font-size:10px;white-space:nowrap;margin-top:18px;border-top:1px solid var(--line);padding:14px 0 0;color:#32684b;font-weight:800}
/* Feature cards */
.capabilities{background:#f5f9f6}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{border:1px solid #dce9df;background:#fff;border-radius:18px;padding:25px 24px 24px;box-shadow:0 4px 15px #173c3008;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 17px 40px #173c3012}.feature-icon{display:grid;place-items:center;height:46px;width:46px;background:#e5f3e9;color:#19764d;border-radius:12px;margin-bottom:16px}.feature-icon svg{width:23px;height:23px}.feature-card h3{font-size:18px;letter-spacing:-.03em;margin:0 0 10px}.feature-card p{font-size:13px;line-height:1.7;color:var(--muted);min-height:65px;margin:0 0 17px}.feature-card>span{font-size:11px;font-weight:850;color:#2d855c}
/* Narrative */
.narrative-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:65px;align-items:center}.narrative-copy p{max-width:465px}.text-link{background:none;border:0;padding:5px 0 7px;border-bottom:1px solid #2c8056;color:#1b754d;font-weight:800;font-size:14px;display:inline-flex;align-items:center;gap:9px;margin-top:12px}.text-link svg{width:16px;height:16px}.timeline-steps{border-radius:20px;background:#f4faf5;border:1px solid #dce9df;padding:28px 32px}.timeline-step{display:flex;gap:21px;position:relative;padding:0 0 23px}.timeline-step:before{content:"";position:absolute;top:35px;bottom:-1px;left:19px;border-left:1px dashed #a8ccaf}.timeline-step:last-child{padding-bottom:0}.timeline-step:last-child:before{display:none}.timeline-node{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#dff0e5;color:#1c754d;font-weight:850;font-size:12px;flex-shrink:0;z-index:1}.timeline-step strong{display:block;font-size:15px;margin-top:1px}.timeline-step p{margin:7px 0 0;font-size:13px;line-height:1.6;color:var(--muted)}
/* Audience */
.audience{background:#134d39;color:#fff}.audience .eyebrow{color:#c2e7cf}.audience .section-heading h2{color:white}.audience .section-heading h2 span{color:#b2e4c2}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.audience-card{background:#ffffff0a;border:1px solid #ffffff2c;border-radius:17px;padding:26px;min-height:194px}.audience-number{font-size:12px;color:#a4dbc1;font-weight:800}.audience-card h3{font-size:23px;letter-spacing:-.03em;margin:14px 0 10px}.audience-card p{margin:0;color:#d4e7dd;font-size:14px;line-height:1.75}
/* FAQ */
.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:62px;align-items:start}.faq-intro p{max-width:340px}.faq-list{border-top:1px solid #dbe8de}.faq-list details{border-bottom:1px solid #dbe8de}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:15px;font-weight:750;padding:18px 0;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{width:17px;height:17px;color:#1a7950;transition:transform .2s}.faq-list details[open] summary svg{transform:rotate(180deg)}.faq-list p{color:var(--muted);font-size:14px;line-height:1.7;margin:0;padding:0 26px 23px 0}
/* CTA footer */
.bottom-cta{background:radial-gradient(circle at 70% 10%,#246849 0%,#104333 50%,#0c372a 100%);color:white;padding:70px 0}.bottom-cta-inner{display:grid;grid-template-columns:1.25fr .75fr;gap:45px;align-items:center}.bottom-cta h2{font-size:clamp(31px,3.9vw,50px);letter-spacing:-.048em;line-height:1.13;margin:15px 0}.bottom-cta h2 span{color:#b5e5c7}.bottom-cta p{color:#d8ecdf;line-height:1.7;max-width:585px}.bottom-cta-action{display:flex;align-items:center;flex-direction:column;gap:13px}.bottom-cta-action .btn{width:100%}.bottom-cta-action small{font-size:12px;color:#c8ded0}.site-footer{background:#fff;padding:39px 0 23px}.footer-inner{display:flex;gap:25px;align-items:center;justify-content:space-between}.footer-inner img{width:130px}.footer-inner p{font-size:12px;color:#738579}.footer-inner a:last-child{text-decoration:none;color:#2b7051;font-size:12px;font-weight:750;display:flex;align-items:center;gap:5px}.footer-inner a:last-child svg{width:14px;height:14px}.preview-note{border-top:1px solid #e8eee9;text-align:center;margin-top:30px;padding-top:15px;font-size:11px;color:#8aa094}.mobile-interest{display:none}
/* Modal */
.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:22px}.modal-backdrop{position:absolute;inset:0;background:#061b14d9;backdrop-filter:blur(10px)}.modal-panel{position:relative;z-index:2;background:white;border-radius:19px;width:min(100%,1180px);max-height:calc(100dvh - 44px);display:flex;flex-direction:column;box-shadow:0 40px 100px #0006;overflow:hidden}.modal-top{padding:18px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.modal-top h2{font-size:22px;letter-spacing:-.04em;margin:3px 0 0}.modal-top-actions{display:flex;gap:7px}.icon-button{height:39px;width:39px;background:#edf5ef;border:1px solid #dae9dd;display:grid;place-items:center;border-radius:9px;color:#225d43}.icon-button:hover{background:#dfece3}.icon-button svg{width:18px;height:18px}.frame-shell{background:#eaf3ed;min-height:360px;flex:1;overflow:auto;position:relative}.frame-shell iframe{border:0;width:100%;height:min(70dvh,720px);min-height:360px;display:block;position:relative;z-index:2;background:white}.frame-placeholder{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;color:#2f7452}.frame-placeholder svg{height:40px;width:40px}.modal-footer{padding:12px 24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)}.modal-footer a{color:#1b7650;display:flex;align-items:center;gap:6px;font-weight:780}.modal-footer a svg{width:14px;height:14px}
/* Reveal */
.reveal{opacity:0;transform:translateY(17px);transition:opacity .55s,transform .55s}.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:1080px){.main-nav{gap:16px}.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(45px,6vw,67px)}.desktop-panel{width:95%}.presentation-grid{gap:40px}.role-content{gap:35px;padding:38px}.narrative-grid{gap:45px}.faq-grid{gap:50px}.header-demo{display:none}}
@media(max-width:820px){.container{width:min(calc(100% - 38px),1170px)}.site-header{height:69px}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;background:white;padding:15px 25px 24px;gap:0;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #0f352019}.main-nav.open{display:flex}.main-nav a{padding:14px 0;border-bottom:1px solid #eff3ef;font-size:15px}.main-nav a:last-child{border:0}.menu-toggle{display:flex}.brand img{width:129px}.hero-grid{padding-top:64px;padding-bottom:54px;grid-template-columns:1fr;gap:28px}.hero-copy{text-align:center}.hero h1{max-width:650px;margin:21px auto;font-size:clamp(45px,8vw,70px)}.hero-lead{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-art{width:min(100%,590px);height:420px;margin:0 auto}.desktop-panel{width:84%;left:3%;top:0}.mobile-panel{right:2%;bottom:0}.art-note{bottom:10px;left:0}.section{padding:64px 0}.journey{gap:12px}.journey-step{padding:23px 19px}.presentation-grid,.narrative-grid,.faq-grid{grid-template-columns:1fr;gap:31px}.presentation-poster{min-height:390px}.role-content{grid-template-columns:1fr;gap:23px}.role-text .checks{margin-bottom:10px}.role-image{width:100%}.feature-grid{grid-template-columns:repeat(2,1fr)}.audience-card{padding:24px}.bottom-cta-inner{grid-template-columns:1fr;gap:25px}.bottom-cta-action{align-items:stretch;max-width:560px}.bottom-cta-action small{text-align:center}}
@media(max-width:600px){.container{width:calc(100% - 34px)}.section{padding:51px 0}.section-heading{margin-bottom:25px}.section-heading h2{font-size:clamp(30px,7.2vw,39px)}.section-heading p{font-size:15px}.hero-grid{padding-top:51px;padding-bottom:32px}.hero h1{font-size:clamp(44px,11vw,62px)}.hero-lead{font-size:16px}.hero-actions{flex-direction:column;max-width:390px;margin:28px auto 20px}.hero-actions .btn{width:100%;font-size:13px}.hero-micro{font-size:11px}.hero-art{height:355px}.desktop-panel{top:0;left:0;width:95%;transform:rotate(-2deg)}.desktop-top{height:40px;padding:0 10px}.desktop-body{padding:12px 11px}.dash-head h3{font-size:13px}.dash-head p{font-size:8px}.dash-eyebrow{font-size:7px}.metric-grid{gap:5px;margin:12px 0}.metric{padding:9px 5px;min-height:65px}.metric strong{font-size:17px}.metric span{font-size:7px}.dash-subtitle{font-size:9px}.dash-task{padding:7px 5px;gap:5px}.dash-task b{font-size:8px}.dash-task small{font-size:7px}.pill-green,.pill-amber{font-size:7px;padding:4px 6px}.mobile-panel{width:144px;bottom:0;right:-2%;border-width:4px;border-radius:19px}.mobile-head{padding:10px 7px}.mobile-head strong{font-size:15px}.mobile-head small{font-size:8px}.mobile-body{padding:9px 7px}.mobile-body h4{font-size:12px;margin-bottom:7px}.mobile-greeting{font-size:8px}.mobile-mini-card{padding:8px 5px}.mobile-mini-card small{font-size:7px}.mobile-mini-card b{font-size:8px;margin:4px 0}.mini-status,.mini-link{font-size:7px}.mobile-mini-button{font-size:8px;padding:7px}.art-note{font-size:9px;padding:7px 9px;bottom:0}.value-inner{grid-template-columns:1fr 1fr 1fr;gap:0}.value-inner>div{flex-direction:column;gap:5px;font-size:10px;text-align:center;padding:15px 7px}.value-inner svg{width:20px;height:20px}.journey{grid-template-columns:1fr;gap:14px}.journey:before{display:none}.journey-step{padding:19px 20px 20px}.journey-icon{margin:8px 0 12px}.journey-step h3{font-size:19px}.presentation-copy h2,.narrative h2,.faq-intro h2{font-size:clamp(32px,8vw,40px)}.presentation-poster{min-height:360px;padding:16px}.poster-top img{width:103px}.poster-top>span{font-size:9px}.poster-phone{width:198px}.big-play{width:70px;height:70px;right:11%;top:43%}.big-play svg{height:29px;width:29px}.poster-bottom{font-size:12px;padding:12px}.role-toggle{width:100%}.role-tab{flex:1;font-size:12px;padding:12px 9px;justify-content:center}.role-tab svg{width:15px;height:15px}.role-content{padding:22px 20px}.role-text h3{font-size:28px}.role-text>p{font-size:14px}.admin-content{padding:17px 14px}.admin-message{padding:12px}.admin-message strong{font-size:12px}.status-line small{font-size:8px}.frame-head span{font-size:8px}.feature-grid{grid-template-columns:1fr;gap:13px}.feature-card{padding:21px 21px}.feature-card p{min-height:0;margin-bottom:14px}.timeline-steps{padding:20px 18px}.audience-grid{grid-template-columns:1fr;gap:12px}.audience-card{min-height:0;padding:23px}.audience-card h3{margin:10px 0}.faq-intro p{max-width:unset}.faq-list summary{font-size:14px;padding:17px 0}.bottom-cta{padding:54px 0}.bottom-cta h2{font-size:33px}.bottom-cta p{font-size:15px}.bottom-cta-action .btn{font-size:13px}.footer-inner{align-items:flex-start;flex-direction:column;gap:12px}.site-footer{padding-bottom:82px}.mobile-interest{display:block;position:fixed;z-index:45;left:0;right:0;bottom:0;padding:8px max(13px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-bottom));background:#ffffffef;border-top:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mobile-interest a{border-radius:9px;background:#166445;color:white;text-decoration:none;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:800}.mobile-interest svg{width:16px;height:16px}.modal{padding:0}.modal-panel{max-height:100dvh;height:100dvh;border-radius:0}.modal-top{padding:13px 15px}.modal-top h2{font-size:17px}.modal-top .eyebrow{font-size:9px}.modal-top-actions{gap:4px}.icon-button{height:35px;width:35px}.frame-shell{overflow:auto}.frame-shell iframe{height:calc(100dvh - 135px);min-height:360px}.modal-footer{padding:9px 15px;font-size:10px}.modal-footer span{display:none}}
@media(max-width:360px){.hero h1{font-size:42px}.value-inner>div{font-size:9px}.role-tab{font-size:11px}.poster-phone{width:175px}.big-play{right:6%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}

/* V1.2 — apresentação integrada sem dupla rolagem ou corte em tela cheia. */
@media (min-width: 601px) {
  .modal { padding: 12px; }
  .modal-panel { width:min(100%,1300px); height:calc(100dvh - 24px); max-height:calc(100dvh - 24px); }
  .modal-top {padding: 10px 18px; flex:0 0 auto;}
  .modal-top h2 {font-size: 19px;}
  .modal-footer {padding: 7px 18px; flex:0 0 auto;}
}
.frame-shell {display:flex; min-height:0; overflow:hidden;}
.frame-shell iframe {height:100%; min-height:0; width:100%; flex:1 1 auto;}
.frame-shell:fullscreen,
.frame-shell:-webkit-full-screen {display:flex; width:100vw; height:100dvh; max-width:none; max-height:none; min-height:0; overflow:hidden; background:#eaf3ed;}
.frame-shell:fullscreen iframe,
.frame-shell:-webkit-full-screen iframe {height:100dvh; width:100vw; min-height:0; flex:1;}
@media (max-width:600px) {
  .modal-panel { height:100dvh; max-height:100dvh; }
  .frame-shell {min-height:0; overflow:hidden;}
  .frame-shell iframe {height:100%;min-height:0;}
  .modal-top {flex:0 0 auto;}
  .modal-footer {flex:0 0 auto;}
}

/* V1.3 — typography refinements: only user-facing website text, not miniature mockup art. */
@media (min-width: 821px) {
 .main-nav a{font-size:14px;}
}
.eyebrow{font-size:12px;}
.btn-lg{font-size:16px;min-height:54px;}
.btn-sm{font-size:14px;min-height:42px;}
.hero-micro{font-size:13px;}
.journey-step p{font-size:15px;}
.checks li{font-size:15px;}
.role-tab{font-size:15px;}
.feature-card p{font-size:15px;min-height:0;}
.feature-card>span{font-size:12px;}
.timeline-step p{font-size:14px;}
.audience-card p{font-size:15px;}
.faq-list summary{font-size:16px;}
.faq-list p{font-size:15px;}
.bottom-cta-action small{font-size:13px;}
.footer-inner p,.footer-inner a:last-child{font-size:13px;}
.image-caption{font-size:12px;}
/* Screenshots recreated as HTML: lift labels without changing card dimensions too much. */
@media(min-width:601px){
 .admin-content>p{font-size:13px;}
 .admin-message small{font-size:11px;}
 .employee-task small{font-size:11px;}
 .frame-head span{font-size:11px;}
}
/* Prevent excessive squeezing at narrow widths. */
@media(max-width:600px){
 .hero-actions .btn{font-size:15px;}
 .role-tab{font-size:13px;}
 .feature-card p{font-size:15px;}
 .eyebrow{font-size:11px;}
}
/* V1.3 — dedicated navigation while embedded presentation is fullscreen. */
.fullscreen-actions{display:none;flex:0 0 auto;min-height:51px;background:#fff;border-bottom:1px solid #d7e4da;padding:7px 16px;align-items:center;justify-content:flex-end;gap:9px;color:#173c30;}
.fullscreen-label{margin-right:auto;font-weight:750;font-size:14px;}
.fullscreen-command{min-height:36px;border:1px solid #cbded1;border-radius:9px;padding:7px 12px;background:#eaf3ed;color:#14513a;font-weight:750;font-size:14px;}
.fullscreen-command.primary{background:#166445;color:#fff;border-color:#166445;}
.frame-shell:fullscreen,.frame-shell:-webkit-full-screen{flex-direction:column;}
.frame-shell:fullscreen .fullscreen-actions,.frame-shell:-webkit-full-screen .fullscreen-actions{display:flex;}
.frame-shell:fullscreen iframe,.frame-shell:-webkit-full-screen iframe{flex:1 1 auto;height:100%;min-height:0;}
@media(max-width:600px){
 .fullscreen-actions{padding:6px 9px;gap:5px;min-height:48px;}
 .fullscreen-label{font-size:11px;}
 .fullscreen-command{padding:7px 9px;font-size:12px;}
}
/* Above the loading placeholder and iframe, even if loading is delayed. */
.frame-placeholder{pointer-events:none;}
.frame-shell:fullscreen .fullscreen-actions,.frame-shell:-webkit-full-screen .fullscreen-actions{position:relative;z-index:9;}

/* PRUMO Premium V1.4.0: acesso móvel independente e controle real de tela cheia. */
.footer-copy{display:flex;flex-direction:column;gap:2px}
.footer-copy p{margin:0}
.footer-version{font-size:11px;letter-spacing:.01em;color:#82968b}
/* Não usar somente o pseudoseletor :fullscreen para mostrar comandos no iOS. */
.fullscreen-actions,.frame-shell:fullscreen .fullscreen-actions,.frame-shell:-webkit-full-screen .fullscreen-actions{display:none!important}
.frame-shell.is-fullscreen .fullscreen-actions{display:flex!important}
@media (max-width:600px){
 .section-heading p,.journey-step p,.feature-card p,.role-text>p,.bottom-cta p{font-size:16px;line-height:1.58}
 .faq-list summary{font-size:16px}
 .mobile-interest a{font-size:15px}
 .footer-version{font-size:11px}
}