:root {
    --ivory: #f4f0e7;
    --paper: #fff;
    --ink: #171915;
    --emerald: #0f7a5a;
    --emerald-dark: #075d43;
    --sage: #dde8e0;
    --rule: #c9c5bc;
    --muted: #64685f;
    --dark: #161b18;
    --container: min(1340px, calc(100% - 80px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ivory); color: var(--ink); font-family: "Inter", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; }
button, input, select, textarea { font: inherit; }
.container { width: var(--container); margin-inline: auto; }
.skip-link { position: fixed; left: 20px; top: -80px; z-index: 100; padding: 12px 18px; background: var(--ink); color: #fff; transition: top .2s; }
.skip-link:focus { top: 20px; }
:focus-visible { outline: 3px solid rgba(15, 122, 90, .35); outline-offset: 4px; }

.grid-bg { background-color: var(--ivory); background-image: linear-gradient(rgba(23,25,21,.075) 1px, transparent 1px), linear-gradient(90deg, rgba(23,25,21,.075) 1px, transparent 1px); background-size: 128px 128px; }
.site-header { position: relative; z-index: 50; border-bottom: 1px solid var(--rule); background: rgba(244,240,231,.94); backdrop-filter: blur(14px); }
.header-inner { height: 92px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 42px; }
.wordmark { font: 800 38px/1 "Manrope", sans-serif; letter-spacing: -.055em; }
.desktop-nav { display: flex; height: 100%; align-items: center; gap: 42px; }
.desktop-nav a { position: relative; height: 100%; display: grid; place-items: center; font-size: 15px; font-weight: 600; }
.desktop-nav a::after { content: ""; position: absolute; left: 50%; right: 50%; bottom: -1px; height: 3px; background: var(--emerald); transition: left .18s, right .18s; }
.desktop-nav a:hover::after, .desktop-nav a.active::after { left: 0; right: 0; }
.header-button { justify-self: end; display: flex; align-items: center; gap: 20px; padding: 14px 18px; border: 1px solid var(--ink); font-size: 13px; font-weight: 700; transition: .2s; }
.header-button:hover { color: #fff; background: var(--ink); transform: translateY(-2px); }
.menu-button, .mobile-nav { display: none; }

.home-hero { padding: 42px 0 0; overflow: hidden; }
.hero-layout { min-height: 638px; display: grid; grid-template-columns: .88fr 1.12fr; gap: 42px; align-items: center; }
.hero-copy { position: relative; z-index: 5; padding: 45px 0 65px; }
.eyebrow, .section-label { margin: 0 0 28px; color: var(--emerald); font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.eyebrow { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.eyebrow i { width: 4px; height: 4px; border-radius: 50%; background: var(--emerald); }
.hero-copy h1 { max-width: 650px; margin: 0; font: 800 clamp(64px, 6.15vw, 92px)/.95 "Manrope", sans-serif; letter-spacing: -.065em; text-wrap: balance; }
.hero-text { max-width: 570px; margin: 32px 0 0; font-size: 20px; line-height: 1.65; }
.hero-actions { display: flex; gap: 18px; margin-top: 40px; }
.btn { min-height: 62px; display: inline-flex; align-items: center; justify-content: space-between; gap: 34px; padding: 0 27px; border: 1px solid transparent; font-size: 15px; font-weight: 700; transition: transform .2s, background .2s, color .2s, box-shadow .2s; }
.btn:hover { transform: translateY(-2px); }
.btn span, .text-link span { transition: transform .2s; }
.btn:hover span, .text-link:hover span { transform: translateX(4px); }
.btn-primary { background: var(--emerald); color: #fff; box-shadow: 0 12px 28px rgba(15,122,90,.17); }
.btn-primary:hover { background: var(--emerald-dark); box-shadow: 0 16px 34px rgba(15,122,90,.22); }
.btn-outline { border-color: var(--emerald); color: var(--emerald); background: rgba(244,240,231,.72); }
.btn-outline:hover { color: #fff; background: var(--emerald); }
.btn-dark { color: #fff; background: var(--ink); }
.btn-dark:hover { background: var(--emerald-dark); }
.btn-light { color: var(--ink); background: #fff; }

.interface-collage { position: relative; height: 590px; }
.dashboard-card, .code-card, .website-card { position: absolute; border: 1px solid #d8d4cb; background: #fff; box-shadow: 0 16px 38px rgba(23,25,21,.1); transition: transform .3s, box-shadow .3s; }
.dashboard-card:hover, .code-card:hover, .website-card:hover { box-shadow: 0 20px 44px rgba(23,25,21,.14); }
.dashboard-card { width: 78%; right: 0; top: 5%; padding: 20px; border-radius: 9px; }
.ui-head { display: flex; justify-content: space-between; align-items: center; padding-bottom: 18px; font-size: 10px; }
.ui-head span { padding: 8px 10px; border: 1px solid #e0ded7; }
.metric-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.metric-row>div { padding: 12px; border: 1px solid #e4e3de; }
.metric-row small, .metric-row b, .metric-row em { display: block; }
.metric-row small { color: #6e746d; font-size: 8px; }
.metric-row b { margin: 8px 0 5px; font-size: 17px; }
.metric-row em { color: var(--emerald); font-size: 8px; font-style: normal; }
.chart-box { height: 165px; margin-top: 10px; padding: 14px; border: 1px solid #e4e3de; font-size: 9px; }
.chart-line { height: 100px; display: flex; align-items: end; gap: 3px; padding: 18px 4px 0; border-bottom: 1px solid #deded8; }
.chart-line i { flex: 1; min-height: 2px; border-top: 3px solid var(--emerald); transform-origin: left; }
.chart-line i:nth-child(1){height:24%}.chart-line i:nth-child(2){height:42%;transform:rotate(-12deg)}.chart-line i:nth-child(3){height:34%;transform:rotate(8deg)}.chart-line i:nth-child(4){height:64%;transform:rotate(-9deg)}.chart-line i:nth-child(5){height:54%;transform:rotate(7deg)}.chart-line i:nth-child(6){height:82%;transform:rotate(-10deg)}.chart-line i:nth-child(7){height:70%;transform:rotate(5deg)}
.code-card { z-index: 3; width: 50%; left: 0; bottom: 4%; border-radius: 6px; overflow: hidden; }
.code-top { display: flex; align-items: center; gap: 5px; padding: 13px; border-bottom: 1px solid #e5e3dd; color: #697068; font-size: 8px; }
.code-top>span { width: 6px; height: 6px; border-radius: 50%; background: #d1d3ce; }
.code-top b { margin-left: 10px; font-weight: 500; }
.code-card pre { margin: 0; padding: 20px; min-height: 210px; color: #333b36; background: #fbfbf9; overflow: hidden; font: 10px/2 ui-monospace, monospace; }
.code-card em { color: #74399b; font-style: normal; }.code-card strong { color: #174c8b; }.code-card q { color: var(--emerald); }
.website-card { z-index: 4; width: 59%; right: -2%; bottom: -1%; padding: 18px; border-radius: 6px; }
.mini-nav { display: flex; justify-content: space-between; font-size: 7px; }.mini-nav b { font-size: 12px; }
.website-card h3 { max-width: 260px; margin: 23px 0 9px; font: 800 23px/1.05 "Manrope", sans-serif; }.website-card>p { width: 55%; color: #666b65; font-size: 8px; line-height: 1.5; }
.building-art { position: absolute; right: 12px; top: 52px; width: 42%; height: 130px; overflow: hidden; background: var(--sage); }
.building-art i { position: absolute; bottom: -30px; width: 2px; height: 160px; background: #42504a; transform: rotate(-28deg); }.building-art i:nth-child(1){left:25%}.building-art i:nth-child(2){left:55%;transform:rotate(23deg)}.building-art i:nth-child(3){right:12%;transform:rotate(-14deg)}
.mini-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 40px; padding-top: 12px; border-top: 1px solid #e5e3dd; }.mini-stats span { font-size: 7px; }.mini-stats b { display: block; font-size: 15px; }

.capability-strip { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--rule); }
.capability-strip a { min-height: 115px; display: flex; flex-direction: column; justify-content: center; gap: 13px; padding: 20px 34px; border-right: 1px solid var(--rule); transition: background .2s; }
.capability-strip a:first-child { border-left: 1px solid var(--rule); }.capability-strip a:hover { background: rgba(255,255,255,.5); }
.capability-strip b { color: var(--emerald); font: 700 12px ui-monospace, monospace; }.capability-strip span { font: 500 27px/1.1 "Manrope", sans-serif; }

.section { padding: 125px 0; }
.intro-section { background: #fff; }.intro-grid { display: grid; grid-template-columns: 1fr .7fr; gap: 130px; }.intro-grid h2, .section-head h2, .cta-band h2 { max-width: 720px; margin: 0; font: 700 clamp(42px,4.3vw,64px)/1.04 "Manrope",sans-serif; letter-spacing: -.05em; }.intro-grid>div:last-child>p { margin: 35px 0; color: var(--muted); font-size: 18px; line-height: 1.8; }
.text-link { display: inline-flex; align-items: center; gap: 28px; padding-bottom: 7px; border-bottom: 1px solid currentColor; color: var(--emerald); font-weight: 700; }
.selected-services { background: var(--ivory); }.section-head { display: flex; justify-content: space-between; align-items: end; gap: 50px; margin-bottom: 62px; }.service-list { border-top: 1px solid var(--rule); }.service-list>a { display: grid; grid-template-columns: 70px .8fr 1fr 30px; gap: 30px; align-items: center; padding: 34px 0; border-bottom: 1px solid var(--rule); transition: padding .2s, color .2s; }.service-list>a:hover { padding-left: 12px; color: var(--emerald); }.service-list b { color: var(--emerald); font: 700 12px ui-monospace,monospace; }.service-list h3 { margin: 0; font: 650 28px "Manrope",sans-serif; }.service-list p { margin: 0; color: var(--muted); line-height: 1.6; }.service-list>a>span { font-size: 22px; }
.process-preview { color: #fff; background: var(--dark); }.process-preview-grid { display: grid; grid-template-columns: .8fr 1fr; gap: 150px; }.section-label.light { color: #7fd2b7; }.process-preview h2 { margin: 0 0 45px; font: 700 clamp(48px,5vw,72px)/1.03 "Manrope",sans-serif; letter-spacing: -.05em; }.process-preview ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.2); }.process-preview li { display: grid; grid-template-columns: 60px 1fr; gap: 24px; padding: 24px 0; border-bottom: 1px solid rgba(255,255,255,.2); }.process-preview li>b { color: #7fd2b7; font: 700 11px ui-monospace,monospace; }.process-preview li h3 { margin: 0 0 7px; font: 600 21px "Manrope",sans-serif; }.process-preview li p { margin: 0; color: #aeb7b1; }
.cta-band { padding: 88px 0; color: var(--ink); background: var(--sage); }.cta-band>.container { display: flex; align-items: center; justify-content: space-between; gap: 60px; }

.page-hero { padding: 110px 0 100px; border-bottom: 1px solid var(--rule); }.page-hero h1 { max-width: 1020px; margin: 0; font: 800 clamp(58px,7vw,100px)/.95 "Manrope",sans-serif; letter-spacing: -.065em; }.page-hero>div>p:last-child { max-width: 720px; margin: 35px 0 0; font-size: 20px; line-height: 1.7; }
.service-details { border-top: 1px solid var(--rule); }.service-detail { display: grid; grid-template-columns: .8fr 1fr; gap: 100px; padding: 70px 0; border-bottom: 1px solid var(--rule); scroll-margin-top: 20px; }.service-title { display: grid; grid-template-columns: 52px 1fr; gap: 25px; }.service-title>b { color: var(--emerald); font: 700 12px ui-monospace,monospace; }.service-title h2, .case-copy h2, .story-grid h2 { margin: -8px 0 0; font: 700 clamp(38px,4vw,58px)/1.03 "Manrope",sans-serif; letter-spacing: -.05em; }.service-body>p { margin: 0; color: var(--muted); font-size: 18px; line-height: 1.75; }.service-body ul, .case-copy ul { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 35px 0; padding: 0; list-style: none; border-top: 1px solid var(--rule); }.service-body li, .case-copy li { padding: 14px 0; border-bottom: 1px solid var(--rule); font-weight: 600; }.quote-section { padding: 100px 0; color: #fff; background: var(--emerald); }.quote-section p { max-width: 1060px; margin: 0 auto; text-align: center; font: 700 clamp(36px,4.4vw,64px)/1.12 "Manrope",sans-serif; letter-spacing: -.045em; }

.projects-page { background: #fff; }.project-stack { display: grid; gap: 110px; }.case-study { display: grid; grid-template-columns: 1.15fr .85fr; gap: 80px; align-items: center; }.case-study.reverse .case-visual { order: 2; }.case-visual { position: relative; min-height: 510px; padding: 36px; overflow: hidden; background: var(--ink); }.case-visual>span { color: #87d7bc; font: 700 12px ui-monospace,monospace; letter-spacing: .12em; }.case-dashboard { position: absolute; inset: 100px -40px -30px 80px; display: grid; grid-template-columns: 65px 1fr; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.11); box-shadow: 0 30px 60px rgba(0,0,0,.2); transform: rotate(-3deg); }.case-side { background: rgba(0,0,0,.18); }.case-content { padding: 32px; }.case-content i { display: inline-block; width: 27%; height: 70px; margin-right: 4%; border: 1px solid rgba(255,255,255,.18); }.case-content b { display: block; width: 80%; height: 12px; margin-top: 28px; background: rgba(255,255,255,.14); }.visual-web { background: var(--sage); }.browser-mock { position: absolute; left: 80px; right: -35px; top: 90px; bottom: -30px; padding: 45px; border: 1px solid var(--rule); background: #fff; box-shadow: 0 20px 50px rgba(23,25,21,.12); transform: rotate(2deg); }.browser-mock>div { width: 45px; height: 4px; background: var(--emerald); }.browser-mock h3 { margin: 80px 0 20px; font: 800 42px/1.05 "Manrope",sans-serif; letter-spacing: -.05em; }.browser-mock p { color: var(--muted); }.visual-ai { background: #26312b; }.flow-mock { position: absolute; inset: 100px 70px; display: flex; align-items: center; }.flow-mock i { width: 85px; height: 85px; border: 1px solid #87d7bc; border-radius: 50%; background: rgba(135,215,188,.07); }.flow-mock b { flex: 1; height: 1px; background: #87d7bc; }.case-copy>p:not(.section-label) { color: var(--muted); font-size: 17px; line-height: 1.75; }

.story-section { background: #fff; }.story-grid { display: grid; grid-template-columns: .9fr 1fr; gap: 140px; }.story-copy p { margin: 0 0 25px; color: var(--muted); font-size: 19px; line-height: 1.8; }.values-section { padding: 120px 0; color: #fff; background: var(--dark); }.value-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid rgba(255,255,255,.2); border-left: 1px solid rgba(255,255,255,.2); }.value-grid article { min-height: 300px; padding: 32px; border-right: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2); }.value-grid article>b { color: #87d7bc; font: 700 11px ui-monospace,monospace; }.value-grid h3 { margin: 80px 0 18px; font: 600 26px "Manrope",sans-serif; }.value-grid p { margin: 0; color: #aeb7b1; line-height: 1.65; }.method-section { background: var(--ivory); }.method-list { margin: 60px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--rule); }.method-list li { display: grid; grid-template-columns: 80px 1fr; padding: 30px 0; border-bottom: 1px solid var(--rule); }.method-list b { color: var(--emerald); font: 700 12px ui-monospace,monospace; }.method-list span { font: 600 26px "Manrope",sans-serif; }

.contact-hero { padding-bottom: 80px; }.contact-section { background: #fff; }.contact-layout { display: grid; grid-template-columns: .75fr 1fr; gap: 120px; }.contact-info h2 { margin: 0; font: 700 48px/1.05 "Manrope",sans-serif; letter-spacing: -.05em; }.contact-info>p:not(.section-label) { color: var(--muted); line-height: 1.75; }.contact-lines { margin-top: 45px; border-top: 1px solid var(--rule); }.contact-lines>a, .contact-lines>div { position: relative; display: grid; gap: 8px; padding: 22px 0; border-bottom: 1px solid var(--rule); }.contact-lines small { color: var(--muted); }.contact-lines b { font-size: 17px; }.contact-lines a span { position: absolute; right: 0; top: 32px; color: var(--emerald); }.form-card { padding: 50px; border: 1px solid var(--rule); background: var(--ivory); }.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }.form-card label { display: grid; gap: 10px; margin-bottom: 23px; font-size: 13px; font-weight: 700; }.form-card input, .form-card select, .form-card textarea { width: 100%; padding: 16px 0; border: 0; border-bottom: 1px solid var(--rule); border-radius: 0; outline: 0; background: transparent; color: var(--ink); }.form-card input:focus, .form-card select:focus, .form-card textarea:focus { border-color: var(--emerald); }.form-card textarea { resize: vertical; }.submit-button { border: 0; cursor: pointer; }.form-note { color: var(--muted); font-size: 11px; line-height: 1.5; }.honeypot { position: absolute; left: -9999px; }.form-message { margin-bottom: 25px; padding: 15px; border: 1px solid; font-size: 14px; }.form-message.success { color: #075d43; border-color: #93c8b7; background: #e5f2ed; }.form-message.error { color: #8a2f25; border-color: #d8a9a3; background: #f8e9e6; }

.site-footer { padding: 78px 0 30px; color: #fff; background: var(--dark); }.footer-top { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; padding-bottom: 70px; }.footer-top>div:first-child>p { max-width: 420px; color: #aeb7b1; line-height: 1.7; }.footer-links { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; }.footer-links>div { display: grid; align-content: start; gap: 12px; }.footer-links b { margin-bottom: 8px; color: #87d7bc; font-size: 12px; text-transform: uppercase; letter-spacing: .1em; }.footer-links a, .footer-links span { color: #c5cbc7; }.footer-links a:hover { color: #fff; }.footer-bottom { display: flex; justify-content: space-between; gap: 25px; padding-top: 27px; border-top: 1px solid rgba(255,255,255,.16); color: #858f89; font-size: 11px; }

.reveal { animation: reveal .65s cubic-bezier(.22,1,.36,1) both; }.interface-collage.reveal { animation-delay: .1s; }
@keyframes reveal { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 1100px) {
    :root { --container: min(960px, calc(100% - 48px)); }
    .desktop-nav { gap: 22px; }.header-button { display: none; }.header-inner { grid-template-columns: 1fr auto; }
    .hero-layout { grid-template-columns: 1fr; }.hero-copy { max-width: 760px; padding-bottom: 15px; }.interface-collage { height: 600px; }.capability-strip { margin-top: 20px; }
    .intro-grid, .process-preview-grid, .story-grid, .contact-layout { gap: 70px; }.case-study { gap: 45px; }.value-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 820px) {
    :root { --container: calc(100% - 36px); }.section { padding: 85px 0; }.site-header { position: sticky; top: 0; }.header-inner { height: 78px; }.wordmark { font-size: 31px; }.desktop-nav { display: none; }
    .menu-button { justify-self: end; width: 44px; height: 44px; display: grid; place-content: center; gap: 7px; border: 1px solid var(--ink); background: transparent; }.menu-button span { width: 20px; height: 1px; background: var(--ink); }.mobile-nav { position: absolute; left: 0; right: 0; top: 79px; display: none; padding: 15px 18px 20px; border-bottom: 1px solid var(--rule); background: var(--ivory); box-shadow: 0 18px 30px rgba(23,25,21,.1); }.mobile-nav.open { display: grid; }.mobile-nav a { padding: 13px 0; border-bottom: 1px solid rgba(23,25,21,.1); font-weight: 600; }
    .home-hero { padding-top: 10px; }.hero-layout { min-height: auto; }.hero-copy h1 { font-size: clamp(54px,13vw,76px); }.interface-collage { height: 520px; }.dashboard-card { width: 88%; }.code-card { width: 58%; }.website-card { width: 65%; }.capability-strip { grid-template-columns: 1fr 1fr; }.capability-strip a { border-bottom: 1px solid var(--rule); }.capability-strip a:nth-child(odd) { border-left: 1px solid var(--rule); }
    .intro-grid, .process-preview-grid, .story-grid, .contact-layout, .service-detail, .case-study { grid-template-columns: 1fr; }.intro-grid, .story-grid { gap: 45px; }.section-head { align-items: start; }.service-list>a { grid-template-columns: 45px 1fr 28px; }.service-list>a p { grid-column: 2; }.process-preview-grid { gap: 65px; }.cta-band>.container { align-items: start; flex-direction: column; }.page-hero { padding: 80px 0; }.page-hero h1 { font-size: clamp(52px,12vw,76px); }.service-detail { gap: 35px; }.case-study.reverse .case-visual { order: 0; }.case-visual { min-height: 410px; }.projects-page { padding-top: 80px; }.project-stack { gap: 80px; }.contact-layout { gap: 60px; }.footer-top { grid-template-columns: 1fr; }.footer-links { max-width: 600px; }
}

@media (max-width: 560px) {
    .grid-bg { background-size: 80px 80px; }.hero-copy { padding-top: 50px; }.hero-copy h1 { font-size: 52px; }.hero-text { font-size: 17px; }.hero-actions { align-items: stretch; flex-direction: column; }.btn { width: 100%; }.interface-collage { height: 430px; margin-top: 20px; }.dashboard-card { width: 95%; }.metric-row>div:nth-child(3) { display: none; }.metric-row { grid-template-columns: 1fr 1fr; }.chart-box { height: 125px; }.code-card { width: 64%; bottom: 1%; }.code-card pre { min-height: 155px; padding: 12px; font-size: 7px; }.website-card { width: 68%; padding: 12px; }.website-card h3 { margin-top: 15px; font-size: 15px; }.website-card>p { display: none; }.building-art { height: 80px; top: 45px; }.mini-stats { margin-top: 80px; }.capability-strip span { font-size: 20px; }.capability-strip a { min-height: 95px; padding: 18px; }
    .intro-grid h2, .section-head h2, .cta-band h2 { font-size: 39px; }.section-head { flex-direction: column; }.service-list>a { padding: 27px 0; }.service-list h3 { font-size: 23px; }.process-preview h2 { font-size: 47px; }.page-hero h1 { font-size: 48px; }.service-title { grid-template-columns: 35px 1fr; }.service-body ul, .case-copy ul { grid-template-columns: 1fr; }.case-visual { min-height: 330px; padding: 25px; }.case-dashboard { inset: 80px -30px -30px 40px; }.browser-mock { left: 40px; top: 75px; padding: 30px; }.browser-mock h3 { margin-top: 55px; font-size: 30px; }.flow-mock { inset: 80px 30px; }.flow-mock i { width: 55px; height: 55px; }.value-grid { grid-template-columns: 1fr; }.value-grid article { min-height: 240px; }.value-grid h3 { margin-top: 55px; }.method-list li { grid-template-columns: 50px 1fr; }.method-list span { font-size: 20px; }.form-card { padding: 28px 20px; }.field-row { grid-template-columns: 1fr; gap: 0; }.footer-links { grid-template-columns: 1fr; }.footer-bottom { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}