/* Public previews and request pages belong to the main marketing website. */
.access-marketing{--g-bg:var(--bg);--g-panel:var(--surface);--g-line:var(--line);--g-text:var(--text);--g-muted:var(--muted);--g-red:var(--action);--g-blue:#d1cbc3;background:var(--bg);color:var(--text)}
.access-marketing main{min-height:55vh}.access-marketing main h1{margin:20px 0 25px;font-weight:600}.access-marketing main h2{margin:16px 0 24px;font-weight:600}.access-marketing main h3{margin:14px 0;font-weight:500}.access-marketing main p{margin:14px 0;color:var(--muted)}.access-marketing main em{color:var(--text)}
.access-marketing .g-container{width:min(1220px,90%);padding-inline:0}.access-marketing .g-hero{padding-block:78px 80px;gap:55px}.access-marketing .g-hero h1{font-size:clamp(40px,4.5vw,64px);line-height:1.09;letter-spacing:-.042em}.access-marketing main .g-eyebrow{color:var(--red);font-size:12px;font-weight:600;letter-spacing:.085em}.access-marketing .g-lead{font-size:19px;line-height:1.75}.access-marketing .g-button{background:var(--action);border-color:var(--action);color:var(--on-action);font-weight:600;min-height:48px;transition:background .18s}.access-marketing .g-button:hover{background:var(--action-hover);border-color:var(--action-hover);transform:none;text-decoration:none}.access-marketing .g-button.secondary{background:transparent;border-color:var(--line);color:var(--text)}
.access-marketing .g-window{background:linear-gradient(145deg,#2b2726,#222);border-color:#655852;border-radius:10px;box-shadow:0 20px 50px #0002}.access-marketing .g-window-bar{background:#292625}.access-marketing .g-demo-signal small,.access-marketing .g-evidence small,.access-marketing .g-lockline,.access-marketing .g-shift small,.access-marketing .g-mini-metrics span,.access-marketing .g-micro,.access-marketing .g-feature-number{color:#bcb3ad}.access-marketing .g-visual-caption{color:#a69a91}.access-marketing .g-feature,.access-marketing .g-public-cases article{background:var(--surface);border-color:var(--line);border-radius:8px}.access-marketing .g-feature-icon{color:var(--red);background:#382926;border-color:#64453f}.access-marketing .g-mini-filters span{border-color:#655852;color:#c8bbb2}.access-marketing .g-mini-metrics b,.access-marketing .g-large-count{color:var(--text)}.access-marketing .g-large-count small{color:var(--muted)}
.access-marketing .g-section,.access-marketing .g-closing{border-color:var(--line)}.access-marketing .g-closing{background:transparent}.access-marketing .g-form-card{background:var(--surface);border-color:var(--line);border-radius:10px}.access-marketing .g-info-panel{background:#292624;border-color:#655852}.access-marketing .g-info-panel>svg,.access-marketing .g-back{color:#d0b7a6}.access-marketing .g-micro a,.access-marketing .g-prose a,.access-marketing .g-checkbox a,.access-marketing .g-access-status a{color:var(--text);text-decoration:underline;text-underline-offset:5px}.access-marketing .g-access-status{font-size:12px}.access-marketing label{color:var(--text)}.access-marketing input:not([type=checkbox]),.access-marketing textarea,.access-marketing select{background:var(--bg);border-color:#6a6059}.access-marketing .g-access-card,.access-marketing .g-review-card{background:var(--surface);border-color:var(--line)}.access-marketing .g-access-card.approved{border-top-color:var(--g-green)}
.access-marketing main .g-shift p{font-size:12px}.access-marketing main .g-mini-metrics{margin-top:16px}.access-marketing main .g-hero .g-micro{font-size:12px}.access-marketing .main-header svg{display:none}.access-marketing .main-footer .logo{margin:0}
@media(max-width:1000px){.access-marketing .g-hero{gap:30px}.access-marketing .g-hero h1{font-size:43px;letter-spacing:-1.7px}.access-marketing .g-lead{font-size:17px}}
@media(max-width:760px){.access-marketing .g-hero{grid-template-columns:1fr;padding-block:45px 50px;gap:35px}.access-marketing .g-hero h1{font-size:43px}.access-marketing .g-hero-visual{max-width:560px;margin-inline:0}.access-marketing .g-section{padding-block:45px}.access-marketing .g-container{width:90%}.access-marketing .g-closing{padding-block:65px}.access-marketing .g-form-layout h1{font-size:42px}.access-marketing .g-hero h1 br{display:none}}
@media(max-width:390px){.access-marketing .g-hero h1{font-size:38px}.access-marketing .g-window-content{padding:20px}}
@media(prefers-reduced-motion:reduce){.access-marketing *{scroll-behavior:auto!important;transition:none!important}}

/* Email-first access form, portable handoff. */
.access-marketing .g-email-form{max-width:720px}.g-email-form .g-form{margin-top:28px}.g-email-form .g-form>label{margin-top:18px}.g-email-form .g-form>.g-button{margin-top:20px}.g-email-form .g-checkbox{align-items:flex-start}.g-email-form input[type=checkbox]{width:18px;height:18px;margin:3px 0 0;flex-shrink:0}.g-email-form .g-checkbox>span{line-height:1.7}.g-email-form .g-trap{position:absolute;left:-99999px;opacity:0;pointer-events:none}

/* The two demo paths show what changes, instead of anonymous card numbers. */
.access-marketing .g-journey-visual{display:flex;align-items:center;gap:14px;margin-bottom:30px;padding-bottom:27px;border-bottom:1px solid var(--line);min-height:100px}
.access-marketing .g-journey-node{display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex:1;min-width:0;font-size:12px;line-height:1.5;color:var(--muted)}
.access-marketing .g-journey-node>svg{width:26px;height:26px;color:#c4b7ab}
.access-marketing .g-journey-result{color:var(--text)}.access-marketing .g-journey-result>svg{color:#e7a196}
.access-marketing .g-journey-arrow{color:#85756e;flex-shrink:0}.access-marketing .g-journey-arrow svg{width:28px}

/* Library scale is substantive product information, not ornamental card numbering. */
.access-marketing .g-library-scale{display:grid;grid-template-columns:1fr 1.4fr;gap:25px;margin:28px 0 23px;padding:23px 0;border-block:1px solid var(--line);max-width:540px}
.access-marketing .g-library-scale>div{display:flex;flex-direction:column-reverse;gap:9px;min-width:0}
.access-marketing .g-library-scale dt{font-size:12px;line-height:1.6;color:var(--muted)}
.access-marketing .g-library-scale dd{font-size:clamp(32px,3.2vw,43px);line-height:1.05;letter-spacing:-.04em;color:var(--text);margin:0}
.access-marketing .g-library-scale>div+div{border-left:1px solid var(--line);padding-left:25px}
.access-marketing .g-three-grid .g-feature{display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:14px;align-content:start}
.access-marketing .g-three-grid .g-feature h3,.access-marketing .g-three-grid .g-feature p{margin:0}
.access-marketing .g-three-grid .g-feature-icon{margin-bottom:10px}
.access-marketing .g-evidence-dot{display:block;width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#a99e95}.access-marketing .g-evidence-dot.amber{background:#d1a25c}.access-marketing .g-evidence-dot.green{background:#8ac5ad}
@media(max-width:760px){.access-marketing .g-three-grid .g-feature{display:block;grid-row:auto}.access-marketing .g-three-grid .g-feature h3{margin:15px 0}.access-marketing .g-library-scale{gap:20px;margin-block:24px}.access-marketing .g-library-scale>div+div{padding-left:20px}}

/* Show the design work saved through reuse. */
.access-marketing .g-library-reuse{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.g-library-reuse>div{min-width:0}.g-library-reuse>div>p:not(.g-eyebrow){font-size:18px;line-height:1.8}.g-library-reuse ul{padding:0;list-style:none;margin:25px 0 0}.g-library-reuse li{padding:15px 0;border-top:1px solid var(--g-line);font-size:16px;line-height:1.65;color:var(--g-text)}
.access-marketing .g-external-benchmark{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.g-external-benchmark>div{min-width:0}.g-external-benchmark strong{display:block;font-size:clamp(48px,5.5vw,75px);font-weight:500;line-height:1.1;letter-spacing:-.05em;color:#e5b6a0}.access-marketing .g-external-benchmark h2{font-size:28px;line-height:1.3;margin-top:14px}.access-marketing .g-external-benchmark>div>p:not(.g-eyebrow){font-size:17px;line-height:1.8}
.g-route-link{display:inline-flex;gap:12px;align-items:center;text-decoration:underline;text-underline-offset:5px;min-height:44px;font-size:14px;font-weight:600;color:var(--g-text)}.g-route-link svg{width:18px}
.access-marketing .g-demo-overview h2{font-size:30px;line-height:1.2;margin:0 0 24px;letter-spacing:-.04em}.g-demo-route{display:flex;align-items:center;gap:17px;padding:22px 0;border-top:1px solid var(--g-line)}.g-demo-route>div{flex:1;min-width:0}.g-demo-route-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #8b6557;border-radius:7px;color:#e6a591;flex:0 0 38px}.g-demo-route:nth-of-type(2) .g-demo-route-icon{border-color:#657b8b;color:#aac5db}.g-demo-route:nth-of-type(3) .g-demo-route-icon{border-color:#628676;color:#a8d3bc}.access-marketing .g-demo-route h3{font-size:21px;margin:0 0 6px;line-height:1.3}.access-marketing .g-demo-route p{font-size:12px;line-height:1.65;margin:0;color:#c6bcb4}.g-demo-route>svg{width:19px;color:#c7ab99}.g-demo-route:hover h3{text-decoration:underline;text-underline-offset:5px}
.access-marketing .g-three-grid .g-feature:has(.g-route-link){grid-row:span 4}.access-marketing .g-three-grid .g-feature .g-route-link{margin-top:8px;align-self:end;justify-self:start}
.access-marketing .g-demo-hero{padding-block:55px 65px}.g-demo-hero .g-hero-visual{padding-top:0}.access-marketing .g-demo-hero h1{font-size:clamp(40px,4.1vw,59px)}.access-marketing .g-demo-hero .g-lead{font-size:18px;line-height:1.7}
/* Library value is clear without asking visitors to estimate project effort. */
.access-marketing .g-library-hero{padding-block:48px 60px}.g-library-hero .g-hero-visual{padding-top:0}.access-marketing .g-library-hero h1{font-size:clamp(40px,4.1vw,59px)}.access-marketing .g-library-hero .g-lead{font-size:18px;line-height:1.7}.g-library-hero .g-library-scale{padding-block:18px;margin-block:22px}.g-library-hero .g-library-scale dd{font-size:36px}
.access-marketing .g-library-advantage{scroll-margin-top:110px;min-width:0;border:1px solid #896353;border-top:3px solid #d7a18a;border-radius:10px;padding:30px;background:linear-gradient(145deg,#322823,#232526);box-shadow:0 20px 50px #0002}.access-marketing .g-library-advantage>h2{font-size:clamp(29px,2.8vw,39px);line-height:1.15;letter-spacing:-.035em;margin:17px 0 27px}
.g-library-ready{display:flex;align-items:center;gap:18px;padding:19px 0;border-top:1px solid #67564b}.g-library-ready>span{color:#deb69e;flex:0 0 26px}.g-library-ready>span>svg{width:26px;height:26px}.g-library-ready>div{min-width:0}.access-marketing .g-library-ready h3{font-size:20px;line-height:1.3;margin:0 0 7px;letter-spacing:-.015em}.access-marketing .g-library-ready p{font-size:14px;line-height:1.65;color:#cbbfb6;margin:0}
.g-library-payoff{border-top:1px solid #61725f;margin:13px -30px -30px;padding:23px 30px;background:#2d3a2d70}.g-library-payoff strong{display:block;color:#d4e2ce;font-size:19px;font-weight:500;line-height:1.45}.access-marketing .g-library-payoff p{color:#c0d2bb;font-size:14px;line-height:1.7;margin:9px 0 0}
.access-marketing .g-library-hero+.g-external-benchmark{padding-block:48px}.g-external-benchmark strong{font-size:clamp(48px,5.2vw,72px)}
@media(max-width:1000px){.access-marketing .g-library-advantage{padding:25px}.g-library-ready{gap:14px}.access-marketing .g-library-ready h3{font-size:18px}.g-library-payoff{margin-inline:-25px;margin-bottom:-25px;padding:22px 25px}.access-marketing .g-library-reuse,.access-marketing .g-external-benchmark{gap:35px}}
@media(max-width:760px){.access-marketing .g-library-hero{padding-block:42px 50px}.access-marketing .g-library-hero h1{font-size:43px}.access-marketing .g-library-hero .g-lead{font-size:17px}.access-marketing .g-library-advantage>h2{font-size:33px}.access-marketing .g-library-ready h3{font-size:20px}.access-marketing .g-library-reuse,.access-marketing .g-external-benchmark{grid-template-columns:1fr;gap:28px}.access-marketing .g-library-reuse>div>p:not(.g-eyebrow),.access-marketing .g-external-benchmark>div>p:not(.g-eyebrow){font-size:16px}.access-marketing .g-three-grid .g-feature:has(.g-route-link){grid-row:auto}.access-marketing .g-three-grid .g-feature .g-route-link{margin-top:18px}.access-marketing .g-demo-overview h2{font-size:29px}.g-demo-route{padding-block:21px}.access-marketing .g-demo-route h3{font-size:20px}.access-marketing .g-library-hero+.g-external-benchmark{padding-block:38px}}
@media(max-width:1000px){.access-marketing .g-demo-route h3{font-size:19px}.g-demo-route{gap:12px}}
@media(max-width:760px){.access-marketing .g-demo-route h3{font-size:20px}}