:root{--navy:#092d3b;--teal:#087c78;--mint:#dff2e9;--ink:#183b46;--muted:#587078;--line:#dce6e3;--paper:#f7faf7;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-size:16px;line-height:1.65}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button{cursor:pointer}a,button{touch-action:manipulation}img{max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15;letter-spacing:-.045em}h1{font-size:clamp(2.9rem,4.7vw,4.8rem);font-weight:600}h2{font-size:clamp(2rem,3.1vw,3.2rem);font-weight:550}h3{font-size:1.35rem;font-weight:600;letter-spacing:-.025em}p{color:var(--muted)}em{font-family:Georgia,serif;font-weight:400;color:var(--teal)}:focus-visible{outline:3px solid #b65c22;outline-offset:5px}::selection{background:var(--mint)}[hidden]{display:none!important}.container{width:min(1240px,calc(100% - 96px));margin-inline:auto}.section{padding-block:104px}.eyebrow{font-size:.7rem;font-weight:750;letter-spacing:.14em;color:var(--teal);margin-bottom:24px}.lead{font-size:1.1rem;line-height:1.8}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--teal);color:white;border:1px solid var(--teal);border-radius:7px;padding:15px 23px;font-size:.9rem;font-weight:650;text-decoration:none;transition:background .2s,transform .2s}.button:hover{background:#075e5d;transform:translateY(-2px)}.button.small{padding:11px 17px;font-size:.8rem;gap:18px}.button.secondary{background:white;color:var(--navy);border-color:var(--line)}.button.secondary:hover{background:var(--paper)}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:.9rem;font-weight:650;text-decoration:none;background:none;border:0;padding:0;color:var(--teal)}.text-link:hover{text-decoration:underline}.skip-link{position:fixed;top:-100px;left:20px;background:white;padding:12px;z-index:100}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.site-header{position:sticky;top:0;background:rgba(255,255,255,.97);border-bottom:1px solid #e8eeeb;z-index:20}.header-inner{display:flex;align-items:center;justify-content:space-between;height:90px;gap:20px}.brand{display:block;flex-shrink:0}.logo-crop{display:block;width:178px;height:62px;position:relative;overflow:hidden}.logo-crop img{position:absolute;max-width:none;width:280px;height:auto;left:-41px;top:-54px}nav{display:flex;gap:28px;align-items:center}nav>a{font-size:.8rem;text-decoration:none;font-weight:600}nav>a:hover{color:var(--teal)}nav>a.button:hover{color:white}.menu-toggle{display:none}.hero{background:linear-gradient(115deg,#f7faf7 30%,#edf6ef 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;min-height:650px;padding-block:70px}.hero-copy{position:relative;z-index:2}.hero-copy .lead{max-width:490px;margin-top:28px}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:32px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);margin-right:9px;flex-shrink:0}.hero-note{display:flex;gap:12px;align-items:center;margin-top:42px;font-size:.75rem;color:var(--muted)}.hero-note>span{font-size:1.4rem;color:var(--teal)}.hero-visual{position:relative;padding-block:32px 48px;min-width:0}.orbit{position:absolute;border:1px solid #beddd3;border-radius:50%;width:590px;height:590px;top:-60px;left:-25px}.orbit-two{width:720px;height:720px;left:-90px;top:-125px;border-style:dashed;opacity:.65}.preview-card{position:relative;z-index:1;background:white;border:1px solid #d5e5de;border-radius:15px;box-shadow:0 24px 60px #143c3020;transform:rotate(-2deg);overflow:hidden}.preview-top{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}.product-mark{display:flex;align-items:center;gap:10px;color:var(--teal);font-weight:750}.product-mark>span{font-size:.8rem;letter-spacing:.04em;color:var(--navy)}.pill{font-size:.6rem;background:#eef7f0;color:#326b55;padding:4px 10px;border-radius:20px}.preview-heading{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-heading .muted{font-size:.65rem;margin-bottom:8px}.preview-heading h2{font-size:1.35rem}.mini-icon{border:1px solid var(--line);padding:5px 13px;border-radius:50%;color:var(--teal)}.preview-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 24px}.preview-stats>div{background:var(--paper);padding:13px;border-radius:7px;display:flex;flex-direction:column}.preview-stats strong{font-size:1.45rem;font-weight:550}.preview-stats span{font-size:.65rem;color:var(--muted)}.mini-calendar{padding:25px 24px;display:grid;grid-template-columns:30px repeat(4,1fr);gap:10px;align-items:center;font-size:.57rem;text-align:center}.mini-calendar b{font-weight:500;color:var(--muted)}.mini-calendar i,.shift{font-style:normal;background:#e1f1e9;color:#23684d;padding:8px 5px;border-radius:5px}.mini-calendar .late,.shift.late{background:#f9edde;color:#815624}.mini-calendar .night,.shift.night{background:#e9e7f7;color:#625187}.mini-calendar .off,.shift.off{background:#f1f3f3;color:#657278}.avatar{display:inline-grid;place-items:center;background:#e5f0e8;border-radius:50%;width:28px;height:28px;font-size:.55rem}.avatar.peach{background:#f7e8dd}.avatar.lilac{background:#e8e4f0}.preview-bottom{border-top:1px solid var(--line);padding:12px 24px;font-size:.6rem;color:var(--muted)}.floating-note{position:absolute;bottom:14px;left:30px;z-index:2;background:var(--navy);padding:18px 23px;display:flex;align-items:center;gap:14px;border-radius:10px;box-shadow:0 14px 35px #092d3b20;color:white;transform:rotate(1deg)}.floating-note>span{font-size:1.8rem;color:#8bd6b4}.floating-note strong,.floating-note div>span{display:block;font-size:.72rem}.floating-note div>span{color:#bed5d6;font-size:.65rem;margin-top:3px}.audiences{border-top:1px solid #d5e4db;display:flex;justify-content:space-between;gap:20px;padding-block:27px;position:relative;z-index:2}.audiences>span{font-size:.62rem;letter-spacing:.1em;align-self:center;color:var(--muted)}.audiences a{text-decoration:none;font-size:.85rem;font-weight:550}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:50px}.section-heading>p,.section-heading>div+div{max-width:400px}.section-heading p{font-size:.95rem}.section-heading .eyebrow{font-size:.7rem}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.solutions article{border:1px solid var(--line);border-radius:10px;padding:32px;position:relative;background:linear-gradient(150deg,white,var(--paper))}.number{display:block;font-size:.65rem;letter-spacing:.1em;color:var(--muted);margin-bottom:28px}.solutions img{display:block;width:64px;height:64px;object-fit:contain;margin-bottom:28px}.solutions h3{margin-bottom:16px}.solutions p{font-size:.9rem;line-height:1.8}.platform{background:var(--navy);color:white}.platform .eyebrow{color:#9bdcc5}.platform .section-heading p{color:#bbced0}.demo-label{display:inline-block;margin-top:17px;font-size:.7rem;color:#c1dfd2;border:1px solid #45636a;padding:5px 10px;border-radius:4px}.demo-board{background:white;color:var(--ink);border-radius:12px;overflow:hidden;box-shadow:0 20px 50px #00111f30}.demo-toolbar{padding:25px 28px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line)}.demo-toolbar p{font-size:.75rem;margin-top:8px}.demo-controls{display:flex;gap:16px;align-items:end}.demo-controls label{font-size:.65rem;display:grid;gap:3px}.demo-controls select{padding:8px 26px 8px 10px;font-size:.8rem}.week-controls{display:flex;gap:5px}.week-controls button{background:white;border:1px solid var(--line);border-radius:5px;width:44px;height:44px}.week-controls button:hover{background:var(--paper)}.week-controls button:disabled{opacity:.4;cursor:default}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px;font-size:.75rem;text-align:center}th,td{padding:17px 10px;border-bottom:1px solid #edf1ef}thead th{font-weight:550;background:#f8faf9;color:var(--muted);font-size:.65rem}thead th span{display:block;font-size:.8rem;color:var(--navy);margin-top:3px}tbody th{text-align:left;padding-left:28px;font-weight:600;white-space:nowrap}.shift{display:block;font-size:.65rem;min-width:62px}.demo-footer{padding:19px 28px;display:flex;justify-content:space-between;gap:16px;align-items:center}.legend{display:flex;flex-wrap:wrap;gap:18px;font-size:.58rem;color:var(--muted)}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:7px;height:7px;border-radius:2px;background:#97c7af}.legend .late-key{background:#d7b385}.legend .night-key{background:#b0a0ce}.legend .off-key{background:#b9c1c5}#schedule-status{font-size:.6rem;color:var(--muted)}.platform-details{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.platform-details>div>span{color:#89b6af;font-size:.65rem}.platform-details h3{font-size:1rem;margin-block:12px}.platform-details p{color:#b9cfd0;font-size:.85rem}.approach{display:grid;grid-template-columns:1fr 1fr;gap:120px}.approach .lead{margin-block:25px}.principle{margin-top:50px;display:flex;gap:16px;padding-top:25px;border-top:1px solid var(--line)}.principle>span{color:var(--teal);font-size:1.7rem}.principle p{font-size:.8rem}.principle strong{color:var(--ink)}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:26px;padding:26px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.steps li>span{font-family:Georgia,serif;font-size:1.6rem;color:var(--teal)}.steps h3{font-size:1.15rem;margin:5px 0 12px}.steps p{font-size:.88rem}.team-section{background:var(--paper)}.founders{display:grid;grid-template-columns:1fr 1fr;gap:28px}.founder{display:grid;grid-template-columns:170px 1fr;gap:28px;align-items:center}.founder>img{width:170px;height:225px;object-fit:cover;object-position:top;border-radius:8px;background:#e7ede6}.founder .eyebrow{font-size:.6rem;display:block;margin-bottom:13px}.founder h3{font-size:1.45rem;margin-bottom:10px}.founder p{font-size:.8rem;line-height:1.75}.founder .specialty{font-size:.7rem;color:var(--teal);margin-bottom:15px}.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:100px}.faq-section h2{margin-bottom:25px}.faq-section p{font-size:.9rem}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:23px 0}summary{cursor:pointer;font-size:.95rem;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:25px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:1.3rem;font-weight:400;color:var(--teal);line-height:1.3}details[open] summary:after{content:'−'}details p{margin-top:15px;padding-right:30px}.contact-section{background:#eaf3ed}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px}.contact-copy h2{font-size:clamp(2.8rem,4vw,4.3rem)}.contact-copy>p:not(.eyebrow){margin-top:28px;max-width:350px}.contact-email{display:inline-block;margin-top:25px;color:var(--teal);font-size:.95rem;font-weight:600;overflow-wrap:anywhere}.contact-expect{border-top:1px solid #c5dacf;margin-top:45px;padding-top:25px}.contact-expect>span{font-size:.65rem;letter-spacing:.1em;color:var(--teal)}.contact-expect p{font-size:.9rem;margin-top:12px}form{background:white;border:1px solid #d6e5db;padding:36px;border-radius:12px}form h3{font-size:1.5rem}.form-intro{font-size:.8rem;margin-block:13px 24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}form label{display:block;font-size:.75rem;font-weight:600;margin-bottom:17px}input,select,textarea{width:100%;border:1px solid #c7d5cf;background:white;border-radius:5px;color:var(--navy);padding:11px 12px;font-size:.85rem;margin-top:7px;min-width:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#718079;opacity:1}.optional{font-weight:400;color:var(--muted)}.checkbox-label{display:flex;align-items:flex-start;gap:10px;font-weight:400;line-height:1.6}.checkbox-label input{width:16px;height:16px;margin:3px 0 0;flex-shrink:0;accent-color:var(--teal)}.checkbox-label a{color:var(--teal)}form>.button{width:100%}.form-status{font-size:.8rem;margin-top:13px}#contact-result{border-top:1px solid var(--line);margin-top:15px;padding-top:18px}#contact-result .text-link{margin-block:17px}#contact-result p{font-size:.75rem}footer{background:#fdfefd;padding-top:60px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .9fr 1.1fr;gap:40px;padding-bottom:50px}.footer-wordmark{font-size:1.4rem;font-weight:700;letter-spacing:-.05em;text-decoration:none}.footer-wordmark span{color:var(--teal);font-weight:400}.footer-grid p{font-size:.8rem;margin-top:15px}.footer-grid h2{font-size:.75rem;font-weight:650;letter-spacing:0;margin-bottom:20px}.footer-grid>div>a:not(.footer-wordmark){display:block;font-size:.78rem;text-decoration:none;margin-bottom:12px;overflow-wrap:anywhere}.footer-grid a:hover{text-decoration:underline}.footer-bottom{padding-block:22px;border-top:1px solid var(--line);font-size:.65rem;color:var(--muted);display:flex;justify-content:space-between;gap:25px}.footer-bottom div{display:flex;gap:22px}.legal{max-width:800px;padding-block:75px}.legal h1{font-size:3rem;margin-bottom:25px}.legal h2{font-size:1.4rem;margin:35px 0 15px}.legal p,.legal ul{margin-bottom:16px;color:var(--muted)}.legal>a{display:inline-block;margin-bottom:35px;color:var(--teal)}
@media(min-width:1500px){.hero-grid{min-height:700px}}@media(max-width:1100px){.container{width:calc(100% - 56px)}nav{gap:17px}nav>a{font-size:.72rem}.hero-grid{gap:30px}.hero h1{font-size:3.2rem}.hero-copy .lead{font-size:1rem}.hero-visual{padding-bottom:60px}.floating-note{left:0}.approach,.contact-grid{gap:55px}.founder{grid-template-columns:125px 1fr;gap:20px}.founder>img{width:125px;height:215px}.demo-toolbar{flex-wrap:wrap}.faq-section{gap:50px}.section{padding-block:80px}}
@media(max-width:800px){.header-inner{height:76px}.menu-toggle{display:flex;align-items:center;gap:14px;border:1px solid var(--line);padding:9px 13px;background:white;border-radius:6px;font-size:.8rem}nav{position:absolute;top:76px;left:0;right:0;background:white;padding:20px 28px;box-shadow:0 14px 20px #092d3b12;flex-direction:column;align-items:stretch;gap:0}nav>a{padding:13px;font-size:.9rem}html.js .site-header nav:not(.is-open){display:none}html:not(.js) .site-header{position:relative}html:not(.js) .header-inner{height:auto;flex-wrap:wrap;padding-block:15px}html:not(.js) .site-header nav{position:static;box-shadow:none;width:100%;padding:0}.hero-grid{grid-template-columns:1fr;gap:25px;padding-top:55px}.hero-copy{max-width:600px}.hero h1{font-size:clamp(2.8rem,7.5vw,4.5rem)}.hero-visual{max-width:510px;width:100%;margin-inline:auto;padding-top:10px}.orbit{left:-30px;top:-50px}.hero-note{margin-top:25px}.audiences{display:grid;grid-template-columns:1fr 1fr;gap:14px}.audiences>span{grid-column:1/-1;margin-bottom:6px}.audiences a{font-size:.8rem}.section-heading{display:block}.section-heading>p,.section-heading>div+div{margin-top:25px;max-width:550px}.three-grid{gap:14px}.solutions article{padding:22px}.solutions h3{font-size:1.1rem}.solutions p{font-size:.8rem}.approach{grid-template-columns:1fr;gap:45px}.principle{margin-top:30px}.founders{grid-template-columns:1fr;gap:35px}.founder{grid-template-columns:170px 1fr}.founder>img{width:170px;height:210px}.faq-section{grid-template-columns:1fr;gap:35px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-copy h2 br{display:none}.contact-copy>p:not(.eyebrow){max-width:550px}.contact-expect{display:none}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:12px}.demo-controls{flex-wrap:wrap}.platform-details{gap:24px}.platform-details h3{font-size:.9rem}.platform-details p{font-size:.8rem}}
@media(max-width:520px){.container{width:calc(100% - 36px)}.section{padding-block:60px}.logo-crop{width:160px}.hero-grid{padding-block:40px 30px}.hero-copy .eyebrow{font-size:.55rem}.hero-copy .lead{font-size:.95rem}.actions{gap:20px}.button{padding:13px 17px}.hero-note{font-size:.65rem}.hero-visual{margin-top:15px}.preview-top,.preview-heading{padding:18px}.preview-heading h2{font-size:1.1rem}.preview-stats{padding:0 18px}.mini-calendar{padding:20px 18px;gap:6px;font-size:.5rem}.floating-note{left:10px;right:10px;bottom:17px;padding:13px 16px}.floating-note strong{font-size:.65rem}.floating-note div>span{font-size:.6rem}.preview-bottom{font-size:.55rem}.hero-note{margin-bottom:10px}.three-grid{grid-template-columns:1fr}.solutions article{padding:25px}.solutions img{width:48px;height:48px;margin-bottom:20px}.number{margin-bottom:18px}.solutions h3{font-size:1.3rem}.solutions p{font-size:.9rem}.section-heading{margin-bottom:30px}.demo-toolbar{padding:20px}.demo-controls{gap:10px;width:100%}.demo-controls>label{flex:1}.demo-controls>.button{width:100%}.demo-footer{padding:20px;flex-direction:column;align-items:start}.legend{gap:10px}.platform-details{grid-template-columns:1fr;gap:25px}.platform-details>div{border-bottom:1px solid #36515a;padding-bottom:20px}.founder{grid-template-columns:95px 1fr;gap:18px;align-items:start}.founder>img{width:95px;height:140px}.founder h3{font-size:1.25rem}.founder p{font-size:.78rem}.founder .eyebrow{margin-bottom:9px;font-size:.55rem}.contact-copy h2{font-size:2.7rem}form{padding:24px 20px}.form-row{grid-template-columns:1fr;gap:0}.footer-grid{gap:30px 20px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom div{gap:16px;flex-wrap:wrap}.legal h1{font-size:2.3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover{transform:none}}

/* Partner identity retains the official proportions and colours. */
.partner-section { border-bottom: 1px solid var(--line); background: #fff; }
.partner-strip { display: flex; align-items: center; justify-content: space-between; gap: 40px; padding-block: 36px; }
.partner-strip .eyebrow { margin-bottom: 8px; font-size: .62rem; }
.partner-strip h2 { font-size: 1.35rem; letter-spacing: -.025em; }
.partner-logo { display: flex; flex-direction: column; align-items: flex-end; gap: 12px; text-decoration: none; }
.partner-logo img { display: block; width: 360px; height: auto; }
.partner-logo span { color: var(--muted); font-size: .65rem; }
.partner-logo:hover span { color: var(--teal); text-decoration: underline; }
.motion-toggle { display: inline-flex; gap: 12px; align-items: center; border: 0; background: transparent; padding: 12px 0; margin-top: 18px; color: var(--muted); font-size: .7rem; min-height: 44px; }
.motion-toggle:hover { color: var(--teal); }
.motion-toggle:disabled { cursor: default; }
.hero-note { margin-top: 12px; }
.hero-visual .floating-note { animation: gentle-float 6s ease-in-out infinite; }
.hero-visual .orbit-one { animation: orbit-breathe 8s ease-in-out infinite; }
.flow-section { background: #f0f5ef; padding-top: 80px; }
.flow-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.flow-card { display: block; padding: 20px 25px 28px; text-decoration: none; background: white; border: 1px solid #dce8df; border-radius: 18px; transition: transform .3s, box-shadow .3s; }
.flow-card:hover, .flow-card:focus-visible { transform: translateY(-8px); box-shadow: 0 20px 38px #163e3612; }
.flow-card .number { margin-bottom: 14px; margin-top: 26px; }
.flow-card h3 { margin-bottom: 14px; }
.flow-card p { font-size: .87rem; }
.flow-link { display: inline-block; margin-top: 23px; color: var(--teal); font-size: .76rem; font-weight: 650; }
.flow-art { height: 225px; position: relative; overflow: hidden; border-radius: 12px; display: grid; place-items: center; }
.art-calendar { background: #e8f3eb; }
.art-tag { position: absolute; top: 19px; left: 19px; color: #365e52; font-size: .65rem; }
.art-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; width: 70%; transform: rotate(-7deg); margin-top: 8px; }
.art-grid i { height: 31px; border-radius: 5px; background: #fff; box-shadow: 0 5px 10px #316f4c0b; animation: tile-light 5s ease-in-out infinite; }
.art-grid i:nth-child(3n) { background: #6da88a; animation-delay: .7s; }
.art-grid i:nth-child(3n + 1) { animation-delay: 1.4s; }
.art-bubble { position: absolute; bottom: 19px; right: 16px; padding: 7px 12px; background: #fff; border: 1px solid #e0e9e2; border-radius: 7px; box-shadow: 0 6px 16px #1a3c3310; color: #365e52; font-size: .6rem; animation: gentle-float 5s ease-in-out infinite; }
.art-network { background: #edf0f9; }
.network-ring { width: 145px; height: 145px; border: 1px dashed #aab6d1; border-radius: 50%; position: absolute; animation: network-orbit 30s linear infinite; }
.network-core { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 18px; background: var(--navy); color: #b4e6d2; font-family: Georgia, serif; font-size: 2.2rem; box-shadow: 0 10px 20px #28375020; }
.network-person { display: grid; place-items: center; position: absolute; width: 39px; height: 39px; border-radius: 50%; background: #fff; border: 4px solid #edf0f9; font-size: .65rem; color: #53617d; animation: gentle-float 6s ease-in-out infinite; }
.person-one { top: 25px; left: 39%; }
.person-two { top: 105px; right: 16%; animation-delay: -2s; }
.person-three { bottom: 50px; left: 18%; animation-delay: -4s; }
.art-balance { background: #f8efe4; }
.balance-bars { display: flex; align-items: end; gap: 12px; height: 110px; width: 65%; border-bottom: 1px solid #d9bfa0; padding-bottom: 6px; }
.balance-bars i { flex: 1; background: #c59866; border-radius: 5px 5px 2px 2px; height: 60%; transform-origin: bottom; animation: balance-grow 5s ease-in-out infinite; }
.balance-bars i:nth-child(2) { height: 85%; background: #e6c49c; animation-delay: -.8s; }
.balance-bars i:nth-child(3) { height: 70%; animation-delay: -1.6s; }
.balance-bars i:nth-child(4) { height: 95%; background: #e6c49c; animation-delay: -2.4s; }
.balance-bars i:nth-child(5) { height: 75%; animation-delay: -3.2s; }
.flow-card:hover .network-core, .flow-card:focus-visible .network-core { background: var(--teal); }
.schedule-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-bottom: 22px; }
.schedule-metrics>div { display: flex; align-items: center; gap: 20px; padding: 23px; background: #143c48; border: 1px solid #2b5059; border-radius: 12px; }
.metric-icon { display: grid; place-items: center; width: 45px; height: 45px; color: #a6dfc4; background: #224e56; border-radius: 12px; font-size: 1.6rem; }
.schedule-metrics>div>span:last-child { font-size: .7rem; color: #c2d4d5; }
.schedule-metrics strong { display: block; color: #fff; font-size: 2rem; font-weight: 550; letter-spacing: -.04em; line-height: 1.3; margin-top: 5px; }
.demo-board { border-radius: 16px; }
.schedule-viewbar { padding: 18px 28px; display: flex; align-items: center; justify-content: space-between; gap: 25px; background: #f8fbf9; border-bottom: 1px solid var(--line); }
.schedule-viewbar>div { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: .73rem; }
.schedule-viewbar>div>span:last-child { flex-basis: 100%; color: var(--muted); font-size: .65rem; }
.live-dot { width: 7px; height: 7px; background: var(--teal); border-radius: 50%; }
.schedule-viewbar label { font-size: .65rem; color: var(--muted); display: flex; gap: 10px; align-items: center; flex-shrink: 0; }
.schedule-viewbar select { margin: 0; font-size: .75rem; width: auto; }
.demo-board table { min-width: 990px; }
.demo-board table.day-view { min-width: 0; table-layout: fixed; }
.demo-board table.day-view th:first-child { width: 50%; }
.demo-board th, .demo-board td { padding: 14px 8px; }
.demo-board thead th { padding-block: 18px; }
.demo-board tbody th { padding-left: 22px; background: #fff; }
.demo-board thead th:first-child { text-align: left; padding-left: 22px; min-width: 190px; }
.schedule-person { display: flex; gap: 10px; align-items: center; }
.schedule-person small { display: block; font-size: .6rem; color: var(--muted); font-weight: 400; margin-top: 4px; }
.schedule-avatar { width: 33px; height: 33px; border-radius: 11px; background: #e3eeea; display: grid; place-items: center; color: #3b7863; font-size: .6rem; flex-shrink: 0; }
tr:nth-child(2n) .schedule-avatar { background: #eee8f5; color: #755694; }
tr:nth-child(3n) .schedule-avatar { background: #f5ebdd; color: #86643c; }
.demo-board td.weekend, .demo-board thead th.weekend { background: #f7f8fb; }
.demo-board .shift { border: 1px solid transparent; width: 100%; min-width: 88px; padding: 10px 6px; text-align: left; line-height: 1.5; transition: transform .2s, box-shadow .2s, border-color .2s; }
.shift>span { font-size: .68rem; font-weight: 650; display: block; }
.shift small { display: block; font-size: .57rem; margin-top: 5px; white-space: nowrap; }
.demo-board .shift:hover { transform: translateY(-3px); box-shadow: 0 5px 10px #092d3b12; border-color: currentColor; }
.demo-board .shift[aria-pressed="true"] { border-color: currentColor; box-shadow: 0 0 0 2px #087c7820; }
.shift-inspector { display: flex; gap: 14px; align-items: center; padding: 18px 28px; border-top: 1px solid var(--line); background: #f8faf9; min-height: 78px; }
.shift-inspector p { font-size: .76rem; }
.inspector-symbol { color: var(--teal); font-size: 1.4rem; }
.shift-inspector.has-selection { background: #eaf6ef; }
.whatsapp-contacts { margin-top: 28px; max-width: 350px; }
.whatsapp-contacts .eyebrow { font-size: .62rem; margin-bottom: 12px; }
.whatsapp-contacts>a { display: flex; align-items: center; gap: 13px; padding: 12px 16px; margin-top: 10px; border: 1px solid #b9d4c5; background: #f6fbf7; border-radius: 9px; text-decoration: none; transition: background .2s, transform .2s; }
.whatsapp-contacts>a:hover { background: #fff; transform: translateX(3px); }
.whatsapp-contacts>a>span:nth-child(2) { font-size: .65rem; color: #4e6f60; flex: 1; }
.whatsapp-contacts strong { display: block; font-size: .92rem; color: var(--navy); font-weight: 600; }
.chat-symbol { background: #d8eee0; border-radius: 50%; width: 35px; height: 35px; display: grid; place-items: center; color: #24704d; }
.whatsapp-contacts>p:last-child { font-size: .68rem; margin-top: 12px; }
footer { background: #082b37; color: #e1ede9; padding-top: 65px; padding-bottom: 55px; }
.footer-intro { display: flex; justify-content: space-between; align-items: center; gap: 40px; border-bottom: 1px solid #2a4953; padding-bottom: 45px; margin-bottom: 45px; }
.footer-intro .eyebrow { color: #9bcdbb; font-size: .65rem; }
.footer-intro h2 { font-size: clamp(2rem, 3vw, 3rem); }
.footer-intro em, .footer-wordmark span { color: #96d9bb; }
.footer-intro .button { background: #c6ead5; color: #173e32; border-color: #c6ead5; }
.footer-intro .button:hover { background: #e2f4e9; }
.footer-grid p, .footer-bottom { color: #abc1c5; }
.footer-grid a:hover, .footer-bottom a:hover { color: #b6ebd0; }
.footer-bottom { border-top-color: #2a4953; }
.floating-contact { position: fixed; bottom: 20px; right: 24px; z-index: 25; display: flex; align-items: center; gap: 12px; background: #e5f5e9; border: 1px solid #97bca5; color: #194a37; padding: 12px 20px; border-radius: 50px; box-shadow: 0 6px 24px #082c3426; text-decoration: none; font-size: .75rem; font-weight: 650; }
.floating-contact>span:first-child { font-size: 1.4rem; line-height: 1; }
.floating-contact:hover { background: #fff; }
@keyframes gentle-float { 0%, 100% { transform: translateY(0) rotate(1deg); } 50% { transform: translateY(-8px) rotate(-1deg); } }
@keyframes orbit-breathe { 0%, 100% { transform: scale(1); opacity: .7; } 50% { transform: scale(1.04); opacity: 1; } }
@keyframes tile-light { 0%, 100% { opacity: 1; transform: translateY(0); } 50% { opacity: .65; transform: translateY(-3px); } }
@keyframes network-orbit { to { transform: rotate(360deg); } }
@keyframes balance-grow { 0%, 100% { transform: scaleY(1); } 50% { transform: scaleY(.75); } }
.motion-paused *, .motion-paused *::before, .motion-paused *::after { animation-play-state: paused !important; }
html:not(.js) *, html:not(.js) *::before, html:not(.js) *::after { animation: none !important; }
html:not(.js) .motion-toggle { display: none; }
@media (min-width: 801px) { .demo-board tbody th { position: sticky; left: 0; z-index: 1; } }
@media (max-width: 1000px) { .flow-grid { gap: 16px; } .flow-card { padding: 15px 18px 25px; } .flow-art { height: 200px; } .flow-card h3 { font-size: 1.15rem; } .schedule-metrics>div { gap: 12px; padding: 18px; } }
@media (max-width: 800px) { .partner-logo img { width: 300px; } .partner-strip h2 { font-size: 1.15rem; } .flow-grid { grid-template-columns: 1fr; } .flow-card { display: grid; grid-template-columns: 190px 1fr; column-gap: 25px; padding: 22px; } .flow-art { grid-row: 1 / 5; height: 210px; } .flow-card .number { margin-top: 8px; } .flow-link { margin-top: 15px; } .footer-intro { align-items: flex-start; flex-direction: column; gap: 25px; } .schedule-viewbar { flex-wrap: wrap; } }
@media (max-width: 520px) { .partner-strip { flex-direction: column; align-items: flex-start; gap: 25px; } .partner-logo { align-items: flex-start; max-width: 100%; } .partner-logo img { max-width: 100%; } .flow-card { display: block; padding: 20px; } .flow-art { height: 230px; } .flow-card .number { margin-top: 25px; } .flow-card h3 { font-size: 1.3rem; } .schedule-metrics { gap: 8px; } .schedule-metrics>div { padding: 15px 10px; } .metric-icon { display: none; } .schedule-metrics>div>span:last-child { font-size: .58rem; } .schedule-metrics strong { font-size: 1.6rem; } .schedule-viewbar { padding: 18px; gap: 14px; } .schedule-viewbar label { width: 100%; justify-content: space-between; } .shift-inspector { padding: 18px; } .demo-board table.day-view th, .demo-board table.day-view td { padding: 12px 9px; } .day-view .schedule-person { gap: 7px; font-size: .65rem; white-space: normal; } .day-view .schedule-avatar { display: none; } .floating-contact { bottom: 12px; right: 12px; padding: 11px 16px; font-size: .7rem; } .footer-intro .button { font-size: .8rem; } footer { padding-bottom: 65px; } }
@media (prefers-reduced-motion: reduce) { .flow-card:hover, .flow-card:focus-visible, .demo-board .shift:hover, .whatsapp-contacts>a:hover { transform: none; } }

/* Launch edition: a three-card stage, a guided mascot and an editorial journal. */
.language-switch { display: inline-flex; border: 1px solid var(--line); border-radius: 30px; padding: 3px; flex-shrink: 0; align-items: center; gap: 2px; }
.language-switch a { display: grid; place-items: center; width: 34px; min-height: 34px; border-radius: 50%; text-decoration: none; font-size: .66rem; font-weight: 700; color: var(--muted); }
.language-switch a[aria-current="page"] { background: var(--navy); color: #fff; }
.header-inner { gap: 14px; }
.header-inner nav { gap: 20px; }
.legal-language { display: flex; justify-content: flex-end; padding-top: 22px; }
.carousel-scene { position: relative; }
.carousel-controls { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 14px; margin-top: 24px; }
.carousel-controls button { min-height: 44px; min-width: 44px; border: 1px solid #c2d5c9; background: #fff; color: var(--ink); border-radius: 50%; font-size: .9rem; }
.carousel-controls button:last-child { border-radius: 24px; padding-inline: 18px; font-size: .7rem; }
.carousel-controls button:hover { background: #dcefe2; }
.carousel-controls button:disabled { opacity: .65; cursor: default; }
.carousel-controls p { font-size: .75rem; min-width: 120px; text-align: center; }
.carousel-orbit { display: none; }
.js .carousel-scene { perspective: 1300px; height: 620px; isolation: isolate; }
.js .flow-grid { position: absolute; inset: 0; display: block; transform-style: preserve-3d; }
.js .flow-card { position: absolute; display: block; width: 320px; left: calc(50% - 160px); top: 65px; padding: 20px 24px 27px; min-height: 450px; backface-visibility: hidden; transition: transform 1.1s cubic-bezier(.22,.65,.25,1), box-shadow 1.1s, border-color .25s; box-shadow: 0 25px 40px #153f321c; }
.js .flow-card[data-slot="0"] { transform: translate3d(0, 55px, 140px) rotateY(0deg) rotateZ(0deg); z-index: 3; box-shadow: 0 35px 55px #143a3228; border-color: #a6c6b4; }
.js .flow-card[data-slot="1"] { transform: translate3d(-255px, -30px, -150px) rotateY(32deg) rotateZ(-8deg); z-index: 1; }
.js .flow-card[data-slot="2"] { transform: translate3d(255px, -30px, -150px) rotateY(-32deg) rotateZ(8deg); z-index: 2; }
.js .flow-card:hover { border-color: var(--teal); }
.js .flow-card:focus-visible { outline: 3px solid #b65c22; outline-offset: 7px; }
.js .flow-art { height: 190px; }
.js .flow-card .number { margin-top: 23px; }
.js .flow-card h3 { font-size: 1.25rem; }
.js .flow-card p { font-size: .84rem; }
.js .carousel-orbit { display: block; position: absolute; width: 740px; height: 290px; left: calc(50% - 370px); bottom: 12px; border: 1px solid #bbd4c5; border-radius: 50%; transform: rotateX(62deg); background: radial-gradient(ellipse, #c8decb60, transparent 70%); z-index: -1; }
.js .carousel-orbit::after { content: ''; position: absolute; inset: 25px; border: 1px dashed #bbd4c5; border-radius: inherit; }
html:not(.js) .carousel-controls { display: none; }

.journal-section { background: #f5f1e8; border-block: 1px solid #e4dfd2; }
.journal-grid { display: grid; grid-template-columns: .9fr 1fr; align-items: center; gap: 100px; }
.journal-cover { position: relative; display: flex; flex-direction: column; min-height: 570px; padding: 28px 32px; color: #f4eee1; text-decoration: none; background: #103b3b; border-radius: 3px 14px 14px 3px; box-shadow: -6px 0 #ddd9cd, -10px 0 #fdf9f0, 20px 25px 45px #21393025; transform: rotate(-3deg); overflow: hidden; transition: transform .4s; }
.journal-cover:hover, .journal-cover:focus-visible { transform: rotate(0) translateY(-5px); }
.journal-masthead { display: block; font-size: 2.5rem; letter-spacing: -.07em; line-height: 1; }
.journal-masthead i { font-family: Georgia, serif; font-weight: 400; font-size: 1.7rem; letter-spacing: -.05em; }
.journal-issue { font-size: .6rem; letter-spacing: .12em; border-top: 1px solid #92a69c; padding-top: 13px; margin-top: 20px; }
.journal-cover-title { font-family: Georgia, serif; font-size: clamp(2.5rem, 3.6vw, 3.7rem); line-height: 1.08; margin-top: 38px; letter-spacing: -.05em; z-index: 1; }
.journal-cover-title em { color: #c5d89a; }
.journal-cover-art { position: relative; height: 130px; margin-top: 25px; }
.journal-cover-art i { position: absolute; width: 105px; height: 105px; border-radius: 50%; background: #bcd3a0; left: 18%; top: 5px; mix-blend-mode: screen; }
.journal-cover-art i:nth-child(2) { left: 38%; background: #639e89; top: 25px; }
.journal-cover-art i:nth-child(3) { left: 56%; background: #d5b482; top: 0; }
.journal-cover-bottom { font-size: .67rem; margin-top: auto; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #668a7d; padding-top: 17px; z-index: 1; }
.journal-cover-bottom b { font-size: 1.5rem; }
.journal-grid h2 { margin-bottom: 25px; }
.journal-grid>div>p:not(.eyebrow) { line-height: 1.9; }
.journal-topics { display: grid; gap: 13px; border-block: 1px solid #d7d7c9; padding-block: 22px; margin-block: 25px; font-size: .78rem; color: #44695b; }
.journal-reading { display: block; font-size: .67rem; color: var(--muted); margin-top: 15px; }

footer { padding-top: 0; }
.footer-intro { padding-top: 60px; }
.news-ticker { display: flex; width: 100%; align-items: stretch; background: #c3e4cc; color: #133b31; border-block: 1px solid #adccb4; min-height: 56px; }
.ticker-label { position: relative; z-index: 2; flex-shrink: 0; display: flex; align-items: center; padding: 15px 25px; background: #133b31; color: #e1f2dc; font-size: .63rem; letter-spacing: .1em; }
.ticker-window { min-width: 0; flex: 1; overflow: hidden; display: flex; align-items: center; }
.ticker-track { display: flex; width: max-content; animation: news-scroll 45s linear infinite; }
.ticker-items { display: flex; align-items: center; gap: 30px; padding-inline: 15px; flex-shrink: 0; white-space: nowrap; font-size: .8rem; }
.ticker-items a { text-decoration: none; }
.ticker-items a:hover { text-decoration: underline; }
.news-ticker>button { flex-shrink: 0; width: 55px; border: none; border-left: 1px solid #98bca1; background: #c3e4cc; color: #133b31; font-size: 1.1rem; }
.news-ticker>button:disabled { opacity: .6; cursor: default; }
.news-ticker.is-paused .ticker-track, .news-ticker:hover .ticker-track { animation-play-state: paused; }
.news-ticker:focus-within .ticker-track { animation: none; transform: none; }
.news-ticker:focus-within .ticker-window { overflow-x: auto; }
.news-ticker:focus-within .ticker-items[aria-hidden="true"] { display: none; }
@keyframes news-scroll { to { transform: translateX(-50%); } }

.assistant-launcher { position: fixed; bottom: 19px; right: 25px; z-index: 35; display: flex; flex-direction: row-reverse; align-items: center; gap: 13px; border: 0; padding: 0; background: transparent; color: var(--ink); }
.assistant-invite { padding: 10px 14px; background: white; border: 1px solid #c1d6ca; border-radius: 14px 14px 2px 14px; font-size: .7rem; box-shadow: 0 5px 20px #143b3215; }
.bot-face { width: 67px; height: 61px; position: relative; border: 3px solid #143e3e; border-radius: 23px; background: #c1ead7; box-shadow: 0 8px 0 #143e3e, 0 14px 25px #092d3b25; animation: bot-bob 5s ease-in-out infinite; display: block; }
.bot-antenna { position: absolute; width: 3px; height: 11px; background: #143e3e; top: -13px; left: 29px; }
.bot-antenna::before { content: ''; position: absolute; width: 9px; height: 9px; background: #daba77; border: 2px solid #143e3e; border-radius: 50%; top: -5px; left: -3px; }
.bot-eyes { position: absolute; display: flex; gap: 16px; left: 15px; top: 17px; }
.bot-eyes i { width: 7px; height: 10px; background: #143e3e; border-radius: 4px; animation: bot-blink 6s infinite; }
.bot-smile { position: absolute; width: 16px; height: 9px; border-bottom: 3px solid #143e3e; border-radius: 0 0 12px 12px; left: 23px; top: 30px; }
.bot-cheek { position: absolute; width: 8px; height: 4px; border-radius: 50%; background: #edb5a0; top: 31px; }
.cheek-left { left: 7px; } .cheek-right { right: 7px; }
.assistant-launcher:hover .bot-smile { height: 12px; border-bottom-width: 5px; }
.assistant-launcher[aria-expanded="true"] .assistant-invite { display: none; }
.assistant-panel { position: fixed; bottom: 112px; right: 25px; width: 355px; max-width: calc(100vw - 32px); max-height: calc(100dvh - 135px); overflow-y: auto; z-index: 34; background: #fffdf7; border: 1px solid #b9cdc1; border-radius: 18px; box-shadow: 0 15px 65px #092d3b30; padding: 24px; }
.assistant-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; }
.assistant-heading .eyebrow { font-size: .55rem; display: block; margin-bottom: 10px; }
.assistant-heading h2 { font-size: 1.5rem; }
.assistant-heading>button { min-width: 35px; min-height: 35px; border: 1px solid var(--line); background: white; color: var(--navy); border-radius: 50%; font-size: 1.3rem; }
.assistant-intro { font-size: .8rem; margin-block: 17px; }
.assistant-options { display: grid; gap: 8px; }
.assistant-options button { text-align: left; padding: 11px 13px; border: 1px solid #c5d8cb; border-radius: 7px; background: #f0f7ef; font-size: .75rem; color: var(--ink); }
.assistant-options button:hover, .assistant-options button[aria-pressed="true"] { background: #d9eedd; border-color: #6fa58a; }
.assistant-answer { border-top: 1px solid #dce4d8; padding-top: 16px; margin-top: 17px; }
.assistant-answer p { font-size: .8rem; }
.assistant-answer .text-link { margin-top: 13px; font-size: .78rem; }
.assistant-disclosure { font-size: .62rem; line-height: 1.6; margin-top: 18px; }
html:not(.js) .assistant-launcher { display: none; }
@keyframes bot-bob { 0%, 100% { transform: translateY(0) rotate(-3deg); } 50% { transform: translateY(-6px) rotate(3deg); } }
@keyframes bot-blink { 0%, 42%, 46%, 100% { transform: scaleY(1); } 44% { transform: scaleY(.12); } }

.magazine-page { background: #eeeadd; }
.magazine-header { min-height: 90px; display: flex; justify-content: space-between; align-items: center; gap: 20px; border-bottom: 1px solid #d1d1bf; }
.magazine-header .footer-wordmark span { color: var(--teal); font-family: Georgia, serif; font-style: italic; }
.magazine-home { font-size: .78rem; text-decoration: none; margin-left: auto; }
.magazine-title { padding-block: 60px 45px; text-align: center; }
.magazine-title .eyebrow { margin-bottom: 18px; }
.magazine-title h1 { font-family: Georgia, serif; font-size: clamp(2.7rem, 4.7vw, 4.6rem); font-weight: 400; }
.magazine-title>p:last-child { font-size: .9rem; margin: 25px auto 0; max-width: 580px; }
.magazine-spread { display: grid; grid-template-columns: 1fr 1fr; background: #fffdf6; box-shadow: 0 15px 55px #243c2b14; border: 1px solid #d8d5c5; margin-bottom: 30px; min-height: 640px; scroll-margin-top: 25px; }
.magazine-visual { position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 40px; overflow: hidden; min-width: 0; }
.magazine-opening { background: #153f3e; color: #e6e8d2; }
.print-kicker { font-size: .62rem; letter-spacing: .13em; position: relative; z-index: 1; }
.print-number { position: absolute; font-family: Georgia, serif; font-size: 22rem; line-height: 1; right: -12px; top: 50px; color: #ffffff0d; letter-spacing: -.1em; }
.magazine-visual>p { font-family: Georgia, serif; font-size: clamp(2.9rem, 4.7vw, 4.8rem); line-height: 1.03; color: inherit; position: relative; z-index: 1; letter-spacing: -.045em; }
.magazine-visual em { color: #cad995; }
.print-caption { font-size: .65rem; margin-top: 24px; }
.magazine-copy { padding: 42px; border-left: 1px solid #e9e3d6; box-shadow: inset 13px 0 20px -20px #2d3a2b60; }
.magazine-copy .eyebrow { display: block; font-size: .6rem; margin-bottom: 20px; }
.magazine-copy h2 { font-family: Georgia, serif; font-size: 2.15rem; font-weight: 400; margin-bottom: 25px; }
.magazine-copy p { font-size: .88rem; line-height: 1.9; margin-bottom: 18px; }
.magazine-copy blockquote { margin: 23px 0; padding: 15px 0 15px 20px; border-left: 2px solid #99b589; font-family: Georgia, serif; font-size: 1.3rem; line-height: 1.5; color: #3a6759; }
.magazine-copy h3 { font-size: 1.1rem; margin: 20px 0 10px; }
.magazine-copy .button { font-size: .75rem; margin-top: 10px; }
.magazine-copy .magazine-colophon { font-size: .65rem; line-height: 1.7; margin-top: 28px; color: #728174; }
.magazine-vision { background: #d1dbc1; color: #264c3d; }
.magazine-vision em { color: #5e7547; }
.print-shapes { position: relative; height: 180px; display: flex; justify-content: center; align-items: center; }
.print-shapes i { position: absolute; width: 120px; height: 120px; border: 1px solid #537657; transform: rotate(35deg); border-radius: 25px; }
.print-shapes i:nth-child(2) { transform: translateX(-65px) rotate(10deg); background: #8da68450; }
.print-shapes i:nth-child(3) { transform: translateX(65px) rotate(60deg); background: #f8f7e450; }
.magazine-people { background: #e5d7c3; color: #483e2c; }
.magazine-people em { color: #83634a; }
.magazine-portraits { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-block: 35px; align-items: center; }
.magazine-portraits figure { margin: 0; transform: rotate(-5deg); padding: 8px 8px 16px; background: #faf5e9; box-shadow: 0 12px 20px #513c2220; }
.magazine-portraits figure:nth-child(2) { transform: rotate(5deg) translateY(20px); }
.magazine-portraits img { width: 100%; height: 210px; object-fit: cover; object-position: top; display: block; }
.magazine-portraits figcaption { font-size: .6rem; margin-top: 10px; }
.magazine-people>p { font-size: 3.4rem; }
.magazine-next { background: #183a4b; color: #e1e5d9; }
.magazine-next>p { font-size: clamp(2.5rem, 3.6vw, 3.6rem); }
.magazine-partner { background: #fff; padding: 22px; margin-top: 30px; border-radius: 3px; }
.magazine-partner>span { display: block; color: var(--muted); font-size: .55rem; letter-spacing: .1em; margin-bottom: 15px; }
.magazine-partner img { display: block; width: 100%; height: auto; }
.magazine-controls { position: static; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 18px; background: transparent; padding: 0 0 60px; box-shadow: none; }
.magazine-controls button { min-height: 44px; border: 1px solid #b8c2ab; border-radius: 25px; padding: 10px 20px; background: #fffdf6; color: var(--ink); font-size: .8rem; }
.magazine-controls button:hover { background: #dae7d2; }
.magazine-controls button:disabled { opacity: .4; cursor: default; }
.magazine-controls>span { font-size: .75rem; min-width: 70px; text-align: center; }
.magazine-footer { padding: 20px 0; }
.magazine-footer .footer-bottom { border: none; }
html:not(.js) .magazine-controls { display: none; }
@media (max-width: 1100px) { .header-inner nav { gap: 12px; } .header-inner .logo-crop { width: 155px; } .header-inner .button.small { padding-inline: 12px; gap: 8px; } .journal-grid { gap: 55px; } .magazine-copy { padding: 30px; } .magazine-visual { padding: 30px; } }
@media (min-width: 801px) and (max-width: 950px) { .header-inner nav>a { font-size: .65rem; } .header-inner .language-switch a { width: 28px; min-height: 32px; } .header-inner { gap: 8px; } .header-inner .logo-crop { width: 135px; } }
@media (max-width: 800px) { .header-inner .menu-toggle { margin-left: auto; } .header-inner nav { gap: 0; } .js .flow-card { width: 280px; left: calc(50% - 140px); min-height: 445px; } .js .flow-card[data-slot="1"] { transform: translate3d(-160px, -15px, -190px) rotateY(32deg) rotateZ(-9deg); } .js .flow-card[data-slot="2"] { transform: translate3d(160px, -15px, -190px) rotateY(-32deg) rotateZ(9deg); } .js .carousel-orbit { width: 540px; left: calc(50% - 270px); } .js .carousel-scene { height: 600px; } .journal-grid { grid-template-columns: 1fr; gap: 55px; } .journal-cover { max-width: 430px; width: 100%; margin-inline: auto; min-height: 560px; } .journal-cover-title { font-size: 3.4rem; } .ticker-label { padding-inline: 15px; font-size: .55rem; } .magazine-spread { grid-template-columns: 1fr; } .magazine-visual { min-height: 440px; } .magazine-copy { border-left: 0; box-shadow: none; padding: 35px; } .magazine-visual>p { font-size: 3.5rem; } .magazine-portraits { max-width: 360px; align-self: center; } .magazine-controls { flex-direction: row; } }
@media (max-width: 520px) { .header-inner .logo-crop { width: 130px; } .header-inner .logo-crop img { width: 240px; left: -35px; top: -44px; } .header-inner { gap: 8px; } .header-inner .menu-toggle { padding: 8px 10px; font-size: .7rem; gap: 7px; } .language-switch a { width: 27px; min-height: 32px; font-size: .6rem; } .flow-section { overflow: clip; } .js .carousel-scene { height: 550px; perspective: 1000px; } .js .flow-card { width: 242px; left: calc(50% - 121px); min-height: 410px; padding: 16px 18px 22px; top: 25px; } .js .flow-art { height: 158px; } .js .flow-card h3 { font-size: 1.1rem; } .js .flow-card p { font-size: .78rem; } .js .flow-card .number { font-size: .55rem; margin-top: 20px; } .js .flow-card .flow-link { font-size: .67rem; } .js .flow-card[data-slot="0"] { transform: translate3d(0, 75px, 35px); } .js .flow-card[data-slot="1"] { transform: translate3d(-70px, -12px, -220px) rotateY(35deg) rotateZ(-13deg); } .js .flow-card[data-slot="2"] { transform: translate3d(70px, -12px, -220px) rotateY(-35deg) rotateZ(13deg); } .js .carousel-orbit { width: 320px; left: calc(50% - 160px); bottom: -25px; } .carousel-controls { gap: 9px; margin-top: 10px; } .carousel-controls p { min-width: 100px; font-size: .68rem; } .carousel-controls button:last-child { flex-basis: 65%; } .journal-cover { min-height: 520px; padding: 25px; width: calc(100% - 18px); } .journal-cover-title { font-size: 2.9rem; } .journal-masthead { font-size: 2.15rem; } .journal-cover-art i { width: 85px; height: 85px; } .journal-cover-bottom { font-size: .57rem; } .ticker-label { max-width: 92px; font-size: .5rem; padding: 10px; } .ticker-items { font-size: .72rem; gap: 22px; } .news-ticker>button { width: 43px; } .assistant-launcher { right: 15px; bottom: 20px; } .bot-face { width: 62px; height: 57px; } .bot-eyes { left: 13px; gap: 15px; } .bot-smile { left: 20px; } .bot-antenna { left: 27px; } .assistant-invite { font-size: .65rem; padding: 9px 12px; } .assistant-panel { right: 15px; bottom: 100px; padding: 20px; max-height: calc(100dvh - 120px); } .magazine-header { gap: 12px; min-height: 80px; } .magazine-header .footer-wordmark { font-size: 1.1rem; } .magazine-home { font-size: .6rem; max-width: 75px; } .magazine-title { padding-top: 40px; } .magazine-title h1 { font-size: 2.5rem; } .magazine-copy { padding: 25px; } .magazine-copy h2 { font-size: 1.9rem; } .magazine-copy p { font-size: .84rem; } .magazine-visual { padding: 27px; min-height: 420px; } .magazine-visual>p { font-size: 3rem; } .magazine-controls { gap: 10px; } .magazine-controls button { padding-inline: 15px; font-size: .7rem; } .magazine-controls button:last-child { flex-basis: 100%; } }
@media (prefers-reduced-motion: reduce) { .js .flow-card { transition: none; } .journal-cover:hover { transform: rotate(-3deg); } .ticker-track { animation: none; width: 100%; } .ticker-items { white-space: normal; flex-wrap: wrap; gap: 12px; padding: 15px; } .ticker-items[aria-hidden="true"] { display: none; } }
html:not(.js) .ticker-track { width: 100%; } html:not(.js) .ticker-items { flex-wrap: wrap; white-space: normal; padding: 15px; } html:not(.js) .ticker-items[aria-hidden="true"], html:not(.js) #ticker-pause { display: none; }
@media print { .magazine-header, .magazine-title, .magazine-controls, .magazine-footer { display: none !important; } .magazine-page { background: white; } .magazine-reader { width: 100%; } .magazine-spread, .magazine-spread[hidden] { display: grid !important; grid-template-columns: 35% 65%; min-height: 0; break-after: page; box-shadow: none; border: none; margin: 0; } .magazine-spread:last-child { break-after: auto; } .magazine-visual { min-height: 0; padding: 20px; print-color-adjust: exact; -webkit-print-color-adjust: exact; } .magazine-visual>p { font-size: 30pt; } .magazine-copy { padding: 20px; } .magazine-copy p { font-size: 10pt; line-height: 1.5; } .magazine-copy h2 { font-size: 22pt; } .magazine-copy blockquote { font-size: 14pt; } .print-number { font-size: 140pt; } .magazine-portraits { display: block; } .magazine-portraits img { height: 120px; } .magazine-portraits figure { margin-bottom: 20px; } }

/* Mobile layout: touch controls, contained tables and safe screen edges. */
@media screen and (max-width: 800px) {
  .hero-grid > *, .contact-grid > *, .section-heading > *, .footer-grid > *,
  .journal-grid > *, .demo-toolbar > *, .schedule-viewbar > * { min-width: 0; }
  .site-header nav { max-height: calc(100dvh - 76px); overflow-y: auto; overscroll-behavior: contain; }
  input:not([type="checkbox"]), select, textarea,
  .demo-controls select, .schedule-viewbar select { font-size: 16px; min-height: 44px; max-width: 100%; }
  .language-switch a { min-width: 40px; min-height: 44px; }
  .header-inner .menu-toggle, .assistant-heading > button,
  .assistant-options button, .news-ticker > button { min-height: 44px; min-width: 44px; }
  .footer-grid a, .footer-bottom a { display: inline-flex; align-items: center; min-height: 44px; overflow-wrap: anywhere; }
  .contact-copy a { overflow-wrap: anywhere; }
  .table-scroll { max-width: 100%; overscroll-behavior-x: contain; }
  .demo-board table:not(.day-view) th:first-child { position: sticky; left: 0; z-index: 2; background: #fff; min-width: 126px; max-width: 145px; padding-left: 12px; box-shadow: 3px 0 8px #092d3b0d; }
  .demo-board table:not(.day-view) thead th:first-child { background: #f8faf9; }
  .schedule-person { white-space: normal; overflow-wrap: anywhere; }
  .demo-board table:not(.day-view) .schedule-avatar { display: none; }
  .demo-board .shift { min-height: 54px; }
  .table-scroll::before { content: 'Deslize a escala para ver os restantes dias →'; display: block; position: sticky; left: 0; width: 100%; padding: 10px 16px; background: #eef7f2; color: #315b50; font-size: .75rem; }
  html[lang="en"] .table-scroll::before { content: 'Swipe the schedule to see the remaining days →'; }
  .table-scroll:has(.day-view)::before { display: none; }
  .assistant-launcher { right: max(12px, env(safe-area-inset-right)); bottom: max(14px, env(safe-area-inset-bottom)); }
  .assistant-panel { right: max(12px, env(safe-area-inset-right)); bottom: calc(90px + env(safe-area-inset-bottom)); max-height: calc(100dvh - 110px - env(safe-area-inset-bottom)); overscroll-behavior: contain; }
}
@media screen and (max-width: 520px) {
  .header-inner .logo-crop { width: 106px; }
  .header-inner { gap: 6px; }
  .header-inner .menu-toggle { margin-left: auto; padding-inline: 8px; }
  .language-switch { padding: 2px; gap: 0; }
  .hero h1 { font-size: clamp(2.2rem, 9vw, 3rem); }
  .hero-copy .actions { align-items: stretch; flex-direction: column; gap: 12px; }
  .hero-copy .actions .text-link { min-height: 44px; justify-content: center; }
  .demo-controls { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; }
  .demo-controls > .button { grid-column: 1 / -1; }
  .schedule-viewbar > div { flex-wrap: wrap; }
  .schedule-viewbar label { flex-wrap: wrap; gap: 8px; }
  .schedule-viewbar select { width: 100%; }
  .demo-toolbar, .demo-footer { padding: 16px; }
  .schedule-metrics strong { font-size: 1.4rem; }
  .schedule-metrics > div > span:last-child { font-size: .68rem; }
  .assistant-invite { display: none; }
  .assistant-panel { width: calc(100vw - 24px); padding: 18px; }
  .assistant-intro, .assistant-options button, .assistant-answer p { font-size: .9rem; }
  .assistant-disclosure { font-size: .75rem; }
  .footer-intro .button { width: 100%; }
  footer { padding-bottom: calc(100px + env(safe-area-inset-bottom)); }
  .footer-bottom { align-items: flex-start; }
  .magazine-header { flex-wrap: wrap; padding-block: 12px; }
  .magazine-copy { padding: 24px 20px; }
  .magazine-copy p { font-size: .95rem; }
  .magazine-controls { flex-wrap: wrap; }
  .magazine-controls button { min-height: 44px; }
  .legal { overflow-wrap: anywhere; }
}
@media screen and (max-width: 360px) {
  .container { width: calc(100% - 24px); }
  .header-inner .logo-crop { width: 96px; }
  .language-switch a { min-width: 36px; }
  .founder { grid-template-columns: 1fr; }
  .founder > img { width: 115px; height: 150px; }
  .contact-copy h2 { font-size: 2.2rem; }
  .journal-cover-title { font-size: 2.5rem; }
}

/* Keep the full wordmark visible: the PNG includes transparent margins. */
.header-inner .logo-crop { width: 178px; height: 62px; }
.header-inner .logo-crop img { width: 155%; max-width: none; height: auto; left: -22.5%; top: 50%; transform: translateY(-45.5%); }
.landscape-tip { display: none; }
@media screen and (max-width: 1100px) {
  .header-inner .logo-crop { width: 135px; height: 52px; }
}
@media screen and (max-width: 520px) {
  .header-inner .logo-crop { width: 120px; height: 50px; }
}
@media screen and (max-width: 360px) {
  .header-inner .logo-crop { width: 112px; height: 46px; }
}
@media screen and (max-width: 800px) and (orientation: portrait) {
  .landscape-tip { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; padding: 13px 16px; border: 1px solid #48676b; border-radius: 10px; background: #153e48; color: #e1f2eb; font-size: .85rem; line-height: 1.5; }
  .landscape-tip > span:first-child { font-size: 1.7rem; flex-shrink: 0; color: #9bdcc5; }
}

.orientation-toast { position: fixed; top: calc(88px + env(safe-area-inset-top)); left: 50%; transform: translateX(-50%); z-index: 50; width: min(420px, calc(100% - 24px)); display: flex; align-items: center; gap: 12px; padding: 14px 12px 14px 18px; background: #103c46; border: 1px solid #7ab6a6; border-radius: 14px; box-shadow: 0 10px 35px #092d3b35; }
.orientation-toast p { color: #f2fbf7; font-size: .9rem; line-height: 1.5; }
.orientation-toast button { flex-shrink: 0; width: 44px; height: 44px; border: 1px solid #7ab6a6; border-radius: 50%; background: transparent; color: white; font-size: 1.4rem; }
@media (prefers-reduced-motion: no-preference) {
  .orientation-toast { animation: toast-appear .25s ease-out; }
  @keyframes toast-appear { from { opacity: 0; translate: 0 -8px; } to { opacity: 1; translate: 0 0; } }
}
@media print { .orientation-toast { display: none; } }