@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&family=Playfair+Display:ital,wght@1,700&display=swap');
:root{--ink:#211f2f;--orange:#ff6934;--cream:#f7f1e8;--lilac:#b7a4ff;--mint:#74d9c0;--acid:#e5f15c;--line:#d8d0c5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbf8f2;color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:min(1160px,calc(100% - 48px));margin:auto}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative}.brand{width:190px;height:48px}.brand img{width:100%;height:100%;object-fit:contain}.navlinks{display:flex;gap:28px;font-size:12px;font-weight:700}.nav-cta,.button{background:var(--ink);color:white;border:0;padding:14px 18px;font-size:12px;font-weight:800}.nav-cta span{color:var(--orange)}.menu{display:none;border:0;background:none;font-size:24px}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.eyebrow,.section small,.custom small,.upload>div>small,.process small,.track small,.instagram small{font:10px 'DM Mono';letter-spacing:2px;color:var(--orange)}.eyebrow i{display:inline-block;width:8px;height:8px;background:var(--orange);border-radius:50%;margin-right:8px}.hero h1,.heading h2,.custom h2,.upload h2,.process h2,.track h2{font-size:64px;line-height:1;letter-spacing:-4px;margin:22px 0}.hero h1 em,h2 em{font-family:'Playfair Display';color:var(--orange)}.hero-copy>p{color:#68616d;line-height:1.7;max-width:530px}.actions{display:flex;align-items:center;gap:25px;margin-top:32px;font-size:12px;font-weight:700}.proof{margin-top:50px;display:flex;gap:12px;font-size:10px}.proof b{color:var(--orange)}.hero-art{height:520px;background:var(--lilac);border-radius:48% 52% 45% 55%;display:grid;place-items:center;position:relative;overflow:hidden}.orb{position:absolute;width:390px;height:390px;border:1px solid #fff8;border-radius:50%}.tag,.preview-tag{width:270px;height:270px;border-radius:50%;background:var(--orange);box-shadow:inset -18px -20px 30px #b6361f55,18px 25px 0 #5e48bf55;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-8deg);position:relative}.tag i,.preview-tag i{position:absolute;top:18px;width:25px;height:25px;border-radius:50%;background:#f8d5c8}.tag strong,.preview-tag strong{font-size:45px}.tag span{font-size:25px}.spark{color:white;font-size:30px;position:absolute}.s1{top:55px;left:55px}.s2{bottom:55px;right:55px}.float{position:absolute;background:white;padding:12px;font:9px 'DM Mono';box-shadow:0 8px 20px #0002}.float strong{color:var(--orange);font-size:20px;margin-right:6px}.f1{left:20px;bottom:90px}.f2{right:20px;top:90px}.ticker{background:var(--ink);color:white;padding:12px;text-align:center;font:9px 'DM Mono';letter-spacing:2px;white-space:nowrap;overflow:hidden}.section{padding:100px 0}.heading{display:flex;justify-content:space-between;align-items:end}.heading h2{font-size:52px}.heading>a{font-size:12px;font-weight:700;border-bottom:1px solid}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article{position:relative}.visual{height:310px;display:grid;place-items:center}.visual span{position:absolute;top:15px;left:15px;background:var(--ink);color:white;padding:6px 8px;font:8px 'DM Mono'}.visual b{width:145px;height:145px;border-radius:50%;background:var(--orange);display:grid;place-items:center;box-shadow:12px 15px #0002;font-size:24px;transform:rotate(-7deg)}.mint{background:var(--mint)}.peach{background:#ffd2c1}.peach b{background:var(--lilac)}.lilac{background:var(--lilac)}.lilac b{border-radius:22px;background:var(--acid)}.cards h3{margin:16px 0 5px}.cards p{font-size:11px;color:#766f79;min-height:32px}.cards>article>strong{font-size:12px}.custom{background:var(--ink);color:white;padding:95px 0}.custom-head{display:grid;grid-template-columns:1fr 1fr;align-items:end}.custom h2{font-size:55px}.custom-head p{color:#b8b3bc}.builder{display:grid;grid-template-columns:1fr 1fr;background:white;color:var(--ink);min-height:540px;margin-top:35px}.preview{background:var(--cream);display:grid;place-items:center;position:relative}.preview>span{position:absolute;top:20px;left:20px;font:8px 'DM Mono'}.preview-tag{width:230px;height:230px;box-shadow:inset -12px -15px 25px #0002,14px 20px #0002}.preview-tag strong{font-size:38px}.preview>p{position:absolute;bottom:20px;font:9px 'DM Mono'}.controls{padding:45px}.controls label{display:block;border-bottom:1px solid var(--line);padding:18px 0;font-size:11px;font-weight:800}.controls input{border:0;border-bottom:1px solid #999;width:100%;font-size:20px;font-weight:800;padding:8px 0;outline:none}.swatches,.sizes{display:flex;gap:8px;margin-top:12px}.swatches button{width:30px;height:30px;border-radius:50%;border:3px solid white;outline:1px solid #aaa}.sizes button{border:1px solid var(--line);background:white;padding:9px;font-size:9px}.sizes button.active{border-color:var(--orange)}.total{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.total span{font-size:8px}.total strong{display:block;font-size:22px}.total a{background:var(--orange);padding:14px;font-size:10px;font-weight:800}.upload{padding:100px 0;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.upload h2{font-size:52px}.upload p{color:#6e6872;line-height:1.6}.upload ol{list-style:none;padding:0}.upload li{padding:13px 0;border-top:1px solid var(--line);font-size:12px}.upload li b{font:9px 'DM Mono';color:var(--orange);margin-right:15px}.upload-card{border:1px solid var(--line);padding:18px;background:white;box-shadow:13px 13px var(--acid)}.drop{height:260px;border:1px dashed #aaa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.drop b{width:45px;height:45px;border-radius:50%;background:var(--orange);color:white;display:grid;place-items:center}.drop span{font:8px 'DM Mono'}.upload-card .button{display:block;text-align:center;margin-top:15px}.process{background:var(--acid);padding:80px 0}.process h2{font-size:52px}.process .shell>div{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #9da53f}.process article{padding:22px;border-right:1px solid #9da53f}.process article:first-child{padding-left:0}.process article b{display:block;font:9px 'DM Mono';color:#737a17}.process article strong{font-size:12px}.process article p{font-size:11px}.track{padding:100px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.track h2{font-size:52px}.track p{font-size:12px;color:#6d6670;line-height:1.6;margin-bottom:30px}.status-card{background:white;border:1px solid var(--line);padding:30px;box-shadow:12px 12px var(--lilac)}.status-card>span{font:9px 'DM Mono'}.status-card h3{font-size:19px}.status-card ol{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:25px 0;margin:0;border-top:1px solid var(--line);font-size:8px}.status-card li{padding:10px}.status-card li.done{color:var(--orange);font-weight:bold}.status-card>div{background:var(--cream);padding:14px;font-size:10px}.instagram{background:var(--orange);padding:55px 0}.instagram .shell{display:flex;justify-content:space-between;align-items:end}.instagram small{color:var(--ink)}.instagram h2{font-size:42px;margin:5px 0}.instagram a{background:var(--ink);color:white;padding:13px;font-size:10px}footer{background:var(--ink);color:white;padding:55px 0 20px;text-align:center}footer .shell{display:flex;justify-content:space-between;align-items:center;text-align:left}footer img{width:200px;background:#efe4d6;padding:8px}footer p{color:#aaa;font-size:11px}footer nav{display:flex;gap:20px;font-size:10px}footer>small{display:block;border-top:1px solid #444;margin-top:40px;padding-top:20px;font:7px 'DM Mono';color:#777}
@media(max-width:850px){.shell{width:min(100% - 30px,600px)}.nav{height:70px}.menu{display:block}.navlinks{display:none;position:absolute;top:70px;left:0;right:0;background:#fbf8f2;padding:20px;flex-direction:column;z-index:10}.navlinks.open{display:flex}.nav-cta{display:none}.hero,.builder,.upload,.track{grid-template-columns:1fr}.hero{padding:55px 0}.hero h1{font-size:45px}.hero-art{height:420px}.cards{grid-template-columns:1fr;gap:40px}.heading h2,.custom h2,.upload h2,.process h2,.track h2{font-size:40px}.custom-head{grid-template-columns:1fr}.preview{min-height:430px}.controls{padding:25px}.upload{gap:40px}.process .shell>div{grid-template-columns:1fr 1fr}.track{gap:45px}.status-card ol{grid-template-columns:1fr 1fr}.instagram .shell,footer .shell{align-items:flex-start;gap:25px;flex-direction:column}.ticker{text-align:left}.section{padding:75px 0}}
@media(max-width:480px){.brand{width:155px}.hero-art{height:350px}.tag{width:190px;height:190px}.tag strong{font-size:32px}.float{display:none}.cards .visual{height:270px}.process .shell>div{grid-template-columns:1fr}.process article{border-right:0;border-bottom:1px solid #9da53f;padding-left:0}.total{gap:10px;align-items:flex-start}.total a{max-width:170px}.status-card ol{grid-template-columns:1fr}.instagram h2{font-size:34px}footer nav{flex-wrap:wrap}}

/* Escala legible y responsive */
body{font-size:17px;line-height:1.55}.navlinks{font-size:15px}.nav-cta,.button{font-size:15px;padding:15px 20px}.eyebrow,.section small,.custom small,.upload>div>small,.process small,.track small,.instagram small{font-size:12px}.hero-copy>p,.upload p,.custom-head p{font-size:17px}.actions{font-size:15px}.proof{font-size:13px}.float{font-size:12px}.ticker{font-size:11px;padding:14px}.heading>a{font-size:15px}.visual span{font-size:10px}.cards h3{font-size:22px}.cards p{font-size:16px;line-height:1.55;min-height:0}.cards>article>strong{font-size:16px}.controls label{font-size:15px}.sizes button{font-size:13px;padding:11px}.total span{font-size:12px}.total strong{font-size:25px}.total a{font-size:14px}.upload li{font-size:16px}.upload li b{font-size:12px}.drop strong{font-size:17px}.drop span{font-size:11px}.process article b{font-size:11px}.process article strong{font-size:17px}.process article p{font-size:15px;line-height:1.55}.track p{font-size:16px}.status-card>span{font-size:12px}.status-card h3{font-size:23px}.status-card ol{font-size:13px;line-height:1.45}.status-card>div{font-size:14px}.instagram a{font-size:14px}footer p{font-size:15px}footer nav{font-size:14px}footer>small{font-size:10px}
@media(max-width:1024px){.shell{width:min(100% - 40px,900px)}.hero h1{font-size:clamp(48px,7vw,64px)}.hero{gap:32px}.cards{gap:16px}.visual{height:280px}}
@media(max-width:850px){body{font-size:16px}.shell{width:min(100% - 32px,680px)}.navlinks{font-size:16px;gap:10px}.navlinks a{padding:9px 0}.hero{min-height:auto;padding:60px 0}.hero-copy>p,.upload p,.custom-head p{font-size:16px}.proof{font-size:13px;flex-wrap:wrap}.cards p,.process article p,.track p{font-size:15px}.builder{min-height:0}.controls label{font-size:15px}.upload,.track{padding:75px 0}.status-card ol{font-size:14px}.instagram h2{line-height:1.1}}
@media(max-width:480px){.shell{width:calc(100% - 28px)}.hero{padding-top:42px}.hero h1{font-size:clamp(42px,13vw,54px);letter-spacing:-2.5px}.hero-copy>p{font-size:16px}.actions{align-items:stretch;flex-direction:column;gap:14px}.actions .button{text-align:center}.proof{margin-top:32px}.heading{align-items:flex-start;flex-direction:column;gap:12px}.heading h2,.custom h2,.upload h2,.process h2,.track h2{font-size:clamp(36px,11vw,44px);letter-spacing:-2px}.section,.custom,.upload,.track{padding:62px 0}.controls{padding:20px}.sizes{flex-wrap:wrap}.sizes button{font-size:14px;flex:1;min-width:90px}.total{flex-direction:column}.total a{max-width:none;width:100%;text-align:center;font-size:15px}.drop span{text-align:center;padding:0 12px}.status-card{padding:20px}.status-card h3{font-size:21px}.status-card ol{font-size:14px}.instagram .shell{align-items:stretch}.instagram a{text-align:center}footer nav{font-size:15px;gap:14px}}