.mockup-talles *{box-sizing:border-box}.mockup-talles{margin:0;background:#f7f8f4;color:#14223a;font:15px Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.mockup-talles .wrap{max-width:1180px;margin:auto;padding:0 24px}.mockup-talles header{height:82px;background:#fff;border-bottom:1px solid #e3e8e8;display:flex;align-items:center}.mockup-talles header .wrap{width:100%;display:flex;align-items:center;gap:38px}.mockup-talles .brand{display:flex;align-items:center;gap:10px;font-weight:850;font-size:18px}.mockup-talles .logo{background:#243e59;color:#fff;border-radius:9px;padding:9px 7px;font-size:12px}.mockup-talles nav{display:flex;gap:30px;margin:auto;color:#49566a;font-size:13px;font-weight:700}.mockup-talles .actions{display:flex;gap:9px}.mockup-talles .actions span{padding:12px 15px;background:#fff;border:1px solid #dfe5e8;border-radius:11px;font-weight:700}.mockup-talles .actions .dark{background:#243e59;color:#fff}.mockup-talles .hero{padding:35px 0 54px;background:linear-gradient(135deg,#f6fbfa 0,#f5f7ff)}.mockup-talles .crumb{color:#56809b;font-size:13px;margin-bottom:25px}.mockup-talles .hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;align-items:center}.mockup-talles .eyebrow{color:#2b7b73;font-size:12px;letter-spacing:1.8px;font-weight:900;text-transform:uppercase}.mockup-talles h1{font-size:55px;line-height:1.03;letter-spacing:-2.5px;margin:14px 0 19px}.mockup-talles .lead{font-size:18px;line-height:1.65;color:#59677b;max-width:540px}.mockup-talles .chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.mockup-talles .chips span{background:#fff;border:1px solid #dae5e5;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:700}.mockup-talles .art{height:295px;position:relative}.mockup-talles .shirt{position:absolute;left:75px;top:21px;width:205px;height:230px;background:#6780db;clip-path:polygon(25% 0,41% 11%,59% 11%,75% 0,100% 20%,84% 44%,77% 37%,77% 100%,23% 100%,23% 37%,16% 44%,0 20%);filter:drop-shadow(0 22px 21px #394b8240)}.mockup-talles .shirt:after{content:"M";position:absolute;left:76px;top:102px;color:#fff;font-size:53px;font-weight:900}.mockup-talles .tape{position:absolute;right:25px;top:25px;width:200px;height:200px;border:22px solid #f2b85a;border-radius:50%;box-shadow:0 20px 42px #83632925}.mockup-talles .tape:before{content:"78  •  92  •  104";position:absolute;top:66px;left:-13px;width:180px;transform:rotate(-12deg);font-weight:900;color:#8c5a19;letter-spacing:3px;font-size:11px}.mockup-talles .sizecard{position:absolute;right:15px;bottom:5px;background:#fff;border:1px solid #dbe4e7;border-radius:16px;padding:15px 20px;box-shadow:0 18px 40px #183b5a1d}.mockup-talles .sizecard small{color:#728196}.mockup-talles .sizecard strong{display:block;font-size:21px;margin:5px 0;color:#293d83}.mockup-talles .sizecard em{font-style:normal;color:#16755c;font-size:11px}.mockup-talles .calculator{margin-top:-18px}.mockup-talles .calc{background:#fff;border:1px solid #dce4e7;border-radius:24px;padding:29px;box-shadow:0 26px 70px #19365114}.mockup-talles .calc-head{display:flex;justify-content:space-between;align-items:start}.mockup-talles .calc h2,.mockup-talles .section h2{font-size:30px;letter-spacing:-1px;margin:0 0 6px}.mockup-talles .muted{color:#6b788a;margin:0}.mockup-talles .badge{background:#e7f6ef;color:#247259;padding:8px 12px;border-radius:99px;font-size:11px;font-weight:850}.mockup-talles .label{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;font-weight:900;color:#607183;margin:25px 0 11px}.mockup-talles .modes{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.mockup-talles .mode{border:1px solid #dce4e8;background:#fff;border-radius:14px;padding:15px 9px;cursor:pointer;color:#39495e;font:700 13px inherit}.mockup-talles .mode i{display:block;font-style:normal;font-size:23px;margin-bottom:6px}.mockup-talles .mode.active{border:2px solid #5485d1;background:#f0f6ff;color:#315c9a;padding:14px 8px}.mockup-talles .bodygrid{display:grid;grid-template-columns:.88fr 1.12fr;gap:18px;margin-top:20px}.mockup-talles .inputbox{background:#f8faf9;border:1px solid #e0e7e7;border-radius:18px;padding:20px}.mockup-talles .field{margin-bottom:14px}.mockup-talles .field.hidden{display:none}.mockup-talles .field label{display:block;font-size:12px;font-weight:800;margin-bottom:7px}.mockup-talles .field select,.mockup-talles .field input{width:100%;border:1px solid #d6dfe2;border-radius:11px;padding:13px 14px;background:#fff;color:#18283d;font:750 15px inherit}.mockup-talles .measure{position:relative}.mockup-talles .measure span{position:absolute;right:13px;top:39px;color:#7b8997;font-weight:700}.mockup-talles .tip{background:#fff5df;border:1px solid #f1dcaa;border-radius:11px;color:#795b20;padding:11px;font-size:11px;line-height:1.45}.mockup-talles .result{background:#243f5d;color:#fff;border-radius:18px;padding:22px}.mockup-talles .result small{color:#b9cadb}.mockup-talles .big{font-size:43px;font-weight:900;margin:7px 0 16px;letter-spacing:-1.5px}.mockup-talles .equiv{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mockup-talles .equiv span{background:#ffffff10;border:1px solid #ffffff1d;border-radius:11px;padding:10px}.mockup-talles .equiv small{display:block;font-size:9px}.mockup-talles .equiv b{display:block;font-size:18px;margin-top:4px}.mockup-talles .go{width:100%;margin-top:17px;border:0;border-radius:11px;padding:14px;background:linear-gradient(90deg,#64a5d7,#7d73df);color:#fff;font:850 14px inherit;cursor:pointer}.mockup-talles .scale{margin-top:18px}.mockup-talles .scale-top{display:flex;justify-content:space-between;font-size:11px;color:#c2d0dc}.mockup-talles .track{position:relative;height:13px;background:#fff3;border-radius:20px;margin:9px 0}.mockup-talles .fill{height:100%;width:55%;border-radius:20px;background:#f0bd60}.mockup-talles .pin{position:absolute;left:55%;top:-6px;width:3px;height:25px;background:#fff;box-shadow:0 0 0 3px #243f5d}.mockup-talles .scale-note{font-size:10px;color:#c3d1dc}.mockup-talles .section{padding:70px 0}.mockup-talles .center{text-align:center}.mockup-talles .guide{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.mockup-talles .card{background:#fff;border:1px solid #dce5e5;border-radius:20px;padding:24px}.mockup-talles .card h3{font-size:21px;margin:0 0 15px}.mockup-talles .steps{display:grid;gap:14px}.mockup-talles .step{display:grid;grid-template-columns:34px 1fr;gap:11px}.mockup-talles .num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf2ff;color:#4e67c1;font-weight:900}.mockup-talles .step b{display:block;margin-bottom:3px}.mockup-talles .step p{margin:0;color:#68778a;font-size:13px;line-height:1.5}.mockup-talles .table{width:100%;border-collapse:collapse}.mockup-talles .table th,.mockup-talles .table td{text-align:left;padding:11px 8px;border-bottom:1px solid #e5eaeb;font-size:12px}.mockup-talles .table th{color:#768596;font-size:10px;text-transform:uppercase}.mockup-talles .table tr.active td{background:#edf7f3;color:#1f6d58;font-weight:850}.mockup-talles .warning{margin-top:14px;background:#fff4df;color:#745724;padding:12px;border-radius:10px;font-size:11px}.mockup-talles .darksection{background:#172b42;color:#fff;padding:60px 0}.mockup-talles .rules{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:28px}.mockup-talles .rule{background:#fff0;border:1px solid #ffffff20;border-radius:17px;padding:20px}.mockup-talles .rule i{font-style:normal;font-size:24px}.mockup-talles .rule h3{margin:11px 0 6px}.mockup-talles .rule p{margin:0;color:#b9c7d5;font-size:13px;line-height:1.55}@media(max-width:800px){.mockup-talles nav{display:none}.mockup-talles .actions span:not(.dark){display:none}.mockup-talles .hero-grid,.mockup-talles .bodygrid,.mockup-talles .guide{grid-template-columns:1fr}.mockup-talles .hero-grid{gap:15px}.mockup-talles h1{font-size:42px}.mockup-talles .art{transform:scale(.86);transform-origin:left top;height:250px}.mockup-talles .modes,.mockup-talles .equiv,.mockup-talles .rules{grid-template-columns:1fr 1fr}.mockup-talles .calc{padding:18px}.mockup-talles .wrap{padding:0 16px}}@media(max-width:470px){.mockup-talles .rules{grid-template-columns:1fr}.mockup-talles .art{margin-left:-28px}}.mockup-talles{width:100%;overflow:hidden}.mockup-talles .top,.mockup-talles header.top{display:none!important}.mockup-talles .foot{display:none!important}.mockup-talles .support-real{width:min(1160px,calc(100% - 40px));margin:auto;padding:64px 0}.mockup-talles .support-real-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px}.mockup-talles .support-real details{border-bottom:1px solid #dfe6ed;padding:14px 0}.mockup-talles .support-real summary{cursor:pointer;font-weight:750}.mockup-talles .support-real p{color:#687a8f;line-height:1.65}@media(max-width:800px){.mockup-talles .support-real-grid{grid-template-columns:1fr}}
