:root { color-scheme: dark; --lime:#c6ff00; --ink:#f4f5ef; --muted:#bdc8cb; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:100px; }
body { margin:0; background:#101413; color:var(--ink); font:400 18px/1.65 Jost,system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
img { display:block; max-width:100%; }
h1,h2,h3,p { margin:0; }
h1,h2,h3 { font-family:Montserrat,system-ui,sans-serif; font-weight:700; line-height:1.13; letter-spacing:-.055em; }
h1 { font-size:clamp(40px,4.5vw,64px); }
h2 { font-size:clamp(31px,3.7vw,52px); }
h3 { font-size:23px; }
::selection { background:#c6ff00; color:#182000; }
:focus-visible { outline:3px solid #82a821; outline-offset:5px; }
.s-wrap { width:min(1192px,calc(100% - 64px)); margin-inline:auto; }
.s-skip { position:fixed; z-index:30; top:8px; left:8px; background:#c6ff00; color:#172000; padding:10px 20px; transform:translateY(-150%); }
.s-skip:focus { transform:none; }
.s-header { position:sticky; top:12px; z-index:20; width:calc(100% - 32px); max-width:1440px; margin:12px auto 0; padding:12px 20px; border:1px solid #ffffff35; border-radius:99px; background:linear-gradient(110deg,#ffffff13,#ffffff02),#141917db; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); box-shadow:inset 0 1px #ffffff20,0 10px 40px #0002; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.s-brand { display:flex; align-items:center; gap:11px; flex-shrink:0; }
.s-mark { position:relative; width:45px; height:36px; overflow:hidden; mix-blend-mode:screen; }
.s-mark img { position:absolute; width:142px; max-width:none; height:142px; left:-47px; top:-42px; }
.s-brand strong { font:750 17px/1.15 Montserrat,system-ui; letter-spacing:-.05em; }
.s-brand small { display:block; font:400 10px/1.8 Jost,system-ui; letter-spacing:.15em; color:#c3cbc7; }
.s-header nav { display:flex; align-items:center; gap:26px; font-size:13px; }
.s-header nav a { padding:7px 0; }
.s-header nav a:hover { color:#d7efad; }
.s-button { display:inline-flex; align-items:center; justify-content:space-between; gap:35px; padding:15px 21px; border-radius:99px; background:#c6ff00; color:#182000; font:650 14px/1.35 Jost,system-ui; box-shadow:inset 0 1px #ffffff7a; transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s; }
.s-button span { font-size:22px; line-height:1; }
.s-button:hover { transform:translateY(-3px); box-shadow:inset 0 1px #ffffff7a,0 9px 30px #c6ff0014; }
.s-button.small { padding:12px 18px; gap:20px; }
.s-button.dark { color:#fff; background:#15200d; }
.s-text-link { font-size:14px; border-bottom:1px solid currentColor; padding:5px 0; }
.s-hero { padding:40px 0 76px; }
.s-breadcrumb { display:flex; gap:12px; margin-bottom:45px; font-size:12px; color:#bcc7c1; }
.s-breadcrumb a { text-decoration:underline; text-underline-offset:3px; }
.s-hero-grid { display:grid; grid-template-columns:1.13fr 1fr; gap:64px; align-items:center; }
.s-kicker { display:block; margin-bottom:22px; font-size:11px; font-weight:550; letter-spacing:.15em; text-transform:uppercase; }
.s-hero .s-kicker { color:#d5eea7; }
.s-hero h1 em { font-style:normal; color:#c6ff00; }
.s-hero-copy > p { margin-top:25px; max-width:535px; color:var(--muted); font-size:19px; }
.s-actions { display:flex; gap:25px; flex-wrap:wrap; align-items:center; margin-top:30px; }
.s-checks { display:flex; list-style:none; flex-wrap:wrap; padding:0; margin:26px 0 0; gap:9px 20px; font-size:12px; color:#d0d9d3; }
.s-checks li:before { content:'✓'; color:#c6ff00; margin-right:7px; }
.s-design-scene { position:relative; min-width:0; padding:35px 14px 28px 0; }
.s-scene-glow { position:absolute; inset:10% -3% 10% 4%; background:radial-gradient(ellipse,#50715f69,transparent 72%); pointer-events:none; }
.s-mini-browser { position:relative; border:1px solid #eaffdb36; border-radius:18px; overflow:hidden; box-shadow:0 28px 70px #0005,inset 0 1px #fff3; transform:rotate(-3deg); transition:transform .8s cubic-bezier(.16,1,.3,1); }
.s-design-scene:hover .s-mini-browser { transform:rotate(-1deg) translateY(-4px); }
.s-browser-bar { display:flex; gap:5px; align-items:center; padding:13px 15px; background:#202824; font-size:9px; color:#c1d1c6; }
.s-browser-bar i { width:5px; height:5px; border-radius:50%; background:#aac87f; }
.s-browser-bar span { margin-left:12px; }
.s-browser-page { background:#f2f1e6; color:#202b20; padding:25px; }
.s-mini-nav { display:flex; justify-content:space-between; gap:16px; font-size:9px; border-bottom:1px solid #1d2e1920; padding-bottom:16px; }
.s-mini-nav strong { font:750 11px Montserrat,system-ui; }
.s-mini-content { display:grid; grid-template-columns:1fr 1fr; gap:16px; padding:28px 0 18px; align-items:center; }
.s-mini-content b { display:block; font:650 clamp(20px,2vw,29px)/1.08 Montserrat,system-ui; letter-spacing:-.05em; }
.s-mini-content p { font-size:9px; line-height:1.6; margin:12px 0; }
.s-mini-cta { display:inline-block; padding:8px 12px; background:#273e25; color:#fff; border-radius:20px; font-size:8px; }
.s-house { aspect-ratio:.85; position:relative; overflow:hidden; border-radius:60px 60px 6px 6px; background:linear-gradient(140deg,#a8c8b6,#dce5cd 62%); }
.s-house:before { content:''; position:absolute; inset:18% 15% 0; background:linear-gradient(90deg,#28382ee6 1px,transparent 1px),linear-gradient(130deg,#628170,#bbccb7); background-size:14px 100%,100%; clip-path:polygon(50% 0,100% 30%,100% 100%,0 100%,0 30%); }
.s-house:after { content:''; position:absolute; left:30%; right:30%; top:47%; bottom:0; background:linear-gradient(90deg,transparent 48%,#e5e6d6 48% 52%,transparent 52%),#344d40; border:4px solid #e5e6d6; }
.s-mini-links { display:flex; justify-content:space-between; gap:8px; border-top:1px solid #283e2726; padding-top:13px; font-size:8px; }
.s-scene-label { position:relative; color:#b8c6bf; font-size:11px; margin-top:24px; text-align:center; }
.s-float-label { position:absolute; right:0; bottom:51px; padding:14px 18px; background:#dff2c7df; color:#1b321a; border:1px solid #ffffff90; box-shadow:0 10px 30px #0003; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-radius:15px; font-size:12px; transform:rotate(3deg); }
.s-strip { background:#c6ff00; color:#253313; padding:18px 0; }
.s-strip .s-wrap { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px 25px; font:550 13px Jost,system-ui; }
.s-section { padding:100px 0; }
.s-light { background:#f4f5ef; color:#192020; color-scheme:light; }
.s-lime { background:#c6ff00; color:#192207; color-scheme:light; }
.s-section-head { display:grid; grid-template-columns:1.1fr 1fr; gap:70px; align-items:end; margin-bottom:45px; }
.s-section-head > p { color:#b9c7bf; max-width:440px; }
.s-light .s-section-head > p { color:#4d5858; }
.s-lime p { color:#374820; }
.s-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.s-card { padding:30px; border-radius:23px; border:1px solid #26373524; background:linear-gradient(135deg,#ffffffae,#ffffff36),#dfeafb; box-shadow:inset 0 1px #fff,0 15px 30px #25313006; }
.s-card:nth-child(2) { background-color:#eaeecf; }
.s-card:nth-child(3) { background-color:#f1ddec; }
.s-card-no { display:block; margin-bottom:45px; font:400 12px 'DM Mono',monospace; color:#45524e; }
.s-card p { color:#4a5658; font-size:16px; margin-top:16px; }
.s-projects { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; }
.s-project { overflow:hidden; border:1px solid #ffffff26; border-radius:24px; background:#18201c; transition:transform .6s cubic-bezier(.16,1,.3,1); }
.s-project:hover { transform:translateY(-6px); }
.s-project-logo { position:relative; aspect-ratio:1.7; display:grid; place-items:center; background:#fcfefd; overflow:hidden; }
.s-project-logo img { width:86%; height:100%; object-fit:cover; }
.s-project.empra .s-project-logo { background:#000; }
.s-project.empra .s-project-logo img { width:78%; }
.s-project-info { padding:23px 25px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.s-project-info strong { font:600 18px/1.4 Montserrat,system-ui; letter-spacing:-.03em; }
.s-project-info small { display:block; margin-top:6px; color:#b8c9bf; font-size:13px; }
.s-project-info > span { display:grid; place-items:center; border:1px solid #ffffff30; width:38px; height:38px; border-radius:50%; color:#c6ff00; flex-shrink:0; }
.s-section-note { margin-top:28px; color:#b9c7bf; font-size:14px; }
.s-scope { display:grid; grid-template-columns:.9fr 1.1fr; gap:90px; }
.s-scope-copy { position:sticky; top:120px; align-self:start; }
.s-scope-copy p { color:#4d5858; margin-top:22px; }
.s-scope-copy .s-button { margin-top:28px; }
.s-inclusions { list-style:none; padding:0; margin:0; }
.s-inclusions li { display:grid; grid-template-columns:35px 1fr; gap:18px; padding:25px 0; border-bottom:1px solid #23352926; }
.s-inclusions li:first-child { padding-top:0; }
.s-inclusions span { color:#465941; font:400 12px 'DM Mono',monospace; margin-top:5px; }
.s-inclusions h3 { font-size:22px; }
.s-inclusions p { font-size:16px; color:#4d5858; margin-top:10px; }
.s-seo-grid { display:grid; grid-template-columns:1fr 1fr; gap:85px; align-items:center; }
.s-seo-grid p { margin-top:24px; }
.s-seo-checks { padding:30px; border:1px solid #32471725; background:#f5ffd388; border-radius:24px; }
.s-seo-checks ul { list-style:none; padding:0; margin:0; }
.s-seo-checks li { display:flex; align-items:center; gap:18px; padding:18px 0; border-bottom:1px solid #3f512324; font-size:17px; }
.s-seo-checks li:before { content:'✓'; color:#203614; }
.s-seo-checks p { font-size:13px; color:#3f502d; }
.s-process { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:25px; }
.s-process article { border-top:1px solid #ffffff40; padding-top:24px; }
.s-process b { color:#c6ff00; font:400 12px 'DM Mono',monospace; }
.s-process h3 { margin-top:32px; font-size:22px; }
.s-process p { margin-top:15px; color:#bdc8c1; font-size:16px; }
.s-faq { max-width:820px; margin-inline:auto; }
.s-faq > .s-kicker,.s-faq > h2 { text-align:center; }
.s-faq > h2 { margin-bottom:40px; }
.s-faq details { border-bottom:1px solid #23352930; padding:0; }
.s-faq summary { display:flex; justify-content:space-between; gap:25px; padding:24px 0; list-style:none; cursor:pointer; font:550 19px/1.4 Jost,system-ui; }
.s-faq summary::-webkit-details-marker { display:none; }
.s-faq summary:after { content:'+'; flex-shrink:0; font-size:24px; line-height:1; }
.s-faq details[open] summary:after { content:'−'; }
.s-faq details p { color:#4d5858; font-size:16px; padding:0 35px 25px 0; }
.s-final { text-align:center; }
.s-final h2 { max-width:770px; margin:auto; font-size:clamp(34px,4.5vw,64px); }
.s-final p { max-width:540px; margin:25px auto 30px; }
.s-foot-glass { position:fixed; z-index:15; left:0; right:0; bottom:0; height:44px; pointer-events:none; backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); mask-image:linear-gradient(transparent,#000); -webkit-mask-image:linear-gradient(transparent,#000); background:#d2dfd708; }
body:has(:focus-visible) .s-foot-glass { opacity:0; }
.motion-paused .s-foot-glass { display:none; }
.motion-paused * { transition:none!important; scroll-behavior:auto!important; }
@media(max-width:1000px) {
  .s-header nav { gap:18px; }
  .s-header nav a:first-child { display:none; }
  .s-hero-grid { gap:30px; }
  .s-scope,.s-seo-grid { gap:40px; }
  .s-card { padding:25px; }
}
@media(max-width:760px) {
  .s-wrap { width:calc(100% - 40px); }
  .s-header { gap:14px; padding:11px 14px; top:8px; width:calc(100% - 20px); }
  .s-header nav { display:none; }
  .s-button.small { font-size:12px; padding:11px 16px; gap:12px; }
  .s-brand strong { font-size:14px; }
  .s-mark { width:38px; height:31px; }
  .s-mark img { width:124px; height:124px; left:-41px; top:-37px; }
  .s-hero { padding-top:25px; }
  .s-breadcrumb { margin-bottom:32px; font-size:11px; }
  .s-hero-grid,.s-section-head,.s-scope,.s-seo-grid { grid-template-columns:1fr; gap:30px; }
  .s-hero-copy { max-width:580px; }
  .s-hero-copy > p { font-size:17px; }
  .s-design-scene { max-width:480px; margin:auto; width:100%; padding:25px 18px 0; }
  .s-mini-content b { font-size:29px; }
  .s-strip .s-wrap { justify-content:center; font-size:12px; }
  .s-section { padding:64px 0; }
  .s-section-head { margin-bottom:32px; }
  .s-section-head > p { max-width:550px; font-size:17px; }
  .s-benefits,.s-projects { grid-template-columns:1fr; }
  .s-card-no { margin-bottom:22px; }
  .s-card { padding:28px; }
  .s-scope-copy { position:static; }
  .s-process { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 22px; }
  .s-float-label { font-size:11px; right:2px; }
  .s-scene-label { font-size:10px; }
  .s-kicker { font-size:10px; margin-bottom:18px; }
  .s-seo-checks { padding:23px; }
  .s-final h2 { font-size:38px; }
}
@media(max-width:360px) {
  h1 { font-size:36px; }
  .s-brand { gap:7px; }.s-brand strong { font-size:12px; }
  .s-button.small { padding:10px 12px; gap:8px; }
  .s-mini-content b { font-size:22px; }
  .s-process { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .s-button,.s-project,.s-mini-browser { transition:none; }
}

@media(min-width:1060px){.s-process.s-process-five{grid-template-columns:repeat(5,minmax(0,1fr))}}