:root{--blue:#0d6cf2;--blue-dark:#046bd2;--navy:#001b53;--navy-dark:#040f2d;--ink:#101828;--muted:#667085;--faint:#98a2b3;--line:#d9e2ef;--soft:#f4f8ff;--green:#10b981;--orange:#f97316;--red:#ef4444;--white:#fff}*{box-sizing:border-box}html{color:var(--ink);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#f7f9fc;font-family:DM Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}body{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;align-items:center;gap:28px;min-height:72px;padding:0 44px;display:flex;position:sticky;top:0}.brand{color:var(--navy);white-space:nowrap;align-items:center;gap:10px;font-weight:900;display:inline-flex}.brand img{border-radius:8px;width:34px;height:34px}.brand-sub{color:var(--muted);font-weight:700}.main-nav{color:var(--muted);flex:1;align-items:center;gap:18px;font-size:14px;font-weight:800;display:flex}.main-nav a{padding:8px 0}.main-nav a.active{color:var(--blue)}.app-link,.primary-action,.secondary-action{min-height:40px;color:var(--white);background:var(--navy);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:900;display:inline-flex}.secondary-action{color:var(--navy);background:var(--white);border:1px solid var(--line)}.hero{min-height:650px;color:var(--white);background:linear-gradient(90deg, var(--navy-dark), var(--navy));grid-template-columns:minmax(0,1.1fr) minmax(360px,.8fr);gap:42px;padding:86px 64px 72px;display:grid;overflow:hidden}.hero-copy{align-self:center;max-width:760px}.eyebrow{color:#a7d8ff;text-transform:uppercase;margin:0 0 16px;font-size:12px;font-weight:900}.eyebrow.dark{color:var(--blue)}h1,h2,h3,p{margin-top:0}h1{max-width:760px;color:inherit;margin-bottom:22px;font-size:76px;line-height:.96}h2{color:var(--navy);font-size:34px;line-height:1.08}h3{color:var(--navy);font-size:20px;line-height:1.16}.hero-text{color:#ffffffc7;max-width:650px;font-size:19px}.search-panel{max-width:720px;margin-top:34px;position:relative}.search-panel input{width:100%;min-height:66px;color:var(--ink);background:var(--white);font:inherit;border:0;border-radius:8px;padding:0 20px;font-size:17px;box-shadow:0 24px 60px #0000002e}.search-panel input:focus{outline:3px solid #0d6cf247}.search-results{z-index:10;gap:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0}.search-results a,.search-results p{color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:8px;gap:3px;margin:0;padding:14px;display:grid;box-shadow:0 18px 40px #001b5324}.search-results span{color:var(--muted);font-size:13px}.quick-links{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.quick-links a{color:#ffffffe0;background:#ffffff14;border:1px solid #ffffff3d;border-radius:8px;padding:8px 11px;font-size:13px;font-weight:800}.hero-visual{min-height:520px;position:relative}.phone-frame{background:#0b1220;border-radius:28px;padding:10px;box-shadow:0 24px 70px #00000047}.phone-frame.large{width:300px;margin:0 auto}.phone-frame img{background:var(--white);border-radius:20px;width:100%;display:block}.floating-note{width:220px;color:var(--ink);background:#fffffff5;border:1px solid #ffffff80;border-radius:8px;gap:3px;padding:14px;display:grid;position:absolute;box-shadow:0 18px 45px #0003}.floating-note strong{color:var(--navy)}.floating-note span{color:var(--muted);font-size:13px}.note-one{top:70px;right:8px}.note-two{bottom:90px;left:0}.content-band{padding:58px 64px}.content-band.white{background:var(--white)}.content-band.soft{background:var(--soft)}.content-band.navy{color:var(--white);background:var(--navy-dark)}.content-band.navy h2{color:var(--white)}.content-band.navy p{color:#ffffffbd}.section-heading,.visual-story,.guide-grid,.category-grid,.trouble-grid,.footer,.topic-hero,.article-layout,.emergency-band,.not-found{max-width:1120px;margin:0 auto}.section-heading{justify-content:space-between;gap:28px;margin-bottom:24px;display:flex}.section-heading p{max-width:540px;color:var(--muted)}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.category-card,.guide-card{background:var(--white);border:1px solid var(--line);border-top-width:4px;border-radius:8px;flex-direction:column;gap:12px;min-height:210px;padding:20px;display:flex}.category-card:hover,.guide-card:hover{border-color:var(--blue);box-shadow:0 16px 40px #001b531f}.accent-blue{border-top-color:var(--blue)}.accent-green{border-top-color:var(--green)}.accent-orange{border-top-color:var(--orange)}.accent-red{border-top-color:var(--red)}.accent-navy{border-top-color:var(--navy)}.category-icon,.guide-icon{width:44px;height:44px;color:var(--white);background:var(--blue);border-radius:8px;place-items:center;font-weight:900;display:grid}.accent-green .category-icon,.accent-green .guide-icon{background:var(--green)}.accent-orange .category-icon,.accent-orange .guide-icon{background:var(--orange)}.accent-red .category-icon,.accent-red .guide-icon{background:var(--red)}.accent-navy .category-icon,.accent-navy .guide-icon{background:var(--navy)}.category-card p,.guide-card p{color:var(--muted);font-size:14px}.guide-grid,.trouble-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.guide-card-top{justify-content:space-between;align-items:center;display:flex}.guide-time,.asset-badge{color:var(--faint);font-size:12px;font-weight:800}.asset-badge{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;width:max-content;padding:5px 8px}.emergency-band{grid-template-columns:64px 1fr auto;align-items:center;gap:18px;padding:30px 0;display:grid}.emergency-icon{width:64px;height:64px;color:var(--white);background:var(--red);border-radius:8px;place-items:center;font-size:28px;font-weight:900;display:grid}.emergency-band h2{color:#991b1b;margin-bottom:4px;font-size:24px}.emergency-band p{color:#7f1d1d;margin:0}.emergency-band a{color:var(--white);background:var(--red);border-radius:8px;padding:11px 14px;font-size:13px;font-weight:900}.visual-story{grid-template-columns:.8fr 1fr;align-items:center;gap:34px;display:grid}.admin-spotlight{grid-template-columns:minmax(0,.8fr) minmax(420px,1.1fr);align-items:center;gap:34px;max-width:1120px;margin:0 auto;display:grid}.admin-spotlight-copy p{max-width:560px;color:var(--muted)}.admin-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.admin-actions.on-dark .primary-action{color:var(--navy);background:var(--white)}.web-preview{background:#0b1220;border-radius:8px;padding:10px;box-shadow:0 24px 70px #001b532e}.web-preview img{background:var(--white);border-radius:6px;width:100%;display:block}.admin-guide-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1120px;margin:28px auto 0;display:grid}.admin-route-list{gap:10px;display:grid}.admin-route-list a{color:var(--white);background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;gap:4px;padding:16px;display:grid}.admin-route-list span{color:#ffffffad;font-size:14px}.space-type-preview{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;max-width:1120px;margin:0 auto;display:grid}.space-type-preview p{max-width:680px;color:var(--muted)}.space-type-preview-actions{flex-wrap:wrap;gap:10px;display:flex}.decision-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1120px;margin:0 auto;display:grid}.decision-card{background:var(--white);border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:8px;gap:14px;min-height:360px;padding:28px;display:grid}.decision-card:nth-child(2){border-top-color:var(--green)}.decision-card>span{color:var(--blue);text-transform:uppercase;font-size:12px;font-weight:900}.decision-card p,.decision-card li{color:var(--muted)}.selector-demo-hero,.space-hub-hero{min-height:500px;color:var(--white);background:linear-gradient(90deg, #040f2df2, #001b53e0), linear-gradient(135deg, var(--space-type-color), var(--navy));grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);align-items:center;gap:28px;padding:72px 64px;display:grid}.selector-demo-hero h1,.space-hub-hero h1{font-size:68px}.selector-demo-hero p,.space-hub-hero p{color:#ffffffc7;max-width:680px;font-size:18px}.selector-switcher{background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;gap:10px;padding:14px;display:grid}.space-type-pill{min-height:48px;color:var(--white);font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;justify-content:space-between;align-items:center;padding:0 16px;font-weight:900;display:flex}.space-type-pill.active{background:var(--space-type-color);border-color:#ffffffb3}.mode-preview-shell{background:var(--white);border:1px solid var(--line);border-top:5px solid var(--space-type-color);border-radius:8px;max-width:1120px;margin:0 auto;overflow:hidden;box-shadow:0 24px 70px #001b531f}.mode-preview-topbar{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:18px 22px;display:flex}.mode-preview-topbar span{color:var(--white);background:var(--space-type-color);border-radius:8px;padding:6px 10px;font-size:12px;font-weight:900}.mode-preview-content,.mode-task-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:26px;padding:26px;display:grid}.mode-preview-content p{color:var(--muted)}.mode-search-preview{min-height:56px;color:var(--muted);border:1px solid var(--line);background:#fbfdff;border-radius:8px;padding:16px;font-weight:800}.term-panel{border:1px solid var(--line);background:#fbfdff;border-radius:8px;gap:8px;padding:16px;display:grid}.term-panel.compact{padding:12px}.term-row{border-bottom:1px solid #edf2f7;justify-content:space-between;gap:12px;padding:9px 0;display:flex}.term-row:last-child{border-bottom:0}.term-row span{color:var(--muted);font-size:13px;font-weight:800}.term-row strong{color:var(--navy);text-align:right}.mode-task-grid{padding-top:0}.mode-task-grid section,.pros-cons-grid>div,.space-type-hub{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:20px}.mode-task-grid li,.pros-cons-grid li,.space-type-hub li{color:var(--muted)}.pros-cons-grid,.space-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1120px;margin:0 auto;display:grid}.space-hub-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.space-hub-card{background:var(--white);border:1px solid var(--line);border-top:4px solid var(--space-type-color);border-radius:8px;gap:12px;min-height:250px;padding:18px;display:grid}.space-hub-top{align-items:center;gap:10px;display:flex}.space-hub-top span,.hub-heading>span{width:42px;height:42px;color:var(--white);background:var(--space-type-color);border-radius:8px;place-items:center;font-weight:900;display:grid}.space-hub-card p,.space-type-hub p{color:var(--muted);font-size:14px}.hub-term-line{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.hub-term-line span{color:var(--navy);background:var(--soft);border-radius:8px;padding:5px 8px;font-size:12px;font-weight:800}.hub-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1120px;margin:0 auto;display:grid}.space-type-hub{border-top:5px solid var(--space-type-color)}.hub-heading{align-items:start;gap:14px;display:flex}.hub-heading h2{margin-bottom:0}.hub-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.hub-columns.large{max-width:1120px;margin:0 auto}.hub-route-map{gap:10px;display:grid}.hub-route-map a{color:var(--white);background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;padding:15px;font-weight:900}.hub-hero-terms{background:#fffffff5}.phone-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;display:grid}.topic-hero{color:var(--white);background:var(--navy);border-bottom:1px solid var(--line);padding:62px 64px}.topic-hero p{color:#ffffffc2;max-width:650px;font-size:18px}.article-layout{grid-template-columns:260px minmax(0,1fr);gap:28px;padding:32px 44px 72px;display:grid}.article-sidebar{background:var(--white);border:1px solid var(--line);border-radius:8px;align-self:start;gap:4px;padding:14px;display:grid;position:sticky;top:96px}.article-sidebar a{color:var(--muted);border-radius:8px;padding:9px 10px;font-size:14px;font-weight:800}.article-sidebar a.active{color:var(--blue);background:var(--soft)}.article{background:var(--white);border:1px solid var(--line);border-radius:8px;overflow:hidden}.article-hero{color:var(--white);background:var(--navy);padding:46px 48px 34px}.article-hero h1{max-width:780px;font-size:58px}.article-hero p{color:#ffffffc7;max-width:680px;font-size:18px}.breadcrumb{color:#ffffffb8;font-size:13px;font-weight:900}.meta-row{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.meta-row span{color:#ffffffdb;background:#ffffff1f;border:1px solid #fff3;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:800}.article-visual{border-bottom:1px solid var(--line);background:#f8fbff;place-items:center;gap:14px;padding:28px;display:grid}.article-image.phone{background:#0b1220;border-radius:28px;max-width:300px;padding:8px;box-shadow:0 24px 70px #001b5333}.article-image.illustration{border:1px solid var(--line);border-radius:8px;width:min(100%,760px)}.asset-warning{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;max-width:620px;margin:0;padding:12px 14px;font-size:14px}.article-body{max-width:760px;padding:42px 48px 54px}.article-body p{color:var(--muted)}.step-list{counter-reset:step;gap:12px;margin:18px 0 26px;padding:0;list-style:none;display:grid}.step-list li{counter-increment:step;border:1px solid var(--line);background:#fbfdff;border-radius:8px;grid-template-columns:42px 1fr;align-items:center;gap:12px;padding:14px;display:grid}.step-list li:before{content:counter(step);width:42px;height:42px;color:var(--white);background:var(--blue);border-radius:8px;place-items:center;font-weight:900;display:grid}.note-box{color:#7f1d1d;background:#fff5f5;border:1px solid #ffd6d6;border-radius:8px;margin:18px 0 26px;padding:14px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.not-found{padding:90px 44px}.not-found p{color:var(--muted)}.footer{color:var(--muted);background:var(--white);border-top:1px solid var(--line);justify-content:space-between;gap:18px;padding:30px 44px;font-size:13px;display:flex}.footer strong,.footer span{display:block}.footer-links{flex-wrap:wrap;gap:16px;font-weight:800;display:flex}@media (width<=1040px){.topbar{padding:0 22px}.main-nav a:nth-child(n+3){display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:64px 28px 52px}.hero-visual{min-height:auto}.floating-note{width:auto;margin-top:10px;position:static}.content-band{padding:46px 28px}.category-grid,.guide-grid,.trouble-grid,.visual-story,.admin-spotlight,.admin-guide-strip,.space-type-preview,.decision-grid,.selector-demo-hero,.space-hub-hero,.mode-preview-content,.mode-task-grid,.pros-cons-grid,.space-hub-grid,.hub-feature-grid,.hub-columns{grid-template-columns:1fr}.phone-row{grid-template-columns:repeat(3,minmax(0,1fr))}.space-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr;padding:24px 18px 54px}.article-sidebar{position:static}}@media (width<=680px){.brand-sub,.app-link,.main-nav{display:none}h1{font-size:46px}h2{font-size:28px}.hero,.selector-demo-hero,.space-hub-hero{padding:48px 18px 42px}.selector-demo-hero h1,.space-hub-hero h1{font-size:44px}.hero-text,.topic-hero p,.article-hero p{font-size:16px}.phone-frame.large{width:min(100%,280px)}.content-band{padding:38px 18px}.section-heading,.emergency-band,.footer{display:block}.emergency-band{padding:24px 18px}.emergency-band a{margin-top:14px;display:inline-flex}.phone-row,.related-grid,.space-hub-grid{grid-template-columns:1fr}.topic-hero{padding:44px 18px}.article-hero{padding:34px 22px 28px}.article-hero h1{font-size:42px}.article-body{padding:32px 22px 42px}.footer-links{margin-top:14px}}