:root{--bg:#efebf8;--ink:#35234b;--accent:#d8bb63;--surface:#e2d8f3;--blue:#325b75;--lilac:#c0acd9;}
 .softspot{--body:'Trebuchet MS',Arial,sans-serif;--display:'Trebuchet MS',Arial,sans-serif;--weight:700;--line:rgba(53,35,75,.25);--muted:#604d72;--radius:12px}.softspot .action{border-radius:12px}.softspot .site-header{border:0}.soft-hero{padding:0 6vw 70px;background:var(--surface);border-radius:0 0 60px 60px}.soft-hero .scene{max-width:970px;margin:0 auto;aspect-ratio:2.1}.soft-hero .scene>img,.soft-hero .scene>svg{height:100%;object-fit:contain}.soft-title{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.75fr);gap:6vw;align-items:end}.soft-title h1{font-size:clamp(48px,6.7vw,100px);letter-spacing:-.035em}.soft-title p{margin-bottom:28px}.soft-faces{padding:100px 8vw}.soft-faces h2{margin-bottom:60px}.soft-face-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7vw;align-items:end}.soft-face{min-height:280px;position:relative;border-radius:45% 45% 36% 36%;display:flex;align-items:end;justify-content:center;padding:36px 20px}.soft-face p{font-size:17px}.soft-face.blue{background:var(--blue);color:var(--bg);transform:rotate(-7deg)}.soft-face.lilac{background:var(--lilac);color:var(--ink);min-height:340px}.soft-face.yellow{background:var(--accent);transform:rotate(6deg)}.face-eyes:before,.face-eyes:after{content:'';position:absolute;top:42%;width:13px;height:22px;background:currentColor;border-radius:50%}.face-eyes:before{left:35%}.face-eyes:after{right:35%}.soft-fabric{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:8vw;background:var(--ink);color:var(--bg);border-radius:60px 60px 0 0}.soft-fabric-art{background:var(--lilac);border-radius:50% 45% 48% 42%;padding:35px}.soft-fabric .icon{width:64px;height:64px}.soft-choice{background:var(--surface)}.soft-choice .sheet-frame{border:0;background:var(--bg);border-radius:40px}.soft-seam h2{max-width:640px;margin-bottom:70px}.soft-stitch-route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4vw;position:relative}.soft-stitch-route>div:nth-child(even){padding-top:70px}.soft-stitch-route h3{font-size:20px;margin:22px 0 15px}.soft-quiet{background:var(--accent);text-align:center;border-radius:60px 60px 0 0}.soft-quiet h2{font-size:64px}.soft-quiet p{margin:25px auto 0}.quiet-face{position:relative;width:310px;height:260px;max-width:100%;margin:30px auto}.quiet-face i{position:absolute;top:80px;width:22px;height:45px;border-radius:50%;background:var(--ink)}.quiet-face i:first-child{left:80px}.quiet-face i:nth-child(2){right:80px}.quiet-face b{position:absolute;left:100px;right:100px;top:140px;height:45px;border-bottom:6px solid var(--ink);border-radius:50%}.soft-help{max-width:950px;margin:auto}.soft-help h2{margin-bottom:36px}.soft-end{background:var(--surface);border-radius:60px 60px 0 0}.soft-end h2{margin-bottom:25px}.softspot.auth .auth-shell{display:flex;flex-direction:column;gap:10px;padding:0 6vw 55px;max-width:900px;margin:auto}.softspot.auth .scene{width:650px;max-width:100%;height:250px;aspect-ratio:auto}.softspot.auth .auth-copy{background:var(--surface);border-radius:40px;padding:36px;max-width:520px}@media(max-width:1199px){.soft-title,.soft-fabric{grid-template-columns:minmax(0,1fr)}.soft-hero .scene{aspect-ratio:1.6}.soft-stitch-route{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.soft-stitch-route>div:nth-child(even){padding-top:0}}@media(max-width:600px){.soft-hero{padding-bottom:45px;border-radius:0 0 32px 32px}.soft-title{gap:30px}.soft-title h1{font-size:46px}.soft-face-row{grid-template-columns:minmax(0,1fr);gap:30px;max-width:300px;margin:auto}.soft-faces h2{margin-bottom:40px}.soft-face,.soft-face.lilac{min-height:230px}.soft-stitch-route{grid-template-columns:minmax(0,1fr);gap:34px}.soft-stitch-route>div{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:20px}.soft-stitch-route h3{margin:0}.soft-stitch-route p{grid-column:2}.soft-quiet h2{font-size:42px}.softspot.auth .auth-copy{padding:28px 22px;border-radius:28px}.soft-fabric,.soft-quiet,.soft-end{border-radius:32px 32px 0 0}}

.soft-hero .scene{max-width:1100px;aspect-ratio:1.9}.softspot.auth .scene{height:290px}.soft-fabric-art img{scale:1.25}@media(max-width:600px){.soft-hero .scene{aspect-ratio:1.65}.softspot.auth .scene{height:240px}}