:root{--navy:#07182d;--brand:#131921;--ink:#0f1111;--muted:#565959;--line:#d5d9d9;--soft:#f7f8f8;--yellow:#ffd814;--yellow-hover:#f7ca00;--orange:#ff9900;--radius:20px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:17px/1.68 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:anywhere}img{display:block;max-width:100%;height:auto;object-fit:contain}a{color:inherit}h1,h2,h3,h4,p,figure{margin-top:0}h1,h2,h3,h4{color:var(--brand);line-height:1.15}h1{margin-bottom:18px;font-size:clamp(2.4rem,4.5vw,4.35rem);letter-spacing:-.035em}h2{margin-bottom:30px;font-size:clamp(2rem,4vw,3.25rem)}h3{margin:26px 0 12px;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase}h4{margin-bottom:10px;font-size:1.25rem}.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.skip-link{position:fixed;z-index:100;top:10px;left:10px;padding:10px 16px;border-radius:8px;background:var(--yellow);font-weight:800;transform:translateY(-150%)}.skip-link:focus{transform:none}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}header{position:sticky;z-index:50;top:0;background:rgba(19,25,33,.97);color:#fff}.nav{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:24px}.nav nav{display:flex;align-items:center;gap:26px}.brand{font-weight:800;text-decoration:none}.nav nav>a:first-child{font-size:.92rem;font-weight:650}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 19px;border:2px solid var(--yellow);border-radius:10px;background:var(--yellow);color:var(--ink);font-weight:800;line-height:1.2;text-decoration:none}.button:hover{background:var(--yellow-hover);border-color:var(--yellow-hover)}.button--small{padding:10px 14px;font-size:.86rem}.hero{padding:calc(max(0px,calc(clamp(2rem,4vw,3.5rem) - 40px)) + 15px) 0 clamp(1.5rem,4vw,3rem);background:var(--navy);color:#fff}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);align-items:center;gap:clamp(44px,7vw,86px)}.hero h1{color:#fff}.subtitle{color:#d7e1e9;font-size:clamp(1.25rem,2.3vw,1.75rem);line-height:1.4}.hero dl{display:grid;gap:9px;margin-top:35px}.hero dl div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;padding-top:9px;border-top:1px solid #ffffff2b}.hero dt{color:var(--yellow);font-size:.78rem;font-weight:800;white-space:nowrap}.hero dd{margin:0;font-size:.9rem}.hero figure{margin:0;padding:0;border:0;background:transparent;box-shadow:none}.hero img{width:100%;border:0;background:transparent;box-shadow:none}.content{padding-top:0}.content>section{padding-block:clamp(2rem,3vw,2.75rem);border-bottom:1px solid var(--line)}.grid{display:grid;gap:24px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.lead{max-width:72ch;color:#334357;font-size:clamp(1.15rem,2vw,1.4rem)}li{margin:8px 0}.overview-cards article,.audit-cards article,.state-cards article,.solution-cards article{padding:27px;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft)}.overview-cards article>*:last-child,.audit-cards article>*:last-child{margin-bottom:0}.rule{padding-top:16px;border-top:1px solid var(--line);color:var(--muted)}blockquote,.insight{margin:32px 0 0;padding:32px 38px;border:0;border-radius:var(--radius);background:var(--brand);color:#fff}blockquote h3,.insight h3{margin-top:0;color:var(--yellow)}blockquote p,.insight p{width:100%;max-width:none;margin:0;font-size:clamp(1.08rem,2vw,1.35rem);font-weight:650}.compact-groups,.detail-groups{margin-top:32px}.compact-groups>div,.detail-groups>div{padding:24px;border:1px solid var(--line);border-radius:var(--radius)}.compact-groups h3,.detail-groups h3{margin-top:0}.table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius)}table{width:100%;min-width:780px;border-collapse:collapse;background:#fff;text-align:left}th,td{padding:18px;border-bottom:1px solid var(--line);vertical-align:top}thead th{background:var(--brand);color:#fff;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}tbody th{color:var(--brand)}tbody tr:last-child>*{border-bottom:0}.solution-cards article{display:flex;align-items:center;min-height:120px;border-top:5px solid var(--orange);font-weight:700}.content>.screen{margin-block:32px;padding:45px;border:1px solid var(--line);border-radius:26px;background:var(--soft)}.screen+.screen{margin-top:32px}.screen h2{font-size:clamp(1.9rem,3.4vw,2.75rem)}.issue-resolution>div,.outcomes{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.issue-resolution h3:first-child,.outcomes h3{margin-top:0}.outcomes{margin-top:24px}.outcomes ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.outcomes li{padding:12px;border-radius:10px;background:var(--soft);font-weight:650}.comparison,.single-screen{margin:32px 0 0}.comparison figcaption{margin-bottom:16px;color:var(--brand);font-size:1.1rem;font-weight:800}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.comparison-grid>div{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.comparison-grid span{display:block;padding:10px 16px;border-bottom:1px solid var(--line);font-weight:800}.comparison-grid img{width:100%}.pov{margin:24px 0 0;padding:20px;border-left:5px solid var(--orange);border-radius:0 12px 12px 0;background:#fff}.single-screen img{width:100%;border-radius:var(--radius)}.design-system>.lead{margin-bottom:32px}.typeface{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:24px;padding:24px;border:1px solid var(--line);border-radius:var(--radius)}.type-sample{display:flex;min-height:140px;align-items:center;justify-content:center;border-radius:12px;background:var(--soft);font:600 4rem/1 Arial,sans-serif}.eyebrow{margin:0;color:var(--muted);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.typeface h4{margin:8px 0}.type-scale{display:grid;gap:12px;margin:24px 0 32px}.type-scale>div{display:grid;grid-template-columns:minmax(220px,.8fr) 1fr;align-items:center;gap:24px;padding:14px 20px;border:1px solid var(--line);border-radius:10px}.type-scale span{color:var(--muted);font-size:.8rem}.page-type{font-size:32px}.section-type{font-size:24px}.card-type{font-size:18px}.body-type{font-size:14px;font-weight:400}.label-type{font-size:12px;font-weight:500}.swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.swatches article{display:flex;min-width:0;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px}.swatches article>span{width:52px;height:52px;flex:none;border:1px solid var(--line);border-radius:9px;background:var(--swatch)}.swatches article div{display:grid;min-width:0}.swatches strong{font-size:.78rem}.swatches small,.swatches code{color:var(--muted);font-size:.68rem}.action-pairing{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:24px;margin-top:24px;padding:24px;border:1px solid var(--line);border-radius:var(--radius)}.action-pairing button{padding:14px;border:0;border-radius:9px;background:var(--yellow);color:var(--ink);font:700 .9rem Inter,sans-serif}.action-pairing p{margin:0}.content>.prototype{padding:64px 32px;text-align:center;border:0;border-radius:26px;background:var(--brand);color:#fff}.prototype h2{color:#fff}.prototype .button{margin:12px 0 28px}.prototype-sequence{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:0;counter-reset:flow;list-style:none}.prototype-sequence li{padding:14px;border:1px solid #ffffff35;border-radius:10px;background:#ffffff10;font-size:.85rem}.prototype figure{margin:28px 0 0}.prototype img{width:100%;border-radius:var(--radius)}.prototype figcaption{margin-top:16px;color:#d7e1e9;font-size:.88rem}.takeaway blockquote{margin-top:32px}.honesty-note{margin:32px 0 0;color:var(--muted);font-weight:700}
@media(max-width:1050px){.swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.outcomes ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.hero-grid,.three{grid-template-columns:1fr}.hero figure{max-width:720px}.hero h1{font-size:clamp(2.4rem,7vw,4rem)}.prototype-sequence{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){body{font-size:16px}.container{width:min(calc(100% - 32px),var(--max))}.nav{min-height:88px;align-items:flex-start;padding:12px 0}.nav nav{align-items:flex-end;flex-direction:column;gap:7px}.button--small{padding:8px 10px;font-size:.72rem}.hero{padding:clamp(1.5rem,6vw,2rem) 0}.hero dl div,.two{grid-template-columns:1fr}.content>.screen{padding:25px 19px}.comparison-grid{grid-template-columns:1fr}.typeface,.type-scale>div,.action-pairing{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.prototype-sequence{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){h1{font-size:2.15rem}.content>.screen{margin-block:24px}.outcomes ul,.swatches,.prototype-sequence{grid-template-columns:1fr}blockquote,.insight{padding:24px}.typeface{padding:16px}.content>.prototype{padding:40px 18px}}
@media(max-width:390px){.brand{font-size:.9rem}.nav nav>a:first-child{display:none}.button--small{max-width:148px;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}

/* Amazon hero visual sizing and alignment */
.hero-grid{align-items:start;gap:48px}
.hero figure{display:flex;align-self:start;align-items:flex-start;justify-content:center}
.hero img{display:block;width:auto;height:auto;max-width:100%;max-height:380px;object-fit:contain}
@media(max-width:1050px){.hero img{max-height:320px}}
@media(max-width:900px){.hero figure{margin:24px auto 0}}
@media(max-width:700px){.hero figure{width:100%;max-width:280px}.hero img{max-width:280px;max-height:none}}

/* Coordinated Amazon hero layout */
@media(min-width:992px){
  .hero{display:flex;min-height:calc(100svh - 76px);align-items:center;padding-block:28px 24px}
  .hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:40px}
  .hero figure{align-self:center;margin:0}
}
.hero h1{margin-bottom:14px;font-size:clamp(40px,3.4vw,52px);line-height:1.08;letter-spacing:-.02em;text-wrap:balance}
.hero .subtitle{max-width:650px;margin-bottom:20px;font-size:clamp(18px,1.55vw,22px);line-height:1.35}
.hero dl{gap:0;margin-top:20px}
.hero dl div{grid-template-columns:110px minmax(0,1fr);padding-block:7px;padding-top:7px}
.hero dt,.hero dd{font-size:14px;line-height:1.35}
.hero dt{white-space:nowrap}
.hero img{width:auto;height:auto;max-width:min(100%,440px);max-height:440px;object-fit:contain}
@media(min-width:992px) and (max-height:700px){
  .hero{padding-block:20px 18px}
  .hero h1{font-size:clamp(42px,3.25vw,46px)}
  .hero .subtitle{font-size:clamp(18px,1.45vw,20px)}
  .hero dl{margin-top:16px}
  .hero dl div{padding-block:6px}
  .hero img{max-height:420px}
}
@media(min-width:901px) and (max-width:1199px){
  .hero-grid{gap:32px}
  .hero img{max-height:340px}
}
@media(max-width:900px){
  .hero-grid{align-items:start;gap:0}
  .hero figure{margin:24px auto 0}
  .hero img{max-height:340px}
}
@media(max-width:700px){
  .hero h1{font-size:clamp(34px,10vw,40px)}
  .hero .subtitle{font-size:18px}
  .hero figure{width:100%;max-width:280px}
  .hero img{max-width:280px;max-height:none}
}

/* Amazon Project Overview */
.content>.project-overview{padding-block:48px}
.project-overview>.lead{width:100%;max-width:none;margin:0 0 24px;line-height:1.5}
.project-overview .overview-cards{display:grid;width:100%;max-width:none;grid-template-columns:1fr;gap:16px}
.project-overview .overview-cards article{width:100%;max-width:none;height:auto;min-height:0;padding:22px 26px}
.project-overview .overview-cards h3{margin:0 0 8px}
.project-overview .overview-cards p{margin-bottom:0}
.project-overview .overview-cards ul{margin:10px 0 0;padding-left:22px}
.project-overview .overview-cards li{margin:0}
.project-overview .overview-cards li+li{margin-top:6px}
@media(max-width:900px){.project-overview .overview-cards article{padding:20px}}

/* Amazon Current Experience Audit */
.content>.current-experience-audit{padding-block:48px}
.current-experience-audit>.lead{width:100%;max-width:none;margin:0 0 24px;line-height:1.5}
.current-experience-audit .audit-cards{display:grid;width:100%;max-width:none;grid-template-columns:1fr;gap:16px}
.current-experience-audit .audit-cards article{width:100%;max-width:none;height:auto;min-height:0;padding:22px 26px}
.current-experience-audit .audit-cards h3{margin:0 0 8px}
.current-experience-audit .audit-cards p{margin-bottom:0}
.current-experience-audit .audit-cards .rule{margin:16px 0 0;padding-top:16px}
.current-experience-audit .audit-cards ul{margin:10px 0 0;padding-left:22px}
.current-experience-audit .audit-cards li{margin:0}
.current-experience-audit .audit-cards li+li{margin-top:6px}
@media(max-width:900px){.current-experience-audit .audit-cards article{padding:20px}}


/* Product Detail before/after media */
.product-detail-comparison .comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:24px}
.product-detail-comparison .comparison-grid>div{display:flex;min-width:0;height:100%;flex-direction:column;overflow:hidden}
.product-detail-comparison .comparison-media{display:flex;width:100%;aspect-ratio:1.05/1;flex:1;align-items:center;justify-content:center;padding:10px 16px 14px;box-sizing:border-box;overflow:hidden}
.product-detail-comparison .comparison-media img{display:block;width:auto;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
@media(max-width:767px){
  .product-detail-comparison .comparison-grid{grid-template-columns:1fr;gap:16px}
  .product-detail-comparison .comparison-media{aspect-ratio:auto;min-height:440px;padding:10px 14px}
  .product-detail-comparison .comparison-media img{width:auto;height:auto;max-width:100%;max-height:420px}
}


/* Screen 2 Expected Outcome */
.expected-outcome-container{height:auto;min-height:0;padding:20px 24px}
.expected-outcome-container .expected-outcome-title{margin:0 0 14px}
.expected-outcome-container .expected-outcome-grid{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px;margin:0;padding:0}
.expected-outcome-container .expected-outcome-item{display:flex;width:100%;min-width:0;max-width:none;min-height:64px;height:auto;align-items:center;justify-content:flex-start;margin:0;padding:12px 14px;box-sizing:border-box;white-space:nowrap;line-height:1.35}
@media(max-width:991px){.expected-outcome-container .expected-outcome-item{white-space:normal}}
@media(max-width:575px){.expected-outcome-container .expected-outcome-grid{grid-template-columns:1fr;gap:10px}}

/* Persistent purchase-action insight */
.purchase-action-insight{height:auto;min-height:0;padding:26px 36px}
.purchase-action-insight .insight-label{margin:0 0 10px}
.purchase-action-insight p{width:100%;max-width:none;margin:0;font-size:20px;line-height:1.4;white-space:nowrap}
@media(max-width:991px){.purchase-action-insight p{font-size:19px;white-space:normal}}

/* Screen 5 standalone Ready for Payment layout */
.content>.ready-payment-screen{padding-block:40px}
.ready-payment-screen .ready-payment-screen__subtitle{max-width:none;margin:0 0 24px;font-size:18px;line-height:1.5}
.ready-payment-screen__layout{display:grid;width:100%;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);align-items:stretch;gap:48px}
.ready-payment-screen__details{display:grid;height:100%;min-width:0;grid-template-rows:auto repeat(3,minmax(0,1fr));gap:16px;font-size:15px;line-height:1.5}
.ready-payment-screen__eyebrow{margin:0 0 14px;font-size:14px;font-weight:700}
.ready-payment-screen__group{display:flex;width:100%;min-width:0;height:auto;min-height:0;flex-direction:column;justify-content:center;margin:0;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:none}
.ready-payment-screen__group .ready-payment-screen__group-title{margin:0 0 6px;font-size:14px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.ready-payment-screen__group p{margin:0 0 7px;font-size:15px;line-height:1.45}
.ready-payment-screen__group p strong{font-size:16px}
.ready-payment-screen__group ul{margin:0;padding-left:20px}
.ready-payment-screen__group li{margin:0;font-size:15px;line-height:1.5}
.ready-payment-screen__group li+li{margin-top:3px}
.ready-payment-screen__visual{display:flex;width:100%;align-items:flex-start;justify-content:center;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.ready-payment-screen__visual img{display:block;width:auto;height:auto;max-width:330px;max-height:620px;object-fit:contain;object-position:top center}
@media(max-width:991px){
  .ready-payment-screen__layout{grid-template-columns:1fr;gap:32px}
  .ready-payment-screen__details{height:auto;grid-template-rows:auto;gap:16px}
  .ready-payment-screen__visual img{max-width:280px}
}
@media(max-width:767px){
  .ready-payment-screen__layout{grid-template-columns:1fr;gap:24px}
  .ready-payment-screen__group{padding:16px}
  .ready-payment-screen__visual img{max-width:280px;max-height:none}
}

.ready-payment-comparison .comparison-media{background:#fff}

/* Amazon product design system */
.amazon-design-system{--amazon-yellow:#FFB703;--amazon-orange:#F7A500;--amazon-text-primary:#111111;--amazon-text-secondary:#666666;--amazon-text-disabled:#9E9E9E;--amazon-surface:#FFFFFF;--amazon-background:#F7F7F8;--amazon-border:#E5E5E5;--amazon-disabled-surface:#CFCFCF;--amazon-selected-background:#FFF7E6;--amazon-selected-border:#F7A500;--amazon-active-cta:#FFB703;--amazon-disabled-cta:#CFCFCF;--amazon-success:#008A00;--amazon-warning:#F59E0B;padding:32px;border-radius:var(--radius);background:var(--amazon-background);color:var(--amazon-text-primary);font-family:Roboto,Arial,sans-serif}
.amazon-design-system .case-study-section-title{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.design-foundations-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px;align-items:stretch}
.amazon-library-card{min-width:0;padding:24px;border:1px solid var(--amazon-border);border-radius:var(--radius);background:var(--amazon-surface);box-shadow:none}
.amazon-library-card h3,.amazon-library-card h4{margin:0;color:var(--amazon-text-primary);letter-spacing:0;text-transform:none}
.amazon-library-card>h3{margin-bottom:20px;font-size:18px}.amazon-library-card>h4{margin-bottom:16px;font-size:16px}
.amazon-token-group+.amazon-token-group,.amazon-type-group+.amazon-type-group{margin-top:18px}.amazon-token-group h4,.amazon-type-group h4{margin:0 0 10px;font-size:13px;font-weight:600}
.amazon-colour-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.amazon-swatch{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:8px;border:1px solid var(--amazon-border);border-radius:10px}.amazon-swatch>span{width:42px;height:42px;border:1px solid var(--amazon-border);border-radius:8px;background:var(--token)}.amazon-swatch div{display:grid;min-width:0}.amazon-swatch strong{font-size:12px;line-height:1.25}.amazon-swatch code{color:var(--amazon-text-secondary);font:500 11px/1.35 Roboto,Arial,sans-serif}
.font-family-label{margin:0 0 20px;color:var(--amazon-text-secondary);font-size:14px}.amazon-type-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid var(--amazon-border)}.amazon-type-row:last-child{border-bottom:0}.amazon-type-row code{color:var(--amazon-text-secondary);font:400 11px/1.35 Roboto,Arial,sans-serif;white-space:nowrap}.type-page-title{font-size:24px;font-weight:700}.type-section-title{font-size:18px;font-weight:600}.type-card-title{font-size:16px;font-weight:600}.type-primary-text{font-size:16px;font-weight:400}.type-secondary-text{font-size:14px;font-weight:400}.type-caption{font-size:12px;font-weight:400}.type-product-price{font-size:20px;font-weight:700}.type-offer-text,.type-input-label,.type-link-text{font-size:14px;font-weight:500}.type-status-label{font-size:12px;font-weight:500}.type-button{font-size:16px;font-weight:600}
.library-subheading{margin:32px 0 16px;color:var(--amazon-text-primary);font:600 18px/1.3 Roboto,Arial,sans-serif;letter-spacing:0;text-transform:none}.design-components-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.sample-label{margin:16px 0 8px;color:var(--amazon-text-secondary);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.06em}
.button-samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ui-button{min-height:48px;padding:10px 12px;border:1px solid transparent;border-radius:999px;color:var(--amazon-text-primary);font:600 16px/1.2 Roboto,Arial,sans-serif}.ui-button--yellow{background:var(--amazon-active-cta)}.ui-button--orange{background:var(--amazon-orange)}.ui-button--outline{border-color:var(--amazon-selected-border);background:var(--amazon-surface)}.ui-button:focus-visible,.inline-actions button:focus-visible{outline:3px solid #111;outline-offset:2px}.inline-actions{display:flex;gap:16px}.inline-actions button{padding:4px;border:0;background:transparent;color:var(--amazon-text-primary);font:500 14px/1.3 Roboto,Arial,sans-serif;text-decoration:underline}.state-samples,.chip-samples{display:flex;flex-wrap:wrap;gap:8px}.state-samples span,.chip-samples span{padding:7px 10px;border:1px solid var(--amazon-border);border-radius:999px;background:var(--amazon-surface);font-size:12px}.state-disabled{background:var(--amazon-disabled-cta)!important;color:var(--amazon-text-disabled)}.state-selected,.chip-selected{border-color:var(--amazon-selected-border)!important;background:var(--amazon-selected-background)!important}.mini-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mini-card-grid div{padding:12px;border:1px solid var(--amazon-border);border-radius:10px;background:var(--amazon-surface);font-size:12px}.mini-card-selected{border-color:var(--amazon-selected-border)!important;background:var(--amazon-selected-background)!important}
.spacing-showcase>p{margin:0;font-size:14px}.spacing-bars{display:grid;gap:8px}.spacing-bars div{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px}.spacing-bars span{font-size:12px}.spacing-bars i{display:block;width:min(100%,calc(var(--bar)*5));height:8px;border-radius:4px;background:var(--amazon-yellow)}.spec-list{display:grid;gap:0;margin:0}.spec-list div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--amazon-border);font-size:12px}.spec-list dt{font-weight:400}.spec-list dd{margin:0;font-weight:600}
@media(max-width:991px){.design-foundations-grid,.design-components-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-components-grid>.amazon-library-card:last-child{grid-column:1/-1}}
@media(max-width:767px){.amazon-design-system{padding:24px 18px}.design-foundations-grid,.design-components-grid{grid-template-columns:1fr;gap:16px}.design-components-grid>.amazon-library-card:last-child{grid-column:auto}.amazon-library-card{padding:18px}.amazon-colour-grid{grid-template-columns:1fr}}

/* Final Prototype media */
.prototype .final-prototype-media{display:flex;width:100%;max-width:100%;flex-direction:column;align-items:stretch;justify-content:center;margin:32px auto 0;padding:0;border:0;background:transparent;overflow:hidden}
.prototype .final-prototype-media img{display:block;width:100%;height:auto;max-width:100%;max-height:none;margin:0 auto;border:0;border-radius:0;background:transparent;object-fit:contain;object-position:center;box-shadow:none}

/* Final Prototype label-to-screen alignment */
.prototype .final-prototype-alignment{width:100%;max-width:100%;margin-inline:auto;padding-inline:0;box-sizing:border-box}
.prototype .prototype-label-row{position:relative;display:block;width:100%;max-width:100%;height:54px;margin:0 0 32px;padding:0;box-sizing:border-box;list-style:none}
.prototype .prototype-label{position:absolute;top:0;display:flex;width:17.2%;min-height:52px;align-items:center;justify-content:center;margin:0;padding:10px 8px;box-sizing:border-box;transform:translateX(-50%);text-align:center}
.prototype .prototype-label:nth-child(1){left:8.8%}
.prototype .prototype-label:nth-child(2){left:29.9%}
.prototype .prototype-label:nth-child(3){left:50.9%}
.prototype .prototype-label:nth-child(4){left:71.2%}
.prototype .prototype-label:nth-child(5){left:91.2%}
.prototype .final-prototype-alignment .final-prototype-media{width:100%;max-width:100%;margin:0;padding-inline:0;box-sizing:border-box}
@media(max-width:1024px){.prototype .prototype-label-row{margin-bottom:20px}}
@media(max-width:767px){
  .prototype .prototype-label-row{height:72px;margin-bottom:16px}
  .prototype .prototype-label{width:17.5%;min-height:64px;padding:6px 3px;font-size:clamp(8px,2.2vw,11px);line-height:1.2}
}

/* Amazon case-study heading hierarchy */
.content .case-study-section-title{width:100%;max-width:none;margin:0 0 22px;padding:0;color:var(--brand);font-size:clamp(32px,3vw,44px);font-weight:700;line-height:1.1;letter-spacing:-.02em;text-align:left;text-wrap:balance;white-space:normal}
.content .case-study-subsection-title{width:100%;max-width:none;margin:0 0 22px;padding:0;color:var(--brand);font-size:clamp(24px,2.25vw,32px);font-weight:700;line-height:1.2;letter-spacing:-.015em;text-align:left;text-transform:none}
.content>.prototype .case-study-section-title{color:#fff}
@media(min-width:1200px){.content .case-study-subsection-title{white-space:nowrap}}
@media(max-width:1199px){.content .case-study-subsection-title{white-space:normal;overflow-wrap:break-word}}
@media(max-width:767px){
  .content .case-study-section-title{margin-bottom:18px;font-size:32px;line-height:1.15}
  .content .case-study-subsection-title{margin-bottom:18px;font-size:24px;line-height:1.25;white-space:normal}
}