@layer base, layout, components, responsive;
@layer base {
  :root { --ink:#0b0f14; --surface:#141a24; --lime:#c7ff3d; --blue:#3867ff; --white:#f7f9fc; --muted:#a4acb8; --line:#ffffff25; --radius:8px; color-scheme:dark; font-family:Arial,Helvetica,sans-serif; background:var(--ink); color:var(--white); }
  * { box-sizing:border-box; } html { scroll-behavior:smooth; scroll-padding-top:100px; } body { margin:0; } a { color:inherit; text-decoration:none; } button,input,select { font:inherit; } button,a,input,select,summary { -webkit-tap-highlight-color:transparent; } button,a { touch-action:manipulation; } button { cursor:pointer; } img { max-width:100%; } h1,h2,h3,p { margin:0; } p { line-height:1.65; } h1,h2,h3 { text-wrap:balance; } em { font-style:normal; color:var(--lime); } ::selection { color:var(--ink); background:var(--lime); } :focus-visible { outline:3px solid var(--blue); outline-offset:5px; } [hidden] { display:none!important; } .muted { color:#828b98; }
  .skip-link { position:fixed; z-index:100; top:10px; left:15px; background:var(--lime); color:var(--ink); padding:16px; transform:translateY(-150%); } .skip-link:focus { transform:none; }
}
@layer layout {
  .section-shell { width:min(1320px,calc(100% - 112px)); margin-inline:auto; } .section-space { padding-block:112px; } .site-header { width:100%; padding:23px 56px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); background:#0b0f14ed; position:sticky; top:0; z-index:20; backdrop-filter:blur(12px); } .site-header nav { display:flex; align-items:center; gap:34px; } .hero { padding-top:38px; } .hero-grid { display:grid; grid-template-columns:1.25fr .75fr; align-items:center; min-height:560px; gap:12px; } .hero-copy { position:relative; z-index:2; } .intro { display:grid; grid-template-columns:1fr 2.35fr; gap:60px; } .intro-columns { display:grid; grid-template-columns:1fr 1fr; gap:40px; margin-top:40px; } .section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:45px; margin-bottom:56px; } .section-heading>p { max-width:300px; color:var(--muted); font-size:16px; } .service-grid,.project-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; } .process-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:28px; margin:0; padding:0; list-style:none; } .about { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:100px; border-top:1px solid var(--line); } .faq { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; } .contact-choices { display:grid; grid-template-columns:1fr 1fr; gap:60px; } .form-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; } .span-two { grid-column:1/-1; }
}
@layer components {
  .site-header .wordmark { font-size:44px; flex-shrink:0; }
  .wordmark { font-weight:500; font-size:34px; letter-spacing:-2px; display:inline-flex; align-items:baseline; } .wordmark>span:first-child { color:var(--lime); font-weight:800; } .brand-dot { font-size:14px; letter-spacing:0; align-self:flex-start; margin:4px 0 0 5px; } .site-header nav>a { font-size:13px; font-weight:600; } .site-header nav>a:not(.nav-cta):hover { color:var(--lime); } .nav-cta { background:var(--lime); color:var(--ink); padding:13px 20px; border-radius:4px; } .nav-cta span { margin-left:24px; font-size:18px; } .menu-toggle { display:none; }
  .hero-topline,.hero-bottom,.art-label,.art-coordinate,.eyebrow,.card-kicker,.step-deliverable,.choice-index,.project-cover-top,.project-cover-bottom { font-family:'Courier New',monospace; font-size:11px; font-weight:500; letter-spacing:1.2px; } .hero-topline { display:flex; justify-content:space-between; align-items:center; color:#c0c6ce; } .hero-topline>span:first-child { display:flex; align-items:center; gap:10px; } .status-dot { height:7px; width:7px; background:var(--lime); border-radius:50%; box-shadow:0 0 16px #c7ff3d70; } .hero-index { color:#7c8694; } .hero h1 { font-size:clamp(64px,7.4vw,112px); font-weight:700; line-height:.97; letter-spacing:-6px; margin-bottom:30px; } .mobile-break { display:none; } .hero-copy>p { color:#b7c0cc; font-size:17px; max-width:430px; margin-bottom:32px; } .button { display:inline-flex; justify-content:space-between; align-items:center; gap:26px; padding:19px 23px; border:1px solid transparent; border-radius:4px; font-size:14px; font-weight:700; min-height:54px; transition:background .2s,transform .2s; } .button>span { font-size:22px; line-height:1; } .button:hover { transform:translateY(-3px); } .button-lime { background:var(--lime); color:var(--ink); } .button-lime:hover { background:#dcff8e; } .button-dark { color:var(--white); background:var(--ink); } .button-dark:hover { background:#24301d; } .button-outline-dark { border-color:var(--ink); color:var(--ink); } .button-outline-dark:hover { background:#0b0f1410; } .hero-bottom { display:flex; justify-content:space-between; align-items:center; padding-bottom:26px; color:#8e99a8; } .hero-bottom p { font-size:10px; line-height:1.6; } .hero-bottom a { color:var(--white); display:flex; align-items:center; gap:24px; font-family:Arial,sans-serif; letter-spacing:0; font-size:12px; } .hero-bottom a>span { font-size:26px; }
  .hero-art { position:relative; height:460px; isolation:isolate; overflow:hidden; border:1px solid #ffffff12; border-radius:50% 50% 5px 5px; background:radial-gradient(ellipse at 60% 40%,#20335766,transparent 66%); } .art-label { display:flex; justify-content:space-between; position:absolute; top:64px; left:30px; right:30px; font-size:8px; color:#84919d; z-index:3; } .orbit { position:absolute; width:350px; height:350px; left:50%; top:50%; border:1px solid #67789080; border-radius:50%; transform:translate(-50%,-50%) rotate(-30deg); } .orbit-one { height:160px; transform:translate(-50%,-50%) rotate(-40deg); animation:orbit-turn 22s linear infinite; } .orbit-two { width:150px; transform:translate(-50%,-50%) rotate(35deg); animation:orbit-turn 30s linear infinite reverse; } .orbit-three { width:310px; height:310px; border-color:#4670c454; } .idea-core { position:absolute; inset:50% auto auto 50%; width:196px; height:196px; border-radius:47.6px; background:var(--blue); box-shadow:inset -15px -16px 25px #071d7490,0 0 90px #3867ff45; transform:translate(-50%,-50%) rotate(-22deg); display:grid; place-items:center; animation:breathe 7s ease-in-out infinite; } .core-cross { height:123.2px; width:123.2px; background:var(--lime); clip-path:polygon(40% 0,60% 0,60% 25%,78% 7%,93% 22%,75% 40%,100% 40%,100% 60%,75% 60%,93% 78%,78% 93%,60% 75%,60% 100%,40% 100%,40% 75%,22% 93%,7% 78%,25% 60%,0 60%,0 40%,25% 40%,7% 22%,22% 7%,40% 25%); } .art-sticker { position:absolute; right:10px; bottom:38px; background:var(--lime); color:var(--ink); padding:17px 22px; transform:rotate(9deg); font-size:27px; font-weight:900; letter-spacing:-1.5px; line-height:.9; box-shadow:0 8px 35px #0007; } .art-sticker>span { color:#375707; } .art-coordinate { position:absolute; bottom:27px; left:25px; font-size:8px; color:#78889b; line-height:1.5; } .orbit-dot { position:absolute; background:var(--lime); width:14px; height:14px; border-radius:50%; top:120px; left:55px; }
  .ticker { overflow:hidden; background:var(--lime); color:var(--ink); padding-block:16px; } .ticker-track { display:flex; width:max-content; animation:ticker 32s linear infinite; } .ticker-track>span { white-space:nowrap; font-size:28px; font-weight:800; letter-spacing:-1px; padding-right:28px; } .ticker b { display:inline-block; margin-inline:30px; font-size:27px; }
  .eyebrow { color:#9aa6b5; margin-bottom:25px; font-size:11px; } h2 { font-size:clamp(36px,4.3vw,60px); letter-spacing:-2.8px; line-height:1.08; font-weight:600; } .intro h2 { font-size:clamp(32px,3.4vw,46px); } .intro-columns p { font-size:16px; color:var(--muted); } .services { padding-top:0; } .service-card { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:30px; overflow:hidden; transition:border-color .25s; } .service-card:hover { border-color:#c7ff3d80; } .card-kicker { display:flex; align-items:center; justify-content:space-between; color:#b9c4d5; font-size:10px; } .card-kicker>span:last-child { font-size:24px; } .service-card h3 { font-size:38px; letter-spacing:-1.6px; line-height:1.1; margin-bottom:18px; } .service-card>p { font-size:15px; color:#b1bbca; max-width:410px; } .mini-window { margin:32px auto 36px; border:1px solid #ffffff30; border-radius:6px; max-width:360px; transform:rotate(-3deg); background:var(--ink); transition:transform .5s; } .service-card:hover .mini-window { transform:rotate(0); } .window-bar { display:flex; align-items:center; gap:4px; border-bottom:1px solid #ffffff25; padding:9px 10px; } .window-bar i { width:4px; height:4px; background:#8692a1; border-radius:50%; } .window-bar>span { margin-left:auto; font-family:monospace; font-size:8px; color:#8190a3; } .window-content { height:170px; padding:24px; display:flex; justify-content:space-between; align-items:center; } .window-content>span { font-size:32px; font-weight:700; line-height:.93; letter-spacing:-1.6px; } .window-content b { color:var(--lime); } .window-star { font-size:108px; color:var(--blue); line-height:1; } .signal-art { position:relative; height:233px; margin:15px 0 20px; display:grid; place-items:center; overflow:hidden; } .signal { border:1px solid #3867ff70; width:110px; height:110px; position:absolute; border-radius:50%; } .signal-two { width:170px; height:170px; } .signal-three { width:230px; height:230px; } .signal-center { width:94px; height:94px; border-radius:50%; background:var(--blue); font-size:74px; display:grid; place-items:center; line-height:1; transform:rotate(-10deg); color:var(--lime); transition:transform .5s; } .service-card:hover .signal-center { transform:rotate(15deg); } .signal-caption { position:absolute; bottom:16px; right:10px; font-family:monospace; font-size:9px; background:var(--lime); color:var(--ink); padding:10px 12px; transform:rotate(-8deg); } .tag-list { display:flex; flex-wrap:wrap; gap:8px; margin:25px 0 30px; padding:0; list-style:none; } .tag-list li { border:1px solid #ffffff25; border-radius:30px; color:#b4bfce; font-size:11px; padding:8px 12px; } .text-link { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:22px; border-top:1px solid var(--line); font-weight:600; font-size:14px; } .text-link>span { font-size:25px; color:var(--lime); } .text-link:hover { color:var(--lime); } .service-note { display:flex; align-items:center; gap:18px; margin-top:26px; } .service-note>span { color:var(--lime); font-size:26px; } .service-note p { font-size:14px; color:#aeb9c7; } .service-note a { margin-left:auto; font-size:13px; border-bottom:1px solid #657044; padding-bottom:4px; }
  .process { background:#121922; border-block:1px solid var(--line); } .process-steps li { padding-top:23px; border-top:1px solid #ffffff30; position:relative; } .process-steps li:before { content:''; width:7px; height:7px; position:absolute; top:-4px; left:0; background:var(--lime); border-radius:50%; } .step-number { font-size:45px; color:var(--lime); letter-spacing:-2px; display:block; margin-bottom:34px; } .process-steps h3 { font-size:21px; line-height:1.15; letter-spacing:-.7px; min-height:48px; margin-bottom:16px; } .process-steps p { color:#aab5c5; font-size:14px; margin-bottom:25px; } .step-deliverable { color:#8291a6; font-size:9px; }
  .project-cover { min-height:340px; padding:25px; display:flex; flex-direction:column; justify-content:space-between; border-radius:6px; transition:transform .4s; overflow:hidden; } .project-card:hover .project-cover { transform:translateY(-5px); } .gbs-cover { color:#193443; background:#eeeae0; position:relative; }  .project-logo { display:block; align-self:center; width:min(100%,440px); height:220px; object-fit:contain; flex-shrink:1; } .project-cover-top { font-size:9px; letter-spacing:1px; }   .project-cover-bottom { display:flex; justify-content:space-between; align-items:center; font-size:8px; letter-spacing:.8px; } .project-cover-bottom b { font-size:24px; font-family:Arial,sans-serif; } .diesmi-cover { background:#e9eef0; color:#202d32; }   .project-meta { display:flex; justify-content:space-between; align-items:center; padding-top:20px; } .project-meta h3 { font-size:21px; letter-spacing:-.4px; } .project-meta>span { font-size:12px; color:var(--muted); } .project-disclosure { margin-top:25px; font-size:11px; color:#8e9bac; }
  .about-mark { width:100%; aspect-ratio:1.15; border-radius:50% 50% 4px 4px; background:var(--blue); display:grid; place-items:center; position:relative; font-size:clamp(100px,16vw,225px); letter-spacing:-18px; font-weight:800; color:var(--lime); overflow:hidden; } .about-mark>span { position:absolute; font-size:90px; right:22px; top:20px; letter-spacing:0; color:var(--white); } .about-copy h2 { margin-bottom:28px; } .about-copy>p:not(.eyebrow) { color:var(--muted); margin-bottom:20px; } .about-copy .text-link { margin-top:30px; }
  .faq { padding-top:15px; } .faq-list { border-top:1px solid var(--line); } details { border-bottom:1px solid var(--line); } summary { padding:24px 0; display:flex; justify-content:space-between; align-items:center; gap:20px; cursor:pointer; font-size:16px; line-height:1.4; list-style:none; } summary::-webkit-details-marker { display:none; } summary>span { font-size:25px; color:var(--lime); transition:transform .2s; flex-shrink:0; } details[open] summary>span { transform:rotate(45deg); } details p { color:var(--muted); font-size:14px; padding:0 35px 24px 0; }
  .contact { background:var(--lime); color:var(--ink); color-scheme:light; } .contact .eyebrow { color:#42551d; } .contact h2 { font-size:clamp(48px,7.2vw,98px); letter-spacing:-5px; position:relative; } .contact h2 em { color:var(--ink); } .contact h2>span { float:right; } .contact-heading>p:last-child { font-size:18px; margin-top:23px; } .contact-heading { padding-bottom:48px; border-bottom:1px solid #0b0f1438; margin-bottom:45px; } .choice-index { color:#3a4a1f; display:block; margin-bottom:24px; font-size:10px; } .contact-choices h3 { font-size:29px; letter-spacing:-1px; margin-bottom:16px; } .contact-choices p { color:#35471f; font-size:15px; max-width:420px; margin-bottom:25px; } .contact-choices .choice-note { margin-top:18px; font-size:12px; max-width:390px; } .email-alternative { display:block; width:fit-content; font-size:12px; border-bottom:1px solid #0b0f1480; margin-top:19px; padding-bottom:3px; } #lead-form { max-width:850px; } .form-grid label { display:flex; flex-direction:column; gap:10px; font-size:14px; font-weight:600; position:relative; } .form-grid label>span { position:absolute; top:0; right:0; } input:not([type=checkbox]),select { width:100%; background:#f7f9fc60; border:1px solid #0b0f1445; color:var(--ink); padding:15px; border-radius:4px; outline-offset:2px; min-height:52px; } input::placeholder { color:#536331; } select option { color:var(--ink); background:var(--white); } .check-label { display:flex; gap:12px; align-items:flex-start; font-size:13px; line-height:1.5; margin-block:20px; } input[type=checkbox] { accent-color:var(--ink); width:19px; height:19px; margin:0; flex-shrink:0; } .human-check { font-size:16px; margin-top:30px; } .check-label a { text-decoration:underline; } .form-hint { font-size:13px; color:#35471f; } .honeypot { position:absolute; left:-10000px; height:1px; width:1px; overflow:hidden; } #contact-turnstile { margin-block:20px; } #form-status { font-size:14px; margin-top:18px; font-weight:600; } #form-status[data-error=true] { color:#7b182a; } button:disabled { cursor:wait; opacity:.65; } .success-panel h3 { font-size:32px; margin-bottom:18px; } .success-panel p { max-width:620px; margin-bottom:25px; }
  .site-footer { padding-block:50px 30px; } .footer-top,.footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:25px; } .footer-top { padding-bottom:42px; } .footer-top>p { font-family:monospace; font-size:10px; letter-spacing:1px; color:#8e9aad; } .footer-top>a:last-child { font-size:14px; } .footer-bottom { padding-top:24px; border-top:1px solid var(--line); font-size:11px; color:#a1adbd; } .floating-contact { position:fixed; bottom:24px; right:24px; background:var(--white); color:var(--ink); display:flex; align-items:center; gap:10px; padding:12px 17px; border:1px solid #0b0f1430; border-radius:50px; box-shadow:0 4px 25px #0003; z-index:15; font-size:12px; font-weight:700; } .floating-contact>span:first-child { color:var(--blue); font-size:23px; line-height:1; } .floating-contact:hover { background:var(--lime); }
  @keyframes orbit-turn { from { transform:translate(-50%,-50%) rotate(-40deg); } to { transform:translate(-50%,-50%) rotate(320deg); } } @keyframes breathe { 0%,100% { transform:translate(-50%,-50%) rotate(-22deg) translateY(0); } 50% { transform:translate(-50%,-50%) rotate(-12deg) translateY(-10px); } } @keyframes ticker { to { transform:translateX(-50%); } }
  .motion-ready .reveal { opacity:0; transform:translateY(22px); transition:opacity .65s ease,transform .65s ease; } .motion-ready .reveal.is-visible { opacity:1; transform:none; }
}
@layer responsive {
  @media(min-width:1500px) { .site-header { padding-inline:max(56px,calc((100% - 1320px)/2)); } }
  @media(max-width:1100px) { .section-shell { width:calc(100% - 64px); } .site-header { padding-inline:32px; } .site-header nav { gap:23px; } .hero h1 { letter-spacing:-4px; } .hero-art { height:380px; } .art-label { font-size:7px; left:18px; right:18px; } .orbit { width:270px; height:270px; } .orbit-one { height:120px; } .orbit-two { width:110px; } .idea-core { width:156.8px; height:156.8px; border-radius:38.08px; } .core-cross { width:105px; height:105px; } .art-sticker { font-size:23px; bottom:25px; } .hero-grid { min-height:520px; } .intro { gap:32px; grid-template-columns:1fr 2.6fr; } .service-card { padding:25px; } .service-card h3 { font-size:34px; } .about { gap:60px; } .process-steps { gap:20px; } .project-cover { min-height:300px; }   }
  @media(max-width:800px) { .section-space { padding-block:76px; } .site-header { padding-block:18px; } .wordmark { font-size:30px; } .site-header .wordmark { font-size:38px; } .menu-toggle { display:flex; align-items:center; gap:14px; color:var(--white); border:1px solid var(--line); background:transparent; border-radius:4px; padding:10px 13px; font-size:13px; } .menu-toggle>span { font-size:19px; } .site-header nav { display:none; position:absolute; top:100%; left:0; right:0; padding:25px 32px; background:var(--ink); border-bottom:1px solid var(--line); flex-direction:column; align-items:stretch; gap:0; } .site-header nav.is-open { display:flex; } .site-header nav>a { padding:17px 12px; } .site-header nav .nav-cta { margin-top:12px; } .nav-cta span { float:right; } .hero-index { display:none; } .hero-grid { grid-template-columns:1.2fr .8fr; min-height:470px; } .hero h1 { font-size:68px; letter-spacing:-4px; } .hero-copy>p { font-size:15px; max-width:370px; } .hero-art { height:340px; margin-left:-40px; } .art-label { display:none; } .art-sticker { right:5px; bottom:20px; } .hero .button { padding:17px; font-size:12px; gap:12px; } .intro { display:block; } .intro>.eyebrow { margin-bottom:30px; } h2 { font-size:42px; letter-spacing:-2px; } .section-heading { align-items:flex-start; margin-bottom:40px; } .section-heading>p { font-size:13px; max-width:210px; } .service-grid { gap:16px; } .service-card { padding:20px; } .service-card h3 { font-size:29px; } .window-content { padding:20px 15px; } .window-content>span { font-size:25px; } .window-star { font-size:75px; } .service-note { flex-wrap:wrap; } .service-note a { margin-left:45px; } .process-steps { grid-template-columns:1fr 1fr; gap:40px 30px; } .process-steps h3 { min-height:0; } .step-number { margin-bottom:20px; } .project-cover { min-height:255px; padding:20px; }    .project-cover-top,.project-cover-bottom { font-size:7px; } .about { gap:35px; } .about-mark { letter-spacing:-12px; } .about-mark>span { font-size:60px; } .about-copy h2 { font-size:35px; } .about-copy>p:not(.eyebrow) { font-size:14px; } .faq { grid-template-columns:1fr; gap:35px; padding-top:0; } .contact h2 { font-size:65px; letter-spacing:-3px; } .contact-choices { gap:35px; } .contact-choices h3 { font-size:25px; } .contact-choices .button { font-size:12px; padding:17px; gap:13px; } .footer-top { flex-wrap:wrap; } }
  @media(max-width:600px) { .section-shell { width:calc(100% - 40px); } .section-space { padding-block:64px; } .site-header { padding-inline:20px; } .hero { padding-top:26px; } .hero-topline { font-size:9px; letter-spacing:.6px; } .hero-grid { display:flex; flex-direction:column; align-items:stretch; gap:10px; padding-top:40px; } .hero h1 { font-size:clamp(56px,14.5vw,85px); letter-spacing:-3.5px; line-height:1; } .hero-copy>p { font-size:16px; max-width:390px; margin-bottom:25px; } .hero .button { font-size:13px; padding:18px 20px; } .hero-art { height:285px; max-width:350px; width:100%; margin:25px auto 15px; } .art-sticker { right:15px; } .hero-bottom { padding-block:6px 22px; } .hero-bottom p { font-size:8px; } .hero-bottom a { font-size:11px; gap:16px; } .ticker { padding-block:13px; } .ticker-track>span { font-size:22px; } .ticker b { font-size:23px; margin-inline:20px; } h2,.intro h2 { font-size:36px; letter-spacing:-1.8px; } .eyebrow { font-size:9px; margin-bottom:20px; letter-spacing:1px; } .intro-columns { grid-template-columns:1fr; gap:18px; margin-top:26px; } .intro-columns p { font-size:15px; } .section-heading { display:block; margin-bottom:30px; } .section-heading>p { margin-top:23px; max-width:100%; font-size:14px; } .services { padding-top:0; } .service-grid,.project-grid { grid-template-columns:1fr; gap:25px; } .service-card { padding:25px; } .service-card h3 { font-size:34px; } .window-content>span { font-size:32px; } .window-star { font-size:100px; } .service-note { display:grid; grid-template-columns:24px 1fr; gap:10px 15px; } .service-note p { font-size:13px; } .service-note a { margin:0; grid-column:2; justify-self:start; font-size:12px; } .process-steps { gap:34px 22px; } .step-number { font-size:35px; } .process-steps h3 { font-size:19px; min-height:44px; } .process-steps p { font-size:13px; } .step-deliverable { font-size:8px; letter-spacing:.5px; } .project-cover { min-height:300px; }    .project-cover-top,.project-cover-bottom { font-size:8px; } .project-grid { gap:38px; } .project-meta h3 { font-size:19px; } .about { grid-template-columns:1fr; gap:35px; } .about-mark { max-width:390px; aspect-ratio:1.45; font-size:155px; } .about-copy h2 { font-size:36px; } .about-copy>p:not(.eyebrow) { font-size:15px; } .faq { padding-top:0; } summary { font-size:15px; padding-block:22px; } .contact h2 { font-size:52px; letter-spacing:-2.8px; max-width:340px; } .contact h2>span { display:none; } .contact-heading>p:last-child { font-size:16px; } .contact-heading { margin-bottom:30px; padding-bottom:30px; } .contact-choices { grid-template-columns:1fr; gap:35px; } .contact-choices article+article { border-top:1px solid #0b0f1435; padding-top:30px; } .contact-choices .button { font-size:14px; padding:18px 20px; } .contact-choices h3 { font-size:27px; } .form-grid { grid-template-columns:1fr; gap:22px; } .human-check { font-size:14px; } .site-footer { padding-block:35px 85px; } .footer-top { gap:22px; padding-bottom:25px; } .footer-top>p { display:none; } .footer-top>a:last-child { font-size:13px; width:100%; } .footer-bottom { flex-wrap:wrap; gap:20px; font-size:10px; } .floating-contact { bottom:14px; right:14px; padding:11px 15px; } .floating-contact>span:first-child { font-size:19px; } }
  @media(max-width:359px) { .hero h1 { font-size:49px; letter-spacing:-3px; } .process-steps { grid-template-columns:1fr; } .process-steps h3 { min-height:0; } .service-card { padding:20px; }  }
  @media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important; transition:none!important; } .motion-ready .reveal { opacity:1; transform:none; } }
}

@layer components { .motion-toggle { color:#a4acb8; background:none; border:0; font-size:10px; padding:10px; cursor:pointer; } .motion-paused *, .motion-paused *::before, .motion-paused *::after { animation-play-state:paused!important; transition:none!important; } .motion-paused .reveal { opacity:1!important; transform:none!important; } }
@layer responsive { @media(max-width:600px) { .hero-bottom { flex-wrap:wrap; gap:12px; } .hero-bottom>p { display:none; } .motion-toggle { padding-left:0; } } @media(prefers-reduced-motion:reduce) { .motion-toggle { display:none; } } }