.nb-ts-section{padding:var(--nb-ts-pad-top, 120px) 40px var(--nb-ts-pad-bottom, 120px);font-family:Outfit,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--nb-near-black, #0B0B0A)}.nb-ts-section--bg-sky{background:var(--nb-sky, #D7EDFD)}.nb-ts-section--bg-white{background:var(--nb-white, #FCFCFC)}.nb-ts-section--bg-blue{background:var(--nb-blue, #314ABC);color:var(--nb-white, #FCFCFC)}.nb-ts-inner{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:64px}.nb-ts-hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center}.nb-ts-hero-media{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4 / 5;max-width:440px;background:var(--nb-soft-gray, #F5F5F5);box-shadow:var(--nb-shadow-soft, 0 8px 32px rgba(11, 20, 60, .08))}.nb-ts-hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.nb-ts-hero-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--nb-charcoal, #363732)}.nb-ts-hero-content{display:flex;flex-direction:column;gap:20px;max-width:520px}.nb-ts-eyebrow{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--nb-blue, #314ABC);font-weight:500;margin:0}.nb-ts-section--bg-blue .nb-ts-eyebrow{color:var(--nb-sky, #D7EDFD)}.nb-ts-headline{font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.05;letter-spacing:-.03em;text-wrap:balance;margin:0}.nb-ts-body{font-size:17px;line-height:1.6;color:var(--nb-charcoal, #363732)}.nb-ts-section--bg-blue .nb-ts-body{color:#ffffffe0}.nb-ts-body p{margin:0 0 12px}.nb-ts-body p:last-child{margin-bottom:0}.nb-ts-beats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:48px;border-top:1px solid var(--nb-line, rgba(11, 11, 10, .1))}.nb-ts-section--bg-blue .nb-ts-beats{border-top-color:var(--nb-line-inv, rgba(255, 255, 255, .18))}.nb-ts-beat{display:flex;flex-direction:column;gap:14px;padding:28px;background:var(--nb-white, #FCFCFC);border-radius:16px;box-shadow:var(--nb-shadow-soft, 0 8px 32px rgba(11, 20, 60, .08))}.nb-ts-beat-mark{width:40px;height:40px;border-radius:10px;background:var(--nb-sky, #D7EDFD);color:var(--nb-blue, #314ABC);display:flex;align-items:center;justify-content:center}.nb-ts-beat-mark svg{width:20px;height:20px}.nb-ts-beat-copy{display:flex;flex-direction:column;gap:6px}.nb-ts-beat-title{font-size:17px;font-weight:600;letter-spacing:-.015em;color:var(--nb-near-black, #0B0B0A)}.nb-ts-beat-desc{font-size:14px;line-height:1.55;color:var(--nb-charcoal, #363732)}.nb-ts-steps{padding:40px;background:var(--nb-white, #FCFCFC);border-radius:20px;box-shadow:var(--nb-shadow-soft, 0 8px 32px rgba(11, 20, 60, .08))}.nb-ts-steps-head{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--nb-line, rgba(11, 11, 10, .1))}.nb-ts-steps-eyebrow{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--nb-blue, #314ABC);font-weight:500}.nb-ts-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.nb-ts-step{display:flex;flex-direction:column;gap:12px}.nb-ts-step-num{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:.15em;font-weight:500;color:var(--nb-blue, #314ABC);padding-bottom:10px;border-bottom:1px solid var(--nb-line, rgba(11, 11, 10, .1))}.nb-ts-step-text{font-size:14px;line-height:1.55;color:var(--nb-near-black, #0B0B0A)}@media(max-width:1024px){.nb-ts-beats,.nb-ts-steps-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.nb-ts-hero{grid-template-columns:1fr;gap:32px}.nb-ts-hero-media{aspect-ratio:4 / 3}.nb-ts-inner{gap:48px}}@media(max-width:720px){.nb-ts-section{padding:64px 24px}.nb-ts-beats{grid-template-columns:1fr;gap:16px;padding-top:32px}.nb-ts-beat{padding:20px}.nb-ts-steps{padding:24px}.nb-ts-steps-grid{grid-template-columns:1fr;gap:16px}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/nb-tablet-story.css.map */