.demo-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 4%;background:#fff;border-bottom:1px solid var(--line)}.demo-wordmark{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px}.demo-wordmark img{width:30px}.demo-navigation nav{display:flex;gap:6px}.demo-navigation nav a{padding:10px 14px;font-size:13px;border-radius:4px}.demo-navigation nav a[aria-current]{background:#edf2f4;color:#142d3b;font-weight:600}.demo-reset{background:transparent;border:0;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:4px}.demo-context{display:flex;justify-content:space-between;background:#142d3b;color:#dbe4e9;padding:10px 4%;font-size:12px;gap:15px}.showcase-wrap{width:min(1200px,calc(100% - 80px));margin:auto}.showcase-hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-top:70px;padding-bottom:80px}.showcase h1{font-size:clamp(40px,4.6vw,65px);line-height:1.13;letter-spacing:-.025em;margin-bottom:25px}.showcase h1 em{font-style:normal;color:#a5885c}.showcase-intro{font-size:17px;line-height:1.8;color:var(--muted)}.showcase-small{font-size:12px;color:var(--muted);margin:18px 0 0}.showcase-visual{position:relative;height:510px;margin-left:18px}.showcase-visual>img{width:100%;height:100%;object-fit:cover;border-radius:3px}.floating-agency{position:absolute;top:28px;left:-35px;background:#fff;padding:22px;box-shadow:0 12px 35px #142d3b15}.floating-agency img{width:230px;display:block}.floating-agency span{display:block;font-family:Georgia,serif;font-size:20px;line-height:1.4;margin:18px 0 0}.floating-admin{position:absolute;bottom:28px;right:-20px;background:var(--ink);color:white;padding:24px 28px;width:285px;box-shadow:0 14px 40px #142d3b25}.mini-caption{font-size:10px;letter-spacing:.14em;font-weight:600}.floating-admin>div{display:flex;gap:16px;align-items:center;margin:14px 0}.floating-admin strong{font-size:42px;font-weight:500}.floating-admin p{font-size:11px;color:#c3d2d8;margin:0}.floating-admin i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b39971;margin-right:7px}.showcase-strip{background:#f4f5f3;border-block:1px solid #e8eae7}.showcase-strip>div{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-block:25px;font-size:13px}.showcase-strip span:before{content:'✓';color:#a5885c;margin-right:10px}.showcase-section{padding-block:75px}.showcase-section-head{max-width:750px;margin-bottom:35px}.showcase h2{font-size:38px}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.experience-card{border:1px solid var(--line);transition:transform .2s,box-shadow .2s}.experience-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #142d3b10}.experience-photo{height:270px;position:relative}.experience-photo img{width:100%;height:100%;object-fit:cover}.experience-photo>span{position:absolute;bottom:20px;left:25px;color:white;background:#142d3be8;padding:9px 12px;font-size:11px;letter-spacing:.1em}.experience-body{padding:30px}.experience-body h3{font-family:Georgia,serif;font-size:27px;font-weight:400;margin:8px 0 14px}.experience-body p{font-size:14px;line-height:1.8;color:var(--muted)}.experience-cta{display:inline-block;font-size:13px;border-bottom:1px solid var(--gold);padding-bottom:6px;margin-top:8px}.experience-cta:after{content:' →';margin-left:15px}.admin-illustration{height:270px;background:#e7edf0;padding:27px;display:flex;gap:0;overflow:hidden}.illustration-sidebar{background:var(--ink);width:75px;flex-shrink:0;padding:16px 12px;color:white;font-family:Georgia,serif;font-size:12px}.illustration-sidebar i{display:block;height:5px;background:#ffffff25;margin-top:19px}.illustration-main{background:#f8fafb;padding:20px;flex:1;min-width:0}.illustration-title{font-size:12px;font-weight:600;margin-bottom:14px}.illustration-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.illustration-stats>div{border:1px solid #e1e6e8;background:white;padding:9px}.illustration-stats small{font-size:8px;display:block;color:var(--muted)}.illustration-stats b{font-size:21px;font-weight:500}.illustration-row{font-size:8px;display:flex;justify-content:space-between;gap:5px;padding-block:11px;border-bottom:1px solid #e1e6e8}.illustration-row b{font-size:7px;color:var(--green);font-weight:500}.scenario-section{background:#f4f5f3;padding-block:70px}.scenario-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:100px}.scenario-layout>div>p{line-height:1.8;max-width:400px}.scenario-steps{list-style:none;margin:0;padding:0}.scenario-steps li{display:flex;gap:23px;padding:25px 0;border-bottom:1px solid #dfe2df}.scenario-steps li:first-child{padding-top:0}.scenario-steps li>span{color:var(--gold);font:28px Georgia}.scenario-steps h3{font-size:17px;margin-bottom:10px}.scenario-steps p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.bespoke-section{padding-block:70px;display:flex;justify-content:space-between;align-items:center;gap:35px}.bespoke-section p{color:var(--muted);line-height:1.8}.bespoke-action{max-width:280px}.bespoke-action span{display:block;font-size:13px;line-height:1.7;color:var(--muted);margin-top:18px}.showcase-footer{padding-block:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.showcase-footer>div{display:flex;gap:25px}.demo-agency-brand img{width:230px;height:auto}.sidebar .demo-agency-brand{background:white;padding:10px;border-radius:3px}.sidebar .demo-agency-brand img{width:100%}.demo-guide{background:#edf2f3;border:1px solid #d7e1e5;padding:24px;border-radius:6px;margin-bottom:25px;display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.demo-guide h2{font-family:Georgia,serif;font-size:26px;margin-bottom:10px}.demo-guide p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.demo-guide .eyebrow{font-size:10px;margin-bottom:12px}.demo-guide .btn{justify-self:start;grid-column:1/-1}.demo-missions{display:grid;gap:8px;font-size:12px}.demo-missions span{border-bottom:1px solid #d7e1e5;padding:8px 0;color:var(--muted)}.demo-missions .done{color:var(--green);font-weight:600}.adminmain{min-width:0}.admin{grid-template-columns:235px minmax(0,1fr)}.avatar{border-radius:4px}.sidebar{height:calc(100vh - 110px);top:0}.editor-help{font-size:12px;color:var(--muted);margin:0 0 15px}#editor .editor-nav{position:static;display:flex;flex-wrap:wrap;gap:6px;background:transparent;padding:0 0 20px;box-shadow:none;border-bottom:1px solid var(--line);margin-bottom:24px}#editor .editor-nav button{padding:9px 12px;border:1px solid var(--line);border-radius:4px;background:#fff;font-size:12px}#editor .editor-nav button.active{background:var(--ink);border-color:var(--ink);color:#fff}#editor .formfoot{position:sticky;bottom:-28px;background:white;padding:17px 0;border-top:1px solid var(--line);margin-top:20px}#editor .inline-date{margin-top:15px}.action{margin:2px}.adminbar{margin-bottom:25px}.showcase .muted{line-height:1.8}
@media(max-width:1100px){.demo-wordmark{font-size:12px}.showcase-hero{gap:35px}.showcase-visual{height:460px}.floating-admin{right:-5px;width:240px;padding:20px}.floating-agency{left:-20px}.floating-agency img{width:190px}.scenario-layout{gap:50px}.admin{grid-template-columns:200px minmax(0,1fr)}.demo-guide{grid-template-columns:1fr}.adminmain{padding:25px}.showcase-wrap{width:calc(100% - 48px)}}
@media(max-width:800px){.demo-navigation{flex-wrap:wrap;gap:10px;padding:12px 20px}.demo-navigation nav{order:3;width:100%;justify-content:center}.demo-navigation nav a{font-size:12px;padding:9px 12px}.demo-context{font-size:11px;flex-wrap:wrap;gap:4px;padding:9px 20px}.showcase-hero{grid-template-columns:1fr;padding-block:45px;gap:35px}.showcase-copy{max-width:580px}.showcase h1{font-size:48px}.showcase-visual{height:400px;margin-left:20px;max-width:620px}.showcase-strip>div{grid-template-columns:1fr 1fr;font-size:12px}.experience-grid{grid-template-columns:1fr}.showcase h2{font-size:32px}.scenario-layout{grid-template-columns:1fr;gap:40px}.bespoke-section{flex-direction:column;align-items:start}.bespoke-action{max-width:100%}.showcase-footer{flex-wrap:wrap}.admin{grid-template-columns:minmax(0,1fr)}.sidebar{height:auto;position:static;padding:18px;gap:18px}.sidebar .demo-agency-brand{width:190px}.sidenav{flex-direction:row}.sidebarbottom{display:none}.adminmain{padding:20px 16px}.demo-guide{padding:20px}.demo-agency-brand img{width:200px}.showcase-section,.scenario-section,.bespoke-section{padding-block:45px}}
@media(max-width:460px){.showcase-wrap{width:calc(100% - 36px)}.demo-navigation{padding-inline:14px}.demo-navigation nav a{padding:8px;font-size:11px}.demo-reset{font-size:11px}.showcase h1{font-size:40px}.showcase-intro{font-size:15px}.showcase-visual{height:330px;margin-left:10px}.floating-agency{padding:15px;left:-10px;top:20px}.floating-agency img{width:165px}.floating-agency span{font-size:16px;margin-top:12px}.floating-admin{width:215px;right:0;bottom:20px;padding:17px}.floating-admin strong{font-size:34px}.showcase-strip>div{gap:15px;font-size:11px}.showcase h2{font-size:28px}.experience-photo,.admin-illustration{height:235px}.admin-illustration{padding:18px}.illustration-main{padding:14px}.experience-body{padding:23px}.showcase-footer>div{gap:18px}.demo-navigation nav{justify-content:space-between}.demo-guide h2{font-size:23px}#editor .formfoot{bottom:-20px;flex-wrap:wrap}#editor .editor-nav button{font-size:11px;padding:8px}.demo-agency-brand img{width:190px}}