.sample-shell{border:1px solid #d5d6cf;border-radius:28px;padding:clamp(24px,5vw,64px);margin:28px 0;background:#f1eee8;overflow:hidden}.sample-shell h2{font-size:clamp(34px,5vw,68px);line-height:1.08;letter-spacing:-1.5px;margin:20px 0}.sample-kicker,.sample-number{font-size:12px;letter-spacing:1px;color:#646962}.sample-lead{font-size:19px;max-width:650px}.sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:36px 0}.sample-grid article{padding:24px;border:1px solid #d6d8d0;border-radius:18px;background:#faf9f5}.sample-grid h3{font-size:21px;line-height:1.25;margin:18px 0 12px}.sample-grid p{font-size:15px;color:#626761;margin-bottom:0}.sample-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #d3d5ce;padding-top:24px}.sample-strip h3{font-size:22px;margin:0}.sample-strip p{font-size:14px;max-width:480px}.sample-epk{background:#e9e6f0;border-color:#cec8da}.sample-studio{background:#e8ebe5}.sample-calculator{background:#f0e9df}.sample-directory{background:#e8edf0}.sample-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:30px 0}.sample-fields label{display:block;font-size:14px;font-weight:600;margin-bottom:10px}.sample-fields select,.sample-fields input:not([type=range]){width:100%;min-height:48px;border:1px solid #b8beb5;border-radius:12px;padding:10px 12px;background:#faf9f5;color:#232625}.sample-fields input[type=range]{width:100%;accent-color:#78583d}.sample-fields p{font-size:13px;color:#626761}.sample-result{border:1px solid #cfc6b7;border-radius:18px;background:#faf9f5;padding:24px;margin:24px 0}.sample-result strong{display:block;font-size:48px;line-height:1.2;font-weight:500;margin:14px 0}.sample-result span{font-size:13px;color:#626761}.example-context{font-size:14px;color:#626761;max-width:760px}.sample-shell [hidden]{display:none!important}@media(max-width:760px){.sample-grid,.sample-fields{grid-template-columns:1fr}.sample-strip{align-items:flex-start;flex-direction:column}.sample-shell{border-radius:20px}.sample-result strong{font-size:40px}.sample-grid{margin:24px 0}}
