:root{color-scheme:light;--bg:#edf3f6;--surface:#fff;--text:#253d4c;--muted:#526c7b;--cyan:#148dbe;--line:#d7e3e9}
body.portal-theme{background:#edf3f6;color:var(--text);font:16px/1.65 Arial,Helvetica,sans-serif;margin:0 auto;max-width:1440px;padding:18px 24px 0;min-height:100vh;overflow-wrap:break-word}
.portal-theme h1,.portal-theme h2,.portal-theme h3{color:#234a60;letter-spacing:-.025em;font-weight:600}.portal-theme h1{font-size:36px;line-height:1.18}.portal-theme h2{font-size:27px;line-height:1.25;margin-bottom:20px}.portal-theme h3{font-size:20px;line-height:1.3}.portal-theme p{color:var(--muted)}.portal-theme a:focus-visible,.portal-theme button:focus-visible,.portal-theme summary:focus-visible{outline:3px solid #087baa;outline-offset:3px}.portal-theme .wrap{width:100%;max-width:none;margin-inline:auto}
.portal-topbar{min-height:38px;background:linear-gradient(#6bc9e9,#259ed0 55%,#1582b5);border:1px solid #248fba;box-shadow:inset 0 1px #ddf7ff;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 18px;font-size:12px;border-radius:5px 5px 0 0}.portal-topbar nav[aria-label=Language]{color:#fff;gap:18px;font-size:12px}.portal-topbar nav[aria-label=Language] a[aria-current=page]{color:#fff;border-bottom:2px solid #fff}.portal-topbar>span{color:#fff}
.portal-masthead{display:grid;grid-template-columns:204px minmax(0,1fr);min-height:192px;margin-bottom:22px;border:1px solid #d1e1e9;border-top:0;background:#fff;box-shadow:0 3px 12px #143c4e08}.portal-brand{padding:20px 15px;display:flex;flex-direction:column;justify-content:center;align-items:center}.portal-brand .brand{gap:9px}.portal-brand .brand img{width:54px;height:auto}.portal-brand .brand span{font-size:29px;letter-spacing:4px;color:#1b728f}.portal-brand p{font-size:12px;margin:12px 0 0;color:#6d8793;text-align:center}.portal-banner{min-width:0;position:relative;overflow:hidden;background:linear-gradient(110deg,#e5f5fb,#c5e7f4 65%,#a8d6e7);display:flex;align-items:center;justify-content:space-between;padding:25px 34px;gap:30px;border-inline-start:1px solid #dae7ed}.portal-banner::after{content:"";position:absolute;width:380px;height:380px;border:55px solid #ffffff35;border-radius:50%;inset-inline-end:-120px;top:-190px;pointer-events:none}.portal-banner-copy{position:relative;z-index:1;max-width:540px}.portal-banner p.portal-banner-title{color:#125577;font-size:30px;font-weight:600;line-height:1.2;letter-spacing:-.03em;margin:0 0 15px}.portal-banner-copy>p:last-child{font-size:14px;color:#39728b;margin:0}.portal-banner-copy>p span{margin:0 7px;color:#63a4c0}.portal-banner-image{width:240px;height:146px;object-fit:contain;object-position:center;border-radius:8px;transform:rotate(-3deg);box-shadow:0 12px 26px #1a67812b;background:#fff;position:relative;z-index:1}
.portal-layout{display:grid;grid-template-columns:204px minmax(0,1fr)228px;gap:20px;align-items:start}.portal-layout>main{min-width:0;background:#fff;border:1px solid #d7e3e9;padding:26px 28px;box-shadow:0 2px 8px #24485c05}.portal-sidebar,.portal-right{min-width:0}.portal-panel{border:1px solid #d2e0e7;background:#fff;margin-bottom:20px}.portal-theme .portal-panel-heading{font-size:16px;letter-spacing:0;font-weight:500;margin:0;padding:11px 14px;background:linear-gradient(#e7f1f6,#cedfe8);border-bottom:1px solid #bdcfda;color:#315d74;line-height:1.4}.portal-menu{display:flex;flex-direction:column;gap:2px;margin-top:2px}.portal-menu a{position:relative;display:flex;align-items:center;gap:12px;color:#1c6996;min-height:44px;padding:10px 14px;background:linear-gradient(100deg,#f5fafc,#dce8ef);font-size:15px;line-height:1.35;border:1px solid #dce7ed;transition:background .15s}.portal-menu a::before{content:"";width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#19b3d3;box-shadow:inset 0 1px 2px #fff9}.portal-menu a:nth-child(2)::before{background:#6ec35b}.portal-menu a:nth-child(3)::before{background:#efa942}.portal-menu a:nth-child(4)::before{background:#8c7bc5}.portal-menu a:nth-child(5)::before{background:#df8bae}.portal-menu a:hover,.portal-menu a[aria-current=page]{background:linear-gradient(100deg,#d8edf7,#bedcea);color:#104e70;border-color:#b9d3e1}.portal-menu a[aria-current=page]{font-weight:700;border-inline-start:3px solid #258ebe;padding-inline-start:12px}.portal-side-note{padding:23px 14px;background:#f6fafc;border:1px solid #d7e3e9;margin-top:22px}.portal-theme .portal-side-note h3{font-size:15px;letter-spacing:0;margin-bottom:9px}.portal-side-note p{font-size:13px;line-height:1.65;margin:0}.portal-note-icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#d5efe4;color:#32845c;font-size:17px;margin-bottom:12px}.portal-panel-body{padding:17px 15px}.portal-panel-body>p{font-size:13px;line-height:1.7;margin:0 0 16px}.portal-theme .portal-panel-body h3{font-size:17px;letter-spacing:0;margin-bottom:12px}.portal-cabinet-link{display:flex;flex-direction:column;align-items:flex-start;padding:12px 13px;border:1px solid #c9e0ec;border-radius:4px;background:#eff8fc;margin-top:10px;color:#175c7e;line-height:1.4}.portal-cabinet-link span{font-size:14px;font-weight:600}.portal-cabinet-link small{font-size:12px;color:#2288b2;margin-top:4px}.portal-cabinet-link:hover{background:#deeff8;border-color:#89c4de}.portal-shop-link{display:inline-block;color:#177eac;border-bottom:1px solid #abcbd9;font-size:13px;font-weight:600}.portal-menu-toggle{display:none}
.portal-theme .hero,.portal-theme .managed-hero{padding:8px 0 30px;min-height:0;gap:28px;grid-template-columns:1.1fr .9fr;align-items:center}.portal-theme .hero h1,.portal-theme .managed-hero h1{font-size:34px;margin:12px 0 20px;max-width:none;letter-spacing:-.03em}.portal-theme h1 em{color:#1684b1}.portal-theme .lead,.portal-theme .managed-text{font-size:16px;line-height:1.75;color:#526c7b}.portal-theme .eyebrow{color:#3384a7;font-size:11px;letter-spacing:.1em;margin-bottom:14px}.portal-theme .actions{gap:12px;margin-top:22px}.portal-theme .button{border-radius:5px;padding:11px 15px;gap:12px;font-size:14px;line-height:1.5;text-align:center}.portal-theme .button.primary{background:linear-gradient(#39b3de,#168aba);color:white;border:1px solid #1383b0;box-shadow:inset 0 1px #bfefff,0 2px 3px #1c688519}.portal-theme .button.primary:hover{filter:brightness(1.05);transform:none}.portal-theme .button.secondary{background:linear-gradient(#fff,#edf4f7);border:1px solid #c5d9e2;color:#256380}.portal-theme .text-link{color:#1b789f;border-color:#c5dce7;font-size:14px}.portal-theme .managed-hero figure,.portal-theme .managed-block figure{background:#f3f8fa;border:1px solid #d8e5ec;border-radius:6px;padding:12px}.portal-theme .managed-hero img{max-height:280px;border-radius:4px}.portal-theme .managed-hero figcaption,.portal-theme .managed-block figcaption,.portal-theme .caption{font-size:11px;color:#6a818e;margin-top:10px}.portal-theme .managed-block{padding:28px 0;gap:24px;border-color:#d7e3e9}.portal-theme .managed-block h2{font-size:25px;margin:10px 0 16px}.portal-theme .managed-block.highlight{background:#edf7fb;padding:22px}.portal-theme .managed-block.has-image{grid-template-columns:1.2fr .8fr}.portal-theme .managed-block img{max-height:280px;border-radius:4px}.portal-theme .managed-text p:last-child{margin-bottom:0}
.portal-theme .hero-visual:before{display:none}.portal-theme .app-display{width:196px;transform:none;border-radius:18px;padding:4px;background:#fff;border-color:#c5dbe6;box-shadow:0 8px 25px #2d60781f}.portal-theme .app-display img{border-radius:14px}.portal-theme .screen-tabs{background:#edf5f9;border-color:#d0e1e9;max-width:100%;flex-wrap:wrap;border-radius:5px;margin-top:14px}.portal-theme .screen-tabs button{font-size:11px;padding:6px 8px;color:#32657e;border-radius:3px}.portal-theme .screen-tabs button[aria-pressed=true]{color:#fff;background:#238db8}.portal-theme .chips{font-size:12px;gap:9px;color:#537d92;margin-top:20px}.portal-theme .chips li:not(:last-child){border-color:#c6dce6;padding-inline-end:10px}.portal-theme .section{padding-block:36px}.portal-theme .system{padding:24px;border-radius:5px;background:#f0f7fa;border-color:#d6e4ec;box-shadow:none}.portal-theme .system h2{font-size:25px}.portal-theme .three-grid{gap:20px}.portal-theme .three-grid h3{font-size:18px}.portal-theme .three-grid p{font-size:14px}.portal-theme .system article:not(:last-child){padding-inline-end:18px;border-color:#d3e2e9}.portal-theme .part-num,.portal-theme .smallcap{color:#3b8caf;font-size:12px}.portal-theme .feature-grid{gap:16px}.portal-theme .feature-grid article{padding:21px;border-radius:5px;background:#fbfdfe;border-color:#d7e3e9}.portal-theme .feature-grid h3{font-size:20px;margin-top:20px}.portal-theme .feature-grid p{font-size:14px}.portal-theme .num{padding:6px 10px;border-radius:4px;background:#e4f2f9;color:#2681a8;border-color:#c8e1ed}.portal-theme .how-section{padding:28px 0;background:none;border-color:#d6e3e9}.portal-theme .how-layout{gap:25px;grid-template-columns:1fr 1.2fr}.portal-theme .steps li{gap:14px;border-color:#d6e3e9;padding-bottom:20px;margin-bottom:20px}.portal-theme .steps li>span{color:#218aba;font-size:15px}.portal-theme .steps h3{font-size:18px}.portal-theme .steps p{font-size:14px}.portal-theme .scenarios article{border-color:#89bbd2}.portal-theme .plan-grid{gap:16px}.portal-theme .plan,.portal-theme .plan:first-child{padding:22px;border:1px solid #c7dde8;border-radius:5px;background:#f4f9fc}.portal-theme .plan h3{font-size:25px}.portal-theme .plan>p{font-size:14px;min-height:0}.portal-theme .plan ul{margin:18px 0;font-size:14px}.portal-theme .plan li:before{color:#239882}.portal-theme .plan li{padding:6px 0}.portal-theme .price{font-size:19px;color:#245d78;margin-bottom:16px}.portal-theme details{border-color:#d6e3e9}.portal-theme summary{color:#2c5a70;font-size:15px}.portal-theme .faq{display:block}.portal-theme .faq h2{margin-bottom:20px}.portal-theme .faq details p{font-size:14px}.portal-theme .faq details{padding-block:15px}.portal-theme .faq summary span{color:#288fbc}
.portal-theme .page-intro{padding:8px 0 26px}.portal-theme .page-intro h1{font-size:34px}.portal-theme .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.portal-theme .product-card{border-radius:5px;border-color:#d3e2e9;background:#fff;box-shadow:0 3px 9px #25537308}.portal-theme .product-photo{background:#eff6fa;aspect-ratio:4/3}.portal-theme .product-symbol{border-radius:10px;padding:20px;color:#40a0c4;background:#e4f2f9;border-color:#cae1ec}.portal-theme .product-symbol svg{width:55px;height:55px}.portal-theme .product-content{padding:20px}.portal-theme .product-content h2{font-size:21px;margin-bottom:12px}.portal-theme .product-content>p{font-size:14px}.portal-theme .product-content .button{font-size:13px}.portal-theme .product-detail{grid-template-columns:1fr 1.1fr;gap:26px}.portal-theme .product-detail h1{font-size:32px}.portal-theme .product-detail .product-photo{border-radius:5px;border-color:#d0e0e8}.portal-theme .product-description{font-size:15px;color:#526c7b}.portal-theme .jump-links{gap:8px;margin-top:18px}.portal-theme .jump-links a{border-radius:4px;padding:6px 12px;border-color:#c7dde7;color:#247a9e}.portal-theme .jump-links a:hover{color:#125679;background:#ecf6fa}.portal-theme .shop-filters{gap:8px}.portal-theme .shop-filters a{background:#eff7fb;color:#2b7292;border-color:#caddE8;border-radius:4px}.portal-theme .shop-filters a[aria-current]{background:#d6edf7;color:#135c7d}.portal-theme .stock-in_stock{background:#e9f5ec;color:#247346}.portal-theme .stock-preorder{background:#fff5da;color:#805d15}.portal-theme .stock-out_of_stock{background:#fcecec;color:#ae4141}.portal-theme .stock-on_request{background:#edf3f6;color:#58727f}.portal-theme .stock-badge{font-size:12px;padding:5px 10px}.portal-theme .stock-note{font-size:13px}.portal-theme .cart-inline-note{color:#577584}.portal-theme .showcase{padding:28px 0;gap:28px;border-color:#d6e4eb}.portal-theme .showcase figure img{border-color:#cfdee6;border-radius:6px;box-shadow:0 5px 16px #26536e17}.portal-theme .showcase h2{font-size:27px}.portal-theme .showcase figcaption{color:#65818f}.portal-theme .feature-list li{border-color:#d7e3e9}.portal-theme .feature-list li:before{color:#209677}.portal-theme .end-cta{padding-block:32px}.portal-theme .end-cta h2{font-size:26px}
.portal-theme .cart-panel{background:#fff;color:#294957;border:1px solid #c1d7e2;box-shadow:0 20px 70px #173a5755;border-radius:8px}.portal-theme .cart-panel h2{font-size:26px}.portal-theme .cart-close{color:#33566a}.portal-theme .cart-row,.portal-theme .cart-actions{border-color:#d6e3eb}.portal-theme .cart-row button{color:#1681ad}.portal-theme .cart-note{color:#647e8c}.portal-theme .cart-stock-message{color:#6e7e86}.portal-theme .cart-row input[type=number]{background:#eef5f9;border:1px solid #c8dce7}.portal-theme .shop-cart-badge{box-shadow:0 5px 18px #24516b3d;z-index:60}.portal-theme footer.wrap{border-top:1px solid #cbdce5;padding:26px 0 80px;margin-top:28px;gap:24px;color:#557686;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.portal-theme footer p{font-size:12px;max-width:300px;margin:8px 0 0}.portal-theme footer .brand span{font-size:20px;color:#37738c}.portal-theme footer .brand img{width:30px;height:auto}.portal-theme footer a{font-size:12px}.portal-theme footer nav[aria-label=Language]{font-size:12px;gap:13px;color:#447b94}.portal-theme footer nav[aria-label=Language] a[aria-current=page]{color:#187dab;border-color:#187dab}
@media(min-width:1101px){.portal-sidebar,.portal-right{position:sticky;top:18px}}
@media(max-width:1200px){.portal-layout{grid-template-columns:180px minmax(0,1fr)200px;gap:16px}.portal-masthead{grid-template-columns:180px minmax(0,1fr)}.portal-layout>main{padding:24px}.portal-theme .hero,.portal-theme .managed-hero{grid-template-columns:1fr;gap:20px}.portal-theme .hero-visual{display:none}.portal-theme .managed-hero figure{max-width:100%}.portal-theme .managed-hero img{max-height:220px}.portal-banner-image{width:200px;height:130px}.portal-banner p.portal-banner-title{font-size:27px}.portal-theme .three-grid{grid-template-columns:1fr}.portal-theme .system article:not(:last-child){border-inline-end:0;border-bottom:1px solid #d1e2e9;padding:0 0 18px}}
@media(max-width:1000px){body.portal-theme{padding:12px 16px 0}.portal-layout{grid-template-columns:180px minmax(0,1fr)}.portal-right{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:16px}.portal-sidebar{grid-row:1/span 2}.portal-theme .managed-hero{grid-template-columns:1fr .8fr}.portal-theme .hero h1,.portal-theme .managed-hero h1{font-size:31px}.portal-banner{padding:22px}.portal-banner-image{width:180px}.portal-theme .portal-panel-body h3{font-size:17px}}
@media(max-width:760px){body.portal-theme{padding:0 12px}.portal-topbar{margin-inline:-12px;padding:8px 12px;min-height:40px;border-radius:0;border:0}.portal-topbar>span{display:none}.portal-topbar nav[aria-label=Language]{width:100%;justify-content:center;gap:24px;font-size:12px}.portal-masthead{grid-template-columns:1fr;margin:0 -12px 12px;border-inline:0;min-height:0}.portal-brand{padding:13px 18px;flex-direction:row;justify-content:space-between;gap:12px}.portal-brand .brand img{width:36px}.portal-brand .brand span{font-size:25px}.portal-brand p{font-size:11px;max-width:100px;margin:0;text-align:end}.portal-banner{padding:19px 20px;min-height:136px;gap:18px;border-inline-start:0;border-top:1px solid #d7e8f0}.portal-banner p.portal-banner-title{font-size:24px;margin-bottom:10px}.portal-banner-copy>p:last-child{font-size:11px;line-height:1.5}.portal-banner-copy>p span{margin:0 2px}.portal-banner-image{width:120px;height:84px;flex:0 0 120px}.portal-layout{display:flex;flex-direction:column;gap:12px}.portal-layout>main{width:100%;padding:22px 18px}.portal-sidebar{width:100%}.desktop-menu-heading,.portal-side-note{display:none}.portal-menu-toggle{display:flex;width:100%;justify-content:space-between;align-items:center;padding:12px 15px;background:linear-gradient(#edf6fa,#d4e5ee);color:#235d79;font-size:15px;border:1px solid #bfd6e3;border-radius:4px}.portal-menu{display:none;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.portal-sidebar.is-open .portal-menu{display:grid}.portal-menu a{font-size:14px;padding:10px;min-height:46px;border-radius:3px}.portal-menu a[aria-current=page]{padding-inline-start:8px}.portal-right{width:100%;display:grid;grid-template-columns:1fr;gap:0}.portal-accounts .portal-panel-body{display:grid;grid-template-columns:1fr 1fr;gap:10px}.portal-accounts .portal-panel-body>p{grid-column:1/-1;margin:0}.portal-cabinet-link{margin:0}.portal-theme .hero,.portal-theme .managed-hero{grid-template-columns:1fr;padding:0 0 26px;gap:22px}.portal-theme .hero h1,.portal-theme .managed-hero h1{font-size:32px;margin:10px 0 18px}.portal-theme .hero-visual{display:flex}.portal-theme .app-display{width:170px}.portal-theme .managed-hero img{max-height:250px}.portal-theme .managed-hero figure{padding:12px}.portal-theme .managed-block.has-image,.portal-theme .how-layout,.portal-theme .showcase,.portal-theme .product-detail{grid-template-columns:1fr}.portal-theme .managed-block{gap:20px;padding-block:28px}.portal-theme .managed-block h2,.portal-theme h2{font-size:25px}.portal-theme .managed-block img{max-height:260px}.portal-theme .feature-grid,.portal-theme .plan-grid,.portal-theme .shop-grid{grid-template-columns:1fr}.portal-theme .feature-grid article,.portal-theme .plan{padding:22px}.portal-theme .product-photo{aspect-ratio:16/10}.portal-theme .product-detail h1{font-size:30px}.portal-theme .section{padding-block:28px}.portal-theme .three-grid{gap:20px}.portal-theme .showcase.reverse figure{order:initial}.portal-theme .end-cta{display:block}.portal-theme .end-cta .button{margin-top:18px}.portal-theme .system{padding:20px}.portal-theme .screen-tabs{max-width:100%}.portal-theme footer.wrap{padding-bottom:95px;margin-top:12px}.portal-theme footer nav[aria-label=Language]{width:100%}.portal-theme .cart-panel{inset:4% 10px;padding:20px}.portal-theme .cart-row{grid-template-columns:minmax(0,1fr)auto}.portal-theme .cart-actions{align-items:stretch}.portal-theme .cart-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portal-theme *{transition:none!important}}
/* Owner-only narrow-screen preview. */
body.portal-mobile-preview{display:flex;justify-content:center;gap:24px;padding:20px;margin:0;background:#dfe9ee}body.portal-mobile-preview iframe{width:390px;height:844px;border:1px solid #9eb5c2;border-radius:16px;background:white;flex:0 0 390px}
.portal-theme .category-filter{gap:8px;margin-block:4px 24px}.portal-theme .category-filter a{border-radius:4px;background:#f3f8fb;color:#397188;border:1px solid #ccdee8;font-size:14px;padding:8px 13px}.portal-theme .category-filter a[aria-current=page]{background:linear-gradient(#42b7de,#198dba);border-color:#1788b5;color:white}
