/* Generated MiPortalIA brand assets */
.brand-image{display:block;line-height:0;background:transparent;padding:0}
.brand-image img{display:block;width:205px;height:60px;object-fit:contain}
.brand-symbol{display:block;width:42px;height:42px;object-fit:contain}
.brand-symbol.mini{width:29px;height:29px}
.brand-mark{display:inline-block!important;width:38px!important;height:38px!important;flex:0 0 38px!important;border:0!important;border-radius:0!important;background:transparent url('/assets/brand/miportalia-mark.svg?v=4') center/contain no-repeat!important;box-shadow:none!important;transform:none!important}
.brand-mark i,.brand-mark:before,.brand-mark:after{display:none!important;content:none!important}
.site-header{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.58) 72%,transparent);border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.site-header:after{display:none}.site-header .nav-links a{color:#243650;text-shadow:none}.site-header .nav-links a:hover{color:#1267f2}.site-header .btn.ghost{color:#071b49;text-shadow:none}.site-header .btn.primary{background:#1267F2;color:#fff}
.home-header .nav{position:relative}.home-header .brand-image{position:absolute;left:0;top:50%;transform:translateY(-50%)}.home-header .brand-image img{width:270px;height:74px}.home-header .nav-links{margin-left:300px;margin-right:auto}.home-header .nav-actions{margin-left:auto}.home-header .nav-actions .btn{color:#fff;background:linear-gradient(135deg,#2476cf,#0d54a8);border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 28px rgba(13,84,168,.24)}
.hero{background-color:#f8fbff;background-image:radial-gradient(circle at 78% 27%,rgba(44,123,255,.16),transparent 28%),radial-gradient(circle at 18% 43%,rgba(119,180,255,.12),transparent 24%),linear-gradient(180deg,#fff 0%,#f2f7ff 48%,#e7effa 75%,#d8e4f3 100%)}
.hero:before{display:block;background-image:linear-gradient(rgba(18,103,242,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(18,103,242,.045) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}
.hero:after{display:none}
.hero-glow{display:none}
.hero-inner{z-index:1;text-align:center}
.hero h1{max-width:760px;margin:8px auto 25px;color:#071b49;text-shadow:none}
.hero h1 span{color:#071b49;background:none;-webkit-text-fill-color:#071b49}
.hero-inner>p{max-width:640px;margin-left:auto;margin-right:auto;color:#41516a;text-shadow:none}
.hero-actions{justify-content:center}.hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;gap:12px 22px;width:min(760px,100%);margin-left:auto;margin-right:auto;text-align:center}
.hero .btn.glass{background:rgba(255,255,255,.72);border-color:rgba(7,27,73,.15);color:#071b49;box-shadow:0 10px 30px rgba(28,67,130,.09)}.hero-proof{color:#607089}.hero-proof b{color:#1267f2}
.hero-art-stage{position:relative;z-index:3;top:auto;right:auto;width:500px;max-width:100%;aspect-ratio:1328/1184;margin:38px auto 0;pointer-events:none;filter:drop-shadow(0 34px 40px rgba(7,27,73,.22))}.hero-art-stage img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.logo-reveal{opacity:0;transform-origin:50% 58%;will-change:transform,opacity,filter;animation:logo-reveal 1.25s cubic-bezier(.2,.72,.2,1) .18s forwards}@keyframes logo-reveal{0%{opacity:0;transform:translateY(18px) scale(.94);filter:blur(7px)}55%{opacity:.88;filter:blur(1px)}100%{opacity:1;transform:none;filter:blur(0)}}
.hero-art-stage.hero-art-with-background{overflow:hidden;border:1px solid rgba(18,103,242,.1);border-radius:28px;background:#eef4fb;box-shadow:0 30px 70px rgba(7,27,73,.16);filter:none}.hero-art-stage.hero-art-with-background img{object-fit:cover}
.product-frame{border-radius:18px;box-shadow:0 -6px 0 rgba(255,255,255,.04),0 24px 68px rgba(38,66,105,.12)}.product-ui{overflow:hidden;border-radius:0 0 18px 18px}
.market-strip{background:linear-gradient(180deg,#d8e4f3 0%,#e6edf7 58%,#f7f9fc 100%);border-bottom:0}.market-strip .shell>div span{background:rgba(255,255,255,.58);border-color:rgba(121,145,179,.2);box-shadow:0 8px 22px rgba(52,78,116,.05)}
.hero-transition{position:relative;height:60px;margin-top:-2px;background:linear-gradient(180deg,#d8e4f3 0%,#dbe6f3 18%,#e3ebf5 40%,#edf2f8 68%,#f7f8fb 100%)}
.concierge-preview{display:flex;align-items:center;gap:11px;margin-top:12px;padding:11px 13px;border:1px solid #dfe7f5;border-radius:11px;background:linear-gradient(110deg,#f7faff,#eef5ff);color:#13213c;box-shadow:0 8px 24px rgba(20,46,90,.06)}
.concierge-preview>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:9px;background:#1267f2;color:#fff;font-weight:800}.concierge-preview div{min-width:0;flex:1}.concierge-preview b,.concierge-preview small{display:block}.concierge-preview b{font-size:9px}.concierge-preview small{margin-top:3px;color:#748096;font-size:6px}.concierge-preview em{font-style:normal;font-size:6px;font-weight:800;letter-spacing:1px;color:#1267f2;background:#e2edff;border-radius:999px;padding:6px 8px}
.resident-module{margin-top:11px;padding:12px;border:1px solid #e2e7f0;border-radius:11px;background:#fff}.resident-module-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.resident-module-head b,.resident-module-head small{display:block}.resident-module-head b{font-size:10px;color:#172033}.resident-module-head small{font-size:6px;color:#87909e;margin-top:2px}.resident-module-head em{font-style:normal;font-size:6px;font-weight:800;letter-spacing:.8px;color:#1267f2}.resident-tools{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:9px}.resident-tools span{display:flex;align-items:center;gap:5px;padding:7px 6px;border-radius:7px;background:#f4f7fc;color:#354056;font-size:7px;font-weight:700}.resident-tools i{font-style:normal;font-size:10px}
@media(max-width:720px){.site-header{padding-top:env(safe-area-inset-top);height:calc(70px + env(safe-area-inset-top))}.brand-image img{width:132px;height:44px}.site-header .nav-actions .btn{font-size:11px;padding:9px 11px}.hero{padding-top:calc(110px + env(safe-area-inset-top));background-size:auto 100%;background-position:right top}.hero h1{text-align:center;margin:8px auto 20px;font-size:42px;line-height:1.02;letter-spacing:-2.8px}.hero-inner>p{text-align:center;margin-left:auto;margin-right:auto;line-height:1.6}.hero-proof{margin-left:auto;margin-right:auto;color:rgba(255,255,255,.94);text-shadow:0 1px 5px rgba(0,0,0,.75)}.product-ui{height:480px}.concierge-preview{padding:8px;margin-top:8px}.concierge-preview>span{width:28px;height:28px;flex-basis:28px}.concierge-preview b{font-size:7px}.concierge-preview small{font-size:5px}.concierge-preview em{display:none}.resident-module{padding:8px;margin-top:8px}.resident-module-head em{font-size:5px}.resident-tools{grid-template-columns:repeat(2,1fr);gap:4px;margin-top:7px}.resident-tools span{padding:5px;font-size:6px}.resident-tools i{font-size:8px}.demo-grid{display:none}}
.ui-icon{display:inline-block;width:15px;height:15px;flex:0 0 15px;fill:none;stroke:#1267f2;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.demo-nav .ui-icon{width:13px;height:13px}.demo-nav span.active .ui-icon{stroke:#1267f2}.stat-icon{background:#eaf2ff!important;color:#1267f2!important}.stat-icon .ui-icon{width:14px;height:14px}.concierge-preview>span{background:#1267f2}.concierge-preview>span .ui-icon{width:17px;height:17px;stroke:#fff}.resident-tools .ui-icon{width:12px;height:12px}.portfolio-list .building{background:#eaf2ff!important;color:#1267f2!important}.portfolio-list .building .ui-icon{width:12px;height:12px}.float-card>span .ui-icon{width:15px;height:15px}.donut .ui-icon{width:20px;height:20px}
.custom-price{align-items:flex-end}.custom-price b{font-size:42px!important;letter-spacing:-2px}.sepa-explainer{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:42px auto 0;max-width:1040px;padding:28px 18px;text-align:center;border:1px solid #bfd3e8;border-radius:999px;background:linear-gradient(135deg,#edf5fd,#dbeaf8);box-shadow:0 18px 48px rgba(18,61,108,.1)}.sepa-explainer:before{content:"";position:absolute;top:53px;left:18%;right:18%;height:2px;background:#b2cce5}.sepa-explainer>div{position:relative;padding:0 24px;border:0;background:none;box-shadow:none}.sepa-explainer span{position:relative;z-index:1;display:grid;place-items:center;width:50px;height:50px;margin:0 auto;border:6px solid #e6f1fb;border-radius:50%;background:#174b82;color:#fff}.sepa-explainer span .ui-icon{width:18px;height:18px;stroke:#fff}.sepa-explainer b{display:block;margin-top:14px;color:#12365e;font:700 14px Manrope}.sepa-explainer p{margin:6px auto 0;max-width:240px;color:#58708b;font-size:11px;line-height:1.55}
.community-price-grid{grid-template-columns:repeat(3,1fr)}.professional-price{background:linear-gradient(145deg,#f8fbff,#eef4ff)!important}.faq{padding-top:105px}.faq-list{max-width:900px;margin:0 auto;display:grid;gap:10px}.faq-list details{border:1px solid #dfe5ef;border-radius:14px;background:#fff;box-shadow:0 10px 32px rgba(20,42,78,.05)}.faq-list summary{position:relative;padding:20px 52px 20px 22px;cursor:pointer;list-style:none;color:#15213a;font:700 15px Manrope}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);color:#1267f2;font-size:22px}.faq-list details[open] summary:after{content:"−"}.faq-list details p{margin:0;padding:0 22px 21px;color:#657187;font-size:13px;line-height:1.7}
.audience-card.dark{background:linear-gradient(145deg,#174b82,#0d315c)}.audience-card.dark>.audience-top,.audience-card.dark>h3,.audience-card.dark>p,.audience-card.dark>ul{position:relative;z-index:1}.audience-card.dark .audience-top{color:#a9d0f5}.audience-card.dark p{color:#c3d9ed}.audience-logo-watermark{position:absolute;z-index:0;display:block;width:330px;max-width:66%;aspect-ratio:260/230;right:-38px;bottom:-34px;opacity:1;background:#d6e4f4;-webkit-mask:url('/assets/brand/miportalia-mark.svg?v=4') center/contain no-repeat;mask:url('/assets/brand/miportalia-mark.svg?v=4') center/contain no-repeat;pointer-events:none}.audience-card.dark ul{max-width:86%;gap:9px}.audience-card.dark li{position:relative;z-index:2;background:#285b8f;color:#fff;border:1px solid #4a78a8}
.audience-card{min-height:410px;padding:30px}.audience-card h3{margin:22px 0 11px}.audience-card li{padding:9px 13px;font-size:11px;font-weight:700}.audience-card.light{background:#d6e4f4;border-color:#bfd2e7}.audience-card.light>.audience-top,.audience-card.light>h3,.audience-card.light>p,.audience-card.light>ul{position:relative;z-index:1}.audience-card.light .audience-top{color:#3975b2}.audience-card.light h3{color:#123d6c}.audience-card.light p{color:#4c6b8c}.audience-card.light ul{max-width:86%;gap:9px}.audience-card.light li{position:relative;z-index:2;background:#c5d9ee;color:#143f6e;border:1px solid #abc5df}.audience-logo-watermark.light-watermark{opacity:1;background:#174b82;filter:none}
.professional-link{display:block;text-align:center;text-decoration:none}.professional-page{background:#f7f8fb}.professional-header{position:absolute}.professional-hero{position:relative;overflow:hidden;padding:190px 0 120px;background:linear-gradient(145deg,#07111f,#101c35);color:#fff}.professional-hero-inner{position:relative;text-align:center}.professional-hero h1{font:700 clamp(46px,6vw,76px)/1.02 Manrope;letter-spacing:-4px;margin:28px auto 24px}.professional-hero h1 em{font-style:normal;color:#6ee0ca}.professional-hero p{max-width:730px;margin:0 auto 30px;color:#afbacb;font-size:18px;line-height:1.65}.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tier-grid article{padding:34px;border:1px solid #e1e5ed;border-radius:18px;background:#fff;box-shadow:0 14px 45px rgba(14,26,49,.06)}.tier-grid span,.tier-grid b,.tier-grid small{display:block}.tier-grid span{font-weight:800;color:#1267f2}.tier-grid b{font:800 40px Manrope;margin:24px 0 5px}.tier-grid small{color:#748094}.tier-grid .tier-featured{color:#fff;background:linear-gradient(145deg,#1267f2,#0d54c7);border:0;transform:translateY(-10px)}.tier-grid .tier-featured span,.tier-grid .tier-featured small{color:#fff}.tier-note{max-width:760px;margin:28px auto 0;text-align:center;color:#727d90;line-height:1.6}.professional-benefits{padding:100px 0;background:#091422;color:#fff}.professional-benefits>.shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.professional-benefits h2{font:700 48px/1.08 Manrope;letter-spacing:-2.5px}.professional-benefits p{color:#95a3b7;line-height:1.7}.professional-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px}.professional-metrics article{padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.055)}.professional-metrics span,.professional-metrics b,.professional-metrics small{display:block}.professional-metrics span{font-size:11px;color:#94a2b7}.professional-metrics b{font:700 28px Manrope;margin:10px 0}.professional-metrics small{font-size:10px;color:#65dbbd}.calculation-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:850px;margin:auto}.calculation-grid article{padding:30px;text-align:center;background:#fff;border:1px solid #e3e7ee;border-radius:17px}.calculation-grid span,.calculation-grid strong,.calculation-grid small{display:block}.calculation-grid span{margin:10px;color:#758093}.calculation-grid strong{font:800 40px Manrope;color:#1267f2}.calculation-grid small{color:#758093}@media(max-width:760px){.professional-header .nav-links,.professional-header .nav-actions .ghost{display:none}.professional-hero{padding:150px 0 80px}.professional-hero h1{font-size:43px;letter-spacing:-2.5px}.tier-grid,.professional-benefits>.shell,.professional-metrics,.calculation-grid{grid-template-columns:1fr}.tier-grid .tier-featured{transform:none}.professional-benefits>.shell{gap:35px}.professional-benefits h2{font-size:38px}}
@media(max-width:720px){.sepa-explainer{grid-template-columns:1fr;gap:0;padding:8px 22px;border-radius:22px;text-align:left}.sepa-explainer:before{top:42px;bottom:42px;left:45px;right:auto;width:2px;height:auto}.sepa-explainer>div{display:grid;grid-template-columns:46px 1fr;column-gap:15px;padding:18px 0}.sepa-explainer span{grid-row:1/3;width:46px;height:46px;margin:0;border-width:5px}.sepa-explainer b{margin:3px 0 0}.sepa-explainer p{margin:5px 0 0;max-width:none}.custom-price b{font-size:35px!important}}
@media(max-width:900px){.community-price-grid{grid-template-columns:1fr}.faq{padding-top:75px}.faq-list summary{padding:18px 48px 18px 18px}.faq-list details p{padding:0 18px 18px}}
@media(max-width:720px){.audience-card{min-height:390px;padding:22px}.audience-card h3{margin-top:18px}.audience-card li{padding:8px 11px;font-size:10px}.audience-logo-watermark{width:260px;max-width:none;right:-34px;bottom:-30px;opacity:1}.audience-logo-watermark.light-watermark{opacity:1}.audience-card.dark ul,.audience-card.light ul{max-width:100%;padding-right:0}}
@media(max-width:720px){.product-frame{border-radius:13px}.product-ui{border-radius:0 0 13px 13px}}
@media(max-width:720px){.home-header .brand-image img{width:168px;height:54px}.home-header .nav-actions{display:flex}.home-header .nav-actions .btn{font-size:10px;padding:9px 12px}.home-header .nav{padding:0 2px}}
@media(max-width:720px){.hero{background-color:#f8fbff;background-image:radial-gradient(circle at 50% 48%,rgba(35,104,235,.15),transparent 38%),linear-gradient(180deg,#fff 0%,#eef4fc 52%,#d8e4f3 100%)}.hero-proof{grid-template-columns:1fr;width:100%;gap:10px;color:#52627a!important;text-shadow:none!important}.hero-proof b{color:#1267f2}.hero-art-stage{position:relative;top:auto;right:auto;width:min(340px,92vw);height:auto;aspect-ratio:1328/1184;margin:28px auto 0}.hero-art-stage img{width:100%;height:100%}.product-frame{margin-top:20px}}

/* Commercial landing motion and depth */
.hero>.hero-glow{z-index:1}.hero:after{z-index:1}.hero-inner{position:relative;z-index:2}.home-header{transition:background .35s ease}.home-header.is-scrolled{position:fixed;background:rgba(255,255,255,.9);box-shadow:0 8px 30px rgba(18,46,91,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.pain-section{position:relative;padding-top:42px;padding-bottom:28px}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pain-grid article{position:relative;overflow:hidden;min-height:0;padding:24px;border:1px solid #c4d5e9;border-radius:18px;background:linear-gradient(145deg,#e8f0fa,#d6e4f4);transition:transform .35s ease,box-shadow .35s ease}.pain-grid article:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-60px;bottom:-65px;background:radial-gradient(circle,rgba(18,103,242,.18),transparent 70%)}.pain-grid article:hover{transform:translateY(-8px);box-shadow:0 28px 70px rgba(12,31,66,.12)}.pain-grid h3{margin:0 0 10px;color:#10213b;font:700 22px Manrope;letter-spacing:-.7px}.pain-grid p{margin:0;color:#52647c;line-height:1.65;font-size:13px}.audiences.section{padding-top:34px}
.journey{overflow:hidden;padding-top:95px;padding-bottom:100px}.journey .section-title{margin-bottom:46px}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:46px;position:relative}.journey-grid:before{content:"";display:block;position:absolute;top:31px;left:11%;right:11%;height:2px;background:linear-gradient(90deg,#b8d3ed,#1267f2,#b8d3ed)}.journey-grid article{position:relative;display:block;min-height:0;padding:0;text-align:center;border:0;border-radius:0;background:none;box-shadow:none}.journey-grid article>span{position:relative;z-index:1;display:grid;place-items:center;width:64px;height:64px;margin:0 auto 24px;border:7px solid #f7f8fb;border-radius:50%;background:#174b82;box-shadow:0 8px 24px rgba(23,75,130,.18);color:#fff}.journey-grid article>span .ui-icon{width:22px;height:22px;stroke:#fff}.journey-grid article>div{padding:0}.journey-grid h3{color:#10213b;font:700 20px Manrope;margin:0 0 9px}.journey-grid p{margin:0 auto;max-width:310px;color:#5c6f87;font-size:13px;line-height:1.65}.privacy-simple{text-align:center;padding:105px 0}.privacy-simple .shell{max-width:900px}.privacy-simple h2{margin:18px 0;font:700 clamp(40px,5vw,62px)/1.06 Manrope;letter-spacing:-3px}.privacy-simple p{max-width:680px;margin:0 auto;color:#98a6ba;font-size:16px;line-height:1.75}.privacy-points{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:32px}.privacy-points span{padding:10px 16px;border:1px solid rgba(155,199,240,.22);border-radius:999px;background:rgba(155,199,240,.08);color:#c9ddf0;font-size:11px;font-weight:700}
.capabilities{background:linear-gradient(155deg,#174b82 0%,#0d315c 52%,#092744 100%);color:#fff}.capabilities .section-label{color:#9bc7f0}.capabilities .section-title h2{color:#fff}.capabilities .section-title p{color:#c2d6e9}.essential-functions{grid-template-columns:repeat(3,1fr)}.essential-functions .bento{grid-column:auto;min-height:190px;padding:24px;background:radial-gradient(circle at 100% 100%,rgba(91,157,222,.42),transparent 48%),linear-gradient(145deg,#f1f7fd,#d5e7f8);border-color:#8fb6dc;box-shadow:0 18px 44px rgba(4,24,49,.2)}.essential-functions .bento h3{margin:14px 0 9px;color:#102b4d}.essential-functions .bento p{margin:0;color:#4e6987}.essential-functions .bento small{display:block;color:#1e609f}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.in-view{opacity:1;transform:none}.bento,.audience-card,.price-grid>article{transition:transform .35s ease,box-shadow .35s ease}.bento:hover,.audience-card:hover,.price-grid>article:hover{transform:translateY(-7px);box-shadow:0 28px 75px rgba(12,27,58,.13)}
@media(prefers-reduced-motion:reduce){.hero-art-stage img{animation:none;opacity:1;transform:none}.reveal{opacity:1;transform:none}.bento,.audience-card,.price-grid>article,.pain-grid article{transition:none}}
@media(max-width:720px){.pain-grid,.journey-grid{grid-template-columns:1fr}.pain-section{padding-bottom:20px}.audiences.section{padding-top:24px}.pain-grid{gap:12px}.pain-grid article{min-height:0;padding:20px}.pain-grid h3{font-size:20px}.journey{padding-top:68px;padding-bottom:72px}.journey .section-title{margin-bottom:34px}.journey-grid{gap:30px}.journey-grid:before{display:block;top:20px;bottom:20px;left:24px;right:auto;width:2px;height:auto}.journey-grid article{display:grid;grid-template-columns:50px 1fr;gap:16px;text-align:left}.journey-grid article>span{width:50px;height:50px;margin:0;border-width:5px}.journey-grid article>span .ui-icon{width:18px;height:18px}.journey-grid h3{font-size:18px;margin-top:3px}.journey-grid p{max-width:none;font-size:12px}.privacy-simple{padding:75px 0;text-align:left}.privacy-simple h2{font-size:39px;letter-spacing:-2px}.privacy-simple p{font-size:14px}.privacy-points{justify-content:flex-start}}
@media(max-width:720px){.essential-functions{grid-template-columns:1fr}.essential-functions .bento{min-height:0;padding:22px}.essential-functions .bento h3{font-size:20px}.capabilities.section{padding-top:65px;padding-bottom:65px}}
@media(min-width:721px) and (max-width:1000px){.essential-functions{grid-template-columns:repeat(2,1fr)}}

/* Footer, atmospheric backgrounds and richer scroll motion */
.footer-centered{display:flex;flex-direction:column;align-items:center;text-align:center}.footer-logo{display:block}.footer-logo img{display:block;width:min(390px,82vw);height:auto}.footer-centered>p{margin:14px auto 26px;color:#91a4bc;line-height:1.7}.footer-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 22px}.footer-nav a{color:#a9b9cc;text-decoration:none;font-size:11px}.footer-nav a:hover{color:#fff}.footer-centered .footer-bottom{width:100%;justify-content:center}.language-picker{position:relative;margin-top:28px;color:#d6e3f0}.language-picker summary{display:flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(100,151,209,.08));cursor:pointer;font-size:11px;font-weight:800;list-style:none}.language-picker summary::-webkit-details-marker{display:none}.language-picker>div{position:absolute;z-index:8;left:50%;bottom:48px;transform:translateX(-50%);display:grid;min-width:190px;padding:8px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:linear-gradient(150deg,#173455,#081728);box-shadow:0 20px 55px rgba(0,0,0,.32)}.language-picker:not([open])>div{display:none}.language-picker a{display:flex;gap:10px;padding:9px 11px;border-radius:9px;color:#dce8f5;text-decoration:none;font-size:12px;text-align:left}.language-picker a:hover{background:linear-gradient(90deg,rgba(104,164,225,.2),rgba(104,164,225,.06))}
.header-language{position:absolute;z-index:12;top:88px;right:max(24px,calc((100vw - 1200px)/2));margin:0;color:#173455}.header-language summary{border-color:#c8d9eb;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(224,238,251,.94));box-shadow:0 10px 28px rgba(15,52,91,.12)}.header-language>div{top:44px;right:0;bottom:auto;left:auto;transform:none}.section{padding-top:90px;padding-bottom:90px}.section-title{margin-bottom:34px}.journey{padding-top:74px;padding-bottom:78px}.privacy-simple{padding-top:78px;padding-bottom:78px}.faq{padding-top:78px}.capabilities.section{padding-top:82px;padding-bottom:82px}.pricing.section{padding-top:82px;padding-bottom:82px}.final-cta{padding-top:78px;padding-bottom:78px}footer{padding-top:50px}
.pricing{background:radial-gradient(circle at 12% 15%,rgba(118,177,232,.13),transparent 32%),linear-gradient(155deg,#fbfdff,#edf5fc)}.faq{background:radial-gradient(circle at 88% 22%,rgba(104,164,225,.13),transparent 30%),linear-gradient(160deg,#f9fbfe,#edf4fb)}footer{background:radial-gradient(circle at 50% 0,rgba(45,104,167,.28),transparent 42%),linear-gradient(155deg,#0b1d33,#06111f)}.privacy-simple{background:radial-gradient(circle at 85% 10%,rgba(52,116,182,.24),transparent 34%),linear-gradient(150deg,#142f50,#071524)}.final-cta{background:radial-gradient(circle at 18% 12%,rgba(130,183,239,.25),transparent 32%),linear-gradient(145deg,#2470c5,#0d54a8)}
html,body{max-width:100%;overflow-x:hidden}body{background:radial-gradient(circle at 12% 18%,rgba(123,177,231,.1),transparent 28%),linear-gradient(165deg,#fbfdff,#eef5fb)}#public-app,main,section,footer{max-width:100%;overflow-x:clip}.pain-section,.journey{background:radial-gradient(circle at 90% 15%,rgba(114,171,226,.12),transparent 30%),linear-gradient(155deg,#f9fcff,#edf4fb)}.audience-card.light{background:radial-gradient(circle at 100% 100%,rgba(119,174,226,.22),transparent 38%),linear-gradient(145deg,#e6f0fa,#cedff0)}.price-grid article,.faq-list details{background:radial-gradient(circle at 100% 100%,rgba(119,174,226,.1),transparent 36%),linear-gradient(145deg,#fff,#f3f8fd)}.home-header{background:linear-gradient(90deg,rgba(248,251,255,.94),rgba(230,239,249,.9),rgba(248,251,255,.94))}
.reveal.from-left{transform:translateX(-54px)}.reveal.from-right{transform:translateX(54px)}.reveal.zoom-in{transform:scale(.94)}.reveal.in-view{opacity:1;transform:none}.hero-title-typing{min-height:2.05em}.hero-title-typing:after{content:"";display:inline-block;width:3px;height:.82em;margin-left:5px;background:#1267f2;vertical-align:-.05em;animation:typing-caret .75s steps(1) infinite}.hero-title-typing.typing-complete:after{animation:typing-caret .75s steps(1) 3;opacity:0}@keyframes typing-caret{50%{opacity:0}}
@media(max-width:720px){.footer-nav{gap:12px 16px}.footer-logo img{width:270px}.hero-title-typing{min-height:2.15em}.header-language{top:calc(72px + env(safe-area-inset-top));right:14px}.home-header .nav-actions .ghost{display:block!important}.section{padding-top:58px;padding-bottom:58px}.section-title{margin-bottom:24px}.journey,.privacy-simple,.capabilities.section,.pricing.section,.faq.section{padding-top:58px;padding-bottom:58px}.final-cta{padding-top:62px;padding-bottom:62px}}

/* Soft layered colour fields: no flat section backgrounds */
.capabilities{background:radial-gradient(ellipse at 8% 4%,rgba(71,137,204,.56),transparent 38%),radial-gradient(ellipse at 92% 88%,rgba(4,31,62,.52),transparent 44%),linear-gradient(145deg,#1a548d,#0b2d54 58%,#071e39)}
.privacy-simple{background:radial-gradient(ellipse at 12% 88%,rgba(39,101,164,.42),transparent 42%),radial-gradient(ellipse at 88% 8%,rgba(78,143,205,.28),transparent 38%),linear-gradient(145deg,#16395f,#081b31)}
.final-cta{background:radial-gradient(ellipse at 12% 10%,rgba(143,194,241,.28),transparent 38%),radial-gradient(ellipse at 88% 92%,rgba(3,56,126,.38),transparent 44%),linear-gradient(145deg,#2d7bd0,#0b53a6)}
footer{background:radial-gradient(ellipse at 50% -8%,rgba(66,125,188,.36),transparent 42%),radial-gradient(ellipse at 8% 100%,rgba(24,70,116,.3),transparent 38%),linear-gradient(155deg,#102b49,#06111f)}
.audience-card.dark{background:radial-gradient(circle at 8% 8%,rgba(99,160,218,.3),transparent 35%),radial-gradient(circle at 100% 100%,rgba(3,31,66,.42),transparent 44%),linear-gradient(145deg,#205d99,#0c315c)}
.audience-card.light{background:radial-gradient(circle at 8% 5%,rgba(255,255,255,.58),transparent 35%),radial-gradient(circle at 100% 100%,rgba(104,164,221,.28),transparent 42%),linear-gradient(145deg,#e9f2fb,#cbdff1)}
.essential-functions .bento,.price-grid article,.faq-list details{background:radial-gradient(circle at 100% 100%,rgba(95,157,216,.2),transparent 42%),radial-gradient(circle at 0 0,rgba(255,255,255,.88),transparent 45%),linear-gradient(145deg,#f7fbff,#dcebf8)}
.pain-grid article{background:radial-gradient(circle at 100% 100%,rgba(89,151,211,.2),transparent 40%),linear-gradient(145deg,#edf5fc,#cfdfef)}

/* Centred, structured footer */
.footer-centered{max-width:760px;padding-top:4px}.footer-logo{margin-bottom:28px}.footer-logo img{width:min(390px,82vw)}.footer-nav{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));width:min(460px,100%);padding:0;border:0;border-radius:0;background:none;gap:15px 54px}.footer-nav a{color:#aebed0;font-size:12px;font-weight:600;text-align:left}.footer-nav a:hover{color:#fff}.footer-nav a:before{content:"→";margin-right:9px;color:#5f94ca}.footer-nav a+a:before{position:static;width:auto;height:auto;border-radius:0;background:none}.footer-centered .footer-bottom{display:flex;width:100%;justify-content:center;margin-top:32px;padding-top:22px;border-top:1px solid rgba(166,202,236,.12);color:#8196ae;font-size:10px;letter-spacing:.25px}
@media(max-width:720px){footer{padding:42px 0 22px}.footer-logo{margin-bottom:24px}.footer-logo img{width:270px}.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:15px 20px;padding:0 8px}.footer-nav a{font-size:10px}.footer-centered .footer-bottom{margin-top:25px;padding:20px 14px 0;line-height:1.6}}

/* Unified MiPortalIA typography palette */
#public-app{--text-navy:#071b49;--text-blue:#1267f2}#public-app h1,#public-app h2,#public-app h3,#public-app h4,#public-app b,#public-app strong{color:var(--text-navy)}#public-app p{color:rgba(7,27,73,.68)}#public-app .section-label,#public-app small,#public-app em,#public-app .plan-label,#public-app .audience-top,#public-app .kicker{color:var(--text-blue)}#public-app a:not(.footer-nav a):not(.brand),#public-app .inline-button{color:var(--text-blue)}#public-app .price b,#public-app .custom-price b{color:var(--text-navy)}#public-app .faq-list summary{color:var(--text-navy)}#public-app .faq-list details p{color:rgba(7,27,73,.68)}#public-app .pain-grid p,#public-app .journey-grid p,#public-app .essential-functions .bento p,#public-app .audience-card.light p{color:rgba(7,27,73,.68)}#public-app .pain-grid h3,#public-app .journey-grid h3,#public-app .essential-functions .bento h3,#public-app .audience-card.light h3{color:var(--text-navy)}
#public-app .capabilities h2,#public-app .capabilities h3,#public-app .privacy-simple h2,#public-app .final-cta h2,#public-app .audience-card.dark h3,#public-app footer h2,#public-app footer b{color:#f4f8fd}#public-app .capabilities p,#public-app .privacy-simple p,#public-app .final-cta p,#public-app .audience-card.dark p{color:rgba(230,241,251,.78)}#public-app .capabilities .section-label,#public-app .privacy-simple .section-label,#public-app .final-cta .shell>span,#public-app .audience-card.dark .audience-top{color:#8fc3f4}#public-app .footer-nav a{color:#a9c6e2}#public-app .footer-nav a:hover{color:#fff}#public-app .footer-centered .footer-bottom{color:#7899ba}#public-app .btn.primary,#public-app .hero-cta{background:linear-gradient(135deg,#2480df,var(--text-blue));color:#fff}#public-app .btn.outline{color:var(--text-navy)}
#public-app .price-grid article{border:2px solid #1267f2}
.footer-nav{grid-template-columns:repeat(3,minmax(120px,1fr));width:min(620px,100%);justify-items:center}.footer-nav a{text-align:center}.footer-nav a:before,.footer-nav a+a:before{display:none;content:none}@media(max-width:720px){.footer-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px;padding:0}.footer-nav a{font-size:9px}}
#public-app .price-grid .btn{background:linear-gradient(135deg,#2480df,#1267f2);border-color:transparent;color:#fff;box-shadow:0 12px 28px rgba(18,103,242,.2)}#public-app .price-grid .btn:hover{background:linear-gradient(135deg,#1d72ca,#0d54c7)}
#public-app .price-grid a.btn,#public-app .professional-link{color:#fff!important}

/* Sistema unificado de botones de la web publica */
#public-app .btn{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease,background-position .4s ease,color .28s ease;
  will-change:transform;
}
#public-app .btn::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-2px;
  background:linear-gradient(105deg,transparent 22%,rgba(255,255,255,.34) 46%,transparent 68%);
  transform:translateX(-125%);
  transition:transform .65s cubic-bezier(.2,.8,.2,1);
  pointer-events:none;
}
#public-app .btn:hover{
  transform:translateY(-3px);
}
#public-app .btn:hover::after{
  transform:translateX(125%);
}
#public-app .btn:active{
  transform:translateY(-1px) scale(.985);
  transition-duration:.1s;
}
#public-app .btn:focus-visible{
  outline:3px solid rgba(18,103,242,.24);
  outline-offset:4px;
}
#public-app .btn.primary,
#public-app .hero-cta,
#public-app .home-header .nav-actions .btn,
#public-app .price-grid .btn,
#public-app .professional-link{
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:linear-gradient(135deg,#2476cf,#0d54a8)!important;
  background-size:100% 100%!important;
  box-shadow:0 10px 28px rgba(13,84,168,.24)!important;
}
#public-app .btn.primary:hover,
#public-app .hero-cta:hover,
#public-app .home-header .nav-actions .btn:hover,
#public-app .price-grid .btn:hover,
#public-app .professional-link:hover{
  background:linear-gradient(135deg,#2d82da,#0b4b98)!important;
  box-shadow:0 16px 34px rgba(13,84,168,.34)!important;
}
#public-app .btn.white,
#public-app .btn.outline:not(.price-grid .btn){
  color:#071b49!important;
  border:1px solid rgba(255,255,255,.96)!important;
  background:linear-gradient(135deg,#ffffff 0%,#edf6ff 38%,#bfd8ef 100%)!important;
  background-size:100% 100%!important;
  box-shadow:0 10px 28px rgba(13,84,168,.2),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
#public-app .btn.white:hover,
#public-app .btn.outline:not(.price-grid .btn):hover{
  color:#0d54a8!important;
  border-color:#fff!important;
  background:linear-gradient(135deg,#ffffff 0%,#e4f1fc 38%,#accce8 100%)!important;
  box-shadow:0 16px 34px rgba(13,84,168,.28),inset 0 1px 0 #fff!important;
}
@media (prefers-reduced-motion:reduce){
  #public-app .btn,#public-app .btn::after{transition:none!important}
  #public-app .btn:hover,#public-app .btn:active{transform:none!important}
}

/* Cabecera integrada en el mismo fondo del hero */
#public-app .home-header{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#public-app .home-header.is-scrolled{
  background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(238,245,252,.86))!important;
  box-shadow:0 8px 30px rgba(18,46,91,.07)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

/* Club MiPortalIA */
#public-app .club-section{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 14% 18%,rgba(98,174,246,.26),transparent 30%),
    radial-gradient(circle at 88% 78%,rgba(22,103,191,.34),transparent 34%),
    linear-gradient(145deg,#071b49 0%,#0b3d77 52%,#1267a8 100%);
}
#public-app .club-section::after{
  content:"";
  position:absolute;
  right:-90px;
  bottom:-130px;
  width:480px;
  aspect-ratio:1;
  opacity:.075;
  background:url('/assets/brand/miportalia-mark.svg') center/contain no-repeat;
  pointer-events:none;
}
#public-app .club-shell{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:54px;
  align-items:center;
}
#public-app .club-copy h2{
  max-width:680px;
  margin:17px 0 20px;
  color:#fff;
  font:700 clamp(39px,5vw,64px)/1.03 Manrope,sans-serif;
  letter-spacing:-3.4px;
}
#public-app .club-copy>p{max-width:680px;color:rgba(232,242,252,.78);font-size:17px;line-height:1.72}
#public-app .club-section .section-label{color:#8fc3f4}
#public-app .club-categories{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
#public-app .club-categories span{
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:999px;
  color:#f5f9fd;
  background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(160,204,244,.06));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  font-size:11px;
  font-weight:750;
}
#public-app .club-offer{
  padding:34px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:26px;
  background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(220,239,255,.08));
  box-shadow:0 28px 60px rgba(2,19,48,.25),inset 0 1px 0 rgba(255,255,255,.18);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
#public-app .club-offer>span{color:#9dcbf7;font-size:10px;font-weight:800;letter-spacing:1.8px}
#public-app .club-offer h3{margin:18px 0 13px;color:#fff;font:700 28px/1.15 Manrope,sans-serif;letter-spacing:-1.2px}
#public-app .club-offer p{color:rgba(232,242,252,.72);line-height:1.65}
#public-app .club-offer .btn{width:100%;margin-top:18px}
#public-app .club-legal{grid-column:1/-1;display:block;color:rgba(218,233,247,.58);font-size:10px;line-height:1.55}
@media(max-width:760px){
  #public-app .club-shell{grid-template-columns:1fr;gap:28px}
  #public-app .club-copy h2{font-size:39px;letter-spacing:-2.3px}
  #public-app .club-copy>p{font-size:14px}
  #public-app .club-offer{padding:26px;border-radius:20px}
  #public-app .club-offer h3{font-size:25px}
  #public-app .club-section::after{width:330px;right:-110px;bottom:-60px}
}

/* Recorrido automatico del panel MiPortal360 */
#public-app .product-frame{position:relative}
#public-app .demo-nav span{position:relative;cursor:pointer;transition:color .28s ease,background .28s ease,box-shadow .28s ease,transform .28s ease}
#public-app .demo-sidebar .demo-nav span svg{
  color:#fff!important;
  stroke:#fff!important;
  opacity:.86;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.22));
  transition:opacity .28s ease,filter .28s ease,transform .28s ease;
}
#public-app .demo-nav span.active{
  color:#fff;
  background:linear-gradient(90deg,rgba(18,103,242,.3),rgba(18,103,242,.08));
  box-shadow:inset 3px 0 #2382e8,0 9px 24px rgba(0,53,128,.16);
  transform:translateX(2px);
}
#public-app .demo-nav span.active svg{opacity:1;transform:scale(1.06);filter:drop-shadow(0 0 8px rgba(104,183,255,.82))}
#public-app .demo-sidebar{border-radius:0 0 0 18px;background:linear-gradient(180deg,#0b172a,#071220)}
#public-app .demo-logo{justify-content:center;margin-bottom:18px;padding-bottom:15px;border-bottom:1px solid rgba(134,173,220,.14)}
#public-app .demo-logo img{width:52px;height:46px;filter:brightness(0) invert(1)}
#public-app .demo-nav{gap:4px;min-height:0;overflow:hidden}
#public-app .demo-nav span{display:flex;align-items:center;gap:9px;min-height:38px;padding:8px 10px;border-radius:10px}
#public-app .demo-nav span b{margin-left:0}
#public-app .demo-nav .ui-icon{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:1.8}
#public-app .demo-tour-screen{display:none;min-height:100%;animation:tour-screen-in .5s cubic-bezier(.2,.8,.2,1)}
#public-app .demo-content.tour-detail>.portfolio-head,
#public-app .demo-content.tour-detail>.demo-stats,
#public-app .demo-content.tour-detail>.concierge-preview,
#public-app .demo-content.tour-detail>.resident-module,
#public-app .demo-content.tour-detail>.demo-grid{display:none}
#public-app .demo-content.tour-detail>.demo-tour-screen{display:block}
@keyframes tour-screen-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
#public-app .tour-heading{display:flex;align-items:center;gap:15px;margin-bottom:18px}
#public-app .tour-heading>span{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#2476cf,#0d54a8);box-shadow:0 12px 24px rgba(13,84,168,.22)}
#public-app .tour-heading svg{width:23px;height:23px;stroke:currentColor}
#public-app .tour-heading small{display:block;margin-bottom:5px;color:#1267f2;font-size:8px;font-weight:800;letter-spacing:1.5px}
#public-app .tour-heading h4{margin:0;color:#071b49;font:700 22px/1.1 Manrope,sans-serif;letter-spacing:-.8px}
#public-app .tour-description{margin:0 0 17px;color:#6a7890;font-size:10px;line-height:1.55}
#public-app .tour-list{display:grid;gap:9px}
#public-app .tour-row{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;padding:12px;border:1px solid #e0e8f2;border-radius:12px;background:linear-gradient(135deg,#fff,#edf5fc);box-shadow:0 7px 20px rgba(18,52,93,.055)}
#public-app .tour-row>i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#1267f2;background:#e1eefb}
#public-app .tour-row svg{width:18px;height:18px;stroke:currentColor}
#public-app .tour-row b,#public-app .tour-row small{display:block}
#public-app .tour-row b{color:#071b49;font-size:10px}
#public-app .tour-row small{margin-top:3px;color:#7d899b;font-size:7px}
#public-app .tour-row em{padding:5px 8px;border-radius:999px;color:#19785f;background:#e5f7f1;font-size:6px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.6px}
@media(max-width:720px){
  #public-app .demo-sidebar{border-radius:0 0 0 13px;padding:9px 5px}
  #public-app .demo-logo{margin-bottom:8px;padding-bottom:8px}
  #public-app .demo-logo img{width:38px;height:34px}
  #public-app .demo-nav{gap:2px}
  #public-app .demo-nav span{min-height:29px;padding:5px;justify-content:center;border-radius:8px}
  #public-app .demo-nav .ui-icon{width:15px;height:15px;flex-basis:15px}
  #public-app .tour-heading{gap:8px;margin-bottom:8px}
  #public-app .tour-heading>span{width:30px;height:30px;flex-basis:30px;border-radius:8px}
  #public-app .tour-heading svg{width:14px;height:14px}
  #public-app .tour-heading small{font-size:5px;margin-bottom:2px}
  #public-app .tour-heading h4{font-size:12px}
  #public-app .tour-description{font-size:6px;margin-bottom:8px}
  #public-app .tour-list{gap:5px}
  #public-app .tour-row{grid-template-columns:25px 1fr auto;gap:6px;padding:6px;border-radius:7px}
  #public-app .tour-row>i{width:25px;height:25px;border-radius:6px}
  #public-app .tour-row svg{width:12px;height:12px}
  #public-app .tour-row b{font-size:7px}
  #public-app .tour-row small{font-size:5px;margin-top:1px}
  #public-app .tour-row em{font-size:4px;padding:3px 5px}
}
#public-app .forgot-password-link{display:block;width:max-content;margin:-5px 0 17px auto;color:#1267f2!important;font-size:11px;font-weight:700;text-decoration:none;transition:color .2s ease,transform .2s ease}
#public-app .forgot-password-link:hover{color:#0d54a8!important;transform:translateX(-2px);text-decoration:underline}
#public-app .auth-view select{display:block;width:100%;margin-top:7px;padding:12px 38px 12px 12px;border:1px solid #dfe3ea;border-radius:9px;outline:0;color:#17263d;background:#fafbfc;font:inherit;appearance:auto}
#public-app .auth-view select:focus{border-color:#1267f2;box-shadow:0 0 0 3px rgba(18,103,242,.11);background:#fff}

/* Responsive hardening shared by every public locale. */
html,body{max-width:100%;overflow-x:clip}img,svg,video,canvas{max-width:100%}.shell{max-width:1200px}.product-frame,.product-ui,.demo-workspace,.demo-content{min-width:0}.price-grid>article,.audience-card,.bento,.faq details{min-width:0;overflow-wrap:anywhere}.btn,a,button,summary{touch-action:manipulation}.auth-dialog{max-width:calc(100vw - 24px)}
@media(min-width:721px) and (max-width:1080px){.shell{width:calc(100% - 48px)}.site-header .shell{width:calc(100% - 36px)}.hero{padding-left:20px;padding-right:20px}.hero h1{font-size:clamp(58px,8vw,88px)}.product-frame{width:calc(100% - 32px)}.product-ui{grid-template-columns:155px minmax(0,1fr)}.demo-sidebar{padding-left:10px;padding-right:10px}.demo-content{padding:18px}.demo-stats{gap:8px}.price-grid{gap:14px}.price-grid article{padding:25px 20px}.audience-grid,.security-inner{gap:18px}}
@media(max-width:720px){body{width:100%;overflow-x:hidden}.site-header{padding:0 4px}.site-header .shell{width:calc(100% - 20px)}.hero{padding-left:12px;padding-right:12px}.hero h1{font-size:clamp(40px,12vw,58px);line-height:.98;letter-spacing:-2.4px}.hero-inner>p{max-width:35ch;margin-left:auto;margin-right:auto;line-height:1.55}.hero-proof{width:100%;max-width:330px}.product-frame{max-width:100%;overflow:hidden}.browser-bar{padding:0 10px}.browser-address{max-width:58%;padding:5px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-ui{width:100%;grid-template-columns:48px minmax(0,1fr)}.demo-workspace,.demo-content{width:100%;min-width:0}.demo-top{padding:0 9px}.demo-top h3{max-width:185px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-actions{gap:4px}.demo-stats article,.portfolio-card{min-width:0}.section{padding:58px 0}.section-title h2,.security-copy h2,.final-cta h2{font-size:clamp(32px,10vw,44px);line-height:1.02}.section-title p,.audience-card p{font-size:14px;line-height:1.6}.audience-card{min-height:auto;padding:25px 21px 300px}.price-grid article{padding:26px 20px}.price b{font-size:42px}.faq details summary{padding:18px 44px 18px 17px;font-size:14px;line-height:1.35}.faq details p{padding:0 17px 18px;font-size:13px;line-height:1.6}.final-cta{padding-left:14px;padding-right:14px}.final-cta .btn{width:100%}.auth-view{max-height:calc(100dvh - 24px);overflow-y:auto;padding:28px 18px}.auth-view h2{font-size:34px}.form-grid input,.form-grid select,.auth-view input,.auth-view select{font-size:16px;min-height:48px}}
@media(max-width:380px){.hero h1{font-size:38px}.nav-actions .btn{padding:9px 10px;font-size:9px}.product-ui{grid-template-columns:43px minmax(0,1fr)}.demo-sidebar{padding-left:4px;padding-right:4px}.demo-nav span{width:34px}.price b{font-size:37px}}