.hero-copy h1{font-size:clamp(2.6rem,4.5vw,4.6rem)}
.hero-grid{align-items:center;gap:36px;min-width:0}
.product-preview{margin:0;min-width:0;transform:rotate(2deg)}
.product-preview>a{display:block;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:white;box-shadow:12px 15px 0 #e8dfd2}
.product-preview img{display:block;width:100%;height:auto}
.preview-browser{display:flex;gap:18px;align-items:center;padding:14px 18px;font-size:.75rem;color:var(--muted)}
.preview-browser>span{color:#b3a28d;letter-spacing:4px}
.product-preview figcaption{margin-top:24px;color:var(--muted);font-size:.8rem;line-height:1.5}
.hero-mobile-preview{transform:none;text-align:center}
.hero-mobile-preview>a{width:min(100%,310px);margin:auto;border:7px solid #26221c;border-radius:32px;box-shadow:12px 15px 0 #e8dfd2}
.hero-mobile-preview figcaption{max-width:390px;margin:24px auto 0}
.scenario-grid,.solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0}
.scenario-card,.solution-card{border:1px solid var(--line);border-radius:22px;padding:28px;background:#fffaf2}
.scenario-card h3{margin:22px 0 15px}.scenario-card p,.solution-card p{color:var(--muted);font-size:.95rem}
.solution-card{display:flex;flex-direction:column;transition:border-color .2s}
.solution-card:hover{border-color:var(--orange)}.solution-card>span{margin-top:auto;color:var(--orange);font-weight:700;font-size:.85rem}
.solution-hero{padding:68px 0}.solution-hero h1{max-width:920px;font-size:clamp(2.45rem,5vw,4.8rem)}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.82rem;color:var(--muted);margin:0 0 32px;padding:0;list-style:none}.breadcrumbs a{text-decoration:underline}
.solution-body{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:50px;align-items:start}
.solution-copy h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.15;letter-spacing:-.03em;margin-top:44px}
.solution-copy p,.solution-copy li{color:var(--muted);line-height:1.75}.solution-copy li{padding-bottom:12px}.solution-copy ul,.solution-copy ol{padding-left:22px}
.solution-aside{position:sticky;top:115px;border:1px solid var(--line);border-radius:22px;padding:25px;background:var(--cream)}
.solution-aside h2{font-size:1.5rem;letter-spacing:-.02em}.solution-aside .button{white-space:normal;width:100%;margin-top:12px}
.solution-aside p{font-size:.9rem;color:var(--muted)}.solution-aside .amount{font-weight:800;font-size:2rem;color:var(--ink)}
.solution-figure{margin:32px 0}.solution-figure img{width:100%;height:auto;border:1px solid var(--line);border-radius:16px}.solution-figure figcaption{font-size:.8rem;color:var(--muted);margin-top:12px}.solution-figure.mobile img{width:260px;max-width:100%}
.solution-help{border-left:4px solid var(--orange);padding:14px 20px;background:var(--cream)}
.migration-months{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0}.migration-months>div{background:var(--lime);border-radius:22px;padding:28px}.migration-months>div:first-child{background:var(--ink);color:white}.migration-months span,.migration-months strong,.migration-months small{display:block}.migration-months strong{font-size:clamp(2.4rem,4vw,3.8rem);letter-spacing:-.04em;margin:12px 0}.migration-months small{font-size:.86rem}.migration-terms{margin-top:25px;max-width:900px;color:var(--muted)}.migration-terms summary{cursor:pointer;text-decoration:underline}.migration-terms p{font-size:.9rem;line-height:1.7;margin:15px 0}.solution-promo{border:1px solid var(--line);border-radius:20px;padding:24px;margin-top:38px;background:var(--cream)}.solution-promo h2{margin-top:0}
@media(max-width:760px){.migration-months{grid-template-columns:1fr}.migration-months>div{padding:22px}.migration-months strong{font-size:2.7rem}.solution-promo .button{white-space:normal}}
@media(max-width:1050px){.header-nav{gap:12px}.header-nav a{font-size:.8rem}.scenario-grid,.solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hero-grid{gap:35px}.product-preview{transform:none}.product-preview>a{box-shadow:6px 8px 0 #e8dfd2}.scenario-grid,.solution-grid,.solution-body{grid-template-columns:1fr}.solution-aside{position:static}.solution-hero{padding:45px 0}.hero-copy h1{font-size:clamp(2.3rem,8.7vw,3.5rem)}.hero-actions .button{white-space:normal}.solution-card{padding:24px}}
