/* ServiceOS portal v2 */
.portal-home{background:#090a0d;color:#f1f3f5}
.portal-nav{background:rgba(9,10,13,.72);backdrop-filter:blur(18px)}
.portal-nav .nav-inner{gap:22px}
.portal-links{margin-left:auto}
.portal-nav-actions{display:flex;align-items:center;gap:8px}
.nav-login-button,.nav-panel-link{height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:#14171c;color:#e9edf1;display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:11px;font-weight:800;cursor:pointer;text-decoration:none}
.nav-login-button:hover,.nav-panel-link:hover{border-color:rgba(255,124,65,.32);background:#181c22}
.nav-panel-link{color:#ff9360;background:rgba(255,112,44,.06)}
.portal-hero{position:relative;min-height:770px;display:flex;align-items:center;padding:150px 0 90px;overflow:hidden}
.portal-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(4px)}
.orb-one{width:700px;height:700px;right:-220px;top:-260px;background:radial-gradient(circle,rgba(255,84,22,.16),transparent 66%)}
.orb-two{width:520px;height:520px;left:-260px;bottom:-260px;background:radial-gradient(circle,rgba(255,145,30,.08),transparent 68%)}
.portal-hero-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);gap:64px;align-items:center;position:relative;z-index:2}
.portal-kicker,.portal-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:850;letter-spacing:.12em;color:#ff8752}
.portal-hero-copy h1{font-size:clamp(52px,5.6vw,84px);line-height:.98;letter-spacing:-.065em;margin:18px 0 24px;max-width:760px}
.portal-hero-copy h1 span,.portal-section-head h2 em,.portal-mobile-copy h2 em,.portal-download-card h2 em{font-style:normal;color:#7c858f}
.portal-hero-copy>p{max-width:660px;color:#969fa9;font-size:15px;line-height:1.75}
.portal-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}
.portal-login-cta{border:0}
.portal-trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#68727d;font-size:10px}
.portal-trust-row span{display:inline-flex;align-items:center;gap:6px}
.portal-trust-row i{width:5px;height:5px;border-radius:50%;background:#6fd598;box-shadow:0 0 12px rgba(111,213,152,.38)}
.portal-product-stage{position:relative;min-height:560px}
.desktop-mock{position:absolute;left:0;right:50px;top:30px;height:430px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:#111419;box-shadow:0 45px 110px rgba(0,0,0,.48);overflow:hidden;transform:perspective(1300px) rotateY(-7deg) rotateX(2deg)}
.desktop-top{height:48px;padding:0 15px;border-bottom:1px solid #232830;display:flex;align-items:center;justify-content:space-between;background:#0d1014}
.desktop-top>div{display:flex;align-items:center;gap:8px}.desktop-top strong{font-size:10px}.desktop-top small{font-size:8px;color:#70d79a}
.desktop-layout{height:calc(100% - 48px);display:grid;grid-template-columns:58px 1fr}
.desktop-layout aside{border-right:1px solid #22272e;background:#0d1014;padding:12px;display:flex;flex-direction:column;align-items:center;gap:13px}
.desktop-layout aside img{width:31px;height:31px}.desktop-layout aside i{width:27px;height:27px;border-radius:8px;background:#171b20}.desktop-layout aside i:first-of-type{background:rgba(255,113,48,.09);border:1px solid rgba(255,113,48,.12)}
.desktop-content{padding:35px}.mock-label{font-size:8px;color:#ff8350;font-weight:850;letter-spacing:.1em}.desktop-content h3{font-size:28px;letter-spacing:-.04em;margin:8px 0 24px}
.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mock-stats>div{padding:13px;border:1px solid #242a31;border-radius:10px;background:#0e1115;display:flex;flex-direction:column}.mock-stats span{font-size:8px;color:#69737e}.mock-stats strong{font-size:19px;margin-top:3px}
.mock-orders{display:flex;flex-direction:column;gap:6px;margin-top:16px}.mock-orders>div{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:8px;padding:10px;border:1px solid #21262d;border-radius:9px;background:#0e1115}.mock-orders b{font-size:9px;color:#ff8350}.mock-orders span{font-size:9px;color:#c1c7ce}.mock-orders em{font-style:normal;font-size:7px;color:#76818b;text-transform:uppercase}
.phone-mock{position:absolute;right:0;top:120px;width:218px;height:440px;border:6px solid #1b1e24;border-radius:34px;background:#0b0d11;box-shadow:0 40px 90px rgba(0,0,0,.55);padding:20px 13px 14px;z-index:4}
.phone-notch{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:70px;height:13px;border-radius:8px;background:#171a20}
.phone-app-head{display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:center;margin-top:8px}.phone-app-head img{width:25px}.phone-app-head div{display:flex;flex-direction:column}.phone-app-head strong{font-size:9px}.phone-app-head span{font-size:7px;color:#66717c}
.phone-greeting{display:flex;flex-direction:column;margin-top:24px}.phone-greeting span{font-size:6px;letter-spacing:.12em;color:#ff8752;font-weight:800}.phone-greeting strong{font-size:16px;margin-top:4px}
.phone-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:13px}.phone-actions>div{height:66px;padding:9px;border:1px solid #21262d;border-radius:11px;background:#111419;color:#ff8955;font-size:15px;display:flex;flex-direction:column;justify-content:space-between}.phone-actions span{font-size:7px;color:#a2aab3}
.phone-card{margin-top:11px;padding:11px;border:1px solid rgba(255,126,66,.16);border-radius:10px;background:rgba(255,111,45,.045);display:flex;flex-direction:column}.phone-card span{font-size:6px;color:#ff8752;font-weight:800}.phone-card strong{font-size:14px;margin-top:3px}.phone-card small{font-size:7px;color:#65707b;margin-top:2px}
.portal-float-card{position:absolute;z-index:5;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(15,18,23,.92);box-shadow:0 18px 45px rgba(0,0,0,.32);backdrop-filter:blur(14px)}
.portal-float-card>span{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:rgba(255,109,41,.08);color:#ff8853}.portal-float-card div{display:flex;flex-direction:column}.portal-float-card strong{font-size:9px}.portal-float-card small{font-size:7px;color:#69737e;margin-top:2px}
.float-mail{left:-25px;bottom:12px}.float-sync{right:10px;top:46px}
.portal-strip{border-top:1px solid #1c2026;border-bottom:1px solid #1c2026;background:#0b0d10}
.portal-strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.portal-strip-grid>div{padding:22px 20px;border-right:1px solid #1c2026;display:flex;flex-direction:column;gap:3px}.portal-strip-grid>div:last-child{border-right:0}.portal-strip strong{font-size:13px}.portal-strip span{font-size:8px;color:#626d78}
.portal-section{padding:110px 0}
.portal-section-head{max-width:760px;margin-bottom:38px}.portal-section-head>span{font-size:9px;color:#ff8551;letter-spacing:.12em;font-weight:850}.portal-section-head h2,.portal-mobile-copy h2,.portal-download-card h2{font-size:clamp(38px,4vw,58px);line-height:1.03;letter-spacing:-.055em;margin:12px 0 18px}.portal-section-head p,.portal-mobile-copy>p,.portal-download-card p{color:#7f8994;line-height:1.7;font-size:13px;max-width:680px}
.portal-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.portal-feature{min-height:250px;padding:21px;border:1px solid #20252c;border-radius:16px;background:#101318;position:relative;overflow:hidden}.portal-feature.feature-large{grid-column:span 2}.portal-feature>span{position:absolute;right:16px;top:15px;color:#3f4852;font-size:9px}.portal-feature-icon{width:38px;height:38px;border-radius:11px;background:rgba(255,108,40,.07);color:#ff8250;display:grid;place-items:center;font-size:17px}.portal-feature h3{font-size:18px;margin:35px 0 8px;letter-spacing:-.03em}.portal-feature p{margin:0;color:#78838e;font-size:11px;line-height:1.6}.feature-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:17px}.feature-chips i{font-style:normal;padding:5px 7px;border-radius:7px;background:#15191f;border:1px solid #242a32;color:#7f8994;font-size:8px}
.portal-mobile-section{background:linear-gradient(180deg,#090a0d,#0c0e12 45%,#090a0d)}
.portal-mobile-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:80px}.portal-mobile-copy>span{margin-bottom:8px}.mobile-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:26px 0}.mobile-capabilities>div{display:grid;grid-template-columns:32px 1fr;gap:9px;padding:12px;border:1px solid #20252c;border-radius:11px;background:#101318}.mobile-capabilities>b{}.mobile-capabilities>div>b{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#0c0f13;color:#ff8450}.mobile-capabilities span{display:flex;flex-direction:column}.mobile-capabilities strong{font-size:10px}.mobile-capabilities small{font-size:8px;color:#69747f;line-height:1.4;margin-top:2px}
.portal-mobile-preview{display:grid;place-items:center;min-height:620px;position:relative}.portal-mobile-preview::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,86,22,.13),transparent 68%)}
.mobile-preview-shell{position:relative;width:310px;height:600px;padding:23px 17px 18px;border:7px solid #1d2026;border-radius:42px;background:#0b0d10;box-shadow:0 50px 120px rgba(0,0,0,.5);z-index:2}.mobile-preview-top{height:18px;display:flex;justify-content:space-between;align-items:center;font-size:7px;color:#747e88}.mobile-preview-top i{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:86px;height:19px;border-radius:12px;background:#171a20}.mobile-preview-brand{display:grid;grid-template-columns:31px 1fr 30px;gap:8px;align-items:center;margin-top:11px}.mobile-preview-brand img{width:30px}.mobile-preview-brand>div{display:flex;flex-direction:column}.mobile-preview-brand strong{font-size:10px}.mobile-preview-brand small{font-size:7px;color:#66717c}.mobile-preview-brand button{width:29px;height:29px;border-radius:9px;border:1px solid #282e36;background:#14181d;color:#c9cfd5;font-size:8px}
.mobile-preview-title{display:flex;flex-direction:column;margin-top:27px}.mobile-preview-title small{font-size:7px;color:#ff8551;font-weight:850;letter-spacing:.09em}.mobile-preview-title strong{font-size:23px;letter-spacing:-.04em;margin-top:5px}.mobile-preview-tabs{display:flex;gap:5px;margin-top:16px}.mobile-preview-tabs span{padding:6px 8px;border-radius:8px;color:#66717c;font-size:7px}.mobile-preview-tabs .active{background:#171b20;color:#e7ebef}.mobile-preview-kpis{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.mobile-preview-kpis>div{padding:11px;border:1px solid #20252c;border-radius:11px;background:#101318;display:flex;flex-direction:column}.mobile-preview-kpis small{font-size:7px;color:#69737e}.mobile-preview-kpis strong{font-size:19px;margin-top:4px}
.mobile-preview-order{display:grid;grid-template-columns:6px 1fr auto;gap:8px;align-items:center;padding:11px 9px;border-bottom:1px solid #1c2127}.mobile-preview-order>i{width:5px;height:26px;border-radius:4px;background:#ff7d49}.mobile-preview-order>div{display:flex;flex-direction:column}.mobile-preview-order strong{font-size:8px}.mobile-preview-order span{font-size:7px;color:#69737e;margin-top:2px}.mobile-preview-order>b{font-size:6px;color:#ff9160}.mobile-new-order{position:absolute;left:17px;right:17px;bottom:19px;height:42px;border:0;border-radius:12px;background:linear-gradient(135deg,#ff7a37,#f24b31);color:#fff;font-size:10px;font-weight:850}
.flow-timeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center}.flow-timeline>article{min-height:155px;padding:18px;border:1px solid #20252c;border-radius:15px;background:#101318;display:grid;grid-template-columns:32px 1fr;gap:10px;align-content:start}.flow-timeline>article>b{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(255,111,43,.07);color:#ff8651;font-size:10px}.flow-timeline>article>span{display:flex;flex-direction:column}.flow-timeline strong{font-size:11px;margin-top:3px}.flow-timeline small{font-size:8px;color:#6e7984;line-height:1.55;margin-top:6px}.flow-timeline>i{font-style:normal;color:#414a54}
.portal-security-section{border-top:1px solid #1c2127;border-bottom:1px solid #1c2127;background:#0b0d10}.portal-security-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.security-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.security-feature-list>div{min-height:150px;padding:17px;border:1px solid #20252c;border-radius:13px;background:#101318;display:flex;flex-direction:column}.security-feature-list span{font-size:8px;color:#ff8551}.security-feature-list strong{font-size:13px;margin-top:auto}.security-feature-list small{font-size:8px;color:#6e7883;line-height:1.5;margin-top:5px}
.portal-download-section{padding:85px 0 120px}.portal-download-card{padding:38px;border:1px solid rgba(255,127,62,.18);border-radius:22px;background:linear-gradient(135deg,#15181e,#0e1014);display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center;overflow:hidden;position:relative}.portal-download-card::after{content:"";position:absolute;width:400px;height:400px;right:-220px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(255,87,24,.17),transparent 67%)}.portal-download-card h2{font-size:42px}.portal-download-actions{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.portal-download-actions>span{font-size:8px;color:#68727d}.portal-download-actions code{max-width:340px;font-size:7px;color:#535d68;word-break:break-all;text-align:right}.portal-download-actions>button{border:0;background:transparent;color:#ff8652;font-size:8px;cursor:pointer}
.portal-footer{border-top:1px solid #1d2228}

.portal-login-dialog{width:min(94vw,470px);padding:0;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#111419;color:#eff2f4;box-shadow:0 55px 160px rgba(0,0,0,.72)}
.portal-login-dialog::backdrop{background:rgba(3,4,6,.76);backdrop-filter:blur(7px)}
.portal-login-card{position:relative;padding:25px}.portal-login-close{position:absolute;right:15px;top:15px;width:31px;height:31px;border:1px solid #252b32;border-radius:9px;background:#15191f;color:#7d8791;font-size:18px;cursor:pointer}.portal-login-brand{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;margin-bottom:25px}.portal-login-brand img{width:39px}.portal-login-brand>div{display:flex;flex-direction:column}.portal-login-brand strong{font-size:12px}.portal-login-brand span{font-size:8px;color:#66717c}.portal-login-card h2{font-size:27px;letter-spacing:-.045em;margin:0 0 8px}.portal-login-card>p{font-size:10px;color:#7c8792;line-height:1.6;margin:0}.portal-code-field{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:18px}.portal-code-field input{height:46px;padding:0 13px;border:1px solid #292f37;border-radius:11px;background:#0c0f13;color:#fff;font-size:17px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.portal-code-field button{height:46px;padding:0 16px;border:0;border-radius:11px;background:linear-gradient(135deg,#ff7b39,#ef4d31);color:#fff;font-size:10px;font-weight:850;cursor:pointer}.portal-code-field button:disabled{opacity:.5}.portal-login-card>small{display:block;margin-top:7px;color:#5e6974;font-size:8px}.portal-login-card>small.auth-error{color:#ff8177}.portal-login-divider{display:flex;align-items:center;gap:8px;margin:19px 0}.portal-login-divider::before,.portal-login-divider::after{content:"";height:1px;background:#22272e;flex:1}.portal-login-divider span{font-size:8px;color:#535d68}.google-signin-host{min-height:40px;display:grid;place-items:center}.portal-account-state{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid #242a31;border-radius:10px;background:#0d1014}.portal-account-state>div{display:flex;flex-direction:column}.portal-account-state strong{font-size:10px}.portal-account-state span{font-size:8px;color:#68727c}.portal-account-state button{border:0;background:transparent;color:#ff8b60;font-size:8px}.portal-login-security{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:start;margin-top:18px;padding:10px;border-radius:10px;background:rgba(83,197,134,.04);border:1px solid rgba(83,197,134,.10)}.portal-login-security>span:first-child{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;color:#73d99c;background:rgba(83,197,134,.07)}.portal-login-security>span:last-child{font-size:8px;color:#728079;line-height:1.5}

@media(max-width:1180px){
  .portal-links{display:none}
  .portal-hero-grid{grid-template-columns:1fr;gap:25px}.portal-product-stage{min-height:570px;max-width:760px;width:100%;margin:0 auto}.portal-hero{padding-top:130px}
  .portal-feature-grid{grid-template-columns:1fr 1fr}.portal-mobile-grid,.portal-security-grid{grid-template-columns:1fr;gap:35px}
  .portal-mobile-copy{max-width:760px}.flow-timeline{grid-template-columns:1fr 1fr}.flow-timeline>i{display:none}
}
@media(max-width:760px){
  .wrap{width:min(100% - 28px,1200px)}
  .portal-nav .nav-inner{min-height:66px}.portal-nav-actions .nav-download{display:none}.nav-login-button,.nav-panel-link{height:36px;padding:0 11px}.brand div span{display:none}
  .portal-hero{min-height:auto;padding:110px 0 65px}.portal-hero-grid{gap:25px}.portal-hero-copy h1{font-size:44px}.portal-hero-copy>p{font-size:13px}.portal-trust-row{gap:10px}
  .portal-product-stage{min-height:440px}.desktop-mock{right:30px;height:330px}.desktop-content{padding:23px}.desktop-content h3{font-size:21px}.mock-orders>div:nth-child(3){display:none}.phone-mock{width:174px;height:350px;border-radius:29px;top:95px}.phone-actions>div{height:52px}.phone-card{display:none}.float-mail{display:none}.float-sync{top:20px}
  .portal-strip-grid{grid-template-columns:1fr 1fr}.portal-strip-grid>div:nth-child(2){border-right:0}.portal-strip-grid>div:nth-child(-n+2){border-bottom:1px solid #1c2026}
  .portal-section{padding:76px 0}.portal-section-head h2,.portal-mobile-copy h2{font-size:38px}.portal-feature-grid{grid-template-columns:1fr}.portal-feature.feature-large{grid-column:auto}.portal-feature{min-height:205px}.mobile-capabilities{grid-template-columns:1fr}.portal-mobile-preview{min-height:560px}.mobile-preview-shell{transform:scale(.9)}
  .flow-timeline{grid-template-columns:1fr}.flow-timeline>article{min-height:auto}.security-feature-list{grid-template-columns:1fr 1fr}.portal-download-card{grid-template-columns:1fr;gap:25px;padding:26px}.portal-download-actions{align-items:flex-start}.portal-download-actions code{text-align:left}.portal-download-card h2{font-size:34px}
}
@media(max-width:470px){
  .portal-hero-copy h1{font-size:38px}.portal-hero-actions .button{width:100%;justify-content:center}.portal-product-stage{min-height:380px}.desktop-mock{left:-25px;right:22px;height:290px}.desktop-layout{grid-template-columns:44px 1fr}.desktop-content{padding:18px}.mock-stats>div:nth-child(3){display:none}.mock-stats{grid-template-columns:1fr 1fr}.phone-mock{right:-6px;width:158px;height:318px;top:76px;padding:18px 10px}.float-sync{display:none}
  .security-feature-list{grid-template-columns:1fr}.portal-code-field{grid-template-columns:1fr}.portal-code-field button{width:100%}.portal-login-card{padding:21px}
}