.tone-blue{--g1:#3b95ff;--g2:#0b5fe0;--soft:#eef5ff}.tone-green{--g1:#2fd07a;--g2:#13914a;--soft:#edf9f2}.tone-orange{--g1:#ff9248;--g2:#ea5a12;--soft:#fff3e9}.tone-purple{--g1:#a675ff;--g2:#6d2fe0;--soft:#f5efff}.tone-red{--g1:#f6697f;--g2:#d9304d;--soft:#fff0f1}.tone-amber{--g1:#fcc23c;--g2:#e8a200;--soft:#fff8e9}.tone-indigo{--g1:#7c83ff;--g2:#4338ca;--soft:#f2f0ff}.tone-pink{--g1:#f56bb4;--g2:#c0267a;--soft:#fff0f8}
.real-modules{background:#f3f6fb;scroll-margin-top:25px}.real-heading{position:relative;overflow:hidden;background:linear-gradient(115deg,#10233c,#103776);border-radius:26px;padding:42px 46px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.real-heading h2{font-size:clamp(2rem,3.2vw,3.2rem);margin-bottom:20px;max-width:800px}.real-heading p:last-child{color:#cedaed;max-width:650px;margin:0}.real-heading .eyebrow{font-size:.7rem}.real-heading-art{color:#91bdff;transform:rotate(-8deg);padding:20px;flex-shrink:0}.real-filters{display:flex;gap:9px;flex-wrap:wrap;margin:30px 0}.real-filters button{border:1px solid #c3d0e0;background:white;border-radius:10px;color:#314761;padding:12px 17px;font-weight:600;min-height:46px;font-size:.87rem}.real-filters button[aria-pressed=true]{background:#145ed8;color:white;border-color:#145ed8}.real-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.real-card{position:relative;isolation:isolate;overflow:hidden;text-align:left;border:1px solid color-mix(in srgb,var(--g2) 17%,white);border-radius:25px;padding:26px 24px 25px;display:flex;flex-direction:column;align-items:flex-start;min-height:295px;color:#142339;background:linear-gradient(155deg,white,var(--soft));box-shadow:0 10px 24px -22px #16304f66;transition:transform .2s,box-shadow .2s}.real-card:hover{transform:translateY(-4px);box-shadow:0 14px 26px -18px #16304f66}.real-card[hidden]{display:none}.real-tile{display:grid;place-items:center;flex-shrink:0;width:61px;height:61px;border-radius:19px;background:linear-gradient(145deg,var(--g1),var(--g2));box-shadow:0 12px 22px -12px var(--g2),inset 0 1px 2px #ffffff7a;color:#fff;margin-bottom:24px}.real-arrow{position:absolute;right:20px;top:25px;border-radius:50%;background:#ffffffed;box-shadow:0 7px 12px #23354b0b;color:var(--g2);width:37px;height:37px;display:grid;place-items:center}.real-card h3{font-size:1.22rem;line-height:1.25;margin:0 0 11px;overflow-wrap:normal;hyphens:none}.real-card p{font-size:.94rem;line-height:1.5;color:#4d6078;margin:0 0 35px;position:relative;z-index:1}.real-more{font-size:.73rem;font-weight:700;color:#394f68;margin-top:auto;position:relative;z-index:1}.real-art{position:absolute;right:4px;bottom:-7px;color:var(--g2);opacity:.19;z-index:0;pointer-events:none}.real-gallery{background:#fff}.real-gallery h2{font-size:clamp(2rem,3.2vw,3.2rem)}.real-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.real-shots figure{margin:0;min-width:0}.real-shot{width:100%;display:flex;flex-direction:column;align-items:center;border:1px solid #d8e3ef;border-radius:24px;background:#f0f5fc;padding:20px;overflow:hidden}.real-shot img{width:auto;height:520px;max-width:100%;object-fit:contain;border-radius:15px;box-shadow:0 12px 24px #14294312}.real-shot>span{display:flex;align-items:center;gap:14px;padding:16px 0 0;color:#1658af;font-size:.85rem;font-weight:700}.real-shots figcaption{padding:22px 5px}.real-shots figcaption strong{font-size:1.1rem}.real-shots figcaption p{font-size:.9rem;color:#53677e;margin:9px 0 0}.module-dialog{border:0;border-radius:24px;padding:42px;max-width:530px;width:calc(100% - 32px);color:#142339;box-shadow:0 30px 90px #07182c55}.module-dialog::backdrop{background:#071b35b3}.module-close{position:absolute;top:14px;right:14px;width:44px;height:44px;background:#f1f5fa;border:0;border-radius:50%;font-size:1.8rem;color:#253e59}.module-dialog h2{font-size:2rem;margin-bottom:20px}.module-dialog p{color:#53677e;font-size:1rem}.module-dialog .eyebrow{font-size:.7rem;margin-bottom:13px;color:#0759df}.module-dialog .module-summary{color:#192f49;font-weight:600}.module-dialog .button{margin-top:12px}.module-dialog small{display:block;margin-top:15px;color:#607188;font-size:.75rem}.hero .real-hero-frame{width:270px!important;max-width:100%;margin:0 auto;border-width:5px;box-shadow:0 20px 40px #0003}.hero .real-hero-frame img{width:100%;aspect-ratio:auto;height:420px;object-fit:cover;object-position:top}.hero .real-hero-frame .browser-secure{display:none}.hero .real-hero-frame .browser-bar{font-size:.55rem}.hero-visual .hero-preview-open{margin-top:14px}.hero-grid{padding-block:35px!important}.hero .hero-market-number{margin-bottom:18px}.hero-market-number strong{font-size:4.4rem!important}.hero .market-caption{padding-top:0}
@media(max-width:1100px){.real-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.real-shots{gap:20px}.real-shot{padding:12px}.real-shot img{height:430px}.real-heading-art{display:none}}
@media(max-width:700px){.real-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.real-card{padding:20px 16px;min-height:280px;border-radius:21px}.real-card h3{font-size:1.06rem}.real-card p{font-size:.87rem;line-height:1.5}.real-tile{width:50px;height:50px;border-radius:16px;margin-bottom:22px}.real-tile svg{width:26px;height:26px}.real-arrow{width:27px;height:27px;right:12px;top:22px}.real-arrow svg{width:16px}.real-heading{padding:30px 24px;border-radius:22px}.real-heading h2{font-size:2rem}.real-heading p:last-child{font-size:.92rem}.real-filters{gap:7px;margin:22px 0}.real-filters button{font-size:.76rem;padding:10px 12px}.real-shots{grid-template-columns:1fr;gap:24px}.real-shot{padding:20px;max-width:360px;margin:auto}.real-shot img{height:auto;width:100%;max-height:650px;object-fit:contain}.real-shots figcaption{max-width:360px;margin:auto}.module-dialog{padding:30px 24px}.module-dialog .button{width:100%;white-space:normal;font-size:.9rem}.hero .real-hero-frame img{height:auto;max-height:490px;object-fit:cover;object-position:top}}
@media(max-width:360px){.real-card-grid{grid-template-columns:1fr}.real-card{min-height:235px}.real-card p{max-width:90%}.real-card h3{font-size:1.2rem}}

.hero .real-hero-frame{width:min(100%,390px)!important}.hero .real-hero-frame img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}