.portal{background:#f7f8f2}.portal-header{display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1320px;margin:auto;padding:28px 4%;border-bottom:1px solid #e0e7da}.portal-brand{display:flex;align-items:center;gap:20px}.portal-brand>strong{font-size:25px;color:#173f35;letter-spacing:-1px}.portal-brand>strong>span{font-size:9px;vertical-align:top}.portal-brand>span{border-left:1px solid #ccd6c6;padding-left:20px;font-size:14px;color:#78806d}.portal-header nav{display:flex;align-items:center;gap:25px;font-size:12px}.portal-header .plain{font-weight:600}.portal-main{max-width:1320px;padding:0 4%;margin:auto}.portal-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:65px;padding:65px 0 74px}.hero-copy h1{font-size:clamp(36px,4.4vw,63px);line-height:1.08;letter-spacing:-2.2px;margin:21px 0}.hero-copy h1 em{font-weight:400;color:#a76b40}.hero-copy>p{font-size:16px;max-width:440px;color:#7b8372;line-height:1.7}.hero-actions{display:flex;gap:12px;margin:30px 0 20px}.hero-actions .button{padding:15px 20px;font-size:12px}.hero-checks{display:flex;flex-wrap:wrap;gap:14px;font-size:10px;color:#79876b}.hero-copy .hero-footnote{font-size:10px;color:#929b86;margin-top:15px}.hero-art{position:relative;padding:40px 35px 30px;background:#e7eddf;border-radius:90px 15px 90px 15px;transform:rotate(1deg)}.poster-main{background:#fff;box-shadow:0 12px 30px #273e2330;padding:24px;border:1px solid #dde3d6;transform:rotate(-4deg)}.poster-brand{font-weight:800;letter-spacing:2px;font-size:10px;color:#566349}.poster-main h2{font-size:25px;line-height:1.05;margin:12px 0 18px;color:#234b3a;font-weight:850;letter-spacing:-.7px}.poster-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.poster-grid>div{background:#f7f8ef;display:flex;align-items:center;flex-direction:column;padding:12px 6px;border-radius:5px}.poster-icon{font-size:44px;line-height:1.5}.poster-grid strong{font-size:10px;color:#62714f;margin:7px 0}.poster-grid b{color:#244d3b;font-size:27px;font-weight:850;letter-spacing:-1px}.poster-grid b small{font-size:9px;margin-right:3px;letter-spacing:0}.poster-caption{display:block;text-align:center;font-size:7px;color:#9aa38e;padding-top:13px}.floating-label{position:absolute;background:#fff;box-shadow:0 7px 20px #21342212;padding:12px 16px;border-radius:8px;font-size:11px;transform:rotate(-1deg);color:#5a7150}.label-print{left:-30px;bottom:65px}.label-social{right:-25px;top:110px}.art-note{position:absolute;top:9px;right:40px;font:italic 16px Georgia,serif;color:#8f9a7a}.art-note>span{font-size:28px;display:inline-block;transform:rotate(-20deg)}.segments-section{border-top:1px solid #dfe6d6;border-bottom:1px solid #dfe6d6;padding:36px 0;display:grid;grid-template-columns:1fr 1.2fr;gap:55px;align-items:center}.segments-section h2,.how-section h2,.benefits-section h2{font:400 30px/1.15 Georgia,serif;letter-spacing:-.6px;margin:12px 0}.segments-section p{font-size:12px;color:#7d8970}.segment-chips{display:flex;flex-wrap:wrap;gap:8px}.segment-chips a{border:1px solid #d8e1ce;padding:10px 15px;border-radius:30px;color:#70825f;font-size:11px;background:#f9faf5}.segment-chips a:hover{background:#e8eddf;border-color:#9eaf8d}.how-section{padding:65px 0;display:grid;grid-template-columns:1fr 1.7fr;gap:45px;align-items:center}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.how-steps article>span{font-size:12px;color:#b0bba3;letter-spacing:2px}.how-steps h3{font-size:17px;font-weight:600;margin:14px 0 10px}.how-steps p{font-size:12px;line-height:1.75;color:#849078}.benefits-section{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;background:#eaf0e2;border:1px solid #e0e8d5;border-radius:14px;padding:45px}.benefits-section>div>p{color:#7d8d6c;line-height:1.8;font-size:13px;max-width:420px}.benefits-section .button{margin-top:10px}.benefits-link{display:block;font-size:11px;color:#7c8e6c;margin-top:20px}.benefit-box{background:#fff;border:1px solid #e0e7d7;padding:25px;border-radius:10px}.benefit-box h3{font-size:16px;margin:0}.benefit-box ul{list-style:none;padding:0;margin:18px 0}.benefit-box li{font-size:12px;color:#758869;margin:12px 0}.benefit-box li:before{content:'✓';margin-right:9px;color:#61804b}.exclusive-note{border-top:1px solid #e5ebdd;padding-top:17px;color:#66794f;font-size:11px}.exclusive-note strong,.exclusive-note span{display:block}.exclusive-note span{line-height:1.7;margin-top:7px;color:#8a977e}.last-cta{text-align:center;padding:65px 0}.last-cta h2{font:400 33px Georgia,serif}.last-cta p{font-size:12px;color:#88947c;margin-bottom:22px}.portal-footer{display:flex;justify-content:space-between;padding:24px 0;border-top:1px solid #e0e6d7;font-size:10px;color:#8d9882;gap:20px}.portal-footer>div{display:flex;gap:22px}.runtime-notice{background:#fff6d9;border:1px solid #e9dfb7;color:#8b7543;padding:10px 15px;margin:18px 0;border-radius:7px;font-size:11px;line-height:1.5}.runtime-notice[hidden]{display:none}.account-dialog form .button{margin:20px 8px 4px 0}.account-dialog p{font-size:12px;line-height:1.7;color:#7b8871}.account-dialog .account-message{padding:12px 15px;background:#edf4e4;border-radius:6px;color:#4f6e3d}.account-dialog .account-message.error{background:#fff0ec;color:#9a513e}.account-links{display:flex;flex-wrap:wrap;gap:5px;margin-top:16px}.consent-row{display:flex;align-items:start;gap:9px;font-size:11px;line-height:1.65}.consent-row input{margin-top:3px;accent-color:#244f3b}.consent-row a{text-decoration:underline}.account-dialog>button{margin:12px 8px 0 0}.cloud-project,.admin-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e2e8da;padding:15px 0}.cloud-project>div,.admin-row>div{flex:1;min-width:0;overflow-wrap:anywhere}.cloud-project strong,.admin-row strong{font-size:12px}.cloud-project small,.admin-row small{display:block;font-size:10px;color:#8c9981;margin-top:5px}.cloud-projects,.admin-list{margin-top:18px;max-height:400px;overflow:auto}.client-themes{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.client-theme{background:#faf4ff;color:#795798;border:1px solid #dfcde9;border-radius:6px;font-size:10px;padding:8px;cursor:pointer}.privacy-page{max-width:780px;margin:40px auto;padding:0 25px;font:15px/1.8 'Segoe UI',Arial,sans-serif}.privacy-page h1{font:36px Georgia,serif}.privacy-page h2{margin-top:30px}.privacy-page a{text-decoration:underline}.privacy-page header{display:flex;justify-content:space-between;gap:25px;color:#5f7b4c}.portal .account-dialog{max-width:620px}.portal .account-dialog input:not([type=checkbox]){max-width:none}
@media(max-width:1000px){.portal-header nav{gap:12px}.portal-header nav>a{display:none}.portal-hero{gap:35px}.label-social{right:-10px}.label-print{left:-10px}.hero-art{padding:35px 20px 25px}.poster-main{padding:20px}.poster-main h2{font-size:22px}.hero-actions{flex-direction:column;align-items:start}.hero-checks{gap:8px}.segments-section{gap:25px}.how-section{grid-template-columns:1fr;gap:20px}.benefits-section{gap:30px;padding:30px}}
@media(max-width:650px){.portal-header{padding:20px;gap:12px;flex-wrap:wrap}.portal-brand{gap:12px}.portal-brand>strong{font-size:23px}.portal-brand>span{font-size:12px;padding-left:12px}.portal-header nav{width:100%;justify-content:space-between}.portal-header .button{padding:10px 14px;font-size:11px}.portal-main{padding:0 20px}.portal-hero{grid-template-columns:1fr;padding:40px 0 35px;gap:28px}.hero-copy h1{font-size:47px;letter-spacing:-1.5px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:row;gap:8px}.hero-actions .button{padding:13px 12px;font-size:10px}.hero-art{max-width:350px;margin:0 auto;padding:37px 30px 25px}.poster-main h2{font-size:23px}.label-print{bottom:45px;left:-10px}.label-social{top:100px;right:-9px;font-size:9px}.art-note{font-size:14px}.segments-section{grid-template-columns:1fr;gap:12px}.segments-section h2,.how-section h2,.benefits-section h2{font-size:28px}.segment-chips a{padding:9px 12px;font-size:10px}.how-section{padding:35px 0}.how-steps{gap:12px}.how-steps h3{font-size:15px}.how-steps p{font-size:11px}.benefits-section{grid-template-columns:1fr;padding:24px;gap:20px}.last-cta{padding:40px 0}.last-cta h2{font-size:28px}.portal-footer{flex-direction:column}.runtime-notice{font-size:10px}.cloud-project,.admin-row{flex-wrap:wrap}.cloud-project>div,.admin-row>div{flex-basis:100%}.account-dialog{padding:20px}.account-links button{font-size:10px}}
.portal-header{background:#fff}.microf-official-logo{display:block;width:185px;height:auto;object-fit:contain;flex-shrink:0}.portal-brand{gap:17px}.portal-brand>span{white-space:nowrap}.footer-brand{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.footer-brand img{display:block;width:135px;height:auto;background:#fff;padding:5px;border-radius:4px}.topbar .brand{gap:14px;letter-spacing:0;flex-shrink:0}.topbar .microf-official-logo{width:145px}.topbar .brand-product{font-size:15px;font-weight:650;border-left:1px solid #dce4d5;padding-left:14px;white-space:nowrap;letter-spacing:-.3px}.topbar .brand-product small{font-size:7px;letter-spacing:1px;color:#839178}.topbar{flex-wrap:wrap}.topbar nav{flex-wrap:wrap}@media(max-width:1000px){.portal-header{flex-wrap:wrap}.portal-header nav{flex-wrap:wrap}}@media(max-width:650px){.microf-official-logo{width:157px}.portal-brand{gap:14px}.portal-brand>span{padding-left:14px}.topbar .microf-official-logo{width:139px}.topbar .brand-product{font-size:14px}.footer-brand img{width:125px}}