:root { --ink:#151719; --cream:#f3f0e8; --paper:#fffdf7; --lime:#d6ff49; --pink:#ff6b8a; --blue:#82aaff; --line:rgba(21,23,25,.18); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; background:var(--cream); color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
::selection { background:var(--pink); color:var(--ink); }
:focus-visible { outline:3px solid var(--pink); outline-offset:4px; }
.shell { width:min(1180px,calc(100% - 48px)); margin:0 auto; }
.section-pad { padding:125px 0; }
.section-kicker { display:flex; justify-content:space-between; align-items:center; padding-bottom:20px; border-bottom:1px solid var(--line); font:700 11px/1.4 monospace; letter-spacing:.08em; }
.section-kicker span { color:#6d6e6c; }
.section-kicker p { margin:0; color:#6d6e6c; }
.section-kicker.compact { border:0; justify-content:flex-start; padding-bottom:24px; }

.hero { min-height:100vh; overflow:hidden; background:var(--cream); }
.site-header { height:92px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:12px; font-size:12px; font-weight:800; letter-spacing:.14em; }
.brand-mark { display:grid; place-items:center; width:38px; height:38px; background:var(--ink); color:var(--lime); font:800 12px/1 monospace; transform:rotate(-3deg); }
.main-nav { display:flex; gap:34px; font-size:14px; font-weight:700; }
.main-nav a { transition:opacity .2s ease; }
.main-nav a:hover { opacity:.55; }
.header-cta { padding:13px 18px; border:1.5px solid var(--ink); font-size:13px; font-weight:800; box-shadow:3px 3px 0 var(--ink); transition:.2s ease; }
.header-cta:hover { transform:translate(2px,2px); box-shadow:1px 1px 0 var(--ink); }
.hero-grid { min-height:665px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:70px; padding-top:54px; padding-bottom:68px; }
.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 23px; font:700 12px/1.2 monospace; letter-spacing:.08em; text-transform:uppercase; }
.eyebrow span { width:28px; height:3px; background:var(--pink); }
h1 { margin:0; max-width:680px; font-size:clamp(54px,6.2vw,88px); line-height:.93; letter-spacing:-.065em; }
h1 em,h2 em { position:relative; font-family:Georgia,serif; font-weight:400; }
h1 em::after { content:""; position:absolute; left:-2%; right:-3%; bottom:2px; height:10px; background:var(--lime); z-index:-1; transform:rotate(-1deg); }
.hero-lead { max-width:565px; margin:31px 0 0; font-size:18px; line-height:1.55; color:#505255; }
.hero-actions { display:flex; align-items:center; gap:28px; margin-top:36px; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:26px; padding:17px 21px; font-size:14px; font-weight:800; }
.button-primary { background:var(--ink); color:#fff; box-shadow:5px 5px 0 var(--pink); transition:.2s ease; }
.button-primary:hover { transform:translate(3px,3px); box-shadow:2px 2px 0 var(--pink); }
.text-link { font-size:14px; font-weight:800; border-bottom:1px solid var(--ink); padding-bottom:4px; }
.availability { display:flex; align-items:center; gap:8px; margin-top:36px; color:#626461; font:11px/1 monospace; }
.availability i { width:8px; height:8px; border-radius:50%; background:#61b85a; box-shadow:0 0 0 4px rgba(97,184,90,.14); }
.hero-visual { position:relative; min-height:510px; display:grid; place-items:center; }
.orbit { position:absolute; border:1px solid rgba(21,23,25,.13); border-radius:50%; }
.orbit-one { width:540px; height:540px; }
.orbit-two { width:390px; height:390px; border-style:dashed; animation:spin 25s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
.code-card { position:relative; z-index:2; width:min(480px,100%); background:#1b1e20; color:#e8e5dc; border:1px solid #000; box-shadow:12px 14px 0 var(--pink); transform:rotate(1.5deg); }
.code-topbar { height:45px; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; padding:0 15px; border-bottom:1px solid #34383b; font:11px/1 monospace; color:#92979b; }
.window-dots { display:flex; gap:6px; }
.window-dots i { width:8px; height:8px; border-radius:50%; background:#575d61; }
.window-dots i:first-child { background:var(--pink); }.window-dots i:nth-child(2) { background:#ffd168; }.window-dots i:last-child { background:var(--lime); }
.code-topbar>span:nth-child(2) { text-align:center; }.live-dot { justify-self:end; color:var(--lime); }.live-dot::before { content:""; display:inline-block; width:6px; height:6px; margin-right:5px; border-radius:50%; background:var(--lime); }
.code-body { padding:25px 20px 24px; font:12px/1.7 monospace; white-space:nowrap; overflow:hidden; }.code-body p { margin:0; }.code-body b { display:inline-block; width:28px; margin-right:9px; color:#60666a; font-weight:400; user-select:none; }
.pink { color:#ff7c96; }.lime { color:var(--lime); }.blue { color:#a8c0ff; }
.code-footer { display:flex; justify-content:flex-end; gap:18px; padding:8px 15px; background:var(--lime); color:var(--ink); font:10px/1 monospace; }
.design-chip { position:absolute; z-index:3; top:52px; right:-5px; padding:12px 15px; background:var(--paper); border:1px solid var(--ink); font-size:12px; font-weight:800; transform:rotate(5deg); box-shadow:4px 4px 0 var(--ink); }.design-chip span { color:var(--pink); margin-right:5px; }
.status-card { position:absolute; z-index:4; bottom:34px; left:-18px; display:flex; gap:12px; align-items:center; padding:14px 17px; background:var(--paper); border:1px solid var(--ink); box-shadow:5px 5px 0 var(--ink); transform:rotate(-3deg); }.status-icon { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:var(--lime); font-weight:900; }.status-card b,.status-card small { display:block; }.status-card b { font-size:12px; }.status-card small { margin-top:4px; font:10px/1 monospace; color:#6a6c6e; }
.hero-strip { border-top:1.5px solid var(--ink); border-bottom:1.5px solid var(--ink); background:var(--lime); transform:rotate(-.5deg) scale(1.01); }.strip-inner { min-height:60px; display:flex; align-items:center; justify-content:space-between; gap:25px; font:800 13px/1 monospace; letter-spacing:.08em; white-space:nowrap; }.strip-inner i { color:var(--pink); font-style:normal; font-size:18px; }

.intro { background:var(--paper); }
.intro-title-grid { display:grid; grid-template-columns:1fr .63fr; gap:90px; align-items:end; padding:55px 0 65px; }.intro-title-grid h2,.projects-heading h2,.approach h2,.process h2,.faq h2,.contact h2 { margin:0; font-size:clamp(44px,5vw,72px); line-height:1; letter-spacing:-.055em; }.intro-title-grid p,.projects-heading p { margin:0; color:#616360; font-size:17px; line-height:1.6; }
.services-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.service-card { position:relative; min-height:440px; display:flex; flex-direction:column; padding:30px; border:1px solid var(--ink); transition:transform .25s ease,box-shadow .25s ease; }.service-card:hover { transform:translateY(-6px); box-shadow:8px 8px 0 var(--ink); }.service-dark { background:var(--ink); color:#fff; }.service-pink { background:var(--pink); }.service-light { background:var(--cream); }.service-number { font:11px/1 monospace; opacity:.55; }.service-symbol { display:grid; place-items:center; align-self:flex-end; width:76px; height:76px; margin-top:18px; border:1px solid currentColor; border-radius:50%; font:500 24px/1 monospace; transform:rotate(-8deg); }.service-card:nth-child(2) .service-symbol { background:var(--lime); }.service-card h3 { margin:44px 0 12px; font-size:27px; letter-spacing:-.035em; }.service-card p { min-height:66px; margin:0; font-size:15px; line-height:1.55; opacity:.72; }.service-card ul { display:flex; flex-wrap:wrap; gap:7px; padding:0; margin:auto 0 0; list-style:none; }.service-card li { padding:7px 9px; border:1px solid currentColor; font:10px/1 monospace; }

.projects { background:var(--ink); color:#f5f1e8; }.kicker-light { border-color:rgba(255,255,255,.2); }.kicker-light span,.kicker-light p { color:#929491; }.projects-heading { display:grid; grid-template-columns:1fr .55fr; gap:120px; align-items:end; padding:62px 0 76px; }.projects-heading h2 em { color:var(--lime); }.projects-heading p { color:#a4a6a3; }
.case { overflow:hidden; background:var(--paper); color:var(--ink); }.case-wide { display:grid; grid-template-columns:.36fr .64fr; min-height:610px; }.case-copy { padding:38px; }.case-meta { display:flex; align-items:center; justify-content:space-between; margin-bottom:80px; font:11px/1 monospace; }.case-meta i { padding:6px 8px; background:var(--lime); border:1px solid var(--ink); font-style:normal; }.case-copy h3 { margin:0 0 4px; font-size:43px; letter-spacing:-.05em; }.case-subtitle { margin:0 0 24px!important; color:#6d6e6b; font:11px/1.4 monospace!important; text-transform:uppercase; letter-spacing:.06em; }.case-copy>p:not(.case-subtitle) { margin:0; color:#565856; font-size:14px; line-height:1.6; }.tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:30px; }.tags span { padding:7px 9px; border:1px solid var(--ink); font:10px/1 monospace; }.case-result { display:flex; flex-direction:column; gap:7px; margin-top:75px; padding-top:20px; border-top:1px solid var(--line); font:10px/1.45 monospace; }.case-result span { color:#747673; }
.case-visual { min-width:0; }.crm-visual { align-self:center; margin-right:34px; background:#e9ebe6; box-shadow:14px 14px 0 var(--pink); border:1px solid var(--ink); transform:rotate(1deg); }.browser-bar { height:36px; display:flex; align-items:center; gap:6px; padding:0 12px; background:#f9f8f3; border-bottom:1px solid #c9cbc7; }.browser-bar>span { width:7px; height:7px; border-radius:50%; background:#bfc1bd; }.browser-bar>span:first-child { background:var(--pink); }.browser-bar b { margin:auto; transform:translateX(-22px); color:#92938f; font:8px/1 monospace; }.crm-app { min-height:430px; display:grid; grid-template-columns:55px 1fr; }.crm-app aside { display:flex; flex-direction:column; align-items:center; gap:24px; padding:15px 0; background:#202326; color:#fff; }.crm-app aside strong { display:grid; place-items:center; width:28px; height:28px; background:var(--lime); color:var(--ink); font:800 9px/1 monospace; }.crm-app aside i { width:14px; height:14px; border:1px solid #777d80; border-radius:3px; }.crm-app aside i:first-of-type { background:var(--lime); border-color:var(--lime); }.crm-app aside small { display:grid; place-items:center; width:25px; height:25px; margin-top:auto; border-radius:50%; background:var(--pink); color:var(--ink); font:700 8px/1 monospace; }.crm-content { padding:25px 25px 20px; }.crm-head { display:flex; justify-content:space-between; align-items:center; }.crm-head small,.crm-head b { display:block; }.crm-head small { margin-bottom:6px; color:#8e918d; font:7px/1 monospace; letter-spacing:.08em; }.crm-head b { font-size:18px; }.crm-head button { padding:10px 12px; border:0; background:#202326; color:white; font-size:8px; }.crm-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:25px 0 17px; }.crm-metrics>div { padding:15px; background:#fff; border:1px solid #dbddd8; }.crm-metrics small,.crm-metrics b,.crm-metrics em { display:block; }.crm-metrics small { color:#8c8e8a; font:7px/1 monospace; }.crm-metrics b { margin:8px 0; font-size:22px; }.crm-metrics em { color:#61a458; font:7px/1 monospace; font-style:normal; }.crm-table { padding:18px; background:#fff; }.table-title { display:flex; justify-content:space-between; padding-bottom:14px; border-bottom:1px solid #ebebe7; font-size:9px; }.table-title span { font:7px/1 monospace; }.crm-table p { display:grid; grid-template-columns:27px 1fr 1.4fr .8fr; gap:8px; align-items:center; margin:0; padding:11px 0; border-bottom:1px solid #efefeb; font-size:7px; }.crm-table p i { display:grid; place-items:center; width:23px; height:23px; border-radius:50%; background:#e9e8ff; font-style:normal; }.crm-table p em { justify-self:end; padding:4px; background:#e4f3e1; font:6px/1 monospace; font-style:normal; }.crm-table p em.new { background:#ffe2e8; }.crm-table p em.work { background:#fff1c9; }
.cases-two { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:16px; }.case-tall { display:flex; flex-direction:column; }.case-tall .case-visual { height:470px; }.case-tall .case-copy { min-height:365px; }.case-tall .case-meta { margin-bottom:50px; }.case-tall .case-copy>p:not(.case-subtitle) { max-width:420px; }
.atelier-visual { position:relative; overflow:hidden; background:#da715c; color:#261d19; }.atelier-top { position:relative; z-index:2; display:flex; justify-content:space-between; align-items:center; padding:21px 24px; border-bottom:1px solid rgba(38,29,25,.3); font:7px/1 monospace; }.atelier-top b { font-size:13px; }.atelier-top i { font-style:normal; }.atelier-object { position:absolute; width:240px; height:300px; right:35px; bottom:-30px; background:#dcb885; border-radius:46% 48% 14% 16%; transform:rotate(-10deg); box-shadow:inset -32px -20px 0 rgba(85,45,35,.12),20px 30px 40px rgba(61,26,17,.16); }.atelier-object>i { position:absolute; top:-52px; left:85px; width:70px; height:90px; border:25px solid #dcb885; border-bottom:0; border-radius:50% 50% 0 0; }.atelier-object>i:nth-child(2) { top:93px; left:28px; width:24px; height:24px; border:0; border-radius:50%; background:#2c2926; }.atelier-object>i:nth-child(3) { top:93px; left:181px; width:24px; height:24px; border:0; border-radius:50%; background:#2c2926; }.atelier-object span { position:absolute; right:15px; bottom:18px; font:8px/1 monospace; }.atelier-copy { position:relative; z-index:2; padding:58px 25px; }.atelier-copy small { font:7px/1 monospace; letter-spacing:.1em; }.atelier-copy b { display:block; margin-top:12px; font-size:37px; line-height:.96; letter-spacing:-.05em; }.atelier-copy b em { font-family:Georgia,serif; font-weight:400; }.atelier-copy button { margin-top:34px; padding:10px 13px; border:1px solid #261d19; background:transparent; font:7px/1 monospace; }
.catalog-visual { background:#e6e4db; color:#1d2020; }.catalog-nav { display:flex; justify-content:space-between; align-items:center; padding:21px 22px; border-bottom:1px solid #aaa9a3; font:7px/1 monospace; }.catalog-nav b { font-size:11px; }.catalog-nav i { font-style:normal; font-size:14px; }.catalog-title { display:grid; grid-template-columns:1fr auto; align-items:end; padding:33px 22px 25px; }.catalog-title small { grid-column:1/-1; margin-bottom:7px; font:6px/1 monospace; }.catalog-title b { font-size:30px; letter-spacing:-.05em; }.catalog-title b em { font-family:Georgia,serif; font-weight:400; }.catalog-title>span { font:7px/1 monospace; }.catalog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; padding:0 10px; }.catalog-grid>div { min-width:0; padding:9px; background:#f3f1e9; }.catalog-grid i,.catalog-grid b,.catalog-grid small { display:block; }.catalog-grid i { color:#8d8e89; font:6px/1 monospace; font-style:normal; }.catalog-grid b { overflow:hidden; margin-top:9px; font-size:8px; white-space:nowrap; }.catalog-grid small { margin-top:5px; font:7px/1 monospace; }.tool-shape { position:relative; display:block; height:130px; margin-top:7px; background:#d4d400; border-radius:5px 45% 5px 5px; }.tool-shape::after { content:""; position:absolute; width:22px; height:60px; left:28px; bottom:-5px; background:#3d4040; transform:rotate(10deg); border-radius:2px 2px 8px 8px; }.tool-two { background:#dd6c55; border-radius:50% 6px 6px 50%; }.tool-two::after { left:55px; }.tool-three { background:#333a3c; border-radius:6px 50% 6px 6px; }.tool-three::after { background:#d5cb64; left:38px; }

.approach { position:relative; overflow:hidden; background:var(--lime); }.approach-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:110px; }.approach h2 { max-width:580px; }.approach-list { border-top:1px solid var(--ink); }.approach-list article { display:grid; grid-template-columns:55px 1fr; gap:20px; padding:31px 0; border-bottom:1px solid var(--ink); }.approach-list article>span { font:11px/1 monospace; }.approach-list h3 { margin:0 0 9px; font-size:21px; }.approach-list p { margin:0; max-width:530px; font-size:14px; line-height:1.55; }.stack-band { width:calc(100% + 20px); margin:115px -10px -145px; border:1.5px solid var(--ink); background:var(--paper); transform:rotate(1deg); }.stack-band div { width:max-content; min-width:100%; height:78px; display:flex; justify-content:space-around; align-items:center; gap:40px; padding:0 30px; font:800 14px/1 monospace; white-space:nowrap; }.stack-band i { color:var(--pink); font-size:18px; font-style:normal; }

.process { padding-top:170px; background:var(--paper); }.process h2 { padding:60px 0 70px; }.process-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--ink); border-left:1px solid var(--ink); }.process-grid article { min-height:345px; display:flex; flex-direction:column; padding:27px 22px; border-right:1px solid var(--ink); border-bottom:1px solid var(--ink); }.process-grid article>span { font:11px/1 monospace; }.process-grid h3 { margin:72px 0 14px; font-size:21px; }.process-grid p { margin:0; color:#61635f; font-size:13px; line-height:1.55; }.process-grid i { margin-top:auto; color:#8b8d89; font:9px/1 monospace; font-style:normal; letter-spacing:.08em; }

.faq { background:var(--cream); }.faq-grid { display:grid; grid-template-columns:.65fr 1fr; gap:100px; }.faq h2 em { color:var(--pink); }.faq-grid>div:first-child>p { max-width:330px; margin:27px 0 0; color:#676966; font-size:14px; line-height:1.6; }.faq-list { border-top:1px solid var(--ink); }.faq-list details { border-bottom:1px solid var(--ink); }.faq-list summary { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:29px 0; cursor:pointer; font-size:17px; font-weight:700; list-style:none; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary span { font:300 27px/1 monospace; transition:transform .2s ease; }.faq-list details[open] summary span { transform:rotate(45deg); }.faq-list details p { max-width:650px; margin:-8px 45px 27px 0; color:#5e605d; font-size:14px; line-height:1.6; }

.contact { position:relative; overflow:hidden; padding:145px 0; background:var(--ink); color:white; text-align:center; }.contact-orbit { position:absolute; border:1px solid rgba(255,255,255,.12); border-radius:50%; }.contact-orbit-one { width:710px; height:710px; left:50%; top:50%; transform:translate(-50%,-50%); }.contact-orbit-two { width:500px; height:500px; left:50%; top:50%; border-style:dashed; transform:translate(-50%,-50%); }.contact-inner { position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; }.eyebrow-light { color:#b9bab5; }.contact h2 { max-width:900px; font-size:clamp(52px,7.4vw,104px); line-height:.92; }.contact h2 em { color:var(--lime); }.contact-inner>p:not(.eyebrow) { max-width:620px; margin:31px auto 34px; color:#aeb0ac; font-size:16px; line-height:1.6; }.contact-button { background:var(--pink); color:var(--ink); box-shadow:6px 6px 0 var(--lime); transition:.2s ease; }.contact-button:hover { transform:translate(3px,3px); box-shadow:3px 3px 0 var(--lime); }.contact-inner small { margin-top:24px; color:#777a77; font:10px/1 monospace; }
footer { background:var(--ink); color:#d7d7d0; border-top:1px solid #393c3d; }.footer-grid { min-height:112px; display:flex; justify-content:space-between; align-items:center; gap:30px; }.footer-brand .brand-mark { background:var(--lime); color:var(--ink); }.footer-grid p,.footer-grid>a:last-child { font:10px/1.4 monospace; color:#858784; }.footer-grid>a:last-child { color:#d7d7d0; border-bottom:1px solid #858784; padding-bottom:4px; }
.error-page { min-height:100vh; display:grid; place-items:center; padding:40px 24px; background:var(--ink); color:var(--paper); text-align:center; }.error-page span { color:var(--lime); font:700 12px/1 monospace; letter-spacing:.08em; }.error-page h1 { margin:24px 0 18px; font-size:clamp(58px,10vw,130px); }.error-page p { max-width:520px; margin:0 auto 32px; color:#aeb0ac; line-height:1.6; }.error-page a { display:inline-flex; padding:15px 20px; background:var(--pink); color:var(--ink); font-weight:800; box-shadow:5px 5px 0 var(--lime); }

@media (max-width:1000px) { .hero-grid { grid-template-columns:1fr; gap:46px; padding-top:66px; }.hero-copy { max-width:720px; }.hero-visual { width:min(580px,100%); margin:0 auto; }.intro-title-grid,.projects-heading { grid-template-columns:1fr; gap:28px; }.case-wide { grid-template-columns:1fr; }.case-wide .case-copy { min-height:470px; }.crm-visual { margin:0 35px 45px; }.cases-two { grid-template-columns:1fr; }.approach-grid { grid-template-columns:1fr; gap:65px; }.process-grid { grid-template-columns:1fr 1fr; }.faq-grid { grid-template-columns:1fr; gap:65px; } }
@media (max-width:720px) { .section-pad { padding:88px 0; }.main-nav { display:none; }.services-grid { grid-template-columns:1fr; }.service-card { min-height:360px; }.projects-heading { padding-bottom:50px; }.projects-heading p { max-width:560px; }.case-tall .case-visual { height:400px; }.approach { padding-bottom:115px; }.stack-band { margin-bottom:-130px; }.process { padding-top:150px; }.footer-grid { padding:30px 0; flex-wrap:wrap; }.footer-grid p { order:3; flex-basis:100%; } }
@media (max-width:560px) { .shell { width:min(100% - 28px,1180px); }.site-header { height:72px; }.brand>span:last-child { display:none; }.header-cta { padding:11px 12px; font-size:11px; box-shadow:2px 2px 0 var(--ink); }.hero-grid { min-height:auto; padding:50px 0 76px; gap:52px; } h1 { font-size:clamp(47px,15vw,67px); }.hero-lead { font-size:16px; }.hero-actions { align-items:flex-start; flex-direction:column; gap:23px; }.button { width:100%; }.hero-visual { min-height:390px; }.orbit-one { width:410px; height:410px; }.orbit-two { width:290px; height:290px; }.code-body { padding:19px 12px; font-size:9px; }.code-body b { width:20px; margin-right:4px; }.code-card { box-shadow:7px 8px 0 var(--pink); }.design-chip { top:20px; right:1px; }.status-card { bottom:11px; left:4px; }.strip-inner { width:max-content; min-width:740px; justify-content:flex-start; padding-left:20px; }.section-kicker p { display:none; }.intro-title-grid { padding:42px 0 48px; }.intro-title-grid h2,.projects-heading h2,.approach h2,.process h2,.faq h2 { font-size:44px; }.case-copy { padding:27px; }.case-wide .case-copy { min-height:455px; }.case-meta { margin-bottom:55px; }.case-copy h3 { font-size:36px; }.crm-visual { margin:0 15px 30px; box-shadow:8px 8px 0 var(--pink); }.crm-app { min-height:340px; grid-template-columns:38px 1fr; }.crm-app aside { gap:18px; }.crm-content { padding:15px 10px; }.crm-head b { font-size:12px; }.crm-head button { padding:7px; }.crm-metrics { gap:5px; margin:16px 0 10px; }.crm-metrics>div { padding:9px; }.crm-metrics b { font-size:15px; }.crm-table { padding:10px; }.crm-table p { grid-template-columns:23px 1fr .9fr; }.crm-table p span { display:none; }.cases-two { gap:12px; margin-top:12px; }.case-tall .case-visual { height:350px; }.atelier-object { right:-50px; transform:scale(.75) rotate(-10deg); }.atelier-copy { padding:46px 20px; }.atelier-copy b { font-size:32px; }.atelier-top span { display:none; }.catalog-nav span { display:none; }.catalog-title { padding-top:25px; }.catalog-title b { font-size:24px; }.tool-shape { height:100px; }.approach-grid { gap:45px; }.approach-list article { grid-template-columns:35px 1fr; }.stack-band div { height:65px; }.process h2 { padding:42px 0 50px; }.process-grid { grid-template-columns:1fr; }.process-grid article { min-height:280px; }.process-grid h3 { margin-top:48px; }.faq-list summary { font-size:15px; }.contact { padding:110px 0; }.contact h2 { font-size:50px; }.contact-orbit-one { width:560px; height:560px; }.contact-orbit-two { width:390px; height:390px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; animation:none!important; } }