/* 1.0.4 — user-specified light SaaS visual system. */
:root{--primary:#2563EB;--primary-hover:#1D4ED8;--deep-blue:#1E3A8A;--soft-blue:#F0F5FF;--faint-blue:#F8FAFF;--ink:#0F172A;--muted:#64748B;--paper:#FFFFFF;--line:#E2E8F0;--petrol:var(--primary);--petrol-light:var(--primary-hover);--orange:var(--primary);--ash:var(--soft-blue);--ivory:var(--faint-blue);--radius:12px}
html{scroll-padding-top:84px}body{background:var(--paper);color:var(--ink)}::selection{background:#DBEAFE;color:var(--ink)}
.hero{position:relative}.hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.hero-inner{position:relative}
.wrap{width:min(1440px,calc(100% - 80px))}.section{padding-block:80px}.text-link{color:var(--primary)}.text-link:hover{color:var(--primary-hover)}.button{border-radius:8px;min-height:44px;transition:background .18s,color .18s,box-shadow .18s}.button.primary{background:var(--primary)}.button.primary:hover{background:var(--primary-hover)}
.site-header{height:76px;background:#FFFFFF;border-bottom:1px solid var(--line)}.header-inner{gap:28px}.brand{position:relative;flex:none;width:200px;height:60px}.brand-logo{width:100%;height:100%;object-fit:contain;opacity:0;filter:none}.brand:after{content:"";position:absolute;inset:0;background:var(--primary);mask:url('/logo.png') center/contain no-repeat;-webkit-mask:url('/logo.png') center/contain no-repeat;pointer-events:none}
.main-nav{gap:30px;margin-inline:auto}.main-nav>a{font-size:14px;color:var(--ink);line-height:76px;font-weight:500}.main-nav>a:hover,.main-nav>a[aria-current]{color:var(--primary)}.main-nav>a[aria-current]{font-weight:700}.main-nav>a[aria-current]:after{background:var(--primary);bottom:16px;height:2px;border-radius:999px}
.header-actions{display:flex;align-items:center;gap:10px;flex:none;margin-left:auto}.account-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:7px 16px;border:1px solid var(--primary);border-radius:8px;font-size:13px;font-weight:600;line-height:1.5;color:var(--primary);white-space:nowrap}.account-button:hover{background:var(--soft-blue)}.account-register,.account-console{background:var(--primary);color:#FFFFFF}.account-register:hover,.account-console:hover{background:var(--primary-hover);color:#FFFFFF}.account-support{border-color:transparent;padding-inline:6px;font-weight:500}.account-support:hover{background:transparent;color:var(--primary-hover)}
.hero{position:relative;display:block;isolation:isolate;overflow:hidden;padding:0;background:var(--faint-blue);border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 55% 85% at 78% 48%,#DBEAFE 0%,#DBEAFE00 76%);pointer-events:none}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(to right,#DBEAFE 1px,transparent 1px),linear-gradient(to bottom,#DBEAFE 1px,transparent 1px);background-size:48px 48px;opacity:.3;mask-image:linear-gradient(to right,transparent 24%,#000 70%,transparent);pointer-events:none}
.hero-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:center;padding-block:80px;min-height:580px}.hero-copy{width:100%;min-width:0;padding:0}.hero-copy h1{font-size:52px;font-weight:700;line-height:1.27;letter-spacing:-1px;color:var(--ink);margin-bottom:22px}.hero-description{font-size:16px;line-height:1.9;max-width:590px;color:var(--muted)}.hero-art{min-width:0;display:flex;justify-content:center;align-items:center}.hero-art img{display:block;width:100%;max-width:600px;height:auto;max-height:420px;object-fit:contain}
.software-icons{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;width:max-content;max-width:100%;margin-top:28px;padding:0;background:transparent;border-radius:0}.software-icon{display:block;flex:none;width:48px;height:48px;border-radius:9px;zoom:1;background-image:url('/uploads/allimg/20240804/1-240P41ZU2P4.png');background-size:1086.79245px 334.18868px;background-position:calc(var(--icon-x) * .905660377) -186.56604px;background-repeat:no-repeat}.software-caption{color:var(--muted);font-size:12px;margin-top:10px;line-height:1.8}.hero-actions{gap:16px;margin-top:26px;flex-wrap:wrap}.hero-actions .button{min-width:152px;height:44px;min-height:44px;padding:9px 22px;font-size:14px}.hero-primary{background:var(--primary);border-color:var(--primary);color:#FFFFFF;box-shadow:0 2px 4px #0F172A08}.hero-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.hero-secondary{background:#FFFFFF;border-color:var(--primary);color:var(--primary)}.hero-secondary:hover{background:var(--soft-blue)}.city-node-note{color:var(--muted);font-size:12px;margin-top:16px}.page-city .hero-copy h1{font-size:42px;line-height:1.35}
.configurations,.page-products .configurations{background:#FFFFFF;padding:80px 0;scroll-margin-top:0}.section-heading{margin-bottom:36px}.section-heading h2{font-size:30px;font-weight:650;letter-spacing:-.5px;color:var(--ink)}.configurations .section-heading p{font-size:14px;color:var(--muted);margin-top:10px;line-height:1.8}.configurations .text-link{font-size:13px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{display:flex;flex-direction:column;position:relative;min-width:0;background:#FFFFFF;border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 8px rgba(15,23,42,.04),0 12px 28px rgba(15,23,42,.015)}.product-featured{border:2px solid var(--primary);box-shadow:0 2px 8px rgba(15,23,42,.04),0 12px 28px rgba(37,99,235,.045)}.popular-badge{position:absolute;right:22px;top:-13px;padding:4px 11px;border-radius:999px;background:var(--primary);color:#FFFFFF;font-size:11px;font-weight:600;line-height:1.6;white-space:nowrap}.product-card-header{background:transparent;padding:28px 24px 20px;min-height:0;border-radius:12px 12px 0 0}.product-card-header>p:first-child{font-size:12px;line-height:1.8;color:var(--muted);font-weight:500}.product-card-header h3{font-family:var(--data);font-size:28px;font-weight:700;letter-spacing:-.5px;line-height:1.35;color:var(--ink);margin:6px 0}.product-card-header .bandwidth-line{font-size:13px;color:var(--muted);line-height:1.8}.product-card-body{padding:0 24px 24px;display:flex;flex-direction:column;flex:1}.product-specs{margin:0 0 20px;font-size:13px;line-height:1.8}.product-specs>div{display:flex;justify-content:space-between;gap:8px;padding:4px 0}.product-specs dt{color:var(--muted);white-space:nowrap}.product-specs dd{margin:0;text-align:right;color:var(--ink);overflow-wrap:anywhere;font-weight:500}.product-pricing{margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}.price-label{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:6px}.card-price{display:flex;align-items:baseline;gap:5px;font-family:var(--data);font-variant-numeric:tabular-nums;color:var(--ink);line-height:1.2}.card-price>span:first-child{font-size:16px;font-weight:600;align-self:flex-start;padding-top:4px}.card-price strong{font-size:32px;font-weight:750;line-height:1.2;letter-spacing:-.7px}.card-price .price-unit{color:var(--muted);font:12px var(--body);margin:0}.product-featured .card-price{color:var(--primary)}.daily-price{font-size:12px;line-height:1.8;color:var(--muted);margin-top:6px}.product-card .product-buy{width:100%;min-height:44px;margin-top:20px;padding:10px 12px;font-size:13px;color:var(--primary);background:#F1F5F9;border-color:transparent;border-radius:8px}.product-card .product-buy:hover{background:var(--soft-blue);color:var(--primary-hover)}.product-featured .product-buy{background:var(--primary);color:#FFFFFF}.product-featured .product-buy:hover{background:var(--primary-hover);color:#FFFFFF}.configuration-note{display:block;text-align:center;margin:26px 0 0;color:var(--muted);font-size:12px}
.start-guide{padding:80px 0;background:var(--faint-blue);border-block:1px solid var(--line)}.start-guide h2{font-size:30px;font-weight:650;text-align:center;color:var(--ink);letter-spacing:-.5px}.guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px;margin-top:44px}.guide-steps>div{position:relative;min-width:0;padding-left:64px}.step-number{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#DBEAFE;color:var(--primary);font:600 18px var(--data)}.guide-steps h3{font-size:18px;font-weight:600;margin:0 0 10px;color:var(--ink)}.guide-steps p{font-size:13px;line-height:1.85;color:var(--muted)}.guide-steps a{display:inline-block;margin-top:12px;color:var(--primary);font-size:13px;font-weight:500}.guide-steps a:hover{color:var(--primary-hover)}.guide-steps>div:not(:last-child):after{content:"";position:absolute;left:calc(100% + 12px);top:22px;width:40px;border-top:1px dashed var(--line)}.guide-steps>div:not(:last-child):before{content:"";position:absolute;right:-52px;top:19px;width:6px;height:6px;border-top:1px solid var(--line);border-right:1px solid var(--line);transform:rotate(45deg)}
.scenario-grid{border-color:var(--line);border-radius:12px;overflow:hidden}.scenario-grid article{padding:32px;background:#FFFFFF}.scenario-grid h3{font-size:20px;font-weight:600;color:var(--ink)}.scenario-grid p{font-size:14px;color:var(--muted);line-height:1.9}.scenario-grid a{font-size:13px;color:var(--primary)}.service-band{background:var(--soft-blue);color:var(--ink);border-block:1px solid var(--line)}.service-inner{padding-block:80px;gap:80px}.service-inner .eyebrow,.service-inner p:not(.eyebrow){color:var(--muted)}.service-inner h2{color:var(--ink);font-size:30px;font-weight:650}.service-links a,.service-links a:first-child{border-color:var(--line);color:var(--ink);font-size:14px;padding:20px 0}.service-links a span:last-child{color:var(--primary)}.service-links a:hover,.service-links a:hover span:last-child{color:var(--primary-hover)}.help-callout{border:1px solid var(--line);border-radius:12px;background:var(--faint-blue);padding:32px}.help-callout:hover{background:var(--soft-blue)}.help-callout h3{color:var(--ink)}.help-callout p{color:var(--muted)}.help-callout .text-link{color:var(--primary)}.compact-articles>a{border-color:var(--line);padding:24px 0;grid-template-columns:90px minmax(0,1fr) 30px}.compact-articles>a>span:last-child{white-space:nowrap}.compact-articles h3{font-size:15px;font-weight:500;line-height:1.8}.compact-articles time{color:var(--muted)}.compact-articles>a>span:last-child{color:var(--primary);font-size:12px}
.site-footer{padding-top:64px;background:#F8FAFC;color:var(--muted);border-top:1px solid var(--line)}.footer-top{gap:48px;padding-bottom:44px}.footer-brand p{font-size:12px;color:var(--muted);line-height:1.85}.footer-top h2{color:var(--muted);font-size:14px;font-weight:600}.footer-top>div:not(.footer-brand)>a{color:var(--muted);font-size:13px}.footer-top a:hover,.footer-bottom a:hover{color:var(--primary)}.footer-bottom{border-color:var(--line);color:var(--muted);font-size:12px;padding-block:22px}.page-heading{background:var(--faint-blue);border-bottom:1px solid var(--line)}.page-heading h1{color:var(--ink)}.reading-layout{max-width:1240px}.reading-card{border-color:var(--line);border-radius:12px;background:#FFFFFF}.prose a{color:var(--primary)}.prose a:hover{color:var(--primary-hover)}.reading-aside .button{color:#FFFFFF}.image-unavailable{background:var(--faint-blue)}.search-form button{background:var(--primary);color:#FFFFFF}.pagination a[aria-current],.pagination a:hover{background:var(--primary);color:#FFFFFF}.cities-grid>a:hover{background:var(--soft-blue);border-color:var(--line)}
@media(max-width:1150px){.wrap{width:calc(100% - 48px)}.header-inner{gap:18px}.main-nav{gap:22px}.brand{width:180px;height:56px}.account-button{padding-inline:12px}.hero-inner{gap:36px;min-height:520px;padding-block:64px}.hero-copy h1{font-size:42px}.hero-description{font-size:15px}.hero-art img{max-height:370px}.product-card-header{padding-inline:20px}.product-card-body{padding-inline:20px}.product-specs{font-size:12px}.guide-steps{gap:40px}.guide-steps>div{padding-left:54px}.guide-steps>div:not(:last-child):after{width:20px;left:calc(100% + 10px)}.guide-steps>div:not(:last-child):before{right:-30px}.service-inner{gap:48px}}
@media(max-width:900px){.header-inner{gap:14px}.header-actions{order:2;margin-left:auto}.header-actions .account-button:not(.account-login):not(.account-console){display:none}.nav-toggle{display:block!important;order:3;width:auto;height:auto;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:#FFFFFF;color:var(--primary);font-size:13px;line-height:1.5}.main-nav{display:none;position:absolute;top:76px;left:0;right:0;padding:16px 24px;background:#FFFFFF;border-bottom:1px solid var(--line);box-shadow:0 8px 24px rgba(15,23,42,.04);margin:0;gap:0}.main-nav.is-open{display:flex;flex-direction:column;align-items:stretch}.main-nav>a{line-height:1.6;padding:12px 0}.main-nav>a[aria-current]:after{display:none}.main-nav.is-open .member-mobile{display:block!important;color:var(--primary)}.hero-inner{gap:28px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);padding-block:56px;min-height:480px}.hero-copy h1{font-size:34px;letter-spacing:-.5px}.hero-description{font-size:14px}.hero-actions{gap:12px}.hero-actions .button{min-width:132px;padding-inline:18px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card-header,.product-card-body{padding-inline:24px}.product-specs{font-size:13px}.guide-steps{gap:24px}.guide-steps>div:not(:last-child):after,.guide-steps>div:not(:last-child):before{display:none}.guide-steps h3{font-size:16px}.section-heading h2,.service-inner h2,.start-guide h2{font-size:27px}.footer-top{gap:24px}}
@media(max-width:680px){html{scroll-padding-top:72px}.wrap{width:calc(100% - 36px)}.site-header{height:64px}.brand{width:170px;height:52px}.main-nav{top:64px}.header-inner{gap:10px}.account-button{min-height:36px;padding:6px 10px;font-size:12px}.hero-inner{grid-template-columns:1fr;min-height:0;padding:48px 0 40px;gap:26px}.hero-copy h1{font-size:34px;line-height:1.3;letter-spacing:-.6px;margin-bottom:18px}.hero-description{font-size:14px;max-width:100%}.hero-art img{max-width:330px;max-height:260px}.hero:before{background:radial-gradient(ellipse 95% 50% at 65% 72%,#DBEAFE,#DBEAFE00 76%)}.hero:after{mask-image:linear-gradient(to bottom,transparent 30%,#000 78%,transparent)}.software-icons{margin-top:24px}.hero-actions{margin-top:24px;gap:12px}.hero-actions .button{min-width:132px;font-size:13px}.software-caption{font-size:12px}.page-city .hero-copy h1{font-size:28px}.section,.configurations,.page-products .configurations,.start-guide{padding-block:48px}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.start-guide h2,.service-inner h2{font-size:25px;letter-spacing:-.4px}.configurations .section-heading p{font-size:13px;margin-top:10px}.section-heading>.text-link{display:inline-block;font-size:13px;margin-top:14px;padding:0}.product-grid{grid-template-columns:1fr;gap:24px}.product-card-header{padding:24px 24px 18px}.product-card-body{padding:0 24px 24px}.product-card-header h3{font-size:28px}.product-specs{font-size:13px}.card-price strong{font-size:32px}.product-card .product-buy{font-size:14px}.configuration-note{font-size:12px;margin-top:24px}.guide-steps{grid-template-columns:1fr;gap:30px;margin-top:32px}.guide-steps>div{padding-left:64px}.guide-steps h3{font-size:18px}.scenario-grid article{display:block;padding:28px}.scenario-grid h3{margin-bottom:14px;font-size:19px}.scenario-grid p{margin-bottom:18px;font-size:13px}.service-inner{padding-block:48px;gap:28px}.service-inner p:not(.eyebrow){font-size:13px}.service-links a{font-size:14px}.help-callout{display:block;padding:28px}.help-callout h3{margin:16px 0;font-size:24px}.help-callout p{font-size:13px;margin-bottom:20px}.help-callout .text-link{font-size:13px}.compact-articles h3{font-size:14px}.compact-articles time{font-size:11px}.compact-articles>a{grid-template-columns:74px minmax(0,1fr) 26px;gap:12px}.site-footer{padding-top:44px}.footer-top{gap:32px 20px;padding-bottom:32px}.footer-brand{display:block}.footer-brand p{font-size:12px;margin-top:14px}.footer-top h2{font-size:13px}.footer-top>div:not(.footer-brand)>a{font-size:12px}.footer-bottom{font-size:11px;line-height:1.8;padding-block:20px}.article-meta,.breadcrumbs{font-size:12px}.article-row-copy>p:last-child:not(.article-meta){font-size:13px}.cities-grid>a{font-size:14px}}
@media(max-width:380px){.wrap{width:calc(100% - 28px)}.brand{width:136px;height:48px}.header-inner{gap:8px}.account-login{padding-inline:8px}.nav-toggle{padding-inline:10px}.hero-copy h1{font-size:30px}.hero-actions .button{min-width:122px;padding-inline:14px}.software-icons{gap:8px}.hero-art img{max-width:280px;max-height:230px}.section-heading h2,.start-guide h2{font-size:23px}.compact-articles>a{grid-template-columns:66px minmax(0,1fr) 26px;gap:10px}}
@media(prefers-reduced-motion:reduce){.button,.account-button{transition:none}}

/* Latest feedback: larger original icons, no surrounding tray. */
@media(max-width:900px) and (min-width:681px){.software-icons{gap:10px}.software-icon{width:40px;height:40px;background-size:905.66038px 278.49057px;background-position:calc(var(--icon-x) * .754716981) -155.4717px}}
@media(max-width:680px){.software-icons{display:grid;grid-template-columns:repeat(4,44px);gap:12px}.software-icon{width:44px;height:44px;background-size:996.22642px 306.33962px;background-position:calc(var(--icon-x) * .830188679) -171.01887px}}

/* Pricing hover and keyboard focus: clear feedback without resizing cards. */
.product-card{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.product-card:focus-within{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 4px 12px rgba(15,23,42,.05),0 16px 32px rgba(37,99,235,.10)}
.product-card:focus-within .card-price{color:var(--primary)}
.product-card:focus-within .product-buy{background:var(--primary);color:#FFFFFF}
.product-card .product-buy:focus-visible{outline:2px solid var(--primary-hover);outline-offset:3px}
@media(hover:hover) and (pointer:fine){.product-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 4px 12px rgba(15,23,42,.05),0 16px 32px rgba(37,99,235,.10)}.product-card:hover .card-price{color:var(--primary)}.product-card:hover .product-buy{background:var(--primary);color:#FFFFFF}.product-card:hover .product-buy:hover{background:var(--primary-hover)}.product-featured:hover{border-color:var(--primary-hover)}}
@media(prefers-reduced-motion:reduce){.product-card{transition:none}.product-card:hover,.product-card:focus-within{transform:none}}

/* 1.0.5: exact user-provided artwork, CSS crops without changing source pixels. */
.software-icon{--icon-size:48px;--sprite-scale:var(--scale-desktop);width:var(--icon-size);height:var(--icon-size);border:0;border-radius:8px;box-shadow:none;background-image:url('/assets/guaji/software-icons-source.png');background-size:calc(941px * var(--sprite-scale)) calc(800px * var(--sprite-scale));background-position:calc((var(--icon-size) - var(--source-w) * var(--sprite-scale)) / 2 - var(--source-x) * var(--sprite-scale)) calc((var(--icon-size) - var(--source-h) * var(--sprite-scale)) / 2 - var(--source-y) * var(--sprite-scale));background-repeat:no-repeat}
.hero-inner{min-height:480px;padding-block:56px}.hero-art img{max-height:360px}
@media(max-width:1150px){.hero-inner{min-height:480px;padding-block:48px}.hero-art img{max-height:340px}}
@media(max-width:900px) and (min-width:681px){.software-icon{--icon-size:40px;--sprite-scale:var(--scale-tablet)}.hero-inner{min-height:440px;padding-block:44px}.hero-art img{max-height:300px}}
@media(max-width:680px){.software-icon{--icon-size:44px;--sprite-scale:var(--scale-mobile)}.hero-inner{min-height:0;padding:32px 0 24px;gap:18px}.hero-art img{max-height:200px;max-width:280px}}

/* Account buttons stay quiet until hover/focus; logged-in console remains emphasized. */
.account-register,.account-login{background:#FFFFFF;color:var(--primary);border-color:var(--primary);transition:background .18s,color .18s,border-color .18s}
.account-register:hover,.account-login:hover,.account-register:focus-visible,.account-login:focus-visible{background:var(--primary);color:#FFFFFF;border-color:var(--primary)}
.account-register:focus-visible,.account-login:focus-visible{outline:2px solid var(--primary-hover);outline-offset:3px}
.billing-options{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.8}
.billing-options .daily-price{margin:0;font:inherit}.billing-options strong{font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}
.use-cases{padding:80px 0;background:var(--soft-blue);border-block:1px solid var(--line)}.use-cases .section-heading{margin-bottom:32px}.use-cases-description{margin-top:10px;font-size:14px;line-height:1.8;color:var(--muted)}
.use-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.use-case-card{display:flex;align-items:flex-start;gap:28px;padding:32px;background:#FFFFFF;border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 8px rgba(15,23,42,.025)}
.use-case-icons{display:flex;flex-direction:column;gap:10px;flex:none;min-width:48px}.use-case-copy{min-width:0}.use-case-copy h3{font-size:21px;font-weight:650;color:var(--ink);margin-bottom:12px}.use-case-copy>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:440px}.use-case-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:18px 0 22px}.use-case-tags li{font-size:11px;line-height:1.8;padding:3px 9px;border-radius:999px;background:var(--faint-blue);color:var(--muted)}.use-case-copy>.text-link{font-size:13px}.use-case-copy>.text-link span{display:inline-block;margin-left:5px;transition:transform .18s}.use-case-copy>.text-link:hover span{transform:translateX(3px)}
@media(max-width:1150px){.main-nav{gap:18px}.main-nav>a{font-size:13px}.header-inner{gap:16px}.account-button{padding-inline:12px}.use-case-card{padding:28px;gap:22px}.use-case-copy h3{font-size:19px}}
@media(max-width:900px){.main-nav{gap:0}.use-case-card{gap:18px;padding:24px}.use-case-copy>p{font-size:13px}}
@media(max-width:680px){.use-cases{padding:48px 0}.use-case-grid{grid-template-columns:1fr;gap:16px}.use-case-card{padding:24px;gap:20px}.use-case-icons{min-width:44px}.use-case-copy h3{font-size:18px}.use-cases-description{font-size:13px}.use-case-tags{margin:14px 0 18px}.billing-options{gap:4px 16px}}
@media(prefers-reduced-motion:reduce){.account-register,.account-login,.use-case-copy>.text-link span{transition:none}.use-case-copy>.text-link:hover span{transform:none}}

/* About submenu: pointer, keyboard and touch share the same disclosure state. */
.nav-about{position:relative;display:flex;align-items:center;flex:none}.nav-about-link{position:relative;line-height:76px;font-size:14px;font-weight:500;color:var(--ink);white-space:nowrap}.nav-about-link:hover,.nav-about-link[aria-current]{color:var(--primary)}.nav-about-link[aria-current]{font-weight:700}.nav-about-link[aria-current]:after{content:"";position:absolute;left:0;right:0;bottom:16px;height:2px;border-radius:999px;background:var(--primary)}
.nav-submenu-toggle{display:flex;align-items:center;justify-content:center;width:24px;height:32px;padding:0;background:transparent;color:var(--muted);border:0;border-radius:6px;cursor:pointer}.nav-submenu-toggle>span{width:6px;height:6px;border-bottom:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);margin-top:-3px}.nav-submenu-toggle[aria-expanded=true]>span{transform:rotate(225deg);margin-top:3px}.nav-submenu-toggle:hover{color:var(--primary);background:var(--faint-blue)}.nav-submenu-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.nav-submenu{position:absolute;top:calc(100% - 5px);left:-16px;z-index:50;width:164px;padding:8px;background:#FFFFFF;border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 12px rgba(15,23,42,.04),0 16px 32px rgba(15,23,42,.08);display:flex;flex-direction:column}.nav-submenu[hidden]{display:none}.nav-submenu>a{display:block;padding:10px 12px;border-radius:8px;font-size:13px;line-height:1.6;color:var(--ink);white-space:nowrap}.nav-submenu>a:hover,.nav-submenu>a:focus-visible{background:var(--soft-blue);color:var(--primary)}
.footer-cities{display:flex;align-items:flex-start;gap:32px;padding:26px 0 32px;border-top:1px solid var(--line)}.footer-cities h2{flex:none;font-size:13px;font-weight:600;line-height:1.8;color:var(--muted)}.footer-cities nav{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:12px;line-height:1.8}.footer-cities a:hover{color:var(--primary)}.footer-cities .text-link{font-size:12px}
@media(max-width:1150px){.nav-about-link{font-size:13px}}
@media(max-width:900px){.nav-about{flex-wrap:wrap;justify-content:space-between;width:100%;border-bottom:1px solid var(--line)}.nav-about-link{line-height:1.6;padding:12px 0;font-size:14px}.nav-about-link[aria-current]:after{display:none}.nav-submenu-toggle{width:36px;height:36px}.nav-submenu{position:static;width:100%;border:0;border-radius:8px;box-shadow:none;margin-bottom:12px;background:var(--faint-blue);padding:6px}.nav-submenu>a{padding:10px 12px}.footer-cities{gap:24px}}
@media(max-width:680px){.footer-cities{display:block;padding-block:24px}.footer-cities h2{margin-bottom:16px}.footer-cities nav{gap:10px 18px;font-size:12px}}

/* Small scene pictures in the exact requested 121:75 display ratio. */
.use-case-art{flex:none;width:180px;aspect-ratio:121/75;align-self:center;overflow:hidden;border-radius:8px;background:var(--faint-blue)}.use-case-art img{display:block;width:100%;height:100%;object-fit:contain}.use-case-copy{flex:1}.use-case-card{gap:26px}
.start-guide{background:#FFFFFF}.service-band{margin-top:0;border-top:0}
@media(min-width:1025px) and (max-width:1279px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:681px) and (max-width:1024px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.use-case-grid{grid-template-columns:1fr}.use-case-card{gap:28px}}
@media(max-width:680px){.use-case-card{flex-direction:column;gap:20px}.use-case-art{align-self:flex-start}.use-case-copy{width:100%}}

/* Mobile hero: illustration shares the software row instead of a separate row. */
@media(max-width:680px){.hero-inner{grid-template-columns:minmax(0,1fr) clamp(65px,calc(100vw - 290px),180px);column-gap:14px;row-gap:0;padding:32px 0}.hero-copy{display:contents}.hero-copy>h1,.hero-description,.hero-actions,.city-node-note{grid-column:1/-1}.hero-copy>h1{margin-bottom:18px}.hero-description{grid-row:2}.software-icons{grid-column:1;grid-row:3}.software-caption{grid-column:1;grid-row:4}.hero-art{grid-column:2;grid-row:3/5;align-self:center;max-width:180px}.hero-art img{width:100%;max-width:180px;max-height:140px}.hero-actions{grid-row:5}.city-node-note{grid-row:6}.hero:before{background:radial-gradient(ellipse 85% 65% at 85% 65%,#DBEAFE,#DBEAFE00 76%)}}
@media(max-width:340px){.hero .software-icons{grid-template-columns:repeat(4,40px);gap:10px}.hero .software-icon{--icon-size:40px;--sprite-scale:var(--scale-tablet)}}

/* Approved gradient-cloud identity: display original transparent raster, without recoloring mask. */
.brand{overflow:hidden}.brand:after{display:none}.brand-logo{position:absolute;left:-2.82%;top:50%;width:105.42%;max-width:none;height:auto;object-fit:initial;opacity:1;filter:none;transform:translateY(-50%)}

/* Complete homepage directory in the original compact inline link layout. */
.footer-cities-complete{display:flex}.footer-cities-complete nav{gap:8px 18px}.footer-cities-complete nav a{white-space:nowrap}@media(max-width:680px){.footer-cities-complete{display:block}}

/* Home hero title matches the established city-home title scale. */
.page-home .hero-copy h1{font-size:42px;line-height:1.35}@media(max-width:680px){.page-home .hero-copy h1{font-size:28px}}