:root{--bg:#08060d;--bg2:#0e0a16;--card:#13101b;--purple:#8d32ff;--purple2:#b15cff;--text:#f5f2f7;--muted:#aaa3b3;--line:#282131;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Montserrat,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:90;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}.site-header{position:fixed;top:0;left:0;right:0;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - var(--max))/2));z-index:50;background:linear-gradient(180deg,rgba(6,4,10,.95),rgba(6,4,10,.25),transparent);transition:.3s}.site-header.scrolled{background:rgba(7,5,11,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand img{height:55px;width:auto}.nav{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:600}.nav a{opacity:.8}.nav a:hover{opacity:1;color:var(--purple2)}.nav-cta{border:1px solid #7432b8;padding:12px 18px;border-radius:999px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:25px}.hero{min-height:100vh;display:grid;align-items:center;position:relative;padding:120px 0 70px;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 70% 40%,rgba(114,28,210,.22),transparent 35%),linear-gradient(90deg,#07050c 15%,rgba(7,5,12,.92) 50%,rgba(7,5,12,.65));}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow{display:inline-block;color:#bd79ff;font-size:12px;letter-spacing:.22em;font-weight:700;margin-bottom:18px}.hero h1,.section h2{font-size:clamp(48px,6vw,88px);line-height:.95;margin:0 0 25px;letter-spacing:-.055em}.hero h1 span,.section h2 span{background:linear-gradient(120deg,#7422ed,#c06cff);-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:18px;line-height:1.7;color:var(--muted);max-width:650px}.actions{display:flex;gap:14px;margin:34px 0}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:0 24px;border-radius:999px;font-size:13px;font-weight:700;border:1px solid transparent;cursor:pointer}.primary{background:linear-gradient(120deg,#6e16df,#a84cff);box-shadow:0 10px 40px rgba(126,39,232,.28)}.ghost{border-color:#554563;background:rgba(255,255,255,.025)}.full{width:100%}.hero-stats{display:flex;gap:34px;padding-top:24px;border-top:1px solid var(--line)}.hero-stats div{display:flex;flex-direction:column;gap:5px}.hero-stats strong{font-size:13px}.hero-stats span{font-size:11px;color:#8d8596}.glass-frame{position:relative;border:1px solid #553071;border-radius:32px;padding:12px;background:linear-gradient(140deg,rgba(255,255,255,.08),rgba(255,255,255,.01));box-shadow:0 30px 100px rgba(0,0,0,.5);transform:rotate(2deg)}.glass-frame img{border-radius:23px;aspect-ratio:4/5;object-fit:cover}.floating-tag{position:absolute;left:-35px;bottom:45px;padding:16px 22px;background:rgba(10,6,16,.86);backdrop-filter:blur(15px);border:1px solid #66358b;border-radius:14px;font-size:12px}.hero-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35}.orb-one{width:320px;height:320px;background:#6d0fff;right:-80px;top:10%}.orb-two{width:180px;height:180px;background:#c54dff;left:35%;bottom:-80px}.scroll{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.2em;color:#7e7688}.section{padding:120px 0}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.portrait{border-radius:36px;overflow:hidden;border:1px solid #4b2d65;background:#120a1c}.portrait img{aspect-ratio:1/1;object-fit:cover}.section-copy h2,.section-head h2{font-size:clamp(40px,5vw,68px)}.section-copy p{color:var(--muted);font-size:16px;line-height:1.8}.signature{margin-top:30px;font-size:22px;font-weight:700}.signature small{display:block;font-size:11px;color:#8f8797;margin-top:8px;text-transform:uppercase;letter-spacing:.12em}.services{background:linear-gradient(180deg,#0a0710,#100b18,#08060d)}.section-head{max-width:850px;margin-bottom:55px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{min-height:310px;padding:30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#15101d,#0b080f);transition:.35s}.card:hover{transform:translateY(-8px);border-color:#7434a4;box-shadow:0 25px 80px rgba(85,20,143,.16)}.card .num{color:#9849e9;font-size:12px;letter-spacing:.15em}.card h3{font-size:22px;margin-top:70px}.card p{color:var(--muted);line-height:1.7;font-size:14px}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project{position:relative;min-height:420px;border-radius:27px;overflow:hidden;border:1px solid #2c2236}.project.wide{min-height:480px}.project img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:.5s}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(3,2,5,.95))}.project div{position:absolute;left:30px;bottom:28px;z-index:2}.project span{font-size:11px;color:#c57cff;letter-spacing:.15em}.project h3{font-size:25px;margin:7px 0}.project:hover img{transform:scale(1.04)}.process{background:#0e0a14}.timeline{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #44304f}.step{padding:28px 18px 10px;border-right:1px solid #29202f}.step b{color:#a747ef}.step h3{font-size:17px;margin-top:42px}.step p{font-size:12px;color:var(--muted);line-height:1.6}.essential-box{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;padding:65px;border-radius:36px;border:1px solid #522f6d;background:radial-gradient(circle at 15% 10%,rgba(135,42,232,.21),transparent 34%),linear-gradient(135deg,#15101e,#09070e)}.essential h3{font-size:34px;line-height:1.2}.essential p{color:var(--muted)}.feature-row{margin-top:40px;display:grid;grid-template-columns:auto 1fr auto 1fr;gap:18px;align-items:center;padding:25px;border-radius:20px;background:#0e0a14}.feature-row strong{font-size:38px;color:#a84dff}.feature-row span{font-size:12px;line-height:1.6}.price-panel{display:flex;flex-direction:column;gap:13px}.price-panel>span{text-transform:uppercase;letter-spacing:.17em;font-size:10px;color:#a69aac}.price-card{padding:22px;border:1px solid #352943;border-radius:18px;background:#100c16}.price-card.featured{border-color:#8c43ce;background:linear-gradient(135deg,#261239,#110b17)}.price-card small{text-transform:uppercase;color:#a99faf}.price-card strong{display:block;font-size:40px;margin:9px 0}.price-card em{font-size:13px;font-style:normal}.price-card p{margin:0;font-size:12px}.proposal{background:linear-gradient(180deg,#09060e,#120a1b)}.proposal-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#aaa0b1}.form input,.form select,.form textarea{margin-top:9px;width:100%;background:#0b0810;border:1px solid #362b40;color:white;padding:15px;border-radius:12px;font-family:inherit}.full-field{grid-column:1/-1}.form small{color:#837b89;text-transform:none;letter-spacing:0}.footer{min-height:180px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}footer img{height:72px;width:auto}footer p{color:#a39aa9}footer div div{display:flex;flex-direction:column;gap:7px;font-size:12px}.whatsapp{position:fixed;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#6f12de,#b24dff);z-index:40;box-shadow:0 12px 40px rgba(127,32,228,.42)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.delay{transition-delay:.12s}@media(max-width:900px){.menu-toggle{display:block}.nav{display:none;position:absolute;top:75px;left:20px;right:20px;padding:24px;flex-direction:column;background:#0b0810;border:1px solid #31233e;border-radius:20px}.nav.open{display:flex}.hero-grid,.split,.essential-box,.proposal-grid{grid-template-columns:1fr}.hero{padding-top:130px}.hero-visual{max-width:560px;margin:auto}.cards{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr}.floating-tag{left:15px}.section{padding:85px 0}}@media(max-width:600px){.container{width:min(100% - 26px,var(--max))}.hero h1{font-size:52px}.hero-stats{gap:15px;flex-wrap:wrap}.actions{flex-direction:column}.cards{grid-template-columns:1fr}.card{min-height:240px}.card h3{margin-top:35px}.timeline{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid #29202f}.essential-box{padding:28px}.feature-row{grid-template-columns:auto 1fr}.form{grid-template-columns:1fr}.full-field{grid-column:auto}.footer{padding:45px 0;flex-direction:column;gap:20px;text-align:center}.project{min-height:330px}.site-header{height:72px}.brand img{height:46px}}

/* ===== TEMA CLARO OFF-WHITE / BEGE — LUME ===== */
:root{
  --bg:#f3eee7;
  --bg2:#faf7f2;
  --card:#fffdf9;
  --purple:#7d28e8;
  --purple2:#a84cff;
  --text:#1e1923;
  --muted:#6f6875;
  --line:#ded4e5;
}
body{
  background:
    radial-gradient(circle at 85% 8%,rgba(157,76,255,.10),transparent 25%),
    radial-gradient(circle at 8% 32%,rgba(125,40,232,.06),transparent 22%),
    linear-gradient(180deg,#f8f4ee 0%,#f1ebe3 48%,#faf7f2 100%);
  color:var(--text);
}
.noise{opacity:.025;mix-blend-mode:multiply}
.site-header{
  background:linear-gradient(180deg,rgba(248,244,238,.97),rgba(248,244,238,.72),transparent);
}
.site-header.scrolled{
  background:rgba(248,244,238,.92);
  border-bottom:1px solid rgba(78,54,89,.14);
  box-shadow:0 10px 35px rgba(57,39,66,.06);
}
.nav a{color:#29212f;opacity:.78}.nav a:hover{color:var(--purple);opacity:1}
.nav-cta{border-color:#9b62d5;background:rgba(255,255,255,.55)}
.menu-toggle{color:#2a2130}
.hero-bg{
  background:
    linear-gradient(90deg,rgba(248,244,238,.98) 10%,rgba(248,244,238,.90) 48%,rgba(248,244,238,.48)),
    radial-gradient(circle at 76% 38%,rgba(126,37,229,.15),transparent 39%);
}
.hero-copy>p,.section-copy p,.card p,.step p,.essential p{color:var(--muted)}
.hero-stats{border-top-color:rgba(78,54,89,.18)}
.hero-stats span{color:#817987}
.ghost{border-color:#cabbd4;background:rgba(255,255,255,.62);color:#2d2433}
.glass-frame{
  border-color:#c7a9db;
  background:linear-gradient(140deg,rgba(255,255,255,.88),rgba(244,235,248,.58));
  box-shadow:0 35px 100px rgba(54,32,68,.17);
}
.floating-tag{
  background:rgba(255,253,249,.92);
  color:#2a2030;
  border-color:#c39cdd;
  box-shadow:0 15px 45px rgba(56,32,73,.12);
}
.scroll{color:#746b79}
.portrait{border-color:#cdb8d9;background:#eee7f1;box-shadow:0 28px 80px rgba(60,37,72,.12)}
.signature small{color:#746c79}
.services{
  background:
    radial-gradient(circle at 12% 10%,rgba(145,64,239,.08),transparent 28%),
    linear-gradient(180deg,#f1ebe3,#fbf8f4,#eee7df);
}
.card{
  border-color:#ded2e4;
  background:linear-gradient(145deg,#fffdf9,#f5eff3);
  box-shadow:0 16px 48px rgba(63,41,72,.07);
}
.card:hover{border-color:#a66ed0;box-shadow:0 28px 75px rgba(96,46,130,.15)}
.project{border-color:#cdbdd3;box-shadow:0 20px 55px rgba(44,27,51,.11)}
.process{background:linear-gradient(180deg,#f8f4ee,#eee7df)}
.timeline{border-top-color:#cbbdd1}.step{border-right-color:#d8ccd9}.step p{color:#746d78}
.essential-box{
  border-color:#c8a5dc;
  background:
    radial-gradient(circle at 15% 10%,rgba(137,42,232,.13),transparent 36%),
    linear-gradient(135deg,#fffdf9,#ece2ef);
  box-shadow:0 30px 90px rgba(71,40,86,.13);
}
.feature-row{background:rgba(255,255,255,.70);border:1px solid #dfd2e3}
.price-panel>span{color:#7c7180}
.price-card{border-color:#ddcfdf;background:rgba(255,255,255,.74)}
.price-card.featured{border-color:#a56ed1;background:linear-gradient(135deg,#efe2f6,#fffaf4)}
.price-card small{color:#756b79}
.proposal{
  background:
    radial-gradient(circle at 80% 20%,rgba(142,52,235,.09),transparent 30%),
    linear-gradient(180deg,#f2ece5,#fbf8f4);
}
.form label{color:#655c6b}
.form input,.form select,.form textarea{
  background:#fffdf9;
  border-color:#d5c9da;
  color:#241d29;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.form input::placeholder,.form textarea::placeholder{color:#9a909e}
.form small{color:#7d7481}
footer{background:#eee7df}.footer{border-top-color:#d3c7d5}footer p{color:#706775}
.whatsapp{box-shadow:0 12px 40px rgba(127,32,228,.28)}
@media(max-width:900px){
  .nav{background:#fffaf4;border-color:#d8c9df;box-shadow:0 20px 60px rgba(56,35,65,.14)}
}