@font-face{font-family:Comfortaa;src:url('/fonts/Comfortaa-Variable.ttf') format('truetype');font-style:normal;font-weight:300 700;font-display:swap}@font-face{font-family:Manrope;src:url('/fonts/Manrope-Regular.ttf');font-style:normal;font-weight:400;font-display:swap}
:root{--petrol:#0d5b67;--petrol-dark:#084652;--navy:#123e62;--ink:#092a49;--cyan:#0798b7;--cyan-light:#e5f7fa;--orange:#f47a2a;--orange-dark:#d9590e;--white:#fff;--page:#f4f7fa;--muted:#60758d;--line:#d8e2ec;--shadow:0 18px 48px rgba(9,42,73,.11);--radius:18px;--container:min(1180px,calc(100% - 48px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:Comfortaa,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;display:block}.container{width:var(--container);margin-inline:auto}.skip-link{position:fixed;left:18px;top:-60px;z-index:1000;background:var(--ink);color:white;padding:10px 16px;border-radius:8px}.skip-link:focus{top:14px}:focus-visible{outline:3px solid #ffb27c;outline-offset:3px}
.site-header{height:84px;width:min(1400px,calc(100% - 28px));margin:12px auto 0;padding:0 28px;display:flex;align-items:center;gap:36px;border:1px solid #dfe8ee;border-radius:20px;background:rgba(255,255,255,.95);box-shadow:0 8px 30px rgba(9,42,73,.06);position:relative;z-index:50}.brand{display:inline-flex;align-items:center;gap:10px;line-height:1}.brand img{width:40px;height:40px;object-fit:contain;object-position:left;filter:sepia(1) saturate(5) hue-rotate(145deg)}.brand span{display:grid;gap:2px;font-family:Comfortaa,sans-serif;letter-spacing:.03em}.brand b{font-size:18px}.brand small{color:var(--cyan);font-size:11px;letter-spacing:.2em}.desktop-nav{display:flex;align-items:center;gap:32px;margin-left:auto}.desktop-nav a,.text-link{font-size:14px;font-weight:600}.desktop-nav a:hover,.text-link:hover{color:var(--cyan)}.header-actions{display:flex;align-items:center;gap:22px}.mobile-menu{display:none;border:0;background:none;color:var(--ink);padding:8px}.button{min-height:48px;padding:0 22px;border:1px solid transparent;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:700;line-height:1.2;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--orange);color:white;box-shadow:0 8px 22px rgba(244,122,42,.2)}.button.primary:hover{background:var(--orange-dark)}.button.secondary{background:white;color:var(--cyan);border-color:var(--cyan)}.button.secondary:hover{background:var(--cyan-light)}.button.compact{min-height:44px;padding-inline:18px}.button.light{background:white;color:var(--petrol);min-height:52px}.button.disabled{opacity:.4;pointer-events:none}
.language-switch{display:inline-flex;padding:3px;border:1px solid #cbd9e3;border-radius:9px;background:#f2f6f8}.language-switch button{border:0;background:transparent;color:#526a80;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700;cursor:pointer}.language-switch button.active{background:white;color:var(--petrol);box-shadow:0 2px 7px rgba(9,42,73,.12)}.docs-header .language-switch{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.1)}.docs-header .language-switch button{color:#c8e8eb}.docs-header .language-switch button.active{background:white;color:var(--petrol)}
.hero{min-height:690px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:58px;padding-block:68px 80px;position:relative}.hero h1{font-family:Comfortaa,sans-serif;font-size:clamp(48px,5vw,76px);line-height:1.03;letter-spacing:-.045em;margin:0 0 28px;max-width:700px}.hero-copy>p{font-size:18px;color:#38546f;max-width:600px;margin:0 0 30px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.trust-line{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;margin-top:22px}.trust-line svg{color:var(--petrol)}.hero-product{position:relative;z-index:2}.product-window{display:grid;grid-template-columns:150px 1fr;min-height:445px;border:1px solid #d8e4ed;background:white;border-radius:16px;overflow:hidden;box-shadow:0 26px 60px rgba(11,53,83,.18);transform:perspective(1300px) rotateY(-2deg)}.product-sidebar{background:linear-gradient(180deg,#07566a,#0c6571);color:white;padding:22px 13px;display:flex;flex-direction:column;gap:7px}.mini-brand{font-size:13px;font-weight:700;line-height:1.05;margin:0 7px 20px}.mini-brand small{font-size:8px;letter-spacing:.18em}.product-sidebar span{display:flex;align-items:center;gap:8px;padding:10px;border-radius:7px;font-size:10px;white-space:nowrap;color:#d5edf0}.product-sidebar span.active{background:#0798b7;color:white;font-weight:700}.product-main{background:#f6f9fb;padding:23px}.product-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.product-top div{display:grid}.product-top small{font-size:10px;color:var(--muted)}.product-top strong{font-size:18px}.product-top>span{width:34px;height:34px;background:white;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.quick-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-row div{min-height:110px;background:white;border:1px solid #dfe7ee;padding:15px;border-radius:9px;display:flex;flex-direction:column;align-items:flex-start}.quick-row svg{color:var(--cyan);margin-bottom:10px}.quick-row b{font-size:11px}.quick-row small{font-size:9px;color:var(--cyan);margin-top:4px}.activity-panel{display:grid;grid-template-columns:1.3fr .7fr;gap:10px;margin-top:12px}.activity-panel>div{background:white;border:1px solid #dfe7ee;border-radius:9px;padding:15px;display:flex;flex-direction:column;gap:11px}.activity-panel strong{font-size:11px;margin-bottom:3px}.activity-panel span{display:flex;align-items:center;gap:7px;font-size:9px;color:#4f6680}.activity-panel span svg{color:#14a878}.calendar-bars{display:flex;align-items:flex-end;gap:5px;height:74px}.calendar-bars i{flex:1;background:#b9eaf0;border-radius:3px 3px 0 0}.calendar-bars i:nth-child(1){height:45%}.calendar-bars i:nth-child(2){height:75%;background:#0798b7}.calendar-bars i:nth-child(3){height:57%}.calendar-bars i:nth-child(4){height:92%;background:#f47a2a}.calendar-bars i:nth-child(5){height:35%}.calendar-card small{font-size:9px;color:var(--muted)}.path-line{position:absolute;left:-3vw;bottom:44px;width:92%;height:46px;border-bottom:5px solid var(--cyan);border-radius:0 0 36px 0;pointer-events:none}.path-line:after{content:"";position:absolute;right:-11px;bottom:-12px;width:17px;height:17px;border:4px solid var(--orange);background:white;border-radius:50%}.path-line i{position:absolute;left:26%;bottom:-11px;width:17px;height:17px;background:white;border:4px solid var(--cyan);border-radius:50%}
.roles-section{background:var(--page);padding:88px 0 102px}.section-heading{text-align:center;max-width:820px;margin:0 auto 58px}.section-heading h2,.feature-intro h2,.how-copy h2,.guides-promo h2,.final-cta h2{font-family:Comfortaa,sans-serif;font-size:clamp(34px,4vw,52px);line-height:1.12;letter-spacing:-.035em;margin:0 0 18px}.section-heading p,.feature-intro>p,.how-copy>p,.guides-promo>div>p{color:var(--muted);font-size:17px}.role-journey{display:grid;grid-template-columns:repeat(4,1fr);position:relative;gap:0}.role-journey:before{content:"";position:absolute;top:34px;left:12.5%;right:12.5%;height:4px;background:linear-gradient(90deg,var(--cyan) 0 67%,var(--orange) 67%)}.journey-role{position:relative;text-align:center;padding:0 22px;display:flex;flex-direction:column;align-items:center}.role-node{width:70px;height:70px;border:2px solid var(--cyan);border-radius:50%;display:grid;place-items:center;background:white;color:var(--petrol);z-index:1;transition:.2s}.journey-role:last-child .role-node{border-color:var(--orange);color:var(--orange)}.journey-role:hover .role-node{transform:scale(1.08);box-shadow:0 8px 24px rgba(7,152,183,.16)}.journey-role strong{font-family:Comfortaa;margin-top:18px;font-size:18px}.journey-role>span:not(.role-node){font-size:13px;color:var(--muted);line-height:1.5;margin-top:8px;min-height:60px}.journey-role em{font-size:12px;color:var(--cyan);font-style:normal;font-weight:700;display:flex;align-items:center;gap:5px}.journey-role:last-child em{color:var(--orange)}
.feature-story{padding-block:110px;display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}.feature-intro{position:sticky;top:120px}.section-index{text-transform:uppercase;letter-spacing:.13em;font-size:12px!important;color:var(--petrol)!important;font-weight:700}.feature-strips{border-top:1px solid var(--line)}.feature-strips article{display:grid;grid-template-columns:42px 1fr 180px;gap:24px;align-items:center;padding:38px 0;border-bottom:1px solid var(--line)}.feature-strips article>span{font-family:Comfortaa;color:var(--cyan);font-weight:700}.feature-strips h3{font-family:Comfortaa;font-size:22px;margin:0 0 7px}.feature-strips p{font-size:14px;color:var(--muted);margin:0}.feature-visual{height:104px;border:1px solid #d6e3eb;border-radius:12px;background:#f7fafc;padding:16px}.roster{display:grid;gap:8px}.roster i{height:10px;border-radius:5px;background:linear-gradient(90deg,#beeaf0 23%,#e4ecf2 23%)}.week{display:flex;gap:7px;align-items:end}.week b{flex:1;background:#dff3f6;color:var(--petrol);font-size:10px;text-align:center;padding:10px 0;border-radius:5px}.week b:nth-child(4){padding-top:36px;background:#ffe4d2;color:var(--orange-dark)}.validation{display:flex;align-items:center;justify-content:space-between;color:var(--petrol)}.validation i{height:2px;flex:1;background:var(--cyan);position:relative}.validation i:after{content:"";position:absolute;right:0;top:-3px;border-left:6px solid var(--cyan);border-block:4px solid transparent}
.how-section{background:var(--navy);color:white;padding:100px 0}.how-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:start}.how-copy>p{color:#b9cfdf}.how-copy .button{margin-top:18px;background:transparent;color:white;border-color:#86cbd6}.how-steps{list-style:none;padding:0;margin:0;display:grid}.how-steps li{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.15)}.how-steps li:first-child{padding-top:0}.how-steps li>b{width:46px;height:46px;display:grid;place-items:center;border:2px solid #56c2d0;border-radius:50%;color:#83e0e7}.how-steps div{display:grid;gap:5px}.how-steps strong{font-family:Comfortaa;font-size:19px}.how-steps span{font-size:14px;color:#b9cfdf}
.pricing-section{padding:105px 0;background:#f5f9fb}.pricing-shell{display:grid;grid-template-columns:1.08fr .92fr;gap:90px;align-items:center}.pricing-copy h2{font-family:Comfortaa,sans-serif;font-size:clamp(36px,4.5vw,58px);line-height:1.08;letter-spacing:-.04em;margin:8px 0 22px;max-width:720px}.pricing-copy>p:last-child{max-width:650px;margin:0;color:var(--muted);font-size:17px}.pricing-card{position:relative;overflow:hidden;min-height:400px;padding:42px;border-radius:28px 28px 28px 8px;background:var(--petrol-dark);color:white;box-shadow:0 26px 60px rgba(8,70,82,.2);display:flex;flex-direction:column;align-items:flex-start}.pricing-card:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,var(--cyan) 0 72%,var(--orange) 72%)}.pricing-card>span{text-transform:uppercase;letter-spacing:.16em;color:#8de3e8;font-size:11px;font-weight:700}.pricing-amount{display:flex;align-items:baseline;gap:12px;margin-top:22px}.pricing-amount strong{font-family:Comfortaa,sans-serif;font-size:clamp(54px,6vw,78px);line-height:1;letter-spacing:-.055em}.pricing-amount b{font-size:17px;color:#b9e4e8}.pricing-card>p{font-family:Comfortaa;font-size:24px;margin:8px 0 0;color:white}.pricing-card>small{color:#b9d5d9;margin:12px 0 30px}.pricing-card .button{margin-top:auto;min-width:100%;box-shadow:none}
.guides-promo{padding-block:105px;display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:center}.guide-visual{background:#e8f6f8;border-radius:40px 40px 40px 8px;padding:45px}.guide-sheet{background:white;border:1px solid #cbdfe8;border-radius:14px;padding:22px;box-shadow:var(--shadow);transform:rotate(-2deg)}.guide-sheet>span{font-size:11px;color:var(--cyan);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.guide-sheet>strong{display:block;font-family:Comfortaa;font-size:24px;margin:5px 0 16px}.guide-shot{height:210px;border-radius:8px;background:linear-gradient(90deg,var(--petrol) 0 22%,#f0f4f7 22%);position:relative;overflow:hidden}.guide-shot:before{content:"";position:absolute;left:27%;right:6%;top:15%;bottom:12%;border-radius:7px;background:repeating-linear-gradient(#fff 0 26px,#d8e2e8 27px 28px)}.guide-arrow{position:absolute;left:5%;top:39%;width:35%;height:70px;border:4px solid var(--orange);border-top-color:transparent;border-right-color:transparent;border-radius:0 0 0 50px;transform:rotate(-20deg)}.guide-arrow:after{content:"";position:absolute;right:-3px;top:-8px;border-left:12px solid var(--orange);border-block:8px solid transparent;transform:rotate(32deg)}.guide-shot b{position:absolute;left:8%;top:28%;width:30px;height:30px;background:var(--orange);color:white;border-radius:50%;display:grid;place-items:center}.guide-sheet small{display:block;color:var(--muted);margin-top:14px}.guides-promo>div>p{margin-bottom:28px}.final-cta{background:var(--petrol);color:white;padding:72px 0}.final-cta .container{display:flex;align-items:center;justify-content:space-between;gap:50px}.final-cta h2{font-size:38px;max-width:680px}.final-cta p{color:#c4e4e7;margin:0}.final-cta .container>div:last-child{display:flex;flex-direction:column;align-items:center;gap:13px;min-width:260px}.inline-light{text-decoration:underline;font-size:13px;color:#d8f2f4}
.footer{background:#071f35;color:white;padding-top:72px}.footer-main{display:grid;grid-template-columns:1.35fr .7fr .8fr 1.15fr;gap:55px}.footer-brand img{filter:brightness(0) invert(1)}.footer-main h3{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#7fd8e2;margin:0 0 18px}.footer-main>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-main p,.footer-main a{font-size:13px;color:#b4c8d6;margin:0}.footer-main a:hover{color:white}.footer-main>div:first-child p{margin-top:12px}.footer-help{display:flex;align-items:center;gap:6px!important;color:#79d9e3!important;font-weight:700}.footer-contact{min-width:0}.footer-contact>p{margin-bottom:4px}.footer-contact-link{display:inline-flex;align-items:center;gap:8px;min-width:0}.footer-contact-link svg{color:#79d9e3;flex:none}.footer-contact-link span{overflow-wrap:anywhere}.footer-contact-numbers{display:grid;gap:9px;width:100%}.footer-contact-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px 10px;width:100%}.whatsapp-link{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid rgba(121,217,227,.35);border-radius:7px;color:#79d9e3!important;font-size:11px!important;font-weight:700;white-space:nowrap}.whatsapp-link:hover{background:rgba(121,217,227,.1)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:60px;padding-block:20px;display:flex;justify-content:space-between;font-size:11px;color:#7891a5}
.docs-header{max-width:none;width:100%;margin:0;border:0;border-radius:0;background:var(--petrol);color:white;box-shadow:none}.docs-header .brand img{filter:brightness(0) invert(1)}.docs-header .brand small{color:#8de3e8}.docs-header .text-link:hover,.docs-header .desktop-nav a:hover{color:#8de3e8}.docs-page{background:var(--page);padding:44px 0 90px;min-height:calc(100vh - 84px)}.docs-shell{display:grid;grid-template-columns:250px 1fr;background:white;border:1px solid #d7e2ea;border-radius:16px;box-shadow:0 14px 42px rgba(9,42,73,.08);overflow:hidden;margin-top:0}.chapters{border-right:1px solid var(--line);padding:22px 0;display:flex;flex-direction:column}.chapters-toggle{display:none}.chapters nav{display:grid}.chapter-link{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;padding:13px 20px;font-size:13px;color:#3f586f;border-left:3px solid transparent}.chapter-link>span{width:24px;height:24px;border:1px solid #bbcad5;border-radius:50%;display:grid;place-items:center;font-size:10px}.chapter-link.active{background:#e8f6fa;border-left-color:var(--cyan);color:var(--ink);font-weight:700}.chapter-link.active>span{background:var(--cyan);border-color:var(--cyan);color:white}.help-card{margin:auto 16px 0;padding:16px;background:var(--page);border-radius:10px;display:grid;gap:7px}.help-card strong{font-size:12px}.help-card span{font-size:11px;color:var(--muted)}.help-card a{font-size:11px;color:var(--cyan);font-weight:700;display:flex;align-items:center;gap:4px}.tutorial{min-width:0}.tutorial-header{padding:27px 30px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}.tutorial-header>div:first-child>p{text-transform:uppercase;letter-spacing:.12em;color:var(--cyan);font-size:10px;font-weight:700;margin:0 0 3px}.tutorial-header h2{font-family:Comfortaa;font-size:27px;margin:0}.tutorial-header>div:first-child>span{color:var(--muted);font-size:13px}.tutorial-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;flex:none}.change-role{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #b8cbd7;background:white;color:var(--petrol);border-radius:9px;padding:8px 12px;font-size:12px;font-weight:700;cursor:pointer}.change-role:hover{background:var(--cyan-light);border-color:var(--cyan)}.button.pdf{background:var(--orange);color:white;white-space:nowrap;min-height:44px}.tutorial-progress{padding:18px 30px 0}.tutorial-progress>div{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:7px}.tutorial-progress>i{height:5px;background:#e1e8ed;border-radius:4px;display:block;overflow:hidden}.tutorial-progress>i>b{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--orange));border-radius:4px}.tutorial-step{padding:28px 30px 30px}.step-heading{display:flex;align-items:center;gap:12px}.step-heading>span{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:white;font-family:Comfortaa;font-size:18px;font-weight:700}.step-heading div p{color:var(--cyan);font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin:0}.step-heading h3{font-family:Comfortaa;font-size:25px;line-height:1.2;margin:2px 0 0}.step-copy{font-size:15px;color:#3d566e;margin:18px 0 22px;max-width:800px}.annotated-shot{margin:0}.annotated-shot img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#edf2f6;border:1px solid #cddbe5;border-radius:12px}.annotated-shot figcaption{font-size:11px;color:var(--muted);margin-top:8px}.tip{display:flex;gap:12px;align-items:flex-start;background:#e8f7fa;border-left:4px solid var(--cyan);padding:16px 18px;margin-top:20px;border-radius:5px 12px 12px 5px}.tip>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--cyan);color:white;flex:none}.tip strong{font-size:13px;color:var(--petrol)}.tip p{font-size:12px;color:#425d72;margin:3px 0 0}.step-navigation{border-top:1px solid var(--line);padding:20px 30px;display:flex;align-items:center;justify-content:space-between}.step-navigation>span{font-size:12px;font-weight:700;color:var(--muted)}.step-navigation .button{min-height:42px;font-size:12px}
.role-modal{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:24px;background:rgba(4,30,47,.78);backdrop-filter:blur(8px)}.role-modal[hidden]{display:none}.role-modal-panel{width:min(920px,100%);max-height:calc(100vh - 48px);overflow:auto;position:relative;background:white;border-radius:22px;padding:38px;box-shadow:0 30px 90px rgba(0,0,0,.3)}.role-modal-panel>p:first-of-type{margin:0;color:var(--cyan);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.role-modal-panel h1{font-family:Comfortaa;font-size:clamp(31px,4vw,46px);line-height:1.08;letter-spacing:-.035em;margin:6px 0 8px}.role-modal-panel>p:nth-of-type(2){color:var(--muted);margin:0;max-width:680px}.role-modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}.role-choice{min-height:144px;display:grid;grid-template-columns:52px 1fr 22px;grid-template-rows:auto auto;align-items:center;gap:4px 12px;text-align:left;border:1px solid #d5e1e9;background:#f9fbfc;border-radius:14px;padding:20px;color:var(--ink);cursor:pointer;transition:.2s}.role-choice>span{grid-row:1/3;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--cyan-light);color:var(--petrol)}.role-choice>strong{font-size:16px;align-self:end}.role-choice>small{font-size:12px;line-height:1.45;color:var(--muted);align-self:start}.role-choice>svg{grid-column:3;grid-row:1/3;color:var(--cyan)}.role-choice:hover,.role-choice:focus-visible{border-color:var(--cyan);background:white;box-shadow:0 9px 24px rgba(7,152,183,.12);transform:translateY(-2px)}.modal-close{position:absolute;right:20px;top:20px;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:white;color:var(--ink);cursor:pointer}.modal-open{overflow:hidden}
.screen-map{margin-top:22px;border:1px solid #d6e2ea;border-radius:12px;overflow:hidden;background:#fbfcfd}.screen-map>header{padding:16px 18px;border-bottom:1px solid #dce6ed;background:white}.screen-map h4,.screen-map h3{font-family:Comfortaa;font-size:17px;margin:0}.screen-map>header p{font-size:12px;color:var(--muted);margin:2px 0 0}.screen-map ol{counter-reset:screen-point;list-style:none;padding:8px 18px 14px;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}.screen-map li{counter-increment:screen-point;display:grid;grid-template-columns:30px 1fr;gap:9px;padding:12px 0;border-bottom:1px solid #e5ecf1}.screen-map li>span{width:27px;height:27px;border-radius:50%;background:var(--orange);color:white;display:grid;place-items:center;font-size:12px;font-weight:700}.screen-map li>span:before{content:counter(screen-point)}.screen-map li strong{font-size:12px;color:var(--ink)}.screen-map li p{font-size:11px;line-height:1.5;color:var(--muted);margin:2px 0 0}
.related-screens{margin-top:24px}.related-screens>header{margin-bottom:12px}.related-screens>header h4{font-family:Comfortaa;font-size:19px;margin:0}.related-screens>header p{font-size:12px;color:var(--muted);margin:2px 0 0}.related-screen{border:1px solid #d6e2ea;border-radius:12px;padding:18px;background:white;margin-top:14px}.related-screen>div>p{color:var(--cyan);font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;margin:0}.related-screen h5{font-family:Comfortaa;font-size:18px;margin:2px 0}.related-screen>div>span{display:block;color:var(--muted);font-size:12px;margin-bottom:14px}.related-screen .annotated-shot img{max-height:470px}.related-screen ol{counter-reset:dialog-point;list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-screen li{counter-increment:dialog-point;display:grid;grid-template-columns:27px 1fr;gap:8px}.related-screen li>b{width:25px;height:25px;border-radius:50%;background:var(--orange);display:grid;place-items:center;color:white;font-size:11px}.related-screen li>b:before{content:counter(dialog-point)}.related-screen li strong{font-size:11px}.related-screen li p{font-size:10px;color:var(--muted);line-height:1.45;margin:2px 0 0}
.reveal{opacity:1;transform:none}
.print-guide{width:210mm;margin:auto;background:white}.print-cover{height:270mm;padding:35mm 24mm;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;color:var(--ink)}.print-cover:before{content:"";position:absolute;z-index:0;width:150mm;height:150mm;border:28mm solid #e6f6f8;border-radius:50%;right:-75mm;top:-70mm}.print-cover>*{position:relative;z-index:1}.print-logo{display:flex;align-items:center;gap:12px;position:absolute;z-index:2;top:20mm;left:24mm}.print-logo img{width:42px;height:42px;object-fit:contain}.print-logo b{font-family:Comfortaa;font-size:18px}.print-logo em{color:var(--cyan);font-style:normal}.print-cover>p{text-transform:uppercase;letter-spacing:.16em;color:var(--cyan);font-weight:700;font-size:12px;margin:0}.print-cover h1{font-family:Comfortaa;font-size:50px;line-height:1.05;letter-spacing:-.04em;margin:10px 0 18px;max-width:150mm;overflow-wrap:anywhere}.print-cover>span{font-size:19px;color:var(--muted);max-width:130mm}.cover-line{height:6px;width:95mm;background:linear-gradient(90deg,var(--cyan) 75%,var(--orange) 75%);margin:25mm 0 8mm;border-radius:4px}.print-cover small{color:var(--muted)}.print-summary{min-height:260mm;padding:25mm 24mm}.print-summary h2{font-family:Comfortaa;font-size:34px}.print-summary ol{list-style:none;padding:0;border-top:1px solid var(--line)}.print-summary li{padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--cyan);display:grid}.print-summary li span{font-size:16px;text-transform:none;letter-spacing:0;color:var(--ink);font-weight:700}.print-step{min-height:260mm;padding:18mm 18mm 12mm;page-break-before:always}.print-step .step-heading h2{font-family:Comfortaa;font-size:28px;margin:2px 0}.print-step .annotated-shot img{width:100%;max-height:150mm;object-fit:contain}.print-step .tip{margin-top:8mm}.print-end{height:260mm;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.print-end>div{width:65px;height:65px;border-radius:50%;background:var(--cyan);color:white;display:grid;place-items:center}.print-end h2{font-family:Comfortaa;font-size:42px;margin:20px 0 5px}.print-end p{color:var(--muted)}
@media (max-width:1000px){:root{--container:min(100% - 32px,900px)}.site-header{height:74px;padding:0 18px;gap:18px}.desktop-nav{display:none}.header-actions{margin-left:auto}.hero{grid-template-columns:1fr;gap:46px;padding-top:70px}.hero-copy{text-align:center}.hero-copy>p,.hero h1{margin-inline:auto}.hero-actions,.trust-line{justify-content:center}.hero-product{max-width:760px;margin:auto}.path-line{display:none}.role-journey{grid-template-columns:repeat(2,1fr);gap:42px 0}.role-journey:before{display:none}.feature-story{grid-template-columns:1fr;gap:50px}.feature-intro{position:static}.how-grid{grid-template-columns:1fr;gap:55px}.pricing-shell{grid-template-columns:1fr;gap:42px}.pricing-card{min-height:360px}.footer-main{grid-template-columns:1.2fr 1fr 1fr}.footer-main>div:last-child{grid-column:1/-1}.docs-shell{grid-template-columns:210px 1fr}.tutorial-header{align-items:flex-start;flex-direction:column}.tutorial-actions{width:100%;flex-direction:row}.tutorial-actions>*{flex:1}.feature-strips article{grid-template-columns:35px 1fr 150px}}
@media (max-width:720px){:root{--container:calc(100% - 28px)}.site-header{margin:0;width:100%;border-radius:0;border-inline:0}.brand img{width:34px;height:34px}.brand b{font-size:15px}.brand small{font-size:9px}.header-actions{display:none}.mobile-menu{display:grid}.menu-open .site-header{height:auto;min-height:74px;align-items:flex-start;padding-block:18px;flex-wrap:wrap}.menu-open .desktop-nav{display:flex;order:4;width:100%;flex-direction:column;align-items:flex-start;gap:14px;padding:18px 4px 4px;border-top:1px solid var(--line)}.menu-open .header-actions{display:flex;order:5;width:100%;align-items:stretch;flex-direction:column}.menu-open .language-switch{align-self:flex-start}.hero{min-height:auto;padding:62px 0}.hero h1{font-size:46px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column}.product-window{grid-template-columns:102px 1fr;min-height:340px}.product-sidebar{padding:15px 8px}.product-sidebar span{font-size:0;padding:9px;justify-content:center}.mini-brand{font-size:9px}.product-main{padding:14px}.product-top strong{font-size:13px}.quick-row{grid-template-columns:1fr}.quick-row div:nth-child(n+2){display:none}.activity-panel{grid-template-columns:1fr}.calendar-card{display:none!important}.roles-section{padding:68px 0}.section-heading{margin-bottom:40px}.role-journey{grid-template-columns:1fr;gap:40px}.journey-role>span:not(.role-node){min-height:auto}.feature-story{padding-block:72px}.feature-strips article{grid-template-columns:30px 1fr}.feature-visual{grid-column:2;width:100%}.how-section{padding:72px 0}.pricing-section{padding:68px 0}.pricing-card{min-height:340px;padding:30px 24px}.pricing-amount{gap:8px}.pricing-amount strong{font-size:clamp(50px,15vw,68px)}.pricing-amount b{font-size:14px}.final-cta{padding:60px 0}.final-cta .container{flex-direction:column;align-items:flex-start}.final-cta .container>div:last-child{align-items:flex-start}.footer-main{grid-template-columns:1fr 1fr;gap:40px}.footer-main>div:first-child,.footer-main>div:last-child{grid-column:1/-1}.footer-bottom{gap:18px;flex-direction:column}.docs-page{padding-top:18px}.docs-shell{display:block;overflow:visible;background:transparent;border:0;box-shadow:none}.chapters{border:1px solid var(--line);background:white;border-radius:12px;margin-bottom:12px;padding:0}.chapters-toggle{display:flex;align-items:center;gap:8px;border:0;background:white;padding:15px;width:100%;font-weight:700;color:var(--ink)}.chapters nav,.chapters .help-card{display:none}.chapters.open nav{display:grid;border-top:1px solid var(--line)}.tutorial{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.tutorial-header,.tutorial-progress,.tutorial-step,.step-navigation{padding-inline:18px}.tutorial-header h2{font-size:23px}.tutorial-actions{flex-direction:column}.step-heading h3{font-size:21px}.step-navigation .button{font-size:0;width:44px;padding:0}.step-navigation .button svg{width:20px;height:20px}.annotated-shot img{aspect-ratio:4/3}.screen-map ol{grid-template-columns:1fr}.related-screen{padding:14px}.related-screen ol{grid-template-columns:1fr}.docs-header .desktop-nav{display:none}.role-modal{padding:12px;place-items:end center}.role-modal-panel{max-height:calc(100vh - 24px);border-radius:20px 20px 12px 12px;padding:28px 18px 20px}.role-modal-panel h1{font-size:31px;padding-right:36px}.role-modal-grid{grid-template-columns:1fr;gap:10px;margin-top:20px}.role-choice{min-height:112px;padding:14px}.modal-close{right:14px;top:14px}}
html,body{max-width:100%;overflow-x:clip}.hero-copy,.hero-product,.product-window,.tutorial-header>div:first-child,.screen-map,.related-screen,.role-choice{min-width:0}.tutorial-header h2,.step-heading h3,.screen-map p,.related-screen p,.role-choice strong,.role-choice small{overflow-wrap:anywhere}
@media (max-width:720px){.tutorial-actions>*{min-width:0;width:100%;white-space:normal;text-align:center}.related-screen .annotated-shot img{max-height:none}.role-choice>strong,.role-choice>small{min-width:0}.menu-open .docs-header .desktop-nav{border-top-color:rgba(255,255,255,.22)}.menu-open .docs-header .header-actions{border-top:1px solid rgba(255,255,255,.12);padding-top:14px}}
@media (max-width:480px){:root{--container:calc(100% - 20px)}.site-header{padding-inline:12px;gap:10px}.mobile-menu{margin-left:auto}.hero{padding:48px 0 54px}.hero h1{font-size:clamp(37px,12.5vw,46px);margin-bottom:20px}.hero-copy>p{font-size:15px;line-height:1.55;margin-bottom:24px}.hero-actions{gap:10px}.hero-actions .button{width:100%;padding-inline:14px}.product-window{grid-template-columns:82px minmax(0,1fr);min-height:318px;border-radius:12px;transform:none}.product-sidebar{padding:13px 6px}.product-sidebar span{padding:8px 5px}.product-main{padding:11px}.product-top{margin-bottom:16px}.product-top>span{width:30px;height:30px}.quick-row div{min-height:98px;padding:12px}.activity-panel>div{padding:12px}.roles-section{padding:58px 0 64px}.section-heading{margin-bottom:34px}.section-heading h2,.feature-intro h2,.how-copy h2,.final-cta h2{font-size:clamp(31px,10vw,38px)}.feature-story,.how-section{padding-block:62px}.feature-strips article{gap:14px;padding:28px 0}.feature-strips h3{font-size:19px}.how-steps li{grid-template-columns:46px 1fr;gap:12px}.how-steps li>b{width:40px;height:40px}.final-cta{padding:50px 0}.final-cta .container{gap:28px}.final-cta .container>div:last-child{width:100%;min-width:0}.final-cta .button{width:100%;text-align:center}.footer{padding-top:54px}.footer-main{grid-template-columns:1fr;gap:30px}.footer-main>div:first-child,.footer-main>div:last-child{grid-column:auto}.footer-bottom{margin-top:42px}.docs-page{padding:10px 0 48px}.tutorial-header{padding-block:20px;gap:18px}.tutorial-header h2{font-size:22px;line-height:1.22}.tutorial-progress{padding-top:15px}.tutorial-step{padding-block:22px}.step-heading{align-items:flex-start;gap:10px}.step-heading>span{width:38px;height:38px;font-size:16px;flex:none}.step-heading h3{font-size:20px}.step-copy{font-size:14px;margin:15px 0 18px}.annotated-shot img{border-radius:8px}.tip{padding:14px 13px;gap:9px}.tip>span{width:28px;height:28px}.screen-map>header{padding:14px}.screen-map ol{padding-inline:14px}.screen-map li{grid-template-columns:28px minmax(0,1fr)}.related-screen{padding:12px}.step-navigation{padding-block:15px}.role-modal{padding:8px}.role-modal-panel{max-height:calc(100vh - 16px);padding:25px 14px 16px;border-radius:18px 18px 10px 10px}.role-modal-panel h1{font-size:clamp(27px,9vw,31px)}.role-modal-panel>p:nth-of-type(2){font-size:14px}.role-modal-grid{margin-top:16px}.role-choice{grid-template-columns:44px minmax(0,1fr) 18px;gap:3px 9px;min-height:102px;padding:12px}.role-choice>span{width:42px;height:42px}.role-choice>strong{font-size:14px}.role-choice>small{font-size:11px}.modal-close{width:36px;height:36px;right:10px;top:10px}}
@media (max-width:340px){.brand{gap:7px}.brand b{font-size:14px}.brand small{font-size:8px}.hero h1{font-size:35px}.product-window{grid-template-columns:70px minmax(0,1fr)}.mini-brand{margin-inline:2px}.button{font-size:13px}.tutorial-header,.tutorial-progress,.tutorial-step,.step-navigation{padding-inline:14px}.step-navigation>span{font-size:11px}.role-modal-panel>p:first-of-type{padding-right:38px}}
@media (max-width:480px){.pricing-copy h2{font-size:clamp(31px,10vw,38px)}.pricing-card{min-height:320px;padding:28px 20px}.pricing-amount{flex-wrap:wrap}.pricing-amount strong{font-size:clamp(46px,14vw,60px)}}
@media (max-height:650px) and (max-width:720px){.role-modal-panel{border-radius:14px;padding-top:20px}.role-modal-panel h1{font-size:26px}.role-modal-panel>p:nth-of-type(2){font-size:12px}.role-modal-grid{margin-top:12px}.role-choice{min-height:88px;padding-block:9px}}
/* Official Okasoft wordmarks: black on light surfaces, white on dark surfaces. */
.brand{flex:none}.site-header:not(.docs-header) .brand,.docs-header .brand,.footer-brand{padding:0;background:transparent}.brand img.brand-wordmark{width:168px;height:54px;object-fit:cover;object-position:center;filter:none}.footer-brand img.brand-wordmark{width:190px;height:62px}.mini-brand{width:116px;height:48px;object-fit:cover;object-position:center;margin:0 4px 20px;filter:none}.print-logo{padding:0;background:transparent;border-radius:0}.print-logo img{width:54mm;height:18mm;object-fit:cover;object-position:center;filter:none}
@media (max-width:1000px){.brand img.brand-wordmark{width:150px}}
@media (max-width:480px){.brand img.brand-wordmark{width:136px}.footer-brand img.brand-wordmark{width:170px}.mini-brand{width:68px;margin-inline:auto}}
@media (max-width:340px){.brand img.brand-wordmark{width:122px}}
@media print{.skip-link,.site-header,.chapters,.footer,.step-navigation,.role-modal,.tutorial-actions{display:none!important}.docs-page{background:white;padding:0}.docs-shell{display:block;width:100%;border:0;box-shadow:none;margin:0}.tutorial-header{padding:18px 0}.button.pdf{display:none}.tutorial-progress{padding:12px 0 0}.tutorial-step{padding:22px 0}.annotated-shot img{max-height:155mm}.tip{break-inside:avoid}.tutorial{overflow:visible}.docs-shell,.tutorial{border:0}.print-guide{width:auto}.print-cover,.print-summary,.print-step,.print-end{height:auto;min-height:267mm;break-after:page}.print-end{break-after:auto}@page{size:A4;margin:14mm}}
@media print{.print-summary{padding:14mm 20mm!important}.print-summary h2{font-size:28px;margin:0 0 5mm}.print-summary li{padding:6px 0;font-size:9px}.print-summary li span{font-size:12px}.print-step .annotated-shot img{max-height:108mm}.print-step .screen-map{margin-top:5mm;break-inside:avoid}.print-step .screen-map>header{padding:3mm 4mm}.print-step .screen-map ol{grid-template-columns:repeat(2,1fr);padding:1mm 4mm 3mm;gap:0 4mm}.print-step .screen-map li{grid-template-columns:7mm 1fr;padding:2.5mm 0}.print-step .screen-map li>span{width:6mm;height:6mm}.print-step .screen-map li p{font-size:8px;line-height:1.35}.print-step .related-screens>header{margin:7mm 0 3mm}.print-step .related-screen{break-before:page;border:0;padding:18mm 18mm 10mm;margin:0}.print-step .related-screen>div>span{font-size:13px}.print-step .related-screen .annotated-shot img{max-height:140mm}.print-step .related-screen ol{margin-top:5mm}.print-step .related-screen li p{font-size:9px}}
.print-related-page.related-screen{min-height:260mm;padding:18mm 18mm 10mm;border:0;border-radius:0;margin:0;background:white;page-break-before:always}
@media print{.print-related-page.related-screen{height:auto;min-height:267mm;padding:18mm 18mm 10mm;break-before:page;break-after:page}.print-related-page>div>span{font-size:13px}.print-related-page .annotated-shot img{max-height:140mm}.print-related-page ol{margin-top:5mm}.print-related-page li p{font-size:9px}}
@media print{.print-step .tip{margin-top:4mm;padding:3mm 4mm;gap:2mm}.print-step .tip>span{width:7mm;height:7mm;flex:0 0 7mm}.print-step .tip strong{font-size:9px}.print-step .tip p{font-size:8px;line-height:1.35;margin:1mm 0 0}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none;opacity:1;transform:none}.button,.role-option,.role-node{transition:none}}