body:has(.guide-page){background:var(--paper);background-image:none}body:has(.guide-page):after,body:has(.guide-page):before{display:none}.guide-page{--m-accent:var(--green);--m-ink:var(--ink);--m-line:var(--line);--m-glass:color-mix(in srgb,var(--hotel-ivory) 55%,transparent);position:relative;isolation:isolate;min-height:100vh;color:var(--ink);padding:22px 0 0;font-family:Arial,PingFang TC,sans-serif}.guide-page:before{z-index:-2;background:linear-gradient(120deg,color-mix(in srgb,var(--paper) 35%,transparent),color-mix(in srgb,var(--paper) 20%,transparent)),url(/images/architecture-series/00-doorway.webp) 50%/cover no-repeat}.guide-page:after,.guide-page:before{content:"";position:fixed;inset:0;pointer-events:none}.guide-page:after{z-index:-1;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--paper) 35%,transparent))}.guide-case,.guide-header,.guide-intro,.marketing-final{border:1px solid #ffffffa6;background:var(--hotel-ivory);background:linear-gradient(125deg,#ffffff38,#ffffff08),var(--m-glass);box-shadow:inset 0 1px 0 #ffffffb3,0 18px 55px #24182014;backdrop-filter:blur(24px) saturate(115%);-webkit-backdrop-filter:blur(24px) saturate(115%)}.guide-page>.guide-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 28px;flex-wrap:wrap;height:auto;min-height:90px;width:92%;max-width:1560px;margin:auto;border-radius:24px}.marketing-brand{display:grid;gap:6px;text-decoration:none;color:var(--hotel-green)}.marketing-brand>span{font:22px Georgia,serif;letter-spacing:2px}.marketing-brand small{font-size:9px;letter-spacing:2px}.marketing-main{padding:0;max-width:1440px;width:88%;margin:auto}.guide-intro{padding:48px;margin:36px 0 26px;border-radius:30px}.marketing-kicker{font-size:11px;letter-spacing:2px;color:var(--m-accent);font-weight:700;margin:0 0 20px}.guide-intro h1{max-width:920px;font-size:clamp(32px,4vw,58px);line-height:1.25;font-weight:500;margin:0 0 24px;text-wrap:balance}.guide-intro>p{max-width:840px}.guide-copy p,.guide-intro p,.marketing-final p{font-size:16px;line-height:1.85;color:var(--muted)}.guide-intro .guide-note{font-size:13px}.marketing-actions{display:flex;gap:22px;align-items:center;margin:28px 0;flex-wrap:wrap}.marketing-actions>a:not(.marketing-cta){color:var(--m-accent);font-size:14px;text-decoration:none}.guide-page .marketing-cta{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:14px 24px;border:1px solid color-mix(in srgb,var(--m-accent) 80%,white);border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--m-accent) 85%,white),var(--m-accent));color:#fff;font-size:14px;font-weight:600;text-decoration:none;box-shadow:inset 0 1px 0 #ffffff38,0 6px 18px color-mix(in srgb,var(--m-accent) 20%,transparent);transition:filter .15s,box-shadow .15s}.guide-page .marketing-cta:hover{filter:brightness(1.1);box-shadow:0 8px 24px color-mix(in srgb,var(--m-accent) 30%,transparent)}.guide-index{display:flex;flex-wrap:wrap;gap:10px;padding:4px 0 26px}.guide-index a{display:flex;gap:10px;align-items:center;padding:12px 16px;border:1px solid #ffffffb3;border-radius:24px;background:var(--m-glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--ink);text-decoration:none;font-size:14px;box-shadow:inset 0 1px 0 #fff8,0 4px 14px #2418200a}.guide-index a:hover{border-color:var(--m-accent)}.guide-index span{color:var(--m-accent)}.guide-case{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:5%;padding:38px;margin-bottom:28px;border-radius:28px;align-items:center;scroll-margin-top:24px}.guide-copy h2{font-size:clamp(26px,2.5vw,38px);font-weight:500;line-height:1.35;margin:0 0 20px;text-wrap:balance}.guide-tip{border-left:3px solid var(--hotel-gold);padding-left:20px;margin-top:28px}.guide-tip h3{font-size:15px;margin:0;color:var(--ink)}.guide-tip p{font-size:14px}.marketing-comparison{margin:0;min-width:0}.comparison-stage{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:18px;border:1px solid #ffffffa3;box-shadow:0 10px 28px #24182020}.comparison-stage>img{width:100%;height:100%;object-fit:contain;background:#211f1c;display:block}.comparison-stage .comparison-before{position:absolute;inset:0}.comparison-divider{position:absolute;top:0;bottom:0;border-left:2px solid #fff;display:flex;align-items:center;pointer-events:none}.comparison-divider i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--hotel-ivory);color:var(--m-accent);font-style:normal;font-size:24px;transform:translateX(-50%);box-shadow:0 3px 14px #0004}.comparison-label{position:absolute;top:14px;max-width:42%;padding:8px 12px;background:#201b19b8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-size:12px;border:1px solid #fff5;border-radius:999px}.comparison-label.before{left:14px}.comparison-label.after{right:14px}.guide-page .guide-comparison-range{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;z-index:2;touch-action:pan-y}.marketing-comparison figcaption{margin-top:12px;font-size:12px;color:var(--muted);line-height:1.6}.marketing-final{text-align:center;padding:48px;margin:36px 0;border-radius:30px}.marketing-final h2{font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.4;margin:0 0 18px}.marketing-final p{max-width:760px;margin:0 auto 24px}.guide-top{display:block;margin-top:24px;color:var(--m-accent)}.marketing-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:28px 6%;font-size:11px;color:var(--ink)}.locale-picker{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.locale-picker label{display:flex;align-items:center;gap:10px;font-size:14px;color:inherit}.locale-picker select{width:auto;max-width:220px;padding:9px 28px 9px 12px;border:1px solid var(--m-line);border-radius:24px;background:var(--m-glass);color:inherit;font:inherit}.locale-picker option{color:#29251f;background:#fff}.locale-picker [role=alert]{font-size:12px}.comparison-stage:focus-within,.guide-page a:focus-visible,.locale-picker select:focus-visible{outline:3px solid var(--m-accent);outline-offset:4px}.how-to-actions>a{display:inline-flex;align-items:center;padding:12px 18px;border:1px solid var(--hotel-gold);border-radius:999px;color:inherit;text-decoration:none}@media(max-width:800px){.guide-case{grid-template-columns:1fr;gap:24px;padding:24px}.guide-intro{padding:28px}.guide-page>.guide-header{padding:20px;gap:16px}.guide-header .locale-picker{margin-left:auto}.guide-header>.marketing-cta{width:100%}.marketing-final{padding:32px 24px}}@media(prefers-reduced-motion:reduce){.guide-page *{scroll-behavior:auto!important;transition:none!important}}@media(prefers-reduced-transparency:reduce){.guide-case,.guide-header,.guide-index a,.guide-intro,.marketing-final{background:var(--hotel-ivory);backdrop-filter:none;-webkit-backdrop-filter:none}}.comparison-label{transition:opacity .16s ease;pointer-events:none}.guide-page>.guide-header{color:#f9f0df;background:linear-gradient(120deg,#201b20eb,color-mix(in srgb,var(--hotel-green) 85%,transparent));border-color:#e7d2a94a;box-shadow:inset 0 1px 0 #ffffff30,0 12px 32px #20131b30;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.guide-brand-group{display:flex;align-items:center;gap:24px;min-width:0}.guide-header .marketing-brand{display:block;flex:0 1 350px;max-width:350px}.guide-header .marketing-brand img{display:block;width:100%;height:auto;min-width:200px}.guide-series{color:#ead7ad;border-left:1px solid #ead7ad55;padding:8px 0 8px 20px;font-size:13px;letter-spacing:.08em;white-space:nowrap}.guide-header .locale-picker select{background:#ffffff12;color:#fff4e1;border-color:#e7d2a966}.guide-header .marketing-cta{border-color:#ffffff45}.guide-case{background:var(--hotel-ivory);background:linear-gradient(135deg,#ffffff55 0,#ffffff12 38%,transparent 75%),color-mix(in srgb,var(--hotel-ivory) 48%,transparent);border:1px solid #ffffffa8;border-bottom:1px solid color-mix(in srgb,var(--hotel-gold) 35%,transparent);box-shadow:inset 0 2px 0 #ffffffd9,inset 0 -1px 0 #ffffff55,0 6px 12px #2718220b,0 22px 48px #27182224;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);margin-bottom:36px}.guide-case .comparison-stage{border-color:#fff9;box-shadow:0 2px 4px #21182012,0 12px 25px #2118202b}@media(max-width:1100px){.guide-brand-group{flex:1 1 100%}.guide-header .marketing-brand{max-width:340px}.guide-header .locale-picker{margin-left:0}.guide-header>.marketing-cta{margin-left:auto}}@media(max-width:600px){.guide-brand-group{flex-wrap:wrap;gap:8px}.guide-header .marketing-brand{flex-basis:100%;max-width:310px}.guide-series{border-left:0;padding:2px 0 6px;font-size:12px}.guide-header .locale-picker,.guide-header>.marketing-cta{margin-left:0}.guide-case{box-shadow:inset 0 2px 0 #ffffffd9,0 12px 28px #27182220}}@media(prefers-reduced-transparency:reduce){.guide-page>.guide-header{background:#292027}.guide-case{background:var(--hotel-ivory);backdrop-filter:none;-webkit-backdrop-filter:none}}.guide-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;padding:30px 38px;margin:24px 0 20px}.guide-intro-copy{min-width:0}.guide-intro-copy .marketing-kicker{margin:0 0 12px;font-size:12px;letter-spacing:2px}.guide-intro h1{max-width:850px;margin:0 0 14px}.guide-intro-copy>p:last-child{margin:0}.guide-intro-cta{justify-self:end;white-space:nowrap}.case-adjustments{backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%);margin-top:22px;padding:16px 18px;border:1px solid #e7d2a9;border-radius:16px;color:#fff8ec;background:#302b29;background:linear-gradient(130deg,color-mix(in srgb,color-mix(in srgb,var(--hotel-green) 45%,#201d22) 85%,transparent) 0,#262328db 100%);box-shadow:inset 0 1px 0 #ffffff20,0 5px 16px #24182024}.case-adjustments h3{margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #e7d2a945;font-size:14px;color:#f6dfab}.case-adjustments ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}.case-adjustments li{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;line-height:1.5}.case-rating{display:inline-flex;align-items:center;gap:8px;flex:none}.case-rating b{font-size:11px;min-width:1.2em;font-weight:500;color:#e5dbce}.case-stars{display:flex;gap:3px}.case-stars svg{width:13px;height:13px;fill:transparent;stroke:#b7aa96;stroke-width:1;opacity:.7}.case-stars svg.filled{fill:#f6dfab;stroke:#f6dfab;opacity:1}.guide-copy .case-adjustments p{color:#d7cec2;font-size:11px;line-height:1.6;margin:12px 0 0}@media(max-width:800px){.guide-intro{grid-template-columns:1fr;padding:24px;gap:18px}.guide-intro-cta{justify-self:start}.case-adjustments{padding:14px}.case-adjustments li{flex-wrap:wrap}}.guide-copy>p:not(.marketing-kicker),.guide-intro-copy>p:last-child,.guide-tip p,.marketing-final p{color:var(--ink)}@media(prefers-reduced-transparency:reduce){.guide-case,.guide-intro,.marketing-final{background:var(--hotel-ivory);backdrop-filter:none;-webkit-backdrop-filter:none}.case-adjustments{background:#302b29;backdrop-filter:none;-webkit-backdrop-filter:none}}.guide-view-switch{display:flex;gap:8px;margin:22px 0 0}.guide-view-switch button{border:1px solid var(--m-line);border-radius:999px;padding:10px 20px;background:var(--m-glass);color:var(--ink);font-size:14px;font-weight:700}.guide-view-switch button[aria-pressed=true]{background:var(--m-accent);color:white}.guide-view-switch button:focus-visible{outline:3px solid var(--m-accent);outline-offset:3px}.guide-page{padding-top:0}.site-nav-shell{position:sticky;top:0;z-index:30}.site-nav-shell>header{width:100%;margin:0;border-radius:0}.site-nav-shell .header-actions>.workspace-version{text-decoration:none;white-space:nowrap}.site-nav-shell .locale-picker{font-size:12px;color:#f4e4bd}.site-nav-shell .locale-picker select{max-width:145px;background:#ffffff12;color:#f4e4bd;border-color:#e7d2a966}.site-nav-shell .locale-picker option{color:#29251f}.workspace-drawer .header-actions>a.workspace-version{display:flex;justify-content:center;align-items:center;min-height:46px;padding:12px;border:1px solid var(--line);border-radius:18px;color:var(--ink);text-decoration:none;font-weight:700}.workspace-drawer .locale-picker{justify-content:center}.ai-workspace-link{gap:7px}.ai-workspace-spark{display:inline-block;color:#dfba6a;font-size:1.3em;line-height:1;animation:ai-workspace-spark 2.4s ease-in-out infinite}@keyframes ai-workspace-spark{0%,to{transform:scale(.86) rotate(-12deg);opacity:.68}50%{transform:scale(1.15) rotate(12deg);opacity:1}}@media(max-width:1200px){.workspace-drawer .guide-nav-link{order:1}.workspace-drawer .delivery-shortcut,.workspace-drawer .header-actions>a.workspace-version[href*=delivery]{order:2}.workspace-drawer .header-actions>a.workspace-version[href*=records],.workspace-drawer .library-shortcut{order:3}.workspace-drawer .ai-workspace-link{order:4}}@media(max-width:800px){.guide-page .guide-index{display:none}.guide-intro{background:linear-gradient(135deg,#fff8,#eee2d2b8 65%,#e8d8c8a3);border-color:#fff9;box-shadow:inset 0 2px 0 #fff9,0 18px 38px #2718222b}.guide-intro h1{font-weight:400}.guide-case{display:flex;flex-direction:column;align-items:stretch}.guide-copy{display:contents}.guide-copy>.marketing-kicker{order:0}.guide-copy>h2{order:1}.guide-copy>p:not(.marketing-kicker){order:2}.guide-case>.marketing-comparison{order:3;width:100%}.guide-copy>.guide-tip{order:4;width:100%;box-sizing:border-box}.guide-copy>.case-adjustments{order:5;width:100%;box-sizing:border-box}}@media(prefers-reduced-motion:reduce){.ai-workspace-spark{animation:none}}