/* Accessibility and readable defaults also apply without JavaScript. */
[hidden]{display:none!important}
body,a,button,.project-card{cursor:auto!important}a,button,.project-card{cursor:pointer!important}
.fade-up,.reveal,.reveal-stagger>*{opacity:1;transform:none}
*:focus-visible{outline:3px solid #2563eb;outline-offset:5px}
.skip-link{position:fixed;top:-70px;left:16px;background:white;padding:12px 20px;z-index:1000;border-radius:8px}.skip-link:focus{top:12px}
.hero{min-height:720px;min-height:min(840px,95svh)}.hero-subtitle{min-height:0;max-width:540px}.hero-photo-wrapper{isolation:isolate}.hero-badge{color:#167341}.blob{animation:none;opacity:.035}.hero-photo-glow{animation:none}
.hero-title{font-size:clamp(2.3rem,4.6vw,4rem)}.hero-social{margin-top:8px}.scroll-indicator{display:none}
.samples-section{background:#f0f3f7;border-block:1px solid #e2e8f0}
.gallery-heading{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:48px}.gallery-heading .section-title{max-width:650px}.gallery-note{font-size:13px;line-height:1.8;color:#64748b;flex-shrink:0}.gallery-note b{font-weight:500;color:#334155}
.sample-row-label{display:flex;justify-content:space-between;border-top:1px solid #d5dde7;padding:18px 0 25px;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:#526174}
.samples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-bottom:48px}
.sample-card{min-width:0}.sample-open{display:block;width:100%;text-align:left;color:#0f172a;border:0;background:transparent;border-radius:20px}
.sample-visual{display:flex;position:relative;align-items:center;justify-content:center;overflow:hidden;border-radius:16px;background:#e5e9ee;padding:26px;transition:background .25s,transform .25s}
.mobile .sample-visual{height:435px;background:linear-gradient(145deg,#e5e9ee,#f9fafb)}
.sample-screen{display:block;position:relative;overflow:hidden;pointer-events:none;user-select:none;background:#fff;width:100%}
.sample-screen iframe{border:0;position:absolute;top:0;left:0;transform-origin:top left;pointer-events:none}
.sample-screen[data-device=mobile]{width:218px;aspect-ratio:390/690;border:6px solid #172029;border-radius:28px;box-shadow:0 18px 26px #0f172a24}
.sample-screen[data-device=mobile] iframe{width:390px;height:690px}
.sample-screen[data-device=desktop]{aspect-ratio:1120/720;border-radius:6px;border-top:12px solid #e0e3e5;box-shadow:0 10px 24px #0f172a16}
.sample-screen[data-device=desktop] iframe{width:1120px;height:720px}
.desktop .sample-visual{padding:16px;min-height:225px;background:#dfe5e9}
.sample-play{position:absolute;bottom:18px;right:18px;width:38px;height:38px;background:white;border-radius:50%;display:grid;place-items:center;box-shadow:0 3px 14px #0f172a15;font-size:21px}
.sample-info{display:flex;flex-direction:column;gap:8px;padding:21px 4px 0}.sample-kind{color:#526581;font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:600}.sample-info strong{font-family:var(--font-heading);font-size:21px;letter-spacing:-.02em}.sample-info>span:not(.sample-kind):not(.sample-explore){font-size:13px;line-height:1.65;color:#5b687b}.sample-explore{font-size:12px;font-weight:600;color:#245ddd;display:flex;justify-content:space-between;margin-top:7px}.sample-open:hover .sample-visual{transform:translateY(-5px);background:#dde5ef}.sample-open:hover .sample-play{background:#2563eb;color:white}
.sample-footnote{font-size:12px;color:#66758a}.project-card{text-align:left;width:100%;font:inherit}.project-card .project-card-category{display:block}.project-card:hover{border-color:#8daff6}
.project-dialog{border:0;background:transparent;padding:22px;width:min(780px,100%);max-height:95dvh;margin:auto;overflow:auto}.project-dialog::backdrop{background:#0f172a99;backdrop-filter:blur(6px)}.project-dialog .modal-card{transform:none;max-height:none;overflow:visible}.project-dialog .modal-close{position:sticky;top:0;float:right;margin:20px 20px 0 0}.modal-link{background:#eff4fe;color:#174ab5;padding:10px 18px;display:inline-flex;border:1px solid #c7d7f7}.modal-link:first-child{background:#2563eb;color:white}.modal-section-title{font-size:12px}
.preview-dialog{position:fixed;inset:0;margin:0;border:0;padding:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;background:#e8ecf1;overflow:hidden}.preview-dialog[open]{display:flex;flex-direction:column;animation:preview-enter .3s ease-out}.preview-dialog::backdrop{background:#0f172aee}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 24px;background:#fff;border-bottom:1px solid #d8e0eb;flex-shrink:0;z-index:2}.preview-eyebrow{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#60718a}.preview-toolbar h2{font-size:16px;font-weight:600;margin-top:3px}.preview-toolbar nav{display:flex;align-items:center;gap:8px}.preview-toolbar button,.preview-toolbar a{padding:10px 14px;border-radius:8px;font-size:12px;border:1px solid #dce3ed;color:#334155;background:white;white-space:nowrap}.preview-toolbar a{background:#1d4ed8;color:white;border-color:#1d4ed8}.preview-toolbar #preview-close{font-size:19px;padding:4px 13px;min-height:38px}.preview-stage{position:relative;display:flex;justify-content:center;flex:1;min-height:0;padding:16px;overflow:hidden}.preview-stage iframe{width:100%;height:100%;border:0;background:white;border-radius:10px;box-shadow:0 8px 30px #19293a16}.preview-stage[data-device=mobile] iframe{width:390px;max-width:100%;border-radius:24px;border:6px solid #1d2630}.preview-stage #preview-status{position:absolute;top:35%;max-width:310px;text-align:center;background:white;padding:20px;border-radius:12px;box-shadow:0 8px 30px #18283d22;z-index:1}.preview-stage #preview-status[hidden]{display:none}
@keyframes preview-enter{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}
.whatsapp-composer{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:1000px;margin:0 auto 52px;background:#172539;border:1px solid #344259;border-radius:22px;padding:40px}.contact-kicker{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#86e2b0}.composer-intro h3{font-size:32px;color:white;line-height:1.2;letter-spacing:-.02em;margin:18px 0}.composer-intro p{font-size:14px;color:#c3cddb;line-height:1.8}.contact-number{display:block;color:#96b2a5;margin-top:26px;font-size:12px}.composer-fields{display:flex;flex-direction:column;gap:9px}.composer-fields label{font-size:12px;color:#e3eaf4}.composer-fields label span{color:#aebdcd}.composer-fields select,.composer-fields textarea{background:#23344a;border:1px solid #4a5c73;color:white;font:inherit;font-size:14px;padding:12px;border-radius:8px;width:100%;resize:vertical}.composer-fields textarea::placeholder{color:#b1c0d2}.composer-fields label:not(:first-child){margin-top:8px}.whatsapp-send{display:flex;align-items:center;justify-content:space-between;background:#62e39e;color:#092b1a;padding:15px 18px;border-radius:8px;font-weight:700;font-size:14px;margin-top:5px}.whatsapp-send:hover{background:#90f0bb}.composer-fields small{font-size:10px;color:#b7c6d6;text-align:center}.floating-whatsapp{position:fixed;right:24px;bottom:22px;z-index:90;display:flex;align-items:center;gap:10px;border-radius:40px;background:#126d41;color:white;padding:14px 19px;box-shadow:0 4px 18px #122c2633;font-size:12px;font-weight:600}.floating-whatsapp svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}.floating-whatsapp:hover{background:#0b5933}.no-script{padding:30px;text-align:center}
@media(max-width:900px){.hero{min-height:auto;padding-top:115px}.hero-inner{gap:35px}.hero-photo-wrapper{grid-row:1}.hero-photo{width:200px;height:200px}.hero-title{font-size:2.3rem}.hero-actions{width:100%}.gallery-heading{display:block}.gallery-note{display:none}.samples-grid{gap:16px}.mobile .sample-visual{padding:16px 8px;height:360px}.sample-screen[data-device=mobile]{width:175px}.sample-info strong{font-size:18px}.sample-info{padding-top:17px}.desktop .sample-visual{min-height:160px;padding:9px}.whatsapp-composer{gap:30px;padding:26px}.composer-intro h3{font-size:26px}}
@media(max-width:640px){.samples-grid{grid-template-columns:1fr;gap:30px}.mobile-grid{grid-template-columns:repeat(3, minmax(225px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 2px 20px;gap:16px}.mobile .sample-visual{height:350px}.sample-card.mobile{scroll-snap-align:center}.sample-screen[data-device=mobile]{width:180px}.desktop .sample-visual{padding:18px;min-height:220px}.gallery-heading{margin-bottom:32px}.sample-row-label{font-size:10px;gap:12px}.sample-info strong{font-size:20px}.preview-toolbar{padding:10px 12px;gap:8px;flex-wrap:wrap}.preview-toolbar h2{font-size:13px}.preview-toolbar>div{flex:1;min-width:100%}.preview-toolbar nav{width:100%;justify-content:space-between;gap:5px}.preview-toolbar button,.preview-toolbar a{font-size:11px;padding:9px 10px}.preview-toolbar #preview-close{position:absolute;right:10px;top:10px}.preview-stage{padding:0}.preview-stage iframe,.preview-stage[data-device=mobile] iframe{border:0;border-radius:0;width:100%;max-width:100%}.whatsapp-composer{grid-template-columns:1fr;gap:28px;padding:24px}.floating-whatsapp{right:16px;bottom:16px;padding:13px}.floating-whatsapp span{display:none}.contact-links{margin-bottom:35px}.hero-actions .btn{width:100%}.project-dialog{padding:12px}.modal-header{padding-top:28px}.modal-title{padding-right:36px}.sample-footnote{font-size:11px}.footer-bottom{padding-bottom:50px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}