.hero[hidden],.portal-hero[hidden]{display:none!important}.portal-style-trigger{display:inline-flex;align-items:center;gap:7px;border:1px solid #d1dace;border-radius:6px;background:transparent;color:#587051;padding:10px 12px;font-size:10px;white-space:nowrap}.portal-style-trigger>span:first-child{font-size:16px}.portal-style-dialog{width:min(1000px,calc(100% - 32px));max-height:92dvh;padding:35px;overflow:auto}.portal-style-dialog h2{font-size:28px;margin:20px 0 12px}.portal-theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:20px 0 25px}.portal-theme-option{border:1px solid #dce5d2;background:#fbfcf5;padding:0;text-align:left;border-radius:7px;overflow:hidden;color:#5e7352}.portal-theme-option img{display:block;width:100%;height:auto;aspect-ratio:1.44;object-fit:cover;object-position:top}.portal-theme-option strong{font-size:11px;font-weight:500;display:block;padding:12px 12px 5px}.portal-theme-option>span{font-size:8px;color:#9ca58f;display:block;padding:0 12px 12px}.portal-theme-option[aria-pressed=true]{border:2px solid #6a8b57;box-shadow:0 0 0 3px #d4e5c1}.original-theme{font-size:11px;border:1px solid #dce5d2;background:#f1f6e8;color:#597a45;border-radius:5px;padding:10px 14px}.original-theme[aria-pressed=true]{border-color:#7fa168}.portal-theme-gallery{font-size:11px;color:#6a8954;display:inline-block;border-bottom:1px solid #c0d1ac;padding:10px 0}.portal-hero{width:100%;margin:auto}.portal-hero-contact{border:1px solid var(--c-accent);background:transparent;color:var(--c-accent);padding:12px 18px;font-size:11px;border-radius:3px;display:inline-block;margin:20px 0}.portal-minimal-shell{padding:0 6%}.portal-minimal-shell .minimal-statement h1{font-size:clamp(45px,4.7vw,68px);letter-spacing:-2px;line-height:1.3}.portal-minimal-shell .minimal-statement .line-link{margin-right:24px}.portal-tech-shell{padding:0 5% 35px}.portal-tech-shell .tech-heading h1{font-size:clamp(40px,5vw,70px);line-height:1.35}.portal-tech-shell .tech-title-bottom{margin-top:25px}.portal-tech-shell .portal-hero-contact{margin:0 0 20px}.portal-editorial-shell{padding:0 5%}.portal-editorial-shell .editorial-masthead{border-bottom:2px solid #555c45;padding:25px 0}.portal-editorial-shell .editorial-latest button{background:none;border:0;font-size:10px;color:#985837;padding:12px 0;margin-top:13px}.portal-hero .luxury-art-title h1{font-size:46px;line-height:1.45}.portal-hero .luxury-art-title h1 em{display:block;font-size:57px}.portal-hero .luxury-art-title>.overline{font-size:8px}.portal-hero .product-heading{padding-block:45px}.portal-hero .app-window{margin-bottom:50px}.portal-hero .app-sidebar>a{font-size:10px;color:#877199;padding:10px 7px}.portal-product-cards{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:25px 0 20px}.portal-product-cards article{background:#faf8fd;border:1px solid #e9e0f3;border-radius:9px;padding:24px}.portal-product-cards article>span{font-size:8px;color:#a48eb8;letter-spacing:1px}.portal-product-cards h3{font-size:20px;font-weight:500;color:#7c6394;margin:19px 0 16px}.portal-product-cards p{font-size:12px;line-height:2;color:#a18cb4}.portal-product-cards a,.portal-product-cards button{border:0;background:none;color:#8661a9;font-size:11px;padding:13px 0;margin-top:15px;display:inline-block}.portal-hero .app-note{font-size:9px;color:#a491b5;line-height:2}
/* Portal-wide component systems retain the same company content. */
body[data-portal-style]:not([data-portal-style=original]){background:var(--paper);font-family:'Avenir Next','PingFang SC',sans-serif}body[data-portal-style=minimal]{--paper:#f5f4ee;--ink:#353a33;--green:#606b52;--line:#d5d6cd;--theme-panel:#eceee5;--theme-accent:#798369}body[data-portal-style=tech]{--paper:#0d191b;--ink:#dbe9df;--green:#c4f267;--line:#355043;--theme-panel:#16292a;--theme-accent:#c4f267}body[data-portal-style=business]{--paper:#ffffff;--ink:#19384e;--green:#194a75;--line:#d5dfe4;--theme-panel:#f0f4f6;--theme-accent:#285a7b}body[data-portal-style=editorial]{--paper:#f3efe4;--ink:#30362c;--green:#aa432c;--line:#c7c6b7;--theme-panel:#eae3d3;--theme-accent:#aa432c;font-family:Georgia,'Songti SC',serif}body[data-portal-style=organic]{--paper:#f4f1df;--ink:#384d35;--green:#4a6843;--line:#cdd3b6;--theme-panel:#e4e8ce;--theme-accent:#708957}body[data-portal-style=creative]{--paper:#f3f0e8;--ink:#1b1c1b;--green:#2445dd;--line:#242624;--theme-panel:#e9eadb;--theme-accent:#2445dd}body[data-portal-style=luxury]{--paper:#f1ece2;--ink:#544334;--green:#947146;--line:#d4c8b4;--theme-panel:#e9e0d0;--theme-accent:#947146;font-family:Georgia,'Songti SC',serif}body[data-portal-style=product]{--paper:#f7f7fb;--ink:#322a4b;--green:#6c52b0;--line:#ded8e9;--theme-panel:#f0eaf7;--theme-accent:#6c52b0}
body[data-portal-style]:not([data-portal-style=original]) .desktop-nav a,body[data-portal-style]:not([data-portal-style=original]) .header-contact,body[data-portal-style]:not([data-portal-style=original]) .portal-style-trigger{color:var(--ink);border-color:var(--line)}body[data-portal-style]:not([data-portal-style=original]) :is(.section-heading p,.solution-card>p,.case-content p,.process-grid p,.about-copy>p){color:var(--ink);opacity:.65}body[data-portal-style]:not([data-portal-style=original]) :is(.section-kicker,.case-label,.case-bottom>span,.cases-footnote,.text-link,.case-disclaimer,.feature-pills span,.card-number,.card-top .tag){color:var(--theme-accent)}body[data-portal-style]:not([data-portal-style=original]) :is(.solution-card,.case-card){background:var(--paper);border-color:var(--line)}body[data-portal-style]:not([data-portal-style=original]) :is(.case-preview,.cases-section,.browser-illustration,.about-art){background:var(--theme-panel);border-color:var(--line)}body[data-portal-style]:not([data-portal-style=original]) .cases-section{border-block:1px solid var(--line)}body[data-portal-style]:not([data-portal-style=original]) .contact-section{background:var(--green);border-radius:0}body[data-portal-style=tech] .contact-section{background:#193628}body[data-portal-style]:not([data-portal-style=original]) .footer-top,body[data-portal-style]:not([data-portal-style=original]) .case-bottom{border-color:var(--line)}body[data-portal-style]:not([data-portal-style=original]) .section-heading h2{font-weight:500}body[data-portal-style]:not([data-portal-style=original]) .feature-pills span{border-color:var(--line)}body[data-portal-style]:not([data-portal-style=original]) .portal-style-dialog{background:#f8faf1;color:#35533c}body[data-portal-style]:not([data-portal-style=original]) .portal-style-dialog .dialog-intro{color:#7c8e6d}body[data-portal-style=tech] .brand-logo{filter:grayscale(1) brightness(0) invert(1)}body[data-portal-style=tech] .brand-company{color:#acc595}body[data-portal-style=tech] .case-content h3{color:var(--ink)}body[data-portal-style=tech] .dialog{color:#344e38;background:#f4f8ed}body[data-portal-style=tech] .case-detail h3{color:#34513a}
/* A: rail navigation and unframed, staggered gallery rows. */
@media(min-width:1001px){body[data-portal-style=minimal] .site-header{position:fixed;left:0;top:0;width:215px;height:100dvh;border-right:1px solid var(--line);border-bottom:0;padding:35px 20px;display:flex;flex-direction:column;gap:30px;align-items:flex-start;background:var(--paper)}body[data-portal-style=minimal] .desktop-nav{flex-direction:column;gap:26px;margin-top:65px}body[data-portal-style=minimal] .header-actions{flex-direction:column;align-items:flex-start;margin-top:auto;gap:15px}body[data-portal-style=minimal]>main{margin-left:215px}body[data-portal-style=minimal]>footer{width:calc(100% - 290px);margin-left:250px}}
body[data-portal-style=minimal] .solution-grid{grid-template-columns:1fr;gap:45px}body[data-portal-style=minimal] .solution-card{border:0;border-top:1px solid var(--line);border-radius:0;display:grid;grid-template-columns:1fr 1fr;gap:15px 45px;padding-inline:0}body[data-portal-style=minimal] .card-top{grid-column:span 2}body[data-portal-style=minimal] .solution-card h3{grid-column:1;margin-top:24px}body[data-portal-style=minimal] .solution-card>p{grid-column:1;align-self:start}body[data-portal-style=minimal] :is(.browser-illustration,.agent-illustration){grid-column:2;grid-row:2 / span 2;margin:0}body[data-portal-style=minimal] .card-footer{grid-column:span 2}body[data-portal-style=minimal] .case-grid{grid-template-columns:1fr 1fr;gap:40px}body[data-portal-style=minimal] .case-card{border:0;border-radius:0}body[data-portal-style=minimal] .case-card:nth-child(2){margin-top:80px}body[data-portal-style=minimal] .case-content{padding-inline:0}body[data-portal-style=minimal] .process-grid{grid-template-columns:1fr 1fr;gap:45px}body[data-portal-style=minimal] .section-heading h2{font-family:Georgia,'Songti SC',serif}
/* B: technical panels with visible network relationships. */
body[data-portal-style=tech] :is(.solution-card,.case-card,.about-art){border-radius:0}body[data-portal-style=tech] .solution-card{background:#122326}body[data-portal-style=tech] .case-grid{gap:17px}body[data-portal-style=tech] .case-content{border-top:1px solid #496645}body[data-portal-style=tech] .section-kicker{font-family:'Courier New',monospace;letter-spacing:2px}body[data-portal-style=tech] .step-number{border-color:#608848;color:#a3c47c}body[data-portal-style=tech] .process-grid article{border:1px solid #355043;padding:20px}body[data-portal-style=tech] .button.primary{background:#c4f267;color:#203024}body[data-portal-style=tech] .case-preview{color:#263f2d}body[data-portal-style=tech] .flow-node{background:#d7e3cb;color:#435d3c}body[data-portal-style=tech] .about-copy h2{color:#c4f267}
/* C: service rows and case dossiers rather than promotional tiles. */
body[data-portal-style=business] :is(.solution-card,.case-card,.about-art){border-radius:0}body[data-portal-style=business] .solution-grid{grid-template-columns:1fr}body[data-portal-style=business] .solution-card{display:grid;grid-template-columns:1fr 1fr;gap:12px 65px;padding:30px}body[data-portal-style=business] .card-top{grid-column:span 2}body[data-portal-style=business] .solution-card h3{grid-column:1;margin-top:30px}body[data-portal-style=business] .solution-card>p{grid-column:1}body[data-portal-style=business] :is(.browser-illustration,.agent-illustration){grid-column:2;grid-row:2 / span 2;margin:0}body[data-portal-style=business] .card-footer{grid-column:span 2}body[data-portal-style=business] .case-grid{grid-template-columns:1fr;gap:22px}body[data-portal-style=business] .case-card{display:grid;grid-template-columns:360px 1fr}body[data-portal-style=business] .case-preview{border-right:1px solid var(--line);border-bottom:0}body[data-portal-style=business] .case-content{padding:25px 40px}body[data-portal-style=business] .section-heading h2{font-size:35px}body[data-portal-style=business] .about-art{background:#e1e9ed}
/* D: a lead story, two secondary stories and editorial dividers. */
body[data-portal-style=editorial] :is(h2,h3){font-family:Georgia,'Songti SC',serif}body[data-portal-style=editorial] .solution-card{border:0;border-top:2px solid var(--line);border-radius:0;padding-inline:0}body[data-portal-style=editorial] .case-grid{grid-template-columns:1fr 1fr;gap:30px}body[data-portal-style=editorial] .case-card{border:0;border-radius:0}body[data-portal-style=editorial] .case-card:first-child{grid-column:span 2;display:grid;grid-template-columns:1.1fr 1fr}body[data-portal-style=editorial] .case-content h3{font-size:28px}body[data-portal-style=editorial] .section-heading{border-bottom:2px solid #727563;padding-bottom:28px}body[data-portal-style=editorial] .about-section{grid-template-columns:1fr 1fr}body[data-portal-style=editorial] .about-art{border-radius:0}body[data-portal-style=editorial] .process-grid{gap:35px}body[data-portal-style=editorial] .step-number{font-family:Georgia,serif;font-size:40px;color:#ad684b}
/* E: soft silhouettes and slow, comfortable content flow. */
body[data-portal-style=organic] .solution-card{border-radius:50px 8px 50px 8px;padding-top:35px}body[data-portal-style=organic] .cases-section{border-radius:150px 0 150px 0;padding-top:15px;padding-bottom:15px}body[data-portal-style=organic] .case-card{border-radius:90px 90px 12px 12px}body[data-portal-style=organic] .case-preview{padding-top:35px;height:265px}body[data-portal-style=organic] .process-grid{grid-template-columns:1fr 1fr;gap:35px 70px}body[data-portal-style=organic] .process-grid article{padding:22px 25px;border-radius:25px;background:#e6eace}body[data-portal-style=organic] .contact-section{border-radius:100px 8px 100px 8px}body[data-portal-style=organic] .about-art{border-radius:150px 150px 10px 10px}
/* F: poster-like blocks, offset projects and a clear graphic contrast. */
body[data-portal-style=creative] .site-header{border-bottom:2px solid var(--ink)}body[data-portal-style=creative] :is(.solution-card,.case-card){border:2px solid var(--ink);border-radius:0}body[data-portal-style=creative] .solution-card:nth-child(2){margin-top:40px;background:#e8edd5}body[data-portal-style=creative] .case-card:nth-child(2){transform:translateY(20px)}body[data-portal-style=creative] .case-card:hover{transform:translateY(-5px)}body[data-portal-style=creative] .case-content h3{font-weight:700}body[data-portal-style=creative] .section-heading h2{font-weight:700;font-size:40px;letter-spacing:-2px}body[data-portal-style=creative] .cases-footnote{padding-top:45px}body[data-portal-style=creative] .step-number{font-size:45px;font-weight:700;color:#2445dd;border-bottom:2px solid #242624}body[data-portal-style=creative] .about-art{background:#cbe950;border:2px solid #242624;border-radius:0}body[data-portal-style=creative] .contact-section h2{font-size:48px;font-weight:700}body[data-portal-style=creative] .light-button{background:#cbe950;color:#1b211b;border-radius:0}
/* G: centered branding, spacious chapters and restrained labels. */
@media(min-width:1101px){body[data-portal-style=luxury] .site-header{display:grid;grid-template-columns:1fr auto 1fr;gap:25px}body[data-portal-style=luxury] .site-header>.brand{grid-column:2;grid-row:1}body[data-portal-style=luxury] .desktop-nav{grid-column:1;grid-row:1;gap:18px}body[data-portal-style=luxury] .desktop-nav a{font-size:10px}body[data-portal-style=luxury] .header-actions{grid-column:3;justify-self:end;gap:11px}}
body[data-portal-style=luxury] :is(h2,h3){font-family:Georgia,'Songti SC',serif}body[data-portal-style=luxury] .solution-card{border:0;border-top:1px solid var(--line);border-radius:0;padding-top:40px}body[data-portal-style=luxury] .solution-card h3{font-size:28px}body[data-portal-style=luxury] .case-grid{gap:45px}body[data-portal-style=luxury] .case-card{border:0;border-radius:0;background:none}body[data-portal-style=luxury] .case-content{padding-inline:0}body[data-portal-style=luxury] .section-heading{text-align:center;display:block;margin-bottom:45px}body[data-portal-style=luxury] .section-heading p{margin-top:25px}body[data-portal-style=luxury] .section-kicker{justify-content:center}body[data-portal-style=luxury] .step-number{font-family:Georgia,serif;font-size:45px;color:#ab926b}body[data-portal-style=luxury] .contact-section{background:transparent;color:var(--ink);border-block:1px solid var(--line);padding-top:65px;padding-bottom:65px}body[data-portal-style=luxury] .contact-section p{color:#ab9477}body[data-portal-style=luxury] .contact-email{color:#8b6d49}body[data-portal-style=luxury] .light-button{background:#8c6d47;color:#f5ecdd;border-radius:0}
/* H: application-like cards and clear action paths. */
body[data-portal-style=product] :is(.solution-card,.case-card){border-radius:13px;border-color:#ddd2eb;box-shadow:0 10px 30px #80679f0a}body[data-portal-style=product] .solution-card{background:#fff}body[data-portal-style=product] .process-grid article{border-radius:12px;padding:23px;background:#f0eaf7}body[data-portal-style=product] .step-number{color:#af94c6}body[data-portal-style=product] .contact-section{border-radius:18px;background:#6c52b0}
@media(max-width:1100px){.header-actions{gap:10px}.desktop-nav{gap:16px}.desktop-nav a{font-size:11px}.header-contact{padding:10px 11px}.header-contact span{margin-left:7px}.portal-style-trigger{padding:9px 10px;font-size:9px}.portal-theme-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.desktop-nav{display:none}.menu-toggle{display:block}.mobile-nav{top:97px}.portal-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-portal-style=business] .case-card{grid-template-columns:1fr 1.15fr}body[data-portal-style=business] .case-content{padding:25px}body[data-portal-style=minimal] .case-grid{gap:25px}.portal-hero .luxury-art-title h1{font-size:36px}.portal-hero .luxury-art-title h1 em{font-size:46px}.portal-product-cards{gap:15px}.portal-product-cards article{padding:18px}.portal-product-cards h3{font-size:18px}.portal-product-cards p{font-size:11px}}
@media(max-width:650px){.portal-style-trigger{padding:7px 8px;gap:4px;font-size:8px}.portal-style-trigger>span:first-child{font-size:14px}.header-actions{gap:5px}.header-contact{font-size:8px;padding:9px 8px}.header-contact span{display:none}.site-header .brand-logo{width:123px}.site-header .brand-company{margin-left:36px;font-size:6px}.mobile-nav{top:78px}.portal-style-dialog{padding:30px 20px}.portal-style-dialog h2{font-size:23px;line-height:1.5}.portal-theme-grid{grid-template-columns:1fr 1fr;gap:13px}.portal-theme-option strong{font-size:10px;padding-inline:10px}.portal-theme-option>span{font-size:7px;padding-inline:10px}.portal-minimal-shell{padding:0 7%}.portal-minimal-shell .minimal-statement h1{font-size:39px;line-height:1.5;letter-spacing:-1.5px}.portal-minimal-shell .minimal-statement .line-link{font-size:10px;gap:20px}.portal-hero-contact{font-size:10px;padding:10px 14px;margin:15px 0 0}.portal-tech-shell .tech-heading h1{font-size:36px}.portal-tech-shell .tech-heading p{font-size:10px}.portal-tech-shell .portal-hero-contact{margin-top:10px}.portal-editorial-shell .editorial-masthead>a{font-size:35px}.portal-editorial-shell .editorial-latest button{font-size:9px}.portal-hero .luxury-art-title h1{font-size:29px;line-height:1.5}.portal-hero .luxury-art-title h1 em{font-size:36px}.portal-hero .luxury-art-title>span{font-size:7px;max-width:280px;line-height:2;display:block}.portal-hero .product-heading{padding:30px 7%}.portal-hero .app-window{margin-bottom:35px}.portal-product-cards{grid-template-columns:1fr;margin-top:23px}.portal-product-cards h3{font-size:19px}.portal-product-cards p{font-size:11px}.portal-hero .app-note{font-size:8px}body[data-portal-style=minimal] .solution-card,body[data-portal-style=business] .solution-card{display:block;padding:25px 0}body[data-portal-style=business] .solution-card{padding:25px}body[data-portal-style=minimal] :is(.browser-illustration,.agent-illustration),body[data-portal-style=business] :is(.browser-illustration,.agent-illustration){margin:25px 0}body[data-portal-style=minimal] .case-grid,body[data-portal-style=editorial] .case-grid{grid-template-columns:1fr;gap:28px}body[data-portal-style=minimal] .case-card:nth-child(2){margin-top:0}body[data-portal-style=business] .case-card,body[data-portal-style=editorial] .case-card:first-child{display:block;grid-column:auto}body[data-portal-style=business] .case-preview{border-right:0;border-bottom:1px solid var(--line)}body[data-portal-style=business] .section-heading h2{font-size:29px}body[data-portal-style=editorial] .about-section{grid-template-columns:1fr}body[data-portal-style=editorial] .case-content h3{font-size:24px}body[data-portal-style=organic] .cases-section{border-radius:70px 0 70px 0}body[data-portal-style=organic] .process-grid{gap:20px;grid-template-columns:1fr}body[data-portal-style=organic] .case-preview{padding-inline:30px}body[data-portal-style=organic] .contact-section{border-radius:60px 8px 60px 8px}body[data-portal-style=creative] .solution-card:nth-child(2){margin-top:0}body[data-portal-style=creative] .case-card:nth-child(2){transform:none}body[data-portal-style=creative] .section-heading h2{font-size:31px}body[data-portal-style=creative] .contact-section h2{font-size:36px}body[data-portal-style=luxury] .case-grid{gap:27px}body[data-portal-style=luxury] .contact-section{padding-inline:20px}body[data-portal-style=product] .process-grid{grid-template-columns:1fr;gap:20px}}
@media(max-width:360px){.header-contact{font-size:7px;padding:8px 6px}.portal-style-trigger{padding:7px 6px;font-size:7px}.site-header .brand-logo{width:108px}.site-header .brand-company{margin-left:33px;font-size:5px}.header-actions{gap:3px}.menu-toggle{padding:5px}.portal-tech-shell .tech-heading h1{font-size:30px}.portal-editorial-shell .editorial-masthead>a{font-size:29px}.portal-minimal-shell .minimal-statement h1{font-size:33px}.portal-hero .business-hero-copy h1{font-size:36px}}
.portal-hero[data-style=editorial],.portal-hero[data-style=luxury]{font-family:Georgia,'Songti SC',serif}.portal-hero[data-style=organic] .portal-hero-contact{margin-left:12px}.portal-hero[data-style=luxury] .luxury-art-title{padding:25px 30px;background:linear-gradient(90deg,#f4ecddc9,#f4ecdd50);border-left:1px solid #e9ddc7;width:430px}.portal-hero[data-style=luxury] .luxury-art-title h1{color:#44311f}.portal-hero[data-style=luxury] .luxury-art-title h1 em{color:#6c4729}.portal-hero[data-style=luxury] .luxury-art-title>span{color:#70583c}.portal-hero[data-style=luxury] .luxury-side-note :is(span,p,a){color:#473624}.portal-hero[data-style=luxury] .luxury-corner{color:#f2e9d4;text-shadow:0 1px 4px #3e301a}.portal-hero[data-style=luxury] .luxury-corner a{color:inherit}
@media(max-width:650px){.portal-hero[data-style=luxury] .luxury-art-title{padding:18px 20px;width:280px;left:6%;top:25px}.portal-hero[data-style=organic] .portal-hero-contact{margin-left:9px}.portal-hero[data-style=luxury] .luxury-art-title h1{font-size:24px}.portal-hero[data-style=luxury] .luxury-art-title h1 em{font-size:30px}}