:root { --paper:#f2f3ee; --white:#fff; --ink:#071622; --muted:#5d6870; --cyan:#08b7d5; --cyan-dark:#007e98; --line:#cbd1ce; --green:#31d878; --max:1240px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:118px; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Arial,Helvetica,sans-serif; line-height:1.55; }
body.menu-open { overflow:hidden; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
button,input,select,textarea { font:inherit; }
button,select { cursor:pointer; }
.skip-link { position:fixed; top:8px; left:8px; z-index:1000; padding:.6rem .8rem; color:var(--white); background:var(--ink); transform:translateY(-150%); }
.skip-link:focus { transform:none; }

.site-header { position:fixed; inset:0 0 auto; z-index:100; border-bottom:1px solid var(--line); background:rgba(242,243,238,.96); backdrop-filter:blur(12px); }
.coverage-bar { height:31px; display:flex; align-items:center; justify-content:space-between; padding:0 max(22px,calc((100vw - var(--max))/2)); color:#b8c3ca; background:var(--ink); font:700 .65rem/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.08em; text-transform:uppercase; }
.coverage-bar a { color:var(--cyan); }
.nav-wrap { width:min(var(--max),calc(100% - 44px)); height:76px; margin:auto; display:flex; align-items:center; gap:34px; }
.brand { display:inline-flex; align-items:center; gap:12px; flex:none; }
.brand-mark { position:relative; width:34px; height:34px; }
.brand-mark::before,.brand-mark::after { content:""; position:absolute; background:var(--cyan); }
.brand-mark::before { width:34px; height:3px; top:15px; }
.brand-mark::after { width:3px; height:34px; left:15px; }
.brand-mark>span { position:absolute; z-index:2; inset:7px; border:4px solid var(--ink); background:var(--cyan); box-shadow:0 0 0 3px var(--paper); }
.brand-copy { display:flex; flex-direction:column; line-height:1; }
.brand-copy strong { font-family:"Arial Black",Impact,sans-serif; font-size:1.14rem; letter-spacing:.055em; }
.brand-copy small { margin-top:5px; color:var(--cyan-dark); font:700 .52rem/1 ui-monospace,monospace; letter-spacing:.34em; }
.main-nav { display:flex; align-items:center; gap:28px; margin-left:auto; font-size:.76rem; font-weight:800; text-transform:uppercase; letter-spacing:.055em; }
.main-nav a { padding:7px 0 5px; border-bottom:2px solid transparent; }
.main-nav a:hover,.main-nav a.active { border-color:var(--cyan); }
.header-cta { min-width:110px; display:inline-flex; justify-content:space-between; align-items:center; gap:15px; padding:10px 13px; border:1px solid var(--ink); font:800 .75rem/1 Arial,sans-serif; text-transform:uppercase; }
.header-cta:hover { color:var(--white); background:var(--ink); }
.nav-toggle { display:none; width:42px; height:42px; margin-left:auto; padding:9px; border:1px solid var(--ink); background:transparent; }
.nav-toggle span { display:block; width:22px; height:2px; margin:5px 0; background:var(--ink); transition:transform .2s,opacity .2s; }

.hero { width:min(var(--max),calc(100% - 44px)); min-height:770px; margin:auto; padding-top:150px; display:grid; grid-template-columns:1.1fr .9fr; border-left:1px solid var(--line); border-right:1px solid var(--line); }
.hero-copy { display:flex; flex-direction:column; justify-content:center; padding:76px clamp(30px,5vw,74px) 58px; }
.kicker { margin:0 0 24px; color:var(--cyan-dark); font:800 .68rem/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.14em; }
.kicker::before { content:""; display:inline-block; width:28px; height:2px; margin:0 10px 3px 0; background:currentColor; }
.hero h1 { max-width:730px; margin:0; font-size:clamp(3.35rem,6.1vw,6.15rem); line-height:.94; letter-spacing:-.065em; }
.hero h1 span { color:var(--cyan-dark); }
.hero-lead { max-width:610px; margin:32px 0; color:var(--muted); font-size:1rem; }
.hero-actions { display:flex; align-items:center; gap:27px; }
.button { min-height:51px; display:inline-flex; align-items:center; justify-content:space-between; gap:24px; padding:0 18px; border:1px solid var(--ink); border-radius:0; font-weight:800; font-size:.77rem; text-transform:uppercase; letter-spacing:.03em; transition:color .2s,background .2s,transform .2s; }
.button-primary { color:var(--ink); background:var(--cyan); }
.button:hover { color:var(--white); background:var(--ink); transform:translateY(-2px); }
.text-link { padding-bottom:4px; border-bottom:1px solid var(--ink); font-size:.76rem; font-weight:800; text-transform:uppercase; }
.text-link span { margin-left:12px; color:var(--cyan-dark); }
.hero-facts { display:grid; grid-template-columns:repeat(3,1fr); margin:auto 0 0; padding-top:28px; border-top:1px solid var(--line); }
.hero-facts div { padding-right:16px; }
.hero-facts dt { color:#8b959a; font:700 .61rem/1 ui-monospace,monospace; text-transform:uppercase; letter-spacing:.08em; }
.hero-facts dd { margin:8px 0 0; font-size:.78rem; font-weight:700; }
.hero-field { position:relative; min-height:620px; margin:0 24px 24px 0; align-self:stretch; background:var(--ink); }
.hero-field figure { position:absolute; inset:54px 0 0 54px; margin:0; overflow:hidden; }
.hero-field figure::after { content:""; position:absolute; inset:auto 0 0; height:35%; background:linear-gradient(transparent,rgba(7,22,34,.85)); }
.hero-field img { width:100%; height:100%; object-fit:cover; object-position:51% 37%; filter:saturate(.84) contrast(1.05); }
.hero-field figcaption { position:absolute; z-index:2; inset:auto 24px 23px; display:flex; align-items:flex-end; justify-content:space-between; color:var(--white); }
.hero-field figcaption span { font-weight:800; font-size:1.02rem; }
.hero-field figcaption small { color:var(--cyan); font:700 .62rem/1 monospace; letter-spacing:.09em; }
.field-index { position:absolute; z-index:3; top:15px; left:17px; display:flex; flex-direction:column; color:var(--white); font:700 .57rem/1.5 monospace; writing-mode:vertical-rl; transform:rotate(180deg); }
.field-index strong { margin-top:10px; color:var(--cyan); }
.field-note { position:absolute; z-index:3; top:18px; right:-1px; padding:8px 12px; color:var(--ink); background:var(--cyan); font:800 .61rem/1 monospace; text-transform:uppercase; }

.service-rail { min-height:90px; display:grid; grid-template-columns:repeat(4,1fr); color:var(--ink); background:var(--cyan); border-block:1px solid var(--ink); }
.service-rail span { display:flex; align-items:center; gap:15px; padding:20px clamp(18px,3vw,38px); border-right:1px solid rgba(7,22,34,.3); font:700 .61rem/1 monospace; }
.service-rail span:last-child { border-right:0; }
.service-rail strong { font:800 .78rem/1 Arial,sans-serif; text-transform:uppercase; }

.section { padding:118px max(22px,calc((100vw - var(--max))/2)); }
.section-intro,.work-intro { display:grid; grid-template-columns:.55fr 1.4fr .75fr; align-items:start; gap:45px; margin-bottom:66px; }
.section-intro h2,.work-intro h2,.about h2,.contact h2 { margin:0; font-size:clamp(2.4rem,4.5vw,4.55rem); line-height:1; letter-spacing:-.055em; }
.section-intro>p:last-child,.work-intro>p:last-child { margin:5px 0 0; color:var(--muted); font-size:.9rem; }
.service-list { border-top:1px solid var(--ink); }
.service-row { min-height:122px; display:grid; grid-template-columns:70px 1.05fr 1.5fr 118px; align-items:center; gap:24px; border-bottom:1px solid var(--line); transition:padding .2s,background .2s; }
.service-row:hover { padding-inline:12px; background:var(--white); }
.row-number { color:var(--cyan-dark); font:700 .72rem/1 monospace; }
.service-row h3 { margin:0; font-size:1.2rem; }
.service-row p { margin:0; color:var(--muted); font-size:.87rem; }
.row-tag { justify-self:end; padding:6px 8px; border:1px solid var(--line); color:#788287; font:700 .56rem/1 monospace; letter-spacing:.07em; }

.demo-feature { display:grid; grid-template-columns:.78fr 1.22fr; align-items:center; gap:clamp(55px,8vw,110px); overflow:hidden; color:#f0f2ee; background:#171b18; }
.demo-feature .kicker { color:#d6f05e; }
.demo-feature h2 { margin:0; font-size:clamp(3.6rem,7vw,7.2rem); line-height:.88; letter-spacing:-.07em; }
.demo-lead { max-width:540px; margin:28px 0; color:#a9b0aa; }
.demo-tags { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 34px; padding:0; list-style:none; }
.demo-tags li { padding:7px 9px; border:1px solid #414842; color:#d8ddd8; font:700 .58rem/1 monospace; letter-spacing:.06em; text-transform:uppercase; }
.demo-button { min-width:190px; color:#171b18; border-color:#d6f05e; background:#d6f05e; }
.demo-button:hover { color:#171b18; background:#f4a477; }
.demo-disclaimer { margin:13px 0 0; color:#6f786f; font:700 .56rem/1.5 monospace; text-transform:uppercase; }
.demo-preview { min-height:530px; padding:14px; color:#171b18; background:#f0f2ee; box-shadow:20px 20px 0 #d6f05e; transform:rotate(1deg); }
.demo-preview.visible { transform:rotate(1deg); }
.demo-preview-bar { height:43px; display:flex; align-items:center; justify-content:space-between; padding:0 12px; border-bottom:1px solid #ccd1cc; font:800 .62rem/1 monospace; }
.demo-preview-bar span { padding:6px 8px; color:#171b18; background:#d6f05e; }
.demo-preview-body { min-height:455px; display:grid; grid-template-columns:66px 1fr; }
.demo-preview-nav { display:flex; flex-direction:column; align-items:center; gap:24px; padding:22px 12px; color:#fff; background:#171b18; }
.demo-preview-nav b { width:30px; height:30px; display:grid; place-items:center; color:#171b18; background:#d6f05e; }
.demo-preview-nav i { width:18px; height:2px; background:#748078; }
.demo-preview-content { padding:30px; }
.demo-preview-content>small,.demo-preview-chart>small,.demo-preview-orders>small { color:#7b847d; font:700 .54rem/1 monospace; letter-spacing:.08em; }
.demo-preview-content h3 { margin:6px 0 24px; font-size:1.45rem; }
.demo-preview-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
.demo-preview-metrics span { min-height:82px; display:flex; flex-direction:column; justify-content:space-between; padding:13px; background:#e1e4df; }
.demo-preview-metrics span:first-child { background:#d6f05e; }
.demo-preview-metrics small { font:700 .5rem/1 monospace; }
.demo-preview-metrics b { font-size:1rem; }
.demo-preview-panels { display:grid; grid-template-columns:1.2fr .8fr; gap:9px; margin-top:9px; }
.demo-preview-chart,.demo-preview-orders { min-height:190px; padding:16px; background:#fff; }
.demo-preview-chart>div { height:130px; display:flex; align-items:flex-end; gap:7px; padding-top:22px; }
.demo-preview-chart i { flex:1; background:#252b26; }
.demo-preview-chart i:nth-child(1){height:32%}.demo-preview-chart i:nth-child(2){height:49%}.demo-preview-chart i:nth-child(3){height:42%}.demo-preview-chart i:nth-child(4){height:67%}.demo-preview-chart i:nth-child(5){height:59%}.demo-preview-chart i:nth-child(6){height:88%;background:#d6f05e}.demo-preview-chart i:nth-child(7){height:73%}.demo-preview-chart i:nth-child(8){height:55%}
.demo-preview-orders p { display:flex; justify-content:space-between; gap:10px; margin:15px 0 0; padding-bottom:10px; border-bottom:1px solid #e1e4df; font-size:.66rem; }
.demo-preview-orders span { color:#677169; }

.faq { display:grid; grid-template-columns:.8fr 1.2fr; align-items:start; gap:clamp(55px,9vw,120px); background:var(--white); }
.faq-intro { position:sticky; top:150px; }
.faq-intro h2 { margin:0; font-size:clamp(2.4rem,4.5vw,4.55rem); line-height:1; letter-spacing:-.055em; }
.faq-intro>p:last-child { max-width:520px; margin:28px 0 0; color:var(--muted); font-size:.9rem; }
.faq-list { border-top:1px solid var(--ink); }
.faq-list details { border-bottom:1px solid var(--line); }
.faq-list summary { position:relative; padding:25px 54px 25px 0; font-size:1rem; font-weight:800; cursor:pointer; list-style:none; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary::after { content:"+"; position:absolute; top:18px; right:0; width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--ink); color:var(--ink); font-size:1.25rem; transition:color .2s,background .2s,transform .2s; }
.faq-list details[open] summary::after { color:var(--white); background:var(--ink); transform:rotate(45deg); }
.faq-list details p { margin:0; padding:0 54px 25px 0; color:var(--muted); font-size:.88rem; }
.faq-list details a { color:var(--cyan-dark); font-weight:800; border-bottom:1px solid currentColor; }

.about { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(55px,9vw,120px); color:var(--white); background:var(--ink); }
.about-copy { align-self:center; }
.about .kicker { color:var(--cyan); }
.about-lead { max-width:560px; margin:28px 0 45px; color:#a8b5bc; }
.process-list { margin:0; padding:0; border-top:1px solid #31414b; list-style:none; }
.process-list li { display:grid; grid-template-columns:46px 1fr; gap:20px; padding:20px 0; border-bottom:1px solid #31414b; }
.process-list li>span { color:var(--cyan); font:700 .65rem/1.5 monospace; }
.process-list strong { font-size:.91rem; }
.process-list p { margin:4px 0 0; color:#8fa0a9; font-size:.8rem; }
.about-board { position:relative; min-height:680px; }
.about-photo-large,.about-photo-small { position:absolute; margin:0; overflow:hidden; }
.about-photo-large { inset:0 23% 9% 0; }
.about-photo-small { width:42%; height:39%; right:0; bottom:0; border:9px solid var(--ink); }
.about-board figure img { width:100%; height:100%; object-fit:cover; }
.about-photo-large img { object-position:center 48%; }
.about-photo-small img { object-position:center 49%; }
.identity-card { position:absolute; z-index:3; width:280px; height:190px; right:0; top:28px; overflow:hidden; background:var(--white); box-shadow:14px 14px 0 var(--cyan); }
.identity-card img { position:absolute; width:650px; max-width:none; left:-185px; top:0; }
.board-label { position:absolute; left:-26px; bottom:36px; padding:9px 12px; color:var(--ink); background:var(--cyan); font:800 .61rem/1 monospace; transform:rotate(-90deg); transform-origin:left bottom; }

.work { background:#e7e9e4; }
.work-grid { display:grid; grid-template-columns:repeat(3,1fr); grid-auto-rows:290px; gap:12px; }
.work-card { position:relative; overflow:hidden; padding:0; border:0; color:var(--white); background:#aeb7b8; text-align:left; }
.work-card::after { content:"+"; position:absolute; top:14px; right:14px; width:34px; height:34px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.75); color:var(--white); font-size:1.2rem; opacity:0; transition:opacity .2s; }
.work-card:hover::after { opacity:1; }
.work-card img { width:100%; height:100%; object-fit:cover; filter:saturate(.78); transition:filter .35s,transform .35s; }
.work-card:hover img { filter:saturate(1); transform:scale(1.025); }
.work-card>span { position:absolute; inset:auto 0 0; display:grid; grid-template-columns:32px 1fr; padding:44px 18px 17px; background:linear-gradient(transparent,rgba(7,22,34,.9)); }
.work-card b { grid-row:1/3; color:var(--cyan); font:700 .61rem/1.5 monospace; }
.work-card small { font:700 .55rem/1.3 monospace; letter-spacing:.1em; }
.work-card strong { font-size:.9rem; }
.work-main { grid-row:span 2; }
.work-wide { grid-column:span 2; }
.work-wide img { object-position:center 51%; }

.contact { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(60px,9vw,120px); background:var(--cyan); border-top:1px solid var(--ink); }
.contact .kicker { color:var(--ink); }
.contact-copy>p:not(.kicker) { max-width:550px; margin:24px 0 38px; }
.contact-details { border-top:1px solid rgba(7,22,34,.32); }
.contact-details>a,.contact-details>div { display:grid; grid-template-columns:42px 1fr; gap:15px; padding:17px 0; border-bottom:1px solid rgba(7,22,34,.32); }
.contact-details>a { transition:padding .2s,background .2s; }
.contact-details>a:hover { padding-left:10px; background:rgba(255,255,255,.16); }
.contact-details>*>span { color:rgba(7,22,34,.55); font:700 .62rem/1.6 monospace; }
.contact-details div div,.contact-details a div { display:flex; flex-direction:column; }
.contact-details small { font:700 .57rem/1.5 monospace; letter-spacing:.08em; text-transform:uppercase; }
.contact-details strong { font-size:.91rem; overflow-wrap:anywhere; }
.contact-details p { margin:3px 0 0!important; font-size:.76rem; }
.contact-form { align-self:start; padding:clamp(28px,4vw,46px); border:1px solid var(--ink); background:var(--paper); box-shadow:16px 16px 0 var(--ink); }
.form-number { margin:0 0 27px; padding-bottom:13px; border-bottom:1px solid var(--line); color:var(--cyan-dark); font:700 .61rem/1 monospace; letter-spacing:.1em; }
.field-row { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.contact-form label { display:grid; gap:7px; margin-bottom:18px; font-size:.69rem; font-weight:800; text-transform:uppercase; letter-spacing:.055em; }
.contact-form input,.contact-form select,.contact-form textarea { width:100%; padding:12px 0; border:0; border-bottom:1px solid #aeb7b8; border-radius:0; outline:0; color:var(--ink); background:transparent; font-size:.88rem; text-transform:none; letter-spacing:0; }
.contact-form textarea { min-height:108px; resize:vertical; }
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus { border-color:var(--cyan-dark); box-shadow:0 2px 0 var(--cyan-dark); }
.form-submit { width:100%; margin-top:6px; }
.form-help { margin:10px 0 0; color:#737f84; font-size:.65rem; text-align:center; }

.site-footer { padding:62px max(22px,calc((100vw - var(--max))/2)) 24px; color:var(--white); background:var(--ink); }
.site-footer .brand { color:var(--white); }
.site-footer .brand-mark>span { border-color:var(--white); box-shadow:0 0 0 3px var(--ink); }
.footer-brand { display:flex; justify-content:space-between; align-items:center; gap:25px; padding-bottom:38px; }
.footer-brand>p { max-width:340px; margin:0; color:#82939c; font-size:.82rem; text-align:right; }
.site-footer nav { display:flex; gap:28px; padding:22px 0; border-block:1px solid #2b3a44; color:#a8b5bc; font-size:.72rem; font-weight:700; text-transform:uppercase; }
.site-footer nav a:hover { color:var(--cyan); }
.footer-meta { display:flex; justify-content:space-between; padding-top:22px; color:#60727c; font:700 .59rem/1 monospace; text-transform:uppercase; letter-spacing:.06em; }
.whatsapp-float { position:fixed; right:20px; bottom:20px; z-index:90; min-height:48px; display:flex; align-items:center; gap:10px; padding:0 15px 0 10px; border:1px solid #0c6333; color:#052915; background:var(--green); box-shadow:7px 7px 0 rgba(7,22,34,.22); font-size:.72rem; font-weight:800; text-transform:uppercase; }
.whatsapp-float span { width:28px; height:28px; display:grid; place-items:center; border:1px solid #0c6333; border-radius:50%; }
.lightbox { width:min(850px,calc(100% - 30px)); max-height:88vh; padding:0; overflow:visible; border:0; background:var(--ink); }
.lightbox::backdrop { background:rgba(3,11,17,.9); }
.lightbox img { width:100%; max-height:86vh; object-fit:contain; }
.lightbox-close { position:absolute; z-index:2; top:-14px; right:-14px; width:40px; height:40px; border:1px solid var(--white); color:var(--white); background:var(--ink); font-size:1.4rem; }
.reveal { opacity:0; transform:translateY(18px); transition:opacity .65s ease,transform .65s ease; }
.reveal-delay { transition-delay:.1s; }
.reveal.visible { opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto} *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important} .reveal{opacity:1;transform:none} }

@media (max-width:980px) {
  .coverage-bar{padding-inline:18px}.nav-wrap{width:calc(100% - 36px)}
  .main-nav{position:fixed;inset:107px 0 auto;height:calc(100vh - 107px);display:flex;flex-direction:column;align-items:stretch;gap:0;padding:24px;color:var(--white);background:var(--ink);transform:translateX(100%);visibility:hidden;transition:transform .25s,visibility .25s}
  .main-nav.open{transform:none;visibility:visible}.main-nav a{padding:18px 4px;border-bottom:1px solid #30404a;font-size:1rem}.header-cta{margin-left:auto}.nav-toggle{display:block;margin-left:0}
  .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .hero{grid-template-columns:1fr}.hero-copy{min-height:690px}.hero-field{min-height:650px;margin:0 22px 22px}.service-rail{grid-template-columns:repeat(2,1fr)}.service-rail span:nth-child(2){border-right:0}.service-rail span:nth-child(-n+2){border-bottom:1px solid rgba(7,22,34,.3)}
  .section-intro,.work-intro{grid-template-columns:1fr;gap:18px}.service-row{grid-template-columns:50px 1fr 1.3fr}.row-tag{display:none}.demo-feature,.faq,.about,.contact{grid-template-columns:1fr}.faq-intro{position:static}.demo-preview{width:min(760px,100%);min-height:500px}.about-board{min-height:650px}.work-grid{grid-template-columns:repeat(2,1fr)}.work-wide{grid-column:span 2}
}
@media (max-width:680px) {
  html{scroll-padding-top:76px}.coverage-bar{display:none}.nav-wrap{position:relative;height:76px;justify-content:center}.nav-toggle{position:absolute;left:0;margin:0}.header-cta{display:none}.main-nav{inset:76px 0 auto;height:calc(100vh - 76px)}
  .hero{width:100%;padding-top:76px;border:0}.hero-copy{min-height:auto;padding:82px 22px 55px}.hero h1{font-size:clamp(3.25rem,15.6vw,5rem)}.hero-lead{margin-block:25px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-facts{grid-template-columns:1fr;gap:15px;width:100%;margin-top:48px}.hero-facts div{display:grid;grid-template-columns:85px 1fr}.hero-facts dd{margin:0}
  .hero-field{min-height:500px;margin:0 14px 14px}.hero-field figure{inset:42px 0 0 40px}.field-note{display:none}.service-rail{grid-template-columns:1fr}.service-rail span{min-height:65px;border-right:0;border-bottom:1px solid rgba(7,22,34,.3)}
  .section{padding-top:82px;padding-bottom:82px}.section-intro h2,.work-intro h2,.faq-intro h2,.about h2,.contact h2{font-size:2.65rem}.service-row{grid-template-columns:35px 1fr;gap:14px;padding:22px 0}.service-row p{grid-column:2}.service-row:hover{padding-inline:0}
  .demo-feature h2{font-size:4rem}.demo-preview{min-height:390px;padding:8px;box-shadow:9px 9px 0 #d6f05e;transform:none}.demo-preview.visible{transform:none}.demo-preview-body{min-height:330px;grid-template-columns:42px 1fr}.demo-preview-nav{gap:18px;padding:15px 8px}.demo-preview-nav i{width:14px}.demo-preview-content{padding:18px}.demo-preview-content h3{font-size:1.1rem}.demo-preview-metrics{grid-template-columns:1fr 1fr}.demo-preview-metrics span:last-child{display:none}.demo-preview-panels{grid-template-columns:1fr}.demo-preview-orders{display:none}
  .about-board{min-height:520px}.about-photo-large{right:10%}.about-photo-small{width:49%;height:36%}.identity-card{width:210px;height:150px}.identity-card img{width:500px;left:-143px}.work-grid{grid-template-columns:1fr;grid-auto-rows:340px}.work-main,.work-wide{grid-row:auto;grid-column:auto}
  .field-row{grid-template-columns:1fr;gap:0}.contact-form{box-shadow:9px 9px 0 var(--ink)}.footer-brand{align-items:flex-start;flex-direction:column}.footer-brand>p{text-align:left}.site-footer nav{flex-wrap:wrap}.footer-meta{gap:16px;flex-direction:column}.whatsapp-float{width:48px;padding:0;justify-content:center}.whatsapp-float b{display:none}
}