:root{--bg:#ffffff;--panel:#ffffff;--panel2:#f6f6f6;--text:#202020;--muted:#686868;--line:rgba(20,20,20,.13);--cyan:#f04b00;--violet:#8a8a8a;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#ffffff;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;font-size:14px;font-weight:850;letter-spacing:.14em}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:linear-gradient(135deg,#f04b00,#ff6a1a);color:#ffffff;font-size:20px;font-weight:900;letter-spacing:0}.brand-light{font-weight:400;color:#6b6b6b;margin-left:4px}.nav-links{display:flex;align-items:center;gap:32px;color:#555555;font-size:13px}.nav-links>a:hover{color:var(--cyan)}.nav-links .nav-cta{border:1px solid rgba(240,75,0,.5);border-radius:8px;padding:10px 15px;color:var(--cyan)}.nav-cta span{margin-left:8px}.menu-toggle{display:none;background:none;color:white;border:1px solid var(--line);border-radius:8px;padding:6px 10px}.hero{position:relative;overflow:hidden;padding:92px 0 30px;background:radial-gradient(ellipse at 78% 34%,rgba(80,84,172,.18),transparent 38%),linear-gradient(180deg,#ffffff,#f7f7f7)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;min-height:520px}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.19em;color:var(--cyan);margin:0 0 20px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);margin-right:8px}.hero h1{font-size:clamp(42px,5.2vw,68px);line-height:1.07;letter-spacing:-.055em;margin:0;max-width:650px}.gradient-text{background:linear-gradient(95deg,var(--cyan),#a8a8a8 48%,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:16px;line-height:1.8;color:var(--muted);max-width:520px;margin:25px 0 29px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 18px;border-radius:8px;font-size:12px;font-weight:750;transition:transform .2s,filter .2s;border:1px solid transparent;cursor:pointer}.button:hover{transform:translateY(-2px);filter:brightness(1.08)}.button-primary{background:linear-gradient(110deg,var(--cyan),#ff6a1a);color:#ffffff}.button-ghost{border-color:var(--line);color:#303030}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:48px}.proof-icon{display:grid;place-items:center;width:37px;height:37px;border:1px solid rgba(240,75,0,.3);border-radius:10px;color:var(--cyan)}.hero-proof p{margin:0;font-size:12px;line-height:1.5}.hero-proof strong{font-size:12px}.hero-proof p span{color:var(--muted);font-size:11px}.hero-visual{height:465px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(157,166,255,.14);border-radius:50%;transform:rotate(-24deg)}.orbit-a{width:450px;height:340px}.orbit-b{width:520px;height:400px;transform:rotate(28deg)}.browser-card{position:relative;z-index:2;width:min(100%,430px);border:1px solid rgba(255,255,255,.22);border-radius:14px;background:#ffffff;box-shadow:0 35px 100px rgba(0,0,0,.12);overflow:hidden;transform:perspective(1000px) rotateY(-7deg) rotateX(2deg)}.browser-top{height:40px;background:#eeeeee;display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:#6c6c6c;font-size:9px}.browser-dots{display:flex;gap:5px}.browser-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#999999}.browser-lock{font-size:13px}.browser-body{display:grid;grid-template-columns:1.1fr .9fr;min-height:270px;padding:16px;gap:10px;background:linear-gradient(130deg,#f2f6f5,#dce7ee)}.mock-nav{grid-column:1/-1;display:flex;align-items:center;gap:12px;height:20px}.mock-logo{width:24px;height:8px;border-radius:4px;background:#17283b;margin-right:auto}.mock-nav span:not(.mock-logo){width:20px;height:4px;border-radius:5px;background:#aab8c6}.mock-nav b{width:35px;height:12px;background:#f04b00;border-radius:3px}.mock-content{padding:19px 0 0 4px}.mock-tag{font-size:6px;letter-spacing:.13em;color:#4a7d7d;font-weight:800;margin-bottom:12px}.mock-title{height:15px;width:100%;background:#1d3145;border-radius:3px;margin-bottom:6px}.mock-title.short{width:72%}.mock-desc{height:4px;width:95%;background:#a4b5c1;border-radius:3px;margin-top:14px}.mock-desc.small{width:65%;margin-top:5px}.mock-button{height:18px;width:64px;background:#f04b00;border-radius:4px;margin-top:20px}.mock-image{position:relative;overflow:hidden;border-radius:6px;background:linear-gradient(155deg,#b5e4df,#d8e2f1);min-height:190px}.image-sun{position:absolute;width:56px;height:56px;border-radius:50%;background:#f5d5a2;right:15px;top:25px}.image-hill{position:absolute;bottom:-25px;width:150px;height:140px;border-radius:48% 52% 0 0;transform:rotate(30deg)}.hill-one{background:#77aaa7;left:-25px}.hill-two{background:#547f91;right:-50px;bottom:-45px}.float-card{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 15px 35px rgba(0,0,0,.10);backdrop-filter:blur(12px)}.float-top{right:-2px;top:70px}.float-bottom{left:-20px;bottom:58px}.float-symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:rgba(240,75,0,.13);color:var(--cyan);font-size:18px}.float-symbol.purple{color:var(--violet);background:rgba(160,160,160,.13)}.float-card b,.float-card small{display:block}.float-card b{font-size:10px}.float-card small{font-size:9px;color:var(--muted);margin-top:2px}.hero-number{position:absolute;bottom:0;right:0;font-size:23px;font-weight:800;color:rgba(255,255,255,.55)}.hero-number span{font-size:8px;letter-spacing:.12em;color:var(--muted);font-weight:600}.hero-bottom{display:flex;align-items:center;gap:20px;margin-top:30px;color:#777777;font-size:8px;letter-spacing:.16em}.hero-bottom .line{height:1px;flex:1;background:var(--line)}.section{padding:105px 0}.services-section{background:#f7f7f7}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-heading h2,.process-intro h2,.contact-copy h2{font-size:clamp(34px,4vw,48px);line-height:1.12;letter-spacing:-.045em;margin:0}.section-intro{max-width:365px;color:var(--muted);font-size:13px;line-height:1.85;margin:0 0 4px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{border:1px solid var(--line);border-radius:12px;padding:25px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));min-height:355px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.service-card:hover{border-color:rgba(240,75,0,.45);transform:translateY(-4px)}.service-featured{background:linear-gradient(145deg,rgba(240,75,0,.1),rgba(255,255,255,.015))}.service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.service-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(240,75,0,.25);border-radius:10px;color:var(--cyan);font-size:21px}.service-index{font-size:9px;letter-spacing:.12em;color:#7f8da4}.service-card h3,.process-item h3,.portfolio-meta h3{font-size:18px;letter-spacing:-.02em;margin:0 0 10px}.service-card p,.process-item p{color:var(--muted);font-size:12px;line-height:1.8;margin:0}.service-card ul{list-style:none;padding:0;margin:19px 0 25px}.service-card li{font-size:11px;color:#555555;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06)}.service-card li:before{content:"✓";color:var(--cyan);margin-right:9px}.text-link{font-size:11px;font-weight:750;color:var(--cyan);margin-top:auto}.text-link span{margin-left:8px}.process-section{background:linear-gradient(120deg,#101a2c,#ffffff)}.process-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px}.process-intro>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9;max-width:330px;margin:22px 0 28px}.process-list{border-top:1px solid var(--line)}.process-item{display:grid;grid-template-columns:42px 1fr 20px;gap:16px;padding:24px 0;border-bottom:1px solid var(--line);align-items:start}.process-num{font-size:11px;color:var(--cyan);font-weight:800;padding-top:4px}.process-item h3{font-size:15px;margin-bottom:6px}.process-item p{max-width:430px}.process-arrow{color:#777777}.portfolio-section{background:#f7f7f7}.portfolio-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.portfolio-card{min-width:0}.portfolio-art{height:230px;border:1px solid var(--line);border-radius:11px;position:relative;overflow:hidden;display:grid;place-items:center}.art-store{background:radial-gradient(ellipse at 50% 35%,#4d8c88,#182c40 65%)}.store-window{width:140px;height:135px;border:1px solid rgba(255,255,255,.5);background:rgba(238,248,245,.9);border-radius:7px;box-shadow:0 20px 45px #07111b66;transform:rotate(-5deg);overflow:hidden}.store-top{height:24px;background:#e4c6a4}.store-body{display:flex;gap:7px;padding:14px 9px}.store-body span{height:70px;flex:1;border-radius:3px;background:linear-gradient(160deg,#d2e4df,#7fa5a3)}.store-body span:nth-child(2){background:linear-gradient(160deg,#f1d8b4,#b78167)}.store-body span:nth-child(3){background:linear-gradient(160deg,#d7d4ee,#8588b6)}.art-brand{background:radial-gradient(ellipse at 35% 40%,#492014,#1b213b 68%)}.brand-orb{position:absolute;width:155px;height:155px;border-radius:50%;border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 0 30px #b7b2ff33,0 0 60px #77777722}.brand-type{position:relative;font-size:31px;line-height:.95;font-weight:900;letter-spacing:-.08em;text-align:center}.art-platform{background:radial-gradient(ellipse at 70% 25%,#482416,#13243a 70%)}.platform-ui{width:160px;height:120px;border-radius:7px;border:1px solid #a7e6df77;background:#0e1b2bd9;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:13px;transform:rotate(6deg);box-shadow:0 20px 50px #050a10aa}.platform-ui i{height:18px;background:#f04b00;border-radius:3px}.platform-ui i:nth-child(2){background:#777777}.platform-ui i:nth-child(3){background:#f0c58e}.platform-ui b{grid-column:span 1;height:45px;border:1px solid #ffffff22;border-radius:3px;background:#ffffff08}.art-caption{position:absolute;bottom:13px;left:15px;font-size:8px;letter-spacing:.13em;color:#d1deec}.portfolio-meta{display:flex;justify-content:space-between;align-items:center;padding:16px 2px}.portfolio-meta h3{font-size:14px;margin:0 0 4px}.portfolio-meta p{margin:0;color:var(--muted);font-size:10px}.portfolio-meta>span{color:var(--cyan)}.contact-section{background:linear-gradient(130deg,#101b2e,#ffffff);border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:100px}.contact-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9;max-width:400px;margin:23px 0 32px}.contact-note{display:flex;align-items:center;gap:13px}.contact-note-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(240,75,0,.25);border-radius:10px;color:var(--cyan)}.contact-note b{font-size:11px}.contact-note p{font-size:10px;color:var(--muted);margin:4px 0 0}.contact-form{display:flex;flex-direction:column;padding:26px;border:1px solid var(--line);border-radius:12px;background:#ffffff}.contact-form label{font-size:10px;font-weight:700;color:#333333;margin:0 0 7px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.12);background:#ffffff;color:#222222;border-radius:7px;padding:12px;font-size:11px;outline:none;margin-bottom:17px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--cyan)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#777777}.contact-form select{color:#555555}.contact-form textarea{resize:vertical}.form-submit{width:100%;margin-top:2px}.form-hint,.form-feedback{font-size:9px;line-height:1.6;color:#8290a6;text-align:center;margin:12px 0 0}.form-feedback{color:var(--cyan)}.site-footer{background:#f5f5f5;border-top:1px solid var(--line)}.footer-main{display:flex;align-items:center;justify-content:space-between;padding:27px 0}.footer-main>p{font-size:11px;color:var(--muted)}.back-top{font-size:10px;color:var(--cyan)}.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding:16px 0 20px;display:flex;justify-content:space-between;gap:15px;color:#777777;font-size:9px}@media(max-width:900px){.hero-grid{gap:25px}.hero-visual{transform:scale(.9)}.float-top{right:-5px}.float-bottom{left:-5px}.process-grid{gap:45px}.contact-grid{gap:45px}.service-card{padding:20px}.service-card h3{font-size:16px}}@media(max-width:700px){.container{width:min(var(--max),calc(100% - 34px))}.nav{height:68px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:#f7f7f7;padding:20px 24px 24px;flex-direction:column;align-items:stretch;gap:18px;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.nav-links .nav-cta{text-align:center}.hero{padding-top:58px}.hero-grid{grid-template-columns:1fr;gap:15px}.hero h1{font-size:clamp(40px,11vw,58px)}.hero-lead{font-size:14px}.hero-proof{margin-top:30px}.hero-visual{height:355px;transform:none;margin:0 -5px}.browser-card{width:min(88%,400px)}.browser-body{min-height:220px}.mock-image{min-height:145px}.mock-content{padding-top:12px}.float-top{right:0;top:24px}.float-bottom{left:0;bottom:25px}.float-card{padding:9px}.hero-number{right:4px;bottom:-3px;font-size:17px}.hero-bottom{font-size:7px;gap:10px;margin-top:20px}.section{padding:72px 0}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.process-intro h2,.contact-copy h2{font-size:37px}.section-intro{margin-top:18px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:24px}.service-card ul{margin-bottom:22px}.process-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.process-intro>p:not(.eyebrow){margin-top:18px}.portfolio-grid{grid-template-columns:1fr}.portfolio-art{height:250px}.portfolio-large .portfolio-art{height:250px}.contact-form{padding:21px}.footer-main{flex-wrap:wrap;gap:12px}.footer-main>p{order:3;width:100%;margin:0}.footer-bottom{flex-direction:column;gap:6px}.brand{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Beriá Studio logo */
.brand{letter-spacing:0;gap:0;display:inline-flex;align-items:center}.brand-logo{display:block;width:255px;max-width:40vw;height:auto;object-fit:contain}.footer-logo{width:210px;max-width:52vw}@media(max-width:700px){.brand-logo{width:220px;max-width:66vw}.footer-logo{width:190px;max-width:70vw}}

/* Light theme readability overrides */
body{background:#fff;color:#202020}
.site-header{background:rgba(255,255,255,.94);border-bottom-color:rgba(0,0,0,.1)}
.nav-links{color:#4d4d4d}
.nav-links .nav-cta{color:#e84600;border-color:rgba(240,75,0,.55)}
.hero{background:radial-gradient(ellipse at 78% 34%,rgba(240,75,0,.07),transparent 38%),linear-gradient(180deg,#fff,#fafafa)}
.hero-lead,.hero-proof p span,.section-intro,.service-card p,.process-intro>p:not(.eyebrow),.process-item p,.contact-copy>p:not(.eyebrow){color:#686868}
.hero-proof strong,.service-card h3,.process-item h3,.portfolio-meta h3,.contact-note b{color:#242424}
.hero-bottom{color:#777}
.services-section,.portfolio-section{background:#f7f7f7}
.process-section,.contact-section{background:linear-gradient(120deg,#fff,#f8f8f8)}
.service-card{background:#fff;border-color:rgba(0,0,0,.12)}
.service-featured{background:linear-gradient(145deg,#fff4ee,#fff)}
.service-index,.portfolio-meta p{color:#777}
.service-card li{color:#555;border-bottom-color:rgba(0,0,0,.07)}
.process-list,.process-item{border-color:rgba(0,0,0,.13)}
.portfolio-art{border-color:rgba(0,0,0,.12)}
.contact-form{background:#fff;border-color:rgba(0,0,0,.14)}
.contact-form label{color:#333}
.contact-form input,.contact-form select,.contact-form textarea{background:#fff;color:#222;border-color:rgba(0,0,0,.18)}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#888}
.form-hint{color:#777}
.site-footer{background:#f4f4f4;border-top-color:rgba(0,0,0,.12)}
.footer-bottom{border-top-color:rgba(0,0,0,.1);color:#777}
.button-ghost{color:#333;border-color:rgba(0,0,0,.2)}
.float-card{background:rgba(255,255,255,.96);border-color:rgba(0,0,0,.12)}
.float-card b{color:#222}
.float-card small{color:#666}
.browser-top{background:#eaeaea}
.browser-card{background:#fff;border-color:rgba(0,0,0,.15)}
.hero-number{color:rgba(0,0,0,.45)}
@media(max-width:700px){.nav-links{background:#fff;border-bottom-color:rgba(0,0,0,.1)}}

.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:50;display:flex;align-items:center;gap:10px;padding:12px 17px;border-radius:999px;background:#f04b00;color:#fff;font-size:12px;font-weight:750;box-shadow:0 8px 28px rgba(0,0,0,.18);border:1px solid rgba(0,0,0,.08)}
.whatsapp-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;color:#f04b00;font-size:18px}
.whatsapp-float:hover{filter:brightness(1.05);transform:translateY(-2px)}
@media(max-width:700px){.whatsapp-float{right:13px;bottom:13px;padding:10px 13px;font-size:11px}.whatsapp-icon{width:24px;height:24px}}

/* Footer branding: use the supplied original logo image only */
.site-footer .footer-main .brand{display:inline-flex;align-items:center;gap:0}
.site-footer .footer-logo{display:block;width:210px;height:auto;max-width:52vw;object-fit:contain}
.site-footer .brand-mark,.site-footer .brand-light{display:none!important}
@media(max-width:700px){.site-footer .footer-logo{width:190px;max-width:70vw}}