.calc-hero{padding:64px 0;background:linear-gradient(120deg,#101922,#1d3a42);color:#fff}.calc-hero h1{font-size:clamp(2.3rem,5vw,4.2rem);line-height:1.08;max-width:800px;margin:.2em 0}.calc-hero p{max-width:740px;color:#d8e4e4;font-size:1.12rem}.calc-back{color:#f1d27b;text-decoration:none}.calc-back:hover{text-decoration:underline}.calc-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calc-hub-grid .hub{min-height:250px;border-radius:14px;box-shadow:0 12px 38px #102b310d;transition:transform .18s,box-shadow .18s}.calc-hub-grid .hub:hover,.calc-hub-grid .hub:focus-visible{transform:translateY(-4px);box-shadow:0 18px 42px #102b3120}.calc-hub-grid .hub h2{font-size:1.55rem;line-height:1.2;margin:0 0 12px}.calc-card-cta{display:inline-block;margin-top:22px;color:#0d6359;font-weight:800}.calc-jump{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.calc-jump a{border:1px solid #7c9ba0;border-radius:99px;color:#fff;padding:8px 15px;text-decoration:none;font-weight:700}.calc-jump a:hover,.calc-jump a:focus-visible{background:#e2b64f;color:#101922}.calc-section{padding:72px 0;border-bottom:1px solid var(--line);scroll-margin-top:80px}.calc-section:nth-of-type(odd){background:#eef4f1}.calc-intro{max-width:790px}.calc-intro h2{font-size:clamp(2rem,4vw,3rem);line-height:1.12;margin:0 0 16px}.calc-intro p{font-size:1.05rem;color:#45525a}.calc-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:30px;align-items:start;margin-top:30px}.calc-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:26px;background:white;border:1px solid #d9e1df;border-radius:16px;box-shadow:0 15px 42px #102b3110}.calc-form label{display:grid;gap:6px;color:#253641;font-size:.95rem;font-weight:700}.calc-form input{width:100%;min-height:46px;border:1px solid #b7c6c8;border-radius:7px;padding:9px 12px;font:inherit;background:#fff;color:#16262c}.calc-form input:focus-visible{outline:3px solid #a5d4ca;outline-offset:1px}.calc-form .full{grid-column:1/-1}.calc-form .checkline{display:flex;align-items:center;gap:10px}.calc-form .checkline input{width:20px;min-height:20px}.calc-form button{justify-self:start;cursor:pointer;border-radius:7px}.calc-result{min-height:148px;padding:24px;border-radius:16px;background:#142d34;color:#fff}.calc-result strong,.calc-result span,.calc-result small{display:block}.calc-result strong{font-size:1.9rem;line-height:1.15;color:#f1d27b}.calc-result span{margin-top:14px}.calc-result small{margin-top:12px;color:#c9d9db;line-height:1.5}.calc-result[data-state=error]{background:#6b302f}.calc-note{margin-top:18px;padding:20px;border-left:4px solid #128477;background:#fff}.calc-note h3{margin:0 0 8px}.calc-note p{margin:0}.calc-guide{padding:60px 0}.calc-guide .container{max-width:900px}.calc-guide h2{font-size:2rem}.calc-guide p,.calc-guide li{font-size:1.05rem}.calc-guide a{color:#0d6359;font-weight:700}@media(max-width:780px){.calc-layout{grid-template-columns:1fr}.calc-section{padding:52px 0}}@media(max-width:620px){.calc-hub-grid{grid-template-columns:1fr}}@media(max-width:520px){.calc-form{grid-template-columns:1fr;padding:18px}.calc-hero{padding:46px 0}.calc-result strong{font-size:1.55rem}.calc-jump a{font-size:.85rem}}
.calc-help{display:flex;align-items:flex-start;gap:7px;margin-top:1px;color:#48616a;font-size:.82rem;font-weight:500;line-height:1.4}.calc-help span{flex:none;display:inline-grid;place-items:center;width:16px;height:16px;border:1px solid #0d6359;border-radius:50%;color:#0d6359;font-size:.7rem;font-weight:800;line-height:1}
.pull-tool{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:28px;margin-top:30px}.pull-controls,.pull-display{padding:26px;background:#fff;border:1px solid #d9e1df;border-radius:16px;box-shadow:0 15px 42px #102b3110}.pull-controls label{display:grid;gap:8px;font-weight:700;color:#253641}.pull-controls select{width:100%;min-height:48px;border:1px solid #b7c6c8;border-radius:7px;padding:8px 12px;background:#fff;font:inherit;color:#16262c}.pull-controls select:focus-visible,.pull-controls button:focus-visible{outline:3px solid #a5d4ca;outline-offset:2px}.pull-levels{margin:25px 0 18px;padding:0;border:0}.pull-levels legend{margin-bottom:12px;font-weight:800;color:#253641}.pull-level-grid{display:grid;gap:8px}.pull-level-grid button,.pull-reset{min-height:47px;padding:10px 14px;border:1px solid #b7c6c8;border-radius:8px;background:#f4f8f6;color:#18343a;font:inherit;font-weight:700;text-align:left;cursor:pointer}.pull-level-grid button{display:flex;align-items:center;justify-content:space-between;gap:12px}.pull-level-grid button span{white-space:nowrap;color:#0d6359}.pull-level-grid button:hover,.pull-level-grid button[aria-pressed=true]{background:#0d6359;border-color:#0d6359;color:#fff}.pull-level-grid button:hover span,.pull-level-grid button[aria-pressed=true] span{color:#fff}.pull-reset{background:#fff}.pull-reset:hover{background:#e9f1ee}.pull-scene{position:relative;display:flex;align-items:center;justify-content:center;min-height:300px;overflow:hidden;border-radius:14px;background:linear-gradient(150deg,#edf4f0,#d8e7e2)}.pull-swatch{position:relative;z-index:1;display:flex;width:46%;height:140px;filter:drop-shadow(0 10px 9px #153c3929);transition:width .55s ease,transform .55s ease}.pull-swatch-half{height:100%;width:50%;background-color:#8eb8a9;background-image:repeating-linear-gradient(0deg,#ffffff28 0 2px,#174b4826 2px 4px),repeating-linear-gradient(90deg,#ffffff24 0 2px,#174b4820 2px 4px);border:1px solid #649188;transition:transform .6s ease,clip-path .6s ease}.pull-swatch-half.left{border-radius:5px 0 0 5px}.pull-swatch-half.right{border-radius:0 5px 5px 0}.pull-tool[data-fabric=denim] .pull-swatch-half{background-color:#557593}.pull-tool[data-fabric=lino] .pull-swatch-half{background-color:#c6b486}.pull-tool[data-fabric=poliester] .pull-swatch-half{background-color:#95a9bd}.pull-tool[data-fabric=punto] .pull-swatch-half{background-color:#bd8fa4;background-image:repeating-linear-gradient(110deg,#ffffff35 0 3px,#6a315122 3px 7px)}.pull-hand{position:relative;z-index:2;width:54px;height:94px;margin:0 -4px;background:#c58d68;border:2px solid #8c5e46;border-radius:28px 20px 18px 18px;box-shadow:inset -9px -5px #9c65494d;transition:transform .6s ease}.pull-hand i{position:absolute;display:block;width:16px;height:50px;top:-22px;border:2px solid #8c5e46;border-radius:12px;background:#c58d68}.pull-hand i:nth-child(1){left:0;top:-12px;height:45px}.pull-hand i:nth-child(2){left:12px}.pull-hand i:nth-child(3){left:25px;top:-19px}.pull-hand i:nth-child(4){left:37px;top:-9px;height:42px}.pull-hand b{position:absolute;left:33px;top:35px;width:35px;height:20px;border:2px solid #8c5e46;border-radius:14px;background:#c58d68;transform:rotate(-27deg)}.pull-hand-left{transform:rotate(90deg)}.pull-hand-right{transform:rotate(-90deg) scaleX(-1)}.pull-rip{position:absolute;z-index:3;left:48%;top:8%;height:84%;width:5%;opacity:0;background:#d8e7e2;clip-path:polygon(25% 0,100% 13%,30% 24%,95% 39%,15% 50%,100% 65%,25% 78%,80% 100%,0 100%,0 0);transition:opacity .3s}.pull-thread{position:absolute;z-index:4;left:47%;top:25%;width:20%;height:2px;background:#8eb8a9;opacity:0;transform:rotate(28deg);transition:opacity .4s,transform .5s}.thread-two{top:50%;transform:rotate(-28deg)}.thread-three{top:72%;transform:rotate(15deg)}.pull-tool[data-stage="1"] .pull-swatch{width:49%}.pull-tool[data-stage="2"] .pull-swatch{width:53%}.pull-tool[data-stage="3"] .pull-swatch{width:57%;transform:skewY(-2deg)}.pull-tool[data-stage="4"] .pull-swatch{width:61%;transform:skewY(-4deg)}.pull-tool[data-stage="5"] .pull-swatch{width:64%}.pull-tool[data-stage="3"] .pull-thread,.pull-tool[data-stage="4"] .pull-thread,.pull-tool[data-stage="5"] .pull-thread{opacity:1}.pull-tool[data-stage="4"] .pull-thread{transform:translateX(18px) rotate(35deg)}.pull-tool[data-stage="5"] .pull-thread{transform:translateX(35px) rotate(45deg)}.pull-tool[data-stage="5"] .pull-rip{opacity:1}.pull-tool[data-stage="5"] .pull-swatch-half.left{transform:translateX(-13px);clip-path:polygon(0 0,100% 0,96% 20%,100% 37%,91% 53%,100% 69%,90% 100%,0 100%)}.pull-tool[data-stage="5"] .pull-swatch-half.right{transform:translateX(13px);clip-path:polygon(8% 0,100% 0,100% 100%,5% 100%,0 79%,8% 62%,0 43%,9% 26%)}.pull-reading{min-height:80px;margin:20px 0 14px;font-size:1.1rem;font-weight:700;line-height:1.5;color:#18343a}.pull-disclaimer{margin:0;padding:16px;border-left:4px solid #b98527;background:#fff8e8;color:#4d463a;font-size:.9rem;line-height:1.55}@media(max-width:900px){.pull-tool{grid-template-columns:1fr}.pull-scene{min-height:270px}}@media(max-width:520px){.pull-controls,.pull-display{padding:17px}.pull-scene{min-height:220px}.pull-swatch{height:105px}.pull-hand{scale:.7}.pull-reading{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.pull-swatch,.pull-swatch-half,.pull-thread,.pull-rip,.pull-hand{transition:none}}
.pull-controls label+label{margin-top:17px}.pull-measured{margin:22px 0 6px;padding:14px 16px;border-left:4px solid #0d6359;background:#e9f4ef;color:#173b39;font-weight:700;line-height:1.5}.pull-source{margin:15px 0 0;font-size:.85rem;line-height:1.5}.pull-source a{color:#0d6359;font-weight:700}.pull-tool[data-fabric=lienzo] .pull-swatch-half{background-color:#b8a883}.pull-tool[data-fabric=poplin] .pull-swatch-half{background-color:#8faeba}.pull-tool[data-fabric=voile] .pull-swatch-half{background-color:#dec7ac;background-image:repeating-linear-gradient(0deg,#ffffff70 0 2px,#694f3b15 2px 5px),repeating-linear-gradient(90deg,#ffffff70 0 2px,#694f3b15 2px 5px)}.pull-tool[data-stage="3"] .pull-thread,.pull-tool[data-stage="4"] .pull-thread{opacity:0}.pull-tool[data-stage="5"] .pull-thread{opacity:1}.pull-tool[data-mode=tear]:not([data-stage="5"]) .pull-rip{opacity:.5;height:17%;top:8%;clip-path:polygon(0 0,100% 0,65% 100%,30% 100%)}
.pull-tool[data-fabric=mezcla80] .pull-swatch-half{background-color:#789c96}.pull-tool[data-fabric=mezcla70] .pull-swatch-half{background-color:#6d9aa4}.pull-tool[data-fabric=mezcla60] .pull-swatch-half{background-color:#5d879c}.pull-units{margin:10px 0 0;color:#48616a;font-size:.9rem;line-height:1.45}.pull-level-grid button{line-height:1.25}@media(min-width:901px){.pull-tool{grid-template-columns:1fr}.pull-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 18px;padding:23px}.pull-controls label+label{margin-top:0}.pull-measured,.pull-units,.pull-levels{grid-column:1/-1;margin:0}.pull-level-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.pull-level-grid button{min-height:65px;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:10px}.pull-reset{grid-column:1/-1;justify-self:start}.pull-display{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:10px 24px;align-items:start}.pull-scene{grid-row:1/4;min-height:310px}.pull-reading{margin:0}.pull-disclaimer{align-self:start}.pull-source{margin:0}}