:root{--red:#b10e23;--deep:#8a0b1b;--vivid:#e23b4f;--ink:#231f20;--muted:#625d60;--line:#e5e1e3;--soft:#f5f5f5;--blue:#288dbb}body{font-family:'Be Vietnam Pro',Arial,sans-serif;line-height:1.8;background:#fff}main{overflow:hidden}h1,h2,h3{font-weight:600}h2{font-size:clamp(29px,3.2vw,44px);line-height:1.3;letter-spacing:-.8px}p{line-height:1.85}section{padding:90px 0}.wrap{max-width:1240px;padding:0 48px}.eyebrow{font-size:12px;font-weight:500;letter-spacing:1.6px}.intro{max-width:840px;margin-bottom:45px}.intro p{max-width:700px;margin:0 auto}.btn{border-radius:8px;padding:14px 25px;font-weight:500;font-size:15px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:var(--deep)}.btn.outline{background:#fff;border-color:#ddd9d7;color:var(--ink)}.btn.outline:hover{border-color:var(--red);color:var(--red)}.bizone-hero{position:relative;isolation:isolate;padding:67px 0 0;background:radial-gradient(ellipse 650px 420px at 8% 65%,#f7e2e999,transparent),radial-gradient(ellipse 650px 440px at 95% 70%,#f9e9ee88,transparent),#fff}.portal-hero-copy{max-width:950px;margin:auto;text-align:center;position:relative}.portal-product-brand{display:flex;align-items:center;justify-content:center;gap:16px}.portal-product-brand img{width:112px;height:38px;object-fit:contain;display:block}.portal-product-brand>span{border-left:1px solid #ddd9df;padding-left:16px;color:#71717b;font-size:12px;letter-spacing:1.3px}.portal-hero-copy h1{font-size:clamp(34px,4vw,56px);line-height:1.25;letter-spacing:-1.7px;margin:24px 0}.portal-hero-copy h1 em{background:linear-gradient(110deg,#8a0b1b,#b10e23,#e23b4f);color:transparent;background-clip:text;-webkit-background-clip:text}.portal-hero-copy>p{font-size:17px;max-width:720px;margin:0 auto}.portal-hero-copy .actions{justify-content:center;margin-top:28px;gap:14px}.portal-hero-product{max-width:1050px;margin:45px auto 0;position:relative;padding:0 32px 35px 0;animation:screen-entrance .8s both}.portal-hero-screen{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 24px 65px #231f2014}.portal-hero-float{position:absolute;width:33%;right:-5px;bottom:0;box-shadow:0 18px 40px #231f2018;border-radius:13px;border:8px solid white}.portal-orbits{position:absolute;inset:0;z-index:-1;pointer-events:none}.portal-orbit{position:absolute;display:grid;place-items:center;width:55px;height:55px;border-radius:16px;background:white;border:1px solid #ece3e6;color:var(--red);box-shadow:0 10px 35px #8a0b1b08;animation:portal-float 6s ease-in-out infinite}.portal-orbit svg{width:27px;height:27px}.po-0{top:105px;left:7%;rotate:-12deg}.po-1{top:145px;right:7%;rotate:10deg;animation-delay:-1s}.po-2{top:330px;left:11%;width:43px;height:43px;rotate:8deg;color:var(--vivid);animation-delay:-2s}.po-3{top:350px;right:11%;width:43px;height:43px;rotate:-8deg;animation-delay:-3s}.strip{background:#fff;padding:25px 0;border-color:#eee9eb}.strip .wrap{font-size:12px;gap:20px}.strip b{font-size:10px;letter-spacing:1px;font-weight:500}
#architecture{background:#f5f5f5}.portal-architecture{padding:30px;border:1px solid #e8e3e4;border-radius:22px;background:white}.portal-users span{background:#f5f5f5;border-color:#e8e3e4;font-weight:500;font-size:13px}.portal-access{background:#faf7f8;border-color:#ecdde2;font-size:13px}.portal-flow{color:#c797a5}.portal-workspace{border-color:#e6dce0;border-radius:16px}.portal-heading{background:#fff;color:var(--ink);padding:27px;border-bottom:1px solid #e9e4e7}.portal-heading>span{color:var(--red);font-weight:500}.portal-core-brand{display:block;width:130px;margin:15px auto 8px}.portal-core-brand img{display:block;width:100%;height:auto}.portal-heading h3{font-size:21px;margin:8px 0}.portal-heading p{color:var(--muted)}.portal-groups{gap:12px;padding:22px}.portal-groups article{background:#faf8f9;border:1px solid #eee4e8;border-radius:12px;padding:18px 14px}.portal-groups article:nth-child(even){background:#f5f5f5}.portal-groups h4{font-size:14px;font-weight:600}.portal-icon{background:#fff;color:var(--red);width:38px;height:38px;padding:8px;border:1px solid #eddfe4;border-radius:10px}.portal-icon svg{width:22px;height:22px}.portal-groups .portal-helpdesk{background:#faf2f5;border-color:#ecdde2}.portal-groups li{border-color:#e9e3e6;font-size:12px}.portal-platform{background:#f5f5f5;border-color:#e8e3e4}.portal-scope{font-size:12px}
#modules{background:white}.tabs{gap:9px;margin-bottom:40px}.tabs button{background:#f5f5f5;border-color:#e8e3e4;border-radius:9px;padding:12px 16px;font-size:14px;font-weight:500;color:var(--muted)}.tabs button[aria-selected=true]{background:var(--red);border-color:var(--red)}.feature{grid-template-columns:.65fr 1.35fr;gap:40px;background:none;border:0;overflow:visible;align-items:center;min-height:440px}.feature-copy{padding:0}.feature-copy h3{font-size:28px;line-height:1.4}.feature-copy p,.feature-copy li{font-size:15px}.feature-copy ul{padding-left:18px}.feature-copy li::marker{color:var(--red)}.feature-copy .eyebrow{font-size:11px}.feature-art{background:none;padding:0;display:block}.portal-module-composition{position:relative;padding:0 18px 80px 0}.portal-module-screen{width:100%;height:auto;display:block;border-radius:14px;box-shadow:0 18px 40px #231f2010}.portal-module-note{position:absolute;right:0;bottom:0;width:43%;padding:17px 19px;border:1px solid #e1e7eb;background:#fff;box-shadow:0 15px 35px #23475914;border-radius:13px}.portal-module-note strong{font-size:16px;line-height:1.5;display:block;color:var(--blue);font-weight:600}.portal-module-note span{font-size:13px;line-height:1.7;color:#648197;display:block;margin-top:5px}
.value{background:radial-gradient(ellipse 550px 360px at 90% 60%,#f091a91d,transparent),white;color:var(--ink);padding-top:25px}.value>.wrap>.eyebrow{color:var(--red)!important}.value>.wrap>p{color:var(--muted);max-width:700px}.value .grid{grid-template-columns:1fr 1fr;gap:26px;margin-top:40px}.value .pain{border:1px solid #e8e3e4;border-radius:18px;padding:30px 30px 0;background:#f5f5f5;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s}.value .pain:hover{transform:translateY(-4px)}.value .pain h3{font-size:24px;margin:18px 0 10px}.value .pain p{font-size:15px;color:var(--muted);margin-bottom:25px}.value .pain:nth-child(2){background:var(--deep);border-color:var(--deep);color:white}.value .pain:nth-child(2) p{color:white}.value .pain:nth-child(3){background:white}.value .pain:nth-child(4){background:#f9ecef;border-color:#ecdde2}.value-symbol{background:var(--red);color:white;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:24px;line-height:1}.value .pain:nth-child(2) .value-symbol{background:#fff;color:var(--deep)}.value .pain:nth-child(4) .value-symbol{background:var(--deep)}.value-picture{margin-top:auto;line-height:0;border-radius:12px 12px 0 0;overflow:hidden;height:200px}.value-picture img{display:block;width:100%;height:auto}
.deploy{gap:22px}.deploy article{position:relative;background:#f5f5f5;border:1px solid #e5dfe1;border-radius:18px;padding:32px;display:flex;flex-direction:column}.deploy article:nth-child(2){background:#fff}.deploy article:nth-child(3){background:#faf3f5;border-color:#ecdde2}.deploy h3{font-size:23px;margin:12px 0}.deploy article p{font-size:15px;min-height:56px}.deploy article li{font-size:14px;line-height:1.8;margin:11px 0}.deploy article ul{border-top:1px solid #e3dade;padding:16px 0 0 18px;margin-top:0}.deploy li::marker{color:var(--red)}.deployment-symbol{display:grid;place-items:center;width:50px;height:50px;background:white;border:1px solid #eadde1;border-radius:13px;color:var(--red);margin-bottom:22px}.deployment-symbol svg{width:27px;height:27px}.deploy article:nth-child(2) .deployment-symbol{background:var(--red);color:white;border-color:var(--red)}.deploy .num{font-size:11px;letter-spacing:1px;font-weight:500}.deployment-action{text-align:center;margin-top:35px}
.practice-section{background:#fff;border-top:0}.practice-intro{grid-template-columns:1.2fr 1fr;gap:45px}.practice-intro h2{font-size:clamp(29px,3.2vw,42px)}.practice-grid{grid-template-columns:1fr 1fr;gap:24px}.practice-card{border:1px solid #e8e3e4;border-radius:18px;padding:30px;background:#f5f5f5;box-shadow:none}.practice-card:nth-child(2){background:var(--deep);border-color:var(--deep);color:white}.practice-card:nth-child(2) p,.practice-card:nth-child(2) .practice-team,.practice-card:nth-child(2) .practice-card-foot{color:#f6e5e9}.practice-card:nth-child(2) .practice-icon{background:white}.practice-card:nth-child(3){background:white}.practice-card:nth-child(4){background:#f9ecef;border-color:#ecdde2}.practice-card h3{font-size:24px;max-width:440px}.practice-card p{font-size:15px}.practice-icon{background:var(--red);color:white;border-radius:13px}.practice-card:nth-child(2) .practice-icon{color:var(--deep)}.practice-card:nth-child(3) .practice-icon{background:var(--vivid)}.practice-card:nth-child(4) .practice-icon{background:var(--deep)}.practice-module{background:#fff;color:var(--muted);font-weight:500}.practice-card:nth-child(2) .practice-module{background:#ffffff20;color:#fff}.practice-card-foot{font-size:11px;border-color:#e6dfe3}.practice-card:nth-child(2) .practice-card-foot{border-color:#ffffff30}.practice-card:nth-child(2) .practice-card-foot span{color:#fff}.practice-summary{border-radius:16px;background:#f5f5f5;padding:27px}.practice-summary strong{font-weight:600}
#contact{background:var(--deep);color:white;border:0;padding:76px 0}.cta .eyebrow{color:#f7c6d0}.cta h2{font-size:clamp(30px,3.5vw,46px)}.cta p{color:#f5e5e9;font-size:16px}.cta .btn{background:#fff;color:var(--deep);border-color:white}.cta .btn:hover{background:#f9ecef}footer{background:#231f20}footer .wrap{max-width:1240px}.footer-bizone{display:inline-block;background:#fff;border-radius:7px;padding:8px 12px;margin-bottom:12px}.footer-bizone img{display:block;width:132px;height:45px;object-fit:contain}footer h3{font-size:16px;font-weight:500}footer p,footer a{font-size:14px}.footer-bottom{margin-top:30px;font-size:12px}.portal-in{animation:portal-entrance .65s both}@keyframes portal-entrance{from{opacity:.4;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes portal-float{50%{transform:translateY(-9px)}}@keyframes screen-entrance{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.wrap{padding:0 30px}.po-2,.po-3{display:none}.po-0{left:2%;top:60px;width:40px;height:40px}.po-1{right:2%;top:90px;width:40px;height:40px}.portal-orbit svg{width:22px;height:22px}.feature{grid-template-columns:1fr;gap:30px}.feature-copy{max-width:700px}.portal-module-composition{max-width:850px;margin:auto}.practice-intro{grid-template-columns:1fr;gap:20px}.portal-hero-copy h1{font-size:44px}}
@media(max-width:700px){section{padding:64px 0}.wrap{padding:0 22px}.bizone-hero{padding-top:43px}.portal-product-brand{gap:12px}.portal-product-brand img{width:93px;height:32px}.portal-product-brand>span{font-size:10px;padding-left:12px}.portal-hero-copy h1{font-size:34px;letter-spacing:-1px}.portal-hero-copy h1 br{display:none}.portal-hero-copy>p{font-size:16px}.portal-hero-copy .actions{gap:10px}.btn{font-size:14px;padding:12px 18px}.portal-hero-product{margin-top:32px;padding-right:12px;padding-bottom:40px}.portal-hero-float{width:43%;border-width:5px}.portal-orbit{width:30px;height:30px;top:20px}.portal-orbit svg{width:17px;height:17px}.po-0{left:3%}.po-1{right:3%}.strip .wrap{gap:12px;font-size:11px;justify-content:center}.strip b{flex-basis:100%;text-align:center}.portal-architecture{padding:18px 14px}.portal-groups{padding:14px;gap:10px}.portal-groups article{padding:13px 11px}.portal-access{padding:12px}.portal-module-composition{padding:0 10px 105px 0}.portal-module-note{width:62%;padding:14px 16px}.portal-module-note strong{font-size:15px}.value .grid,.practice-grid{grid-template-columns:1fr}.value{padding-top:15px}.value .pain{padding:25px 25px 0}.value .pain h3,.practice-card h3{font-size:22px}.value-picture{height:190px}.deploy article{padding:27px}.deploy article p{min-height:0}.practice-card{padding:25px}.practice-intro{gap:18px}.practice-summary{padding:22px}.practice-summary a{margin-left:0}.practice-summary-mark{display:none}footer .wrap{gap:25px}.practice-summary{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}