.portal-body{background:radial-gradient(ellipse at 15% 0,#19337625,transparent 45%),var(--bg);min-height:100vh}.portal-header{max-width:1340px;margin:16px auto 0;border:1px solid var(--line);border-radius:18px;padding:15px 24px;display:flex;align-items:center;gap:36px;background:color-mix(in srgb,var(--surface) 65%,transparent)}.portal-header nav{display:flex;align-items:center;gap:30px;flex:1;justify-content:center;font-size:16px}.portal-header nav a{color:var(--muted);position:relative}.portal-header nav a:hover,.portal-header nav a.current{color:var(--ink)}.portal-header nav a.current:after{content:'';position:absolute;bottom:-10px;right:0;width:18px;height:2px;background:var(--cyan)}.portal-main{max-width:1280px;margin:auto;padding:0 32px 50px;min-height:65vh}.portal-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:480px;gap:36px;padding:55px 0 32px}.portal-hero h1{font-size:clamp(42px,5.2vw,70px);line-height:1.22;letter-spacing:-1.8px}.portal-hero h1>span{color:var(--cyan);background:linear-gradient(100deg,#9a7fff,#06d6ff);background-clip:text;-webkit-text-fill-color:transparent}.hero-copy>p{max-width:560px;font-size:20px;line-height:1.9;margin:22px 0 28px}.portal-art{height:340px;position:relative;display:grid;place-items:center;isolation:isolate}.portal-logo{width:340px;height:290px;z-index:2}.art-ring{position:absolute;width:430px;height:220px;border:1px solid #547fff35;border-radius:50%;transform:rotate(-28deg);z-index:-1}.ring-b{width:300px;height:300px;transform:rotate(30deg);border-color:#8b5cf624}.portal-art:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse,#2563ff20,transparent 65%);z-index:-1}.orbit-label{position:absolute;color:var(--muted);font-size:13px;letter-spacing:.4px}.label-top{top:5px;right:15px}.label-bottom{bottom:0;left:15px;display:flex;align-items:center;gap:9px}.label-bottom i,.status-dot{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px #06d6ff}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:20px 0 28px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2{font-size:32px}.text-link{color:var(--accent);font-size:16px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{--service-color:#06d6ff;display:flex;flex-direction:column;position:relative;border:1px solid var(--line);border-radius:18px;padding:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--service-color) 5%,var(--surface)),var(--surface));transition:transform .22s,border-color .22s;min-height:320px;overflow:hidden}.service-card:after{content:'';position:absolute;width:90px;height:90px;border:1px solid color-mix(in srgb,var(--service-color) 18%,transparent);border-radius:50%;top:-38px;left:-38px}.service-card:hover{transform:translateY(-5px);border-color:var(--service-color)}.color-store{--service-color:#06d6ff}.color-bolt{--service-color:#ffd166}.color-message{--service-color:#aa8aff}.color-apps{--service-color:#e487e9}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.service-glyph{width:48px;height:48px;border:1px solid color-mix(in srgb,var(--service-color,#06d6ff) 28%,transparent);background:color-mix(in srgb,var(--service-color,#06d6ff) 8%,transparent);border-radius:14px;display:grid;place-items:center;color:var(--service-color,#06d6ff);flex:none}.service-glyph svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.card-number{font-size:14px;font-family:monospace;color:var(--muted)}.card-badge{color:var(--muted);font-size:12px;display:inline-block;margin-bottom:8px}.service-card h2{font-size:23px;margin-bottom:12px}.service-card p{font-size:16px;line-height:1.8;flex:1;margin-bottom:24px}.card-link{font-size:14px;display:flex;justify-content:space-between;color:var(--service-color)}.card-link b{font-size:20px;font-weight:400}.page-heading{padding:65px 0 35px;max-width:850px}.page-heading p{margin-top:20px;font-size:20px;line-height:1.9;max-width:750px}.page-heading .btn{margin-top:24px}.page-heading h1{font-size:52px}.crumb{display:flex;gap:15px;color:var(--muted);font-size:14px;padding:35px 0 22px}.crumb a{color:var(--accent)}.service-heading{display:flex;align-items:center;gap:24px;padding:12px 0 35px}.service-heading .service-glyph{width:78px;height:78px;border-radius:22px}.service-heading svg{width:38px;height:38px}.service-heading h1{font-size:42px;margin-bottom:12px}.service-heading p{max-width:780px;font-size:19px}.service-tabs{display:flex;gap:8px;overflow:auto;border-block:1px solid var(--line);padding:12px 0;scrollbar-width:thin}.service-tabs a{white-space:nowrap;padding:10px 20px;border-radius:8px;font-size:16px;color:var(--muted)}.service-tabs a[aria-current]{background:var(--surface-2);color:var(--ink);box-shadow:inset 0 -2px var(--cyan)}.service-tabs a:hover{color:var(--ink)}.service-page{padding:24px 0}.page-copy{max-width:850px;margin:0 0 30px}.page-copy p{font-size:19px;line-height:1.95;margin-bottom:14px;white-space:pre-wrap}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:26px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.feature-index{color:var(--accent);font-family:monospace;font-size:13px;display:block;margin-bottom:20px}.feature h3{font-size:22px;margin-bottom:12px}.feature p{font-size:17px;line-height:1.8}.page-number{direction:ltr;font-family:monospace;color:var(--muted);font-size:13px}.next-page{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:26px;margin-top:36px;font-size:15px;color:var(--muted)}.portal-footer{max-width:1280px;margin:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:25px;font-size:14px;color:var(--muted)}.portal-footer strong{color:var(--ink);font-size:16px}.portal-footer p{font-size:14px;margin-top:6px}.portal-footer nav{display:flex;gap:20px;flex-wrap:wrap}.about-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:center}.about-logo img{max-width:340px;margin:auto}.service-demo{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface)}.demo-toolbar{padding:16px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.demo-toolbar .status-dot{margin-left:8px}.demo-content{padding:32px;display:grid;grid-template-columns:1fr 1.5fr;gap:45px;align-items:center}.demo-description h3{margin:20px 0 12px}.demo-description p{font-size:16px;margin-bottom:22px;max-width:330px}.demo-description .demo-status{font-size:13px;color:var(--accent);margin:12px 0 0}.demo-steps{display:grid;gap:14px}.demo-steps button{display:flex;align-items:center;gap:18px;text-align:right;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--bg);transition:all .25s}.demo-steps button.active{border-color:var(--service-color);background:color-mix(in srgb,var(--service-color) 7%,var(--bg))}.step-dot{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);color:var(--muted);flex:none;font-size:14px}.active .step-dot{background:var(--service-color);color:#0b1226}.demo-steps strong{display:block;font-size:18px}.demo-steps small{display:block;color:var(--muted);font-size:14px;margin-top:4px}.step-state{margin-right:auto;color:var(--muted);font-size:12px;white-space:nowrap}.active .step-state{color:var(--service-color)}.demo-progress{height:3px;background:var(--line)}.demo-progress i{display:block;width:0;height:100%;background:var(--service-color);transition:width .3s}.service-request{background:var(--surface);border:1px solid var(--line);border-radius:18px;max-width:880px;padding:32px}.form-heading{max-width:700px;margin-bottom:26px}.form-heading h3{margin-bottom:12px}.form-heading p{font-size:16px}.request-consent{display:flex;gap:10px;align-items:flex-start;margin:22px 0;font-size:15px;color:var(--muted)}.request-consent input{width:18px;height:18px;accent-color:var(--blue);flex:none;margin-top:4px}.service-request output{font-size:15px;max-width:500px}.trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.preview-banner{background:#ffd166;color:#0b1226;text-align:center;padding:10px;font-size:14px}.not-found{padding-block:100px}[data-theme=light] .service-card{--service-color:#165ac4}[data-theme=light] .service-heading,[data-theme=light] .service-demo{--service-color:#165ac4}@media(max-width:1050px){.service-grid{grid-template-columns:repeat(2,1fr)}.portal-header{margin:12px}.portal-logo{width:290px}.art-ring{width:350px}.portal-hero{gap:20px}.portal-header nav{gap:18px}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.portal-header{padding:14px;gap:12px;flex-wrap:wrap;justify-content:space-between}.portal-header nav{order:3;flex-basis:100%;justify-content:flex-start;overflow:auto;border-top:1px solid var(--line);padding-top:14px;gap:26px;white-space:nowrap}.portal-header nav a.current:after{bottom:-4px}.portal-main{padding:0 20px 25px}.portal-hero{grid-template-columns:1fr;padding-top:40px;gap:28px}.portal-hero h1{font-size:46px}.hero-copy>p{font-size:18px}.portal-art{height:265px;overflow:hidden}.portal-logo{width:290px;height:250px}.label-top{font-size:11px;top:0}.label-bottom{font-size:11px;bottom:0}.service-grid{grid-template-columns:1fr}.service-card{min-height:270px;padding:24px}.service-card .card-top{margin-bottom:16px}.section-heading h2{font-size:28px}.section-heading{gap:12px}.section-heading .text-link{font-size:14px;white-space:nowrap}.page-heading{padding-top:40px}.page-heading h1{font-size:38px}.page-heading p{font-size:18px}.service-heading{gap:16px;align-items:start}.service-heading .service-glyph{width:50px;height:50px;border-radius:14px}.service-heading svg{width:25px;height:25px}.service-heading h1{font-size:30px}.service-heading p{font-size:16px}.service-tabs a{padding:10px 13px;font-size:14px}.feature-grid{grid-template-columns:1fr}.page-copy p{font-size:17px}.demo-content{grid-template-columns:1fr;padding:22px;gap:24px}.demo-toolbar{padding:14px;font-size:11px}.demo-steps button{padding:16px;gap:12px;flex-wrap:wrap}.step-state{font-size:11px}.service-request{padding:22px}.portal-footer{flex-direction:column;align-items:start;margin:0 20px;padding:24px 0;gap:16px}.about-layout{grid-template-columns:1fr;gap:20px}.about-logo{max-width:250px;margin:auto}.page-number{font-size:11px}}@media(prefers-reduced-motion:reduce){.service-card,.demo-progress i,.demo-steps button{transition:none}}

.demo-result{padding:20px;background:var(--bg);border:1px solid var(--line);border-radius:14px}.sample-label{font-size:12px;color:var(--muted);display:block;margin-bottom:12px}.sample-message{padding:18px;background:#173e3a;color:#e5fff7;border-radius:12px 2px 12px 12px;font-size:17px;line-height:1.8;white-space:pre-wrap}.sample-message small{display:block;text-align:left;font-size:11px;color:#91d5c5;margin-top:8px}.sample-store strong{display:block;padding:18px;border-radius:10px;background:linear-gradient(110deg,#2563ff25,#8b5cf625);font-size:20px}.sample-store>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.sample-store>div>span{padding:22px 8px;border:1px solid var(--line);border-radius:8px;font-size:13px;text-align:center;color:var(--muted)}.sample-receipt{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.sample-receipt b{grid-row:span 2;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#80e2ba;background:#80e2ba15}.sample-receipt small{color:var(--muted);font-size:12px}
.portal-header nav,.service-tabs{overflow-y:hidden;scrollbar-width:none}.portal-header nav::-webkit-scrollbar,.service-tabs::-webkit-scrollbar{display:none}