/* Magipa: warm monochrome, editorial typography, quiet motion. */
:root{--paper:#f4f2ee;--ink:#242724;--line:#d9d7d1;--muted:#70736d}body{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}header{background:var(--paper);border-bottom:1px solid var(--line);padding:24px 5vw}.brand{font-size:28px;letter-spacing:-1.5px;font-weight:700}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-left:45px;color:var(--muted)}.magipa-symbol{display:inline-grid;place-items:center;background:var(--ink);color:var(--paper);border-radius:10px;width:35px;height:35px;margin-right:8px;font-family:Georgia,serif;font-size:30px}main{max-width:1240px;margin:auto;padding:28px 5vw}.landing h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-3px;font-size:clamp(46px,6vw,84px);line-height:1.04}.landing h1 span{color:#76796f}.landing-hero{gap:7vw;padding:45px 0 70px}.eyebrow{font-size:10px;letter-spacing:2px}.landing-lead{font-size:18px;color:#575b54;line-height:1.8}.flow-preview{border-radius:4px;background:#e6e5df;box-shadow:18px 18px 0 #ddddd4;border:1px solid #d3d4ca;transform:rotate(1deg);padding:32px}.flow-preview li{background:#f8f7f3;margin:12px 0;padding:18px 16px 18px 50px;border:1px solid #d5d7ce;border-radius:2px;animation:pauta-enter .8s both}.flow-preview li:nth-child(2){animation-delay:.12s}.flow-preview li:nth-child(3){animation-delay:.24s}.flow-preview li:nth-child(4){animation-delay:.36s}.flow-preview li:before{background:#e6e7df;border:0;top:17px;left:10px}.moving-pauta:after{content:'';display:block;width:24%;height:3px;background:#565e51;margin-top:20px;animation:pauta-progress 6s ease-in-out infinite alternate}button,.button{border-radius:5px;transition:background .2s,transform .2s}button:hover,.button:hover{transform:translateY(-1px)}button:focus-visible,a:focus-visible{outline:3px solid #808976;outline-offset:3px}.landing-benefits{gap:40px}.landing-benefits h2{font-family:Georgia,serif;font-weight:400;font-size:28px}.organization-panel{border-radius:5px;background:#faf9f6;border-color:var(--line);box-shadow:none}.management-intro{border-radius:4px;background:#373b35}.commerce-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:28px 0}.commerce-menu button{padding:32px 20px;text-align:left;background:#e4e5dd;color:#272d25;border:1px solid #cfd1c6;font-size:20px}#commerce>select,#commerce>input{margin:10px 12px 10px 0;max-width:100%}#commerce label{display:block;margin:16px 0}#commerce details{padding:20px;border:1px solid var(--line);margin:20px 0}#commerce pre{white-space:pre-wrap}#portal-nav{border-bottom:1px solid var(--line);padding-bottom:16px}#status{position:sticky;bottom:12px;background:#eeeae1;border-radius:5px;padding:12px;z-index:4}#status:empty{display:none}@keyframes pauta-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pauta-progress{to{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:800px){.flow-preview{transform:none;box-shadow:8px 8px 0 #ddddd4}.landing-hero{gap:30px}.landing h1{letter-spacing:-2px}.brand{font-size:25px}main{padding:20px}.commerce-menu{grid-template-columns:1fr}}
.brand{color:var(--ink)} .brand .magipa-symbol{color:var(--paper)}

.public-nav{display:flex;gap:20px;flex-wrap:wrap}.public-nav a{color:inherit;text-decoration:none;font-size:14px;padding:10px 0;border-bottom:2px solid transparent}.public-nav a:hover{border-color:#555}header{flex-wrap:wrap;gap:18px}@media(max-width:700px){header .public-nav{order:5;width:100%}}

/* Align the public landing with the plans page; operational components retain layout. */
header{background:#fff;border-color:#e4e4e4}.public-nav a{font-weight:500}.landing h1{font-family:Inter,"Segoe UI",Arial,sans-serif;font-weight:650;font-size:clamp(44px,5.5vw,76px);letter-spacing:-3.5px}.landing h1 span{color:#777c80}.landing-lead{font-size:17px;color:#606468}.landing .button{background:#252729;border-radius:10px;padding:17px 24px}.landing-hero{padding:48px 0 60px;gap:56px}.flow-preview{background:#292b2d;color:#fff;border-radius:20px;border:1px solid #3d3f41;box-shadow:0 24px 55px #20212420}.flow-preview>p,.flow-preview>small{color:#c1c3c5}.flow-preview li{background:#353739;border-color:#454749;color:#fff;border-radius:10px}.flow-preview li span{color:#c3c5c7}.flow-preview li:before{background:#525456;color:#fff}.moving-pauta:after{background:#b2b5b8}.landing-benefits{gap:20px}.landing-benefits article{background:#fff;border:1px solid #ddd;border-radius:16px;padding:25px}.landing-benefits h2{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:23px;font-weight:600;letter-spacing:-.7px}.landing-benefits p{font-size:14px;line-height:1.8}.landing-benefits article>span{font-size:10px;letter-spacing:1.5px}@media(max-width:800px){.landing h1{letter-spacing:-2px}.flow-preview{box-shadow:0 14px 30px #20212414}.landing-hero{gap:30px}}

.landing-plans-link{display:inline-block;margin:16px 0 16px 20px;color:#303235;font-size:14px;text-decoration:none;border-bottom:1px solid #777;padding-bottom:5px}@media(max-width:500px){.landing-plans-link{display:block;margin-left:0;width:max-content}}

/* Shared top navigation: always above page content, usable on narrow screens. */
body>header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);box-shadow:0 4px 22px #00000006;display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:16px max(20px,calc((100vw - 1160px)/2))}.public-nav{order:10!important;display:flex!important;flex-wrap:nowrap!important;width:100%;gap:6px!important;padding:6px;background:#ededee;border:1px solid #e1e1e3;border-radius:12px;overflow-x:auto;scrollbar-width:thin}.public-nav a{flex:1;text-align:center;white-space:nowrap;min-width:max-content;padding:12px 18px!important;border:0!important;border-radius:8px;color:#555!important;font-weight:600!important;transition:background .18s,color .18s,box-shadow .18s;text-decoration:none}.public-nav a:hover{background:#dedee0;color:#191919!important}.public-nav a[aria-current=page]{background:#fff!important;color:#202124!important;box-shadow:0 2px 8px #0000000d}.price-header .login-link{margin-left:auto}.brand,.wordmark{line-height:1.1}.price-header .wordmark{font-size:29px}.price-header .wordmark span{margin-top:7px}.pricing-hero{position:relative}.operation-preview{overflow:hidden}.operation-preview:after{content:'';position:absolute;left:28px;right:28px;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#d9d9db,transparent);transform-origin:left}.preview-line{position:relative;transition:background .2s}.preview-line:hover{background:#ffffff08}.preview-line>b{transition:transform .2s}.preview-line:hover>b{transform:translate(2px,-2px)}@media(prefers-reduced-motion:no-preference){.operation-preview:after{animation:process-progress 6s ease-in-out infinite}.preview-line:nth-of-type(2){animation:flow-highlight 9s 0s infinite}.preview-line:nth-of-type(3){animation:flow-highlight 9s 3s infinite}.preview-line:nth-of-type(4){animation:flow-highlight 9s 6s infinite}@keyframes process-progress{0%{transform:scaleX(.1);opacity:.3}80%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:.1}}@keyframes flow-highlight{0%,32%,100%{background:transparent}10%,22%{background:#ffffff0a}}}@media(max-width:600px){body>header{padding:12px 16px;gap:12px}.public-nav a{font-size:12px!important;padding:11px 14px!important}.brand{font-size:25px}.brand small{font-size:8px}#install-app{font-size:12px;padding:9px 12px;margin-left:auto}.pricing{padding-top:30px}.pricing h1{font-size:43px}.price-header .wordmark{font-size:27px}.login-link{font-size:13px;padding:10px 18px}.pricing-hero{margin-bottom:40px}}@media(prefers-reduced-motion:reduce){.operation-preview:after,.preview-line{animation:none!important}.public-nav a,.preview-line>b{transition:none!important}}