:root{--navy:#2b2d42;--slate:#8d99ae;--light:#edf2f4;--red:#ef233c;--darkred:#d90429;--ink:#151921;--panel:#fff;--muted:#5d6878;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;color:var(--navy);background:var(--light);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 0 0,#ef233c1a,#0000 34rem),linear-gradient(#f7fafc 0%,#edf2f4 40%,#fff 100%);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.page-shell{min-height:100vh}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd6;border-bottom:1px solid #8d99ae38;justify-content:space-between;align-items:center;gap:2rem;height:76px;padding:0 3vw;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.8rem;min-width:max-content;display:inline-flex}.brand img{object-fit:contain;width:44px;height:44px}.brand strong{letter-spacing:.01em;font-size:.98rem;line-height:1;display:block}.brand small{color:var(--slate);letter-spacing:.13em;text-transform:uppercase;margin-top:.18rem;font-size:.64rem;font-weight:800;display:block}.site-header nav{align-items:center;gap:clamp(.8rem,2vw,1.8rem);font-size:.84rem;font-weight:800;display:flex}.site-header nav a{color:#2b2d42b8;transition:color .18s}.site-header nav a:hover{color:var(--red)}.header-contact{border-radius:var(--radius-md);background:#fff;border:1px solid #8d99ae57;align-items:center;gap:.45rem;padding:.65rem .9rem;display:inline-flex}.hero-section{grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);align-items:center;gap:4vw;min-height:calc(100vh - 76px);padding:clamp(3rem,7vw,6rem) 3vw 3rem;display:grid;overflow:hidden}.hero-copy{max-width:780px}.eyebrow{color:var(--red);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:.75rem;margin:0 0 1.2rem;font-size:.74rem;font-weight:900;display:inline-flex}.eyebrow span{background:var(--red);width:38px;height:2px}.eyebrow.dark{color:#ff8a99}.hero-copy h1{letter-spacing:-.04em;max-width:760px;color:var(--navy);margin:0;font-size:clamp(3.1rem,7vw,7.2rem);line-height:.94}.hero-text{max-width:690px;color:var(--muted);margin:1.6rem 0 0;font-size:clamp(1rem,1.35vw,1.28rem);line-height:1.75}.hero-actions{flex-wrap:wrap;gap:.9rem;margin-top:2rem;display:flex}.primary-action,.secondary-action,.request-form button{cursor:pointer;border-radius:var(--radius-md);border:1px solid #0000;justify-content:center;align-items:center;gap:.6rem;min-height:46px;padding:.78rem 1.05rem;font-size:.86rem;font-weight:900;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.primary-action,.request-form button{color:#fff;background:var(--navy)}.primary-action:hover,.request-form button:hover{background:var(--red);transform:translateY(-2px)}.secondary-action{color:var(--navy);background:#fff;border-color:#8d99ae6b}.secondary-action:hover{border-color:var(--red);transform:translateY(-2px)}.album-frame{border-radius:var(--radius-xl);background:linear-gradient(135deg,#2b2d42f2,#151921fa),url(/paleta-design.jpg) 50%/cover;border:1px solid #8d99ae3d;min-height:560px;position:relative;overflow:hidden;box-shadow:0 30px 90px #2b2d4233}.album-frame:before{content:"";pointer-events:none;background:linear-gradient(90deg,#151921e0,#0000 20% 80%,#151921db),radial-gradient(circle at 20% 10%,#ef233c5c,#0000 22rem);position:absolute;inset:0}.album-track{align-items:stretch;gap:1rem;width:max-content;padding-left:2rem;animation:24s linear infinite album-scroll;display:flex;position:absolute;inset:4rem auto 4rem 0}.album-frame:hover .album-track{animation-play-state:paused}.album-card{color:#fff;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(340px,76vw);transform:translateY(var(--delay));background:#ffffff14;border:1px solid #ffffff1f;padding:1.4rem;transition:transform .2s,background .2s,border-color .2s}.album-card:hover{background:#ffffff24;border-color:#ffffff47;transform:translateY(-12px)scale(1.015)}.album-card-top,.album-meta{justify-content:space-between;align-items:center;gap:1rem;display:flex}.album-card-top span,.album-meta span{color:#ffffffad;text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;font-weight:900}.album-icon{background:var(--red);border-radius:var(--radius-md);place-items:center;width:46px;height:46px;display:grid}.album-card h3{letter-spacing:-.03em;min-height:4.6rem;margin:4rem 0 1rem;font-size:2rem;line-height:1}.album-card p{color:#ffffffad;min-height:5rem;line-height:1.55}.album-status{color:#ffffffc7;align-items:center;gap:.55rem;font-size:.78rem;font-weight:800;display:inline-flex;position:absolute;bottom:1.4rem;left:2rem}@keyframes album-scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 1rem))}}.section-block,.request-section{padding:clamp(3rem,7vw,6rem) 3vw}.section-title{max-width:780px;margin-bottom:2rem}.section-icon{width:48px;height:48px;color:var(--red);border-radius:var(--radius-md);background:#fff;border:1px solid #8d99ae3d;place-items:center;margin-bottom:1rem;display:grid}.section-title p{color:var(--red);text-transform:uppercase;letter-spacing:.18em;margin:0 0 .35rem;font-size:.72rem;font-weight:900}.section-title h2,.request-copy h2{max-width:900px;color:var(--navy);letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4.2vw,4.4rem);line-height:1}.section-title span,.request-copy p{max-width:760px;color:var(--muted);margin-top:1rem;line-height:1.7;display:block}.apps-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;display:grid}.app-card{border-radius:var(--radius-xl);background:#fff;border:1px solid #8d99ae38;grid-template-columns:minmax(160px,.78fr) 1fr;min-height:340px;display:grid;overflow:hidden}.app-card-media{aspect-ratio:1;color:#fff;background:linear-gradient(145deg, var(--navy), #151921);flex-direction:column;justify-content:space-between;min-height:100%;display:flex;position:relative;overflow:hidden}.app-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .22s,filter .22s;position:absolute;inset:0;transform:scale(1.02)}.app-card:hover .app-card-media img{filter:saturate(1.12)contrast(1.06);transform:scale(1.08)}.app-card-media:after{content:"";background:linear-gradient(#1519211f,#151921d6),linear-gradient(135deg,#2b2d42a8,#ef233c38);position:absolute;inset:0}.app-card-media-overlay{z-index:1;flex-direction:column;justify-content:space-between;min-height:100%;padding:1.4rem;display:flex;position:relative}.app-card-media-overlay span{letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:900}.app-card-body{padding:1.4rem}.app-card-body h3{color:var(--navy);margin:0;font-size:1.6rem;line-height:1.05}.app-card-body p{color:var(--muted);line-height:1.58}.app-card dl{gap:.6rem;margin:1.4rem 0;display:grid}.app-card dt{color:var(--slate);text-transform:uppercase;letter-spacing:.13em;font-size:.65rem;font-weight:900}.app-card dd{margin:.1rem 0 0;font-weight:800}.app-card a{color:var(--darkred);border-radius:var(--radius-md);border:1px solid #d904292e;align-items:center;gap:.5rem;padding:.72rem .9rem;font-size:.84rem;font-weight:900;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.app-card a:hover{background:#d904290f;border-color:#d9042957;transform:translateY(-1px)}.docs-section{background:#fff;border-block:1px solid #8d99ae2e}.docs-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.85rem;display:grid}.doc-item{background:var(--light);border-radius:var(--radius-lg);border:1px solid #8d99ae3d;gap:1rem;padding:1rem;transition:transform .18s,border-color .18s;display:flex}.doc-item:hover{border-color:#ef233c6b;transform:translateY(-4px)}.doc-item strong,.mail-card strong{color:var(--navy);display:block}.doc-item small,.mail-card small{color:var(--muted);margin-top:.24rem;line-height:1.45;display:block}.governance-band{color:#fff;background:var(--navy);border-radius:var(--radius-lg);align-items:center;gap:1rem;margin-top:1rem;padding:1rem;display:flex}.governance-band strong,.governance-band span{display:block}.governance-band span{color:#ffffffb8;margin-top:.2rem}.request-section{color:#fff;background:linear-gradient(135deg, #151921, var(--navy));grid-template-columns:.82fr 1fr;gap:3vw;display:grid}.request-copy h2{color:#fff}.request-copy p{color:#ffffffb8}.mail-card{color:#fff;border-radius:var(--radius-lg);background:#ffffff14;border:1px solid #ffffff24;align-items:center;gap:.9rem;margin-top:1.6rem;padding:1rem;display:inline-flex}.mail-card strong{color:#fff}.mail-card small{color:#ffffffa8}.request-form{color:var(--navy);border-radius:var(--radius-xl);background:#fff;gap:.85rem;padding:1rem;display:grid}.form-row{grid-template-columns:repeat(2,1fr);gap:.85rem;display:grid}.request-form label{color:var(--navy);letter-spacing:.08em;text-transform:uppercase;gap:.42rem;font-size:.72rem;font-weight:900;display:grid}.request-form input,.request-form textarea,.request-form select{width:100%;min-height:44px;color:var(--navy);background:var(--light);border-radius:var(--radius-md);border:1px solid #8d99ae5c;outline:none;padding:.75rem .8rem}.request-form textarea{resize:vertical;min-height:130px}.request-form input:focus,.request-form textarea:focus,.request-form select:focus{border-color:var(--red);background:#fff}.request-form button{border:0;width:max-content}.request-form button:disabled{opacity:.7;cursor:wait}.form-message{border-radius:var(--radius-md);border:1px solid #8d99ae47;padding:.85rem;font-size:.84rem;font-weight:800}.form-message.success{color:#066442;background:#e7f8ef;border-color:#b8ebd0}.form-message.error{color:#8f061b;background:#fff0f3;border-color:#ffc4cf}.site-footer{color:#ffffffb8;background:#151921;justify-content:space-between;align-items:center;gap:1rem;padding:1.4rem 3vw;display:flex}.site-footer strong,.site-footer span{display:block}.site-footer a{color:#fff;align-items:center;gap:.5rem;font-size:.84rem;font-weight:900;display:inline-flex}@media (width<=980px){.site-header{flex-direction:column;align-items:flex-start;height:auto;min-height:76px;padding:1rem 4vw}.site-header nav{flex-wrap:wrap;width:100%}.hero-section,.request-section{grid-template-columns:1fr}.album-frame{min-height:440px}.app-card{grid-template-columns:1fr}}@media (width<=640px){.hero-section,.section-block,.request-section{padding-inline:1rem}.form-row{grid-template-columns:1fr}.site-footer{flex-direction:column;align-items:flex-start}.header-contact{width:100%}}
