/* Visual V1 desktop proportions. Reference: 1536 CSS px / 1200 px content.
 * Existing styles own surfaces, interaction and compact layouts.
 * Space follows --golden-scale; type retains root-font influence and floors.
 * Raster support keeps its fixed 100-unit projected coordinate basis.
 */
@media (min-width:1101px) {
  :root.golden-layout {
    --shadow: 0 calc(24px * var(--golden-scale)) calc(70px * var(--golden-scale)) rgba(3,7,21,.24);
    --max: calc(1200px * var(--golden-scale));
    scroll-padding-top: calc(76px * var(--golden-scale));
  }
  html.golden-layout {
    min-width: calc(320px * var(--golden-scale));
  }
  .golden-layout body {
    margin: calc(0px * var(--golden-scale));
    line-height: 1.62;
    font-size: calc(19px + 12.35px * (var(--golden-scale) - 1) + 0.41562499999999997 * (1rem - 16px));
  }
  .golden-layout button,
  .golden-layout input,
  .golden-layout select,
  .golden-layout textarea {
    font-size: inherit;
  }
  .golden-layout img {
    max-width: 100%;
  }
  .golden-layout .wrap {
    margin-inline: auto;
  }
  .golden-layout .grid {
    gap: calc(16px * var(--golden-scale));
  }
  .golden-layout .site-header {
    top: calc(0px * var(--golden-scale));
  }
  .golden-layout .brand {
    min-width: max-content;
  }
  .golden-layout .nav-links a,
  .golden-layout .lang button {
    padding: calc(8px * var(--golden-scale)) calc(10px * var(--golden-scale));
    font-size: max(10px,calc(13px + 8.450000000000001px * (var(--golden-scale) - 1) + 0.284375 * (1rem - 16px)));
  }
  .golden-layout .lang {
    gap: calc(2px * var(--golden-scale));
  }
  .golden-layout .menu-toggle {
    min-width: calc(40px * var(--golden-scale));
    min-height: calc(40px * var(--golden-scale));
  }
  .golden-layout .menu-toggle svg {
    width: calc(19px * var(--golden-scale));
    height: calc(19px * var(--golden-scale));
  }
  .golden-layout .hero,
  .golden-layout .section {
    scroll-margin-top: calc(68px * var(--golden-scale));
  }
  .golden-layout .hero::before,
  .golden-layout .section::before {
    inset: calc(0px * var(--golden-scale));
  }
  .golden-layout .hero-brandline {
    width: fit-content;
  }
  .golden-layout .hero-brandline::before {
    width: calc(6px * var(--golden-scale));
  }
  .golden-layout .hero h1,
  .golden-layout .section-head h2 {
    margin: calc(0px * var(--golden-scale));
    padding: calc(0px * var(--golden-scale));
    line-height: 1.08;
    letter-spacing: -0.045em;
  }
  .golden-layout .hero h1 {
    max-width: calc(650px * var(--golden-scale));
  }
  .golden-layout .hero p,
  .golden-layout .section-head p {
    margin: calc(0px * var(--golden-scale));
    font-size: clamp(calc(17px + 11.05px * (var(--golden-scale) - 1) + 0.37187499999999996 * (1rem - 16px)), 1.45vw, calc(20px + 13px * (var(--golden-scale) - 1) + 0.4375 * (1rem - 16px)));
    line-height: 1.62;
  }
  .golden-layout .btn {
    gap: calc(8px * var(--golden-scale));
    min-height: calc(46px * var(--golden-scale));
    padding: calc(10px * var(--golden-scale)) calc(16px * var(--golden-scale));
    font-size: max(10px,calc(14px + 9.1px * (var(--golden-scale) - 1) + 0.30624999999999997 * (1rem - 16px)));
  }
  .golden-layout .hero .hero-proof {
    line-height: 1.6;
  }
  .golden-layout .section-head {
    margin: calc(0px * var(--golden-scale)) calc(0px * var(--golden-scale)) calc(32px * var(--golden-scale));
  }
  .golden-layout .section-head .eyebrow,
  .golden-layout .eyebrow {
    line-height: 1.5;
    font-size: calc(11px + 7.15px * (var(--golden-scale) - 1) + 0.24062499999999998 * (1rem - 16px));
    letter-spacing: 0.1em;
  }
  .golden-layout .section-head p {
    max-width: calc(720px * var(--golden-scale));
  }
  .golden-layout .light-section {
    --shadow: 0 calc(18px * var(--golden-scale)) calc(46px * var(--golden-scale)) rgba(47,64,115,.1);
  }
  .golden-layout .artifact-slot {
    min-width: calc(0px * var(--golden-scale));
  }
  .golden-layout .artifact-stage-shell {
    width: 100%;
    height: clamp(calc(300px * var(--golden-scale)), 39vw, calc(470px * var(--golden-scale)));
  }
  .golden-layout .artifact-stage-shell::before {
    inset: 9% 11%;
  }
  .golden-layout .artifact-stage-shell::after {
    inset: 16% 18%;
  }
  .golden-layout .homepage-artifact-canvas {
    width: 100%;
    height: 100%;
  }
  .golden-layout .caption-index {
    line-height: normal;
    letter-spacing: 0.08em;
  }
  .golden-layout .caption-copy {
    min-width: calc(0px * var(--golden-scale));
  }
  .golden-layout .caption-copy h3 {
    margin: calc(0px * var(--golden-scale));
  }
  .golden-layout .caption-copy p {
    margin: calc(0px * var(--golden-scale));
  }
  .golden-layout .caption-pair .artifact-caption {
    min-height: calc(40px * var(--golden-scale));
  }
  .golden-layout .artifact-placeholder {
    inset: calc(0px * var(--golden-scale));
  }
  .golden-layout .grid-3,
  .golden-layout .grid-4,
  .golden-layout .grid-5 {
    grid-template-columns: repeat(3, minmax(calc(0px * var(--golden-scale)), 1fr));
  }
  .golden-layout .card {
    padding: calc(21px * var(--golden-scale));
  }
  .golden-layout .card h3 {
    margin: calc(0px * var(--golden-scale)) calc(0px * var(--golden-scale)) calc(8px * var(--golden-scale));
    line-height: 1.35;
  }
  .golden-layout .card p {
    margin: calc(0px * var(--golden-scale));
    line-height: 1.6;
  }
  .golden-layout .problem-card {
    grid-template-columns: calc(37px * var(--golden-scale)) 1fr;
    gap: calc(13px * var(--golden-scale));
    padding: calc(20px * var(--golden-scale));
  }
  .golden-layout .number {
    line-height: normal;
    font-size: calc(10px + 6.5px * (var(--golden-scale) - 1) + 0.21875 * (1rem - 16px));
    letter-spacing: 0.08em;
  }
  .golden-layout .service-card summary h3 {
    margin: calc(0px * var(--golden-scale));
  }
  .golden-layout .service-card summary::after {
    font-size: max(16px,calc(22px + 14.3px * (var(--golden-scale) - 1) + 0.48124999999999996 * (1rem - 16px)));
  }
  .golden-layout .service-icon svg {
    width: 100%;
    height: 100%;
  }
  .golden-layout .service-body p {
    margin: calc(0px * var(--golden-scale));
  }
  .golden-layout .service-illustration svg {
    width: 100%;
    height: 100%;
  }
  .golden-layout .service-body .tags {
    gap: calc(6px * var(--golden-scale));
    margin-top: calc(7px * var(--golden-scale));
  }
  .golden-layout .service-body .btn {
    width: max-content;
  }
  .golden-layout .service-artifact .artifact-caption {
    padding-inline: calc(8px * var(--golden-scale));
  }
  .golden-layout .entry-layout,
  .golden-layout .method-layout,
  .golden-layout .stack-layout,
  .golden-layout .faq-layout {
    grid-template-columns: minmax(calc(0px * var(--golden-scale)), 1fr) calc(250px * var(--golden-scale));
    gap: calc(38px * var(--golden-scale));
  }
  .golden-layout .offer-grid {
    grid-template-columns: repeat(2, minmax(calc(0px * var(--golden-scale)), 1fr));
  }
  .golden-layout .offer-card {
    min-height: calc(205px * var(--golden-scale));
  }
  .golden-layout .offer-card h3 {
    font-size: max(16px,calc(17px + 11.05px * (var(--golden-scale) - 1) + 0.37187499999999996 * (1rem - 16px)));
  }
  .golden-layout .entry-artifact .artifact-stage-shell,
  .golden-layout .faq-artifact .artifact-stage-shell,
  .golden-layout .contact-artifact .artifact-stage-shell {
    height: calc(225px * var(--golden-scale));
  }
  .golden-layout .entry-artifact .artifact-caption,
  .golden-layout .faq-artifact .artifact-caption,
  .golden-layout .contact-artifact .artifact-caption {
    padding-inline: calc(8px * var(--golden-scale));
  }
  .golden-layout .method-grid {
    grid-template-columns: repeat(5, minmax(calc(0px * var(--golden-scale)), 1fr));
  }
  .golden-layout .method-card .number {
    margin-bottom: calc(18px * var(--golden-scale));
  }
  .golden-layout .method-card::after {
    top: calc(29px * var(--golden-scale));
    right: calc(-13px * var(--golden-scale));
    width: calc(14px * var(--golden-scale));
    height: calc(1px * var(--golden-scale));
  }
  .golden-layout .stack-groups {
    grid-template-columns: repeat(2, minmax(calc(0px * var(--golden-scale)), 1fr));
  }
  .golden-layout .stack-group {
    min-height: calc(122px * var(--golden-scale));
    padding: calc(16px * var(--golden-scale));
  }
  .golden-layout .stack-group h3 {
    margin-bottom: calc(9px * var(--golden-scale));
    line-height: normal;
    letter-spacing: 0.08em;
  }
  .golden-layout .stack-group ul {
    margin: calc(0px * var(--golden-scale));
    padding: calc(0px * var(--golden-scale));
  }
  .golden-layout .faq-list summary {
    gap: calc(15px * var(--golden-scale));
  }
  .golden-layout .faq-list summary::after {
    font-size: max(16px,calc(23px + 14.950000000000001px * (var(--golden-scale) - 1) + 0.5031249999999999 * (1rem - 16px)));
  }
  .golden-layout .faq-list details p {
    margin: calc(0px * var(--golden-scale));
  }
  .golden-layout .contact-card {
    padding: clamp(calc(20px * var(--golden-scale)), 3vw, calc(34px * var(--golden-scale)));
  }
  .golden-layout .contact-card h2 {
    margin: calc(10px * var(--golden-scale)) calc(0px * var(--golden-scale));
    font-size: clamp(calc(26px + 16.900000000000002px * (var(--golden-scale) - 1) + 0.56875 * (1rem - 16px)), 2.6vw, calc(34px + 22.1px * (var(--golden-scale) - 1) + 0.7437499999999999 * (1rem - 16px)));
    line-height: 1.13;
    letter-spacing: -0.035em;
  }
  .golden-layout .contact-card p {
    font-size: max(10px,calc(15px + 9.75px * (var(--golden-scale) - 1) + 0.328125 * (1rem - 16px)));
  }
  .golden-layout .contact-links,
  .golden-layout .trust-list {
    padding: calc(0px * var(--golden-scale));
  }
  .golden-layout .trust-list {
    margin: calc(18px * var(--golden-scale)) calc(0px * var(--golden-scale)) calc(0px * var(--golden-scale));
  }
  .golden-layout .trust-list li::before {
    padding-right: calc(9px * var(--golden-scale));
  }
  .golden-layout .contact-artifact .artifact-caption {
    padding: calc(5px * var(--golden-scale));
  }
  .golden-layout .contact-artifact .caption-copy h3 {
    font-size: max(10px,calc(12px + 7.800000000000001px * (var(--golden-scale) - 1) + 0.26249999999999996 * (1rem - 16px)));
  }
  .golden-layout .contact-artifact .caption-copy p {
    font-size: max(10px,calc(10px + 6.5px * (var(--golden-scale) - 1) + 0.21875 * (1rem - 16px)));
  }
  .golden-layout .contact-artifact .caption-index {
    font-size: max(9px,calc(9px + 5.8500000000000005px * (var(--golden-scale) - 1) + 0.196875 * (1rem - 16px)));
  }
  .golden-layout .form-row {
    grid-template-columns: 1fr 1fr;
  }
  .golden-layout .contact-grid input,
  .golden-layout .contact-grid select,
  .golden-layout .contact-grid textarea {
    width: 100%;
  }
  .golden-layout .contact-grid .btn {
    width: max-content;
  }
  .golden-layout .privacy-note {
    margin: calc(0px * var(--golden-scale));
    font-size: max(10px,calc(12px + 7.800000000000001px * (var(--golden-scale) - 1) + 0.26249999999999996 * (1rem - 16px))) !important;
  }
  .golden-layout .form-status {
    min-height: calc(22px * var(--golden-scale));
    margin: calc(0px * var(--golden-scale));
    font-size: max(10px,calc(13px + 8.450000000000001px * (var(--golden-scale) - 1) + 0.284375 * (1rem - 16px))) !important;
  }
  .golden-layout .hp-field {
    width: calc(1px * var(--golden-scale)) !important;
    height: calc(1px * var(--golden-scale)) !important;
    padding: calc(0px * var(--golden-scale)) !important;
    margin: calc(-1px * var(--golden-scale)) !important;
  }
  .golden-layout .portfolio-disclosure {
    max-width: calc(780px * var(--golden-scale));
    font-size: max(10px,calc(12px + 7.800000000000001px * (var(--golden-scale) - 1) + 0.26249999999999996 * (1rem - 16px)));
  }
  .golden-layout .portfolio-preview {
    grid-template-rows: auto auto 1fr auto;
    gap: calc(5px * var(--golden-scale)) calc(18px * var(--golden-scale));
  }
  .golden-layout .portfolio-preview h3 {
    margin: calc(0px * var(--golden-scale));
  }
  .golden-layout .portfolio-preview p {
    margin: calc(0px * var(--golden-scale));
  }
  .golden-layout .portfolio-preview .preview-link {
    width: max-content;
    margin-top: calc(5px * var(--golden-scale));
    font-size: max(10px,calc(12px + 7.800000000000001px * (var(--golden-scale) - 1) + 0.26249999999999996 * (1rem - 16px)));
  }
  .golden-layout .portfolio-actions {
    margin-top: calc(19px * var(--golden-scale));
  }
  .golden-layout .portfolio-actions .btn {
    width: max-content;
  }
  .golden-layout .footer {
    padding: calc(26px * var(--golden-scale)) calc(0px * var(--golden-scale));
    font-size: max(10px,calc(12px + 7.800000000000001px * (var(--golden-scale) - 1) + 0.26249999999999996 * (1rem - 16px)));
  }
  .golden-layout .footer .wrap {
    gap: calc(9px * var(--golden-scale)) calc(22px * var(--golden-scale));
  }
  .golden-layout .footer .owner-credit {
    margin-left: auto;
  }
  .golden-layout .artifact-fallback {
    inset: calc(0px * var(--golden-scale));
    width: 100%;
    height: 100%;
  }
  .golden-layout .artifact-error {
    bottom: calc(5px * var(--golden-scale));
    left: calc(8px * var(--golden-scale));
    right: calc(8px * var(--golden-scale));
    margin: calc(0px * var(--golden-scale));
    font-size: max(10px,calc(11px + 7.15px * (var(--golden-scale) - 1) + 0.24062499999999998 * (1rem - 16px)));
  }
  .golden-layout #contact .contact-head {
    max-width: calc(850px * var(--golden-scale));
    margin-bottom: calc(23px * var(--golden-scale));
  }
  .golden-layout .contact-support-card .contact-links {
    margin-top: calc(0px * var(--golden-scale));
  }
  .golden-layout #portfolioGrid {
    grid-template-columns: repeat(2, minmax(calc(0px * var(--golden-scale)), 1fr));
  }
  .golden-layout .portfolio-preview {
    grid-template-columns: calc(180px * var(--golden-scale)) minmax(calc(0px * var(--golden-scale)), 1fr);
  }
  .golden-layout .portfolio-media {
    width: calc(180px * var(--golden-scale));
    height: calc(132px * var(--golden-scale));
  }
  .golden-layout #projectForm .form-status[data-tone="success"] {
    gap: calc(16px * var(--golden-scale));
    min-height: calc(100px * var(--golden-scale));
    padding: calc(20px * var(--golden-scale));
  }
  .golden-layout .confirmation-mark {
    width: calc(48px * var(--golden-scale));
    height: calc(48px * var(--golden-scale));
    flex: 0 0 auto;
  }
  .golden-layout .confirmation-copy strong {
    font-size: max(16px,calc(20px + 13px * (var(--golden-scale) - 1) + 0.4375 * (1rem - 16px)));
    line-height: 1.3;
  }
  .golden-layout .confirmation-copy p {
    margin: calc(5px * var(--golden-scale)) calc(0px * var(--golden-scale)) calc(0px * var(--golden-scale));
    font-size: max(10px,calc(14px + 9.1px * (var(--golden-scale) - 1) + 0.30624999999999997 * (1rem - 16px)));
    line-height: 1.55;
  }
  :root.golden-layout {
    --radius: calc(6px * var(--golden-scale));
  }
  .golden-layout .lang {
    padding: calc(0px * var(--golden-scale));
  }
  .golden-layout .hero::after,
  .golden-layout .section::after {
    inset: auto calc(0px * var(--golden-scale)) calc(-1px * var(--golden-scale));
    height: calc(161px * var(--golden-scale));
  }
  .golden-layout .hero-copy {
    max-width: calc(570px * var(--golden-scale));
  }
  .golden-layout .hero-brandline {
    padding: calc(0px * var(--golden-scale));
    line-height: 1.6;
  }
  .golden-layout .actions {
    gap: calc(22px * var(--golden-scale));
  }
  .golden-layout .hero .actions .btn:not(.primary) {
    padding-inline: calc(0px * var(--golden-scale));
  }
  .golden-layout .hero-proof a::before {
    font-size: max(16px,calc(18px + 11.700000000000001px * (var(--golden-scale) - 1) + 0.39375 * (1rem - 16px)));
  }
  .golden-layout .section {
    padding: calc(88px * var(--golden-scale)) calc(0px * var(--golden-scale)) calc(180px * var(--golden-scale));
  }
  .golden-layout .section-head {
    max-width: calc(820px * var(--golden-scale));
    margin-bottom: calc(32px * var(--golden-scale));
    gap: calc(11px * var(--golden-scale));
  }
  .golden-layout .eyebrow,
  .golden-layout .section-head .eyebrow {
    line-height: 1.5;
  }
  .golden-layout .artifact-viewport {
    width: 100%;
    height: 100%;
  }
  .golden-layout .artifact-caption {
    min-height: calc(45px * var(--golden-scale));
    gap: calc(10px * var(--golden-scale));
    padding: calc(7px * var(--golden-scale)) calc(4px * var(--golden-scale));
  }
  .golden-layout .caption-index {
    font-size: max(10px,calc(10px + 6.5px * (var(--golden-scale) - 1) + 0.21875 * (1rem - 16px)));
  }
  .golden-layout .caption-rule {
    width: calc(24px * var(--golden-scale));
    height: calc(1px * var(--golden-scale));
  }
  .golden-layout .caption-copy h3 {
    line-height: 1.5;
    font-size: calc(11px + 7.15px * (var(--golden-scale) - 1) + 0.24062499999999998 * (1rem - 16px));
    letter-spacing: 0.13em;
  }
  .golden-layout .caption-copy p {
    margin-top: calc(2px * var(--golden-scale));
    line-height: 1.6;
    font-size: calc(10px + 6.5px * (var(--golden-scale) - 1) + 0.21875 * (1rem - 16px));
  }
  .golden-layout .hero-artifact {
    padding: calc(0px * var(--golden-scale));
  }
  .golden-layout .hero-artifact .caption-pair {
    grid-template-columns: 1fr 1fr;
    gap: calc(10px * var(--golden-scale));
    margin-left: calc(60px * var(--golden-scale));
  }
  .golden-layout .caption-pair .caption-rule {
    width: calc(16px * var(--golden-scale));
  }
  .golden-layout .hero-system-inputs span {
    width: max-content;
    padding: calc(5px * var(--golden-scale)) calc(7px * var(--golden-scale));
  }
  .golden-layout .hero-system-lines {
    left: calc(28px * var(--golden-scale));
    top: calc(0px * var(--golden-scale));
  }
  .golden-layout .card h3 {
    font-size: max(16px,calc(18px + 11.700000000000001px * (var(--golden-scale) - 1) + 0.39375 * (1rem - 16px)));
  }
  .golden-layout .card p {
    font-size: max(16px,calc(16px + 10.4px * (var(--golden-scale) - 1) + 0.35 * (1rem - 16px)));
  }
  .golden-layout .problem-grid {
    grid-template-columns: repeat(2, minmax(calc(0px * var(--golden-scale)), 1fr));
    gap: calc(0px * var(--golden-scale)) calc(72px * var(--golden-scale));
  }
  .golden-layout .problem-card,
  .golden-layout .light-section .problem-card {
    column-gap: calc(17px * var(--golden-scale));
  }
  .golden-layout .problem-card h3 {
    margin-bottom: calc(6px * var(--golden-scale));
  }
  .golden-layout .problem-glyph {
    padding-top: calc(2px * var(--golden-scale));
  }
  .golden-layout .services-layout {
    grid-template-columns: minmax(calc(0px * var(--golden-scale)), 1fr) calc(290px * var(--golden-scale));
    gap: calc(48px * var(--golden-scale));
  }
  .golden-layout .service-controls {
    gap: calc(5px * var(--golden-scale));
    margin-bottom: calc(20px * var(--golden-scale));
  }
  .golden-layout .service-controls button {
    min-height: calc(44px * var(--golden-scale));
    padding: calc(10px * var(--golden-scale)) calc(15px * var(--golden-scale));
    font-size: max(10px,calc(13px + 8.450000000000001px * (var(--golden-scale) - 1) + 0.284375 * (1rem - 16px)));
  }
  .golden-layout .service-panel {
    gap: calc(11px * var(--golden-scale));
  }
  .golden-layout .service-card summary {
    grid-template-columns: calc(26px * var(--golden-scale)) minmax(calc(0px * var(--golden-scale)), 1fr) calc(62px * var(--golden-scale)) calc(20px * var(--golden-scale));
    gap: calc(14px * var(--golden-scale));
    padding: calc(11px * var(--golden-scale)) calc(20px * var(--golden-scale));
  }
  .golden-layout .service-card summary h3 {
    font-size: max(16px,calc(17px + 11.05px * (var(--golden-scale) - 1) + 0.37187499999999996 * (1rem - 16px)));
    line-height: 1.4;
  }
  .golden-layout .service-icon {
    width: calc(62px * var(--golden-scale));
    height: calc(56px * var(--golden-scale));
  }
  .golden-layout .tag {
    padding: calc(3px * var(--golden-scale)) calc(6px * var(--golden-scale));
    font-size: max(10px,calc(10px + 6.5px * (var(--golden-scale) - 1) + 0.21875 * (1rem - 16px)));
    line-height: 1.5;
  }
  .golden-layout .service-body .btn {
    max-width: 100%;
    margin-top: calc(3px * var(--golden-scale));
  }
  .golden-layout .service-artifact {
    top: calc(100px * var(--golden-scale));
  }
  .golden-layout .service-artifact .artifact-stage-shell {
    height: calc(280px * var(--golden-scale));
  }
  .golden-layout .service-artifact .caption-copy p {
    font-size: max(10px,calc(10px + 6.5px * (var(--golden-scale) - 1) + 0.21875 * (1rem - 16px)));
  }
  .golden-layout .service-artifact .caption-copy h3 {
    font-size: max(10px,calc(11px + 7.15px * (var(--golden-scale) - 1) + 0.24062499999999998 * (1rem - 16px)));
  }
  .golden-layout .entry-layout,
  .golden-layout .method-layout,
  .golden-layout .faq-layout {
    grid-template-columns: minmax(calc(0px * var(--golden-scale)), 1fr) calc(260px * var(--golden-scale));
    gap: calc(48px * var(--golden-scale));
  }
  .golden-layout .offer-grid {
    gap: calc(22px * var(--golden-scale));
  }
  .golden-layout .offer-card,
  .golden-layout .light-section .offer-card {
    min-height: calc(240px * var(--golden-scale));
    padding: calc(23px * var(--golden-scale));
  }
  .golden-layout .offer-card .number {
    margin-bottom: calc(16px * var(--golden-scale));
  }
  .golden-layout .offer-card p {
    font-size: max(16px,calc(16px + 10.4px * (var(--golden-scale) - 1) + 0.35 * (1rem - 16px)));
  }
  .golden-layout .offer-card .btn {
    margin-top: calc(20px * var(--golden-scale));
    min-height: calc(42px * var(--golden-scale));
    font-size: max(10px,calc(12px + 7.800000000000001px * (var(--golden-scale) - 1) + 0.26249999999999996 * (1rem - 16px)));
  }
  .golden-layout .entry-artifact .artifact-stage-shell {
    height: calc(240px * var(--golden-scale));
  }
  .golden-layout .method-grid {
    gap: calc(20px * var(--golden-scale));
  }
  .golden-layout .method-card {
    min-height: calc(0px * var(--golden-scale));
    padding: calc(17px * var(--golden-scale)) calc(0px * var(--golden-scale)) calc(0px * var(--golden-scale));
  }
  .golden-layout .method-card::before {
    top: calc(-4px * var(--golden-scale));
    left: calc(0px * var(--golden-scale));
    width: calc(7px * var(--golden-scale));
    height: calc(7px * var(--golden-scale));
  }
  .golden-layout .method-card h3 {
    font-size: max(16px,calc(16px + 10.4px * (var(--golden-scale) - 1) + 0.35 * (1rem - 16px)));
  }
  .golden-layout .method-card p {
    font-size: max(10px,calc(14px + 9.1px * (var(--golden-scale) - 1) + 0.30624999999999997 * (1rem - 16px)));
  }
  .golden-layout .method-artifact .artifact-stage-shell {
    height: calc(270px * var(--golden-scale));
  }
  .golden-layout .stack-layout {
    grid-template-columns: minmax(calc(0px * var(--golden-scale)), 1fr) minmax(calc(380px * var(--golden-scale)), 0.98fr);
    gap: calc(56px * var(--golden-scale));
  }
  .golden-layout .stack-groups {
    gap: calc(0px * var(--golden-scale)) calc(30px * var(--golden-scale));
  }
  .golden-layout .stack-group,
  .golden-layout .light-section .stack-group {
    min-height: calc(0px * var(--golden-scale));
    padding: calc(18px * var(--golden-scale)) calc(0px * var(--golden-scale));
  }
  .golden-layout .stack-group h3 {
    font-size: max(10px,calc(10px + 6.5px * (var(--golden-scale) - 1) + 0.21875 * (1rem - 16px)));
  }
  .golden-layout .stack-group li {
    font-size: max(10px,calc(15px + 9.75px * (var(--golden-scale) - 1) + 0.328125 * (1rem - 16px)));
    line-height: 1.65;
  }
  .golden-layout .stack-artifact .artifact-stage-shell {
    height: calc(460px * var(--golden-scale));
  }
  .golden-layout .faq-list {
    gap: calc(0px * var(--golden-scale));
  }
  .golden-layout .faq-list summary {
    min-height: calc(68px * var(--golden-scale));
    padding: calc(17px * var(--golden-scale)) calc(0px * var(--golden-scale));
    font-size: max(16px,calc(17px + 11.05px * (var(--golden-scale) - 1) + 0.37187499999999996 * (1rem - 16px)));
  }
  .golden-layout .faq-list details p {
    padding: calc(0px * var(--golden-scale)) calc(30px * var(--golden-scale)) calc(22px * var(--golden-scale)) calc(0px * var(--golden-scale));
    font-size: max(16px,calc(16px + 10.4px * (var(--golden-scale) - 1) + 0.35 * (1rem - 16px)));
  }
  .golden-layout .faq-artifact .artifact-stage-shell {
    height: calc(230px * var(--golden-scale));
  }
  .golden-layout .contact-grid {
    grid-template-columns: minmax(calc(0px * var(--golden-scale)), 0.85fr) minmax(calc(0px * var(--golden-scale)), 1.15fr);
    gap: calc(48px * var(--golden-scale));
  }
  .golden-layout .contact-card,
  .golden-layout .light-section .contact-card {
    padding: calc(0px * var(--golden-scale));
  }
  .golden-layout .contact-support-card {
    padding-top: calc(15px * var(--golden-scale));
  }
  .golden-layout .contact-links {
    gap: calc(13px * var(--golden-scale));
    margin: calc(0px * var(--golden-scale));
    font-size: max(16px,calc(16px + 10.4px * (var(--golden-scale) - 1) + 0.35 * (1rem - 16px)));
  }
  .golden-layout .trust-list {
    gap: calc(12px * var(--golden-scale));
    margin-top: calc(28px * var(--golden-scale));
    font-size: max(10px,calc(15px + 9.75px * (var(--golden-scale) - 1) + 0.328125 * (1rem - 16px)));
  }
  .golden-layout .contact-artifact {
    grid-template-columns: calc(180px * var(--golden-scale)) 1fr;
    gap: calc(8px * var(--golden-scale));
    margin-top: calc(22px * var(--golden-scale));
  }
  .golden-layout .contact-artifact .artifact-stage-shell {
    height: calc(180px * var(--golden-scale));
  }
  .golden-layout .contact-form-card,
  .golden-layout .light-section .contact-form-card {
    padding: calc(28px * var(--golden-scale));
  }
  .golden-layout .contact-grid form {
    gap: calc(17px * var(--golden-scale));
  }
  .golden-layout .form-row {
    gap: calc(15px * var(--golden-scale));
  }
  .golden-layout .contact-grid label {
    font-size: max(10px,calc(13px + 8.450000000000001px * (var(--golden-scale) - 1) + 0.284375 * (1rem - 16px)));
    gap: calc(7px * var(--golden-scale));
  }
  .golden-layout .contact-grid input,
  .golden-layout .contact-grid select,
  .golden-layout .contact-grid textarea {
    min-height: calc(46px * var(--golden-scale));
    padding: calc(11px * var(--golden-scale)) calc(12px * var(--golden-scale));
    font-size: max(10px,calc(15px + 9.75px * (var(--golden-scale) - 1) + 0.328125 * (1rem - 16px)));
  }
  .golden-layout .contact-grid textarea {
    min-height: calc(126px * var(--golden-scale));
  }
  .golden-layout .portfolio-preview {
    padding: calc(20px * var(--golden-scale));
  }
  .golden-layout .portfolio-preview h3 {
    font-size: max(16px,calc(17px + 11.05px * (var(--golden-scale) - 1) + 0.37187499999999996 * (1rem - 16px)));
  }
  .golden-layout .portfolio-preview p {
    font-size: max(10px,calc(14px + 9.1px * (var(--golden-scale) - 1) + 0.30624999999999997 * (1rem - 16px)));
  }
  .golden-layout .portfolio-disclosure {
    margin-top: calc(24px * var(--golden-scale));
  }
  .golden-layout .service-heading p {
    margin: calc(4px * var(--golden-scale)) calc(0px * var(--golden-scale)) calc(0px * var(--golden-scale));
    font-size: max(10px,calc(12px + 7.800000000000001px * (var(--golden-scale) - 1) + 0.26249999999999996 * (1rem - 16px)));
    line-height: 1.5;
  }
  .golden-layout .service-highlights {
    gap: calc(7px * var(--golden-scale)) calc(17px * var(--golden-scale));
    padding: calc(0px * var(--golden-scale));
    margin: calc(5px * var(--golden-scale)) calc(0px * var(--golden-scale));
    font-size: max(10px,calc(11px + 7.15px * (var(--golden-scale) - 1) + 0.24062499999999998 * (1rem - 16px)));
  }
  .golden-layout .service-highlights li::before {
    width: calc(16px * var(--golden-scale));
    height: calc(16px * var(--golden-scale));
    margin-right: calc(6px * var(--golden-scale));
    font-size: max(10px,calc(10px + 6.5px * (var(--golden-scale) - 1) + 0.21875 * (1rem - 16px)));
  }
  .golden-layout .hero-system-inputs {
    letter-spacing: calc(0px * var(--golden-scale));
  }
  .golden-layout .hero-system-inputs > span > span {
    padding: calc(0px * var(--golden-scale));
  }
  .golden-layout .hero-system-inputs svg,
  .golden-layout .hero-system-output svg {
    width: calc(17px * var(--golden-scale));
    height: calc(17px * var(--golden-scale));
  }
  .golden-layout .hero-system-lines {
    inset: calc(0px * var(--golden-scale));
    width: 100%;
    height: 100%;
  }
  .golden-layout .hero-system-output {
    gap: calc(7px * var(--golden-scale));
    letter-spacing: calc(0px * var(--golden-scale));
    line-height: 1.5;
  }
  .golden-layout .hero-system-output {
    right: calc(0px * var(--golden-scale));
  }
  .golden-layout .hero-artifact .caption-pair {
    inset: calc(0px * var(--golden-scale));
    margin: calc(0px * var(--golden-scale));
  }
  .golden-layout .nav {
    min-height: calc(88px * var(--golden-scale));
    gap: calc(24px * var(--golden-scale));
  }
  .golden-layout .brand {
    gap: calc(16px * var(--golden-scale));
    font-size: max(16px,calc(20px + 13px * (var(--golden-scale) - 1) + 0.4375 * (1rem - 16px)));
    letter-spacing: -0.035em;
  }
  .golden-layout .brand-mark {
    width: calc(35px * var(--golden-scale));
    height: calc(44px * var(--golden-scale));
  }
  .golden-layout .brand-wordmark {
    gap: calc(1px * var(--golden-scale));
    line-height: 1.2;
  }
  .golden-layout .brand-subtitle {
    line-height: 1.5;
    font-size: calc(8px + 5.2px * (var(--golden-scale) - 1) + 0.175 * (1rem - 16px));
    letter-spacing: 0.13em;
  }
  .golden-layout .lang button {
    padding: calc(7px * var(--golden-scale)) calc(9px * var(--golden-scale));
    font-size: max(10px,calc(11px + 7.15px * (var(--golden-scale) - 1) + 0.24062499999999998 * (1rem - 16px)));
  }
  .golden-layout .lang button + button::before {
    left: calc(0px * var(--golden-scale));
    top: calc(11px * var(--golden-scale));
    height: calc(10px * var(--golden-scale));
  }
  .golden-layout .lang button[aria-pressed="true"]::after {
    left: calc(9px * var(--golden-scale));
    right: calc(9px * var(--golden-scale));
    bottom: calc(0px * var(--golden-scale));
    height: calc(1px * var(--golden-scale));
  }
  .golden-layout .hero {
    min-height: calc(0px * var(--golden-scale));
  }
  .golden-layout .hero::after {
    inset: auto calc(0px * var(--golden-scale)) calc(-1px * var(--golden-scale));
    height: calc(235px * var(--golden-scale));
  }
  .golden-layout .section::after {
    height: calc(180px * var(--golden-scale));
  }
  .golden-layout .light-section::after {
    height: calc(160px * var(--golden-scale));
  }
  .golden-layout .hero-inner {
    grid-template-columns: minmax(calc(0px * var(--golden-scale)), 0.96fr) minmax(calc(0px * var(--golden-scale)), 1.04fr);
    gap: calc(26px * var(--golden-scale));
    min-height: clamp(calc(568px * var(--golden-scale)), 49vw, calc(710px * var(--golden-scale)));
    padding: calc(10px * var(--golden-scale)) calc(0px * var(--golden-scale)) calc(60px * var(--golden-scale));
  }
  .golden-layout .hero-copy {
    gap: calc(22px * var(--golden-scale));
  }
  .golden-layout .hero-brandline {
    font-size: max(10px,calc(10px + 6.5px * (var(--golden-scale) - 1) + 0.21875 * (1rem - 16px)));
    letter-spacing: 0.09em;
  }
  .golden-layout .hero h1 {
    font-size: clamp(calc(44px + 28.6px * (var(--golden-scale) - 1) + 0.9624999999999999 * (1rem - 16px)), 4.2vw, calc(60px + 39px * (var(--golden-scale) - 1) + 1.3125 * (1rem - 16px)));
    line-height: 1.065;
    letter-spacing: -0.045em;
  }
  .golden-layout .hero p {
    font-size: max(16px,calc(19px + 12.35px * (var(--golden-scale) - 1) + 0.41562499999999997 * (1rem - 16px)));
    line-height: 1.55;
    max-width: calc(475px * var(--golden-scale));
  }
  .golden-layout .hero .btn.primary::after {
    font-size: max(16px,calc(21px + 13.65px * (var(--golden-scale) - 1) + 0.459375 * (1rem - 16px)));
    margin-left: calc(8px * var(--golden-scale));
    line-height: 1;
  }
  .golden-layout .hero .actions .btn:not(.primary)::after {
    font-size: max(16px,calc(21px + 13.65px * (var(--golden-scale) - 1) + 0.459375 * (1rem - 16px)));
    margin-left: calc(5px * var(--golden-scale));
  }
  .golden-layout .hero .hero-proof {
    font-size: max(10px,calc(13px + 8.450000000000001px * (var(--golden-scale) - 1) + 0.284375 * (1rem - 16px)));
    margin-top: calc(6px * var(--golden-scale));
  }
  .golden-layout .hero-proof a {
    gap: calc(15px * var(--golden-scale));
    min-height: calc(52px * var(--golden-scale));
  }
  .golden-layout .hero-proof a::before {
    width: calc(40px * var(--golden-scale));
    height: calc(44px * var(--golden-scale));
    flex-shrink: 0;
  }
  .golden-layout .hero-proof a::after {
    font-size: max(16px,calc(22px + 14.3px * (var(--golden-scale) - 1) + 0.48124999999999996 * (1rem - 16px)));
    margin-left: calc(2px * var(--golden-scale));
  }
  .golden-layout .hero-proof a {
    padding-top: calc(9px * var(--golden-scale));
  }
  .golden-layout .section-head h2 {
    font-size: clamp(calc(34px + 22.1px * (var(--golden-scale) - 1) + 0.7437499999999999 * (1rem - 16px)), 2.8vw, calc(40px + 26px * (var(--golden-scale) - 1) + 0.875 * (1rem - 16px)));
    letter-spacing: -0.035em;
    line-height: 1.15;
  }
  .golden-layout .section-head p {
    font-size: max(16px,calc(19px + 12.35px * (var(--golden-scale) - 1) + 0.41562499999999997 * (1rem - 16px)));
    line-height: 1.55;
  }
  .golden-layout .eyebrow,
  .golden-layout .section-head .eyebrow {
    font-size: max(10px,calc(11px + 7.15px * (var(--golden-scale) - 1) + 0.24062499999999998 * (1rem - 16px)));
    letter-spacing: 0.1em;
    gap: calc(15px * var(--golden-scale));
  }
  .golden-layout .eyebrow::after {
    padding-right: calc(15px * var(--golden-scale));
    line-height: calc(1px * var(--golden-scale));
  }
  .golden-layout #problems {
    padding: calc(30px * var(--golden-scale)) calc(0px * var(--golden-scale)) calc(110px * var(--golden-scale));
  }
  .golden-layout #problems .section-head {
    margin-bottom: calc(25px * var(--golden-scale));
    max-width: calc(100% - calc(190px * var(--golden-scale)));
  }
  .golden-layout .problem-grid {
    max-width: calc(100% - calc(240px * var(--golden-scale)));
    column-gap: calc(48px * var(--golden-scale));
  }
  .golden-layout .problem-card,
  .golden-layout .light-section .problem-card {
    padding: calc(19px * var(--golden-scale)) calc(0px * var(--golden-scale));
    grid-template-columns: calc(36px * var(--golden-scale)) minmax(calc(0px * var(--golden-scale)), 1fr);
    gap: calc(2px * var(--golden-scale)) calc(17px * var(--golden-scale));
  }
  .golden-layout .problem-card h3 {
    font-size: max(16px,calc(17px + 11.05px * (var(--golden-scale) - 1) + 0.37187499999999996 * (1rem - 16px)));
    line-height: 1.3;
    margin: calc(0px * var(--golden-scale));
  }
  .golden-layout .problem-card p {
    font-size: max(10px,calc(14px + 9.1px * (var(--golden-scale) - 1) + 0.30624999999999997 * (1rem - 16px)));
    line-height: 1.5;
    margin: calc(0px * var(--golden-scale));
  }
  .golden-layout .problem-glyph {
    width: calc(34px * var(--golden-scale));
    height: calc(38px * var(--golden-scale));
    padding: calc(0px * var(--golden-scale));
  }
  .golden-layout .problem-glyph svg {
    width: calc(32px * var(--golden-scale));
    height: calc(34px * var(--golden-scale));
  }
  .golden-layout .hero-artifact .artifact-stage-shell {
    height: calc(540px * var(--golden-scale));
  }
  .golden-layout .hero-system-inputs {
    left: calc(-12px * var(--golden-scale));
    top: 29%;
    height: 32%;
    gap: calc(12px * var(--golden-scale));
    line-height: 1.4;
    font-size: calc(11px + 7.15px * (var(--golden-scale) - 1) + 0.24062499999999998 * (1rem - 16px));
  }
  .golden-layout .hero-system-inputs > span {
    gap: calc(8px * var(--golden-scale));
    padding: calc(0px * var(--golden-scale)) calc(6px * var(--golden-scale)) calc(0px * var(--golden-scale)) calc(0px * var(--golden-scale));
    min-height: calc(40px * var(--golden-scale));
  }
  .golden-layout .hero-system-inputs svg {
    flex-shrink: 0;
    width: calc(23px * var(--golden-scale));
    height: calc(23px * var(--golden-scale));
    padding: calc(9px * var(--golden-scale));
  }
  .golden-layout .hero-system-output {
    font-size: max(10px,calc(11px + 7.15px * (var(--golden-scale) - 1) + 0.24062499999999998 * (1rem - 16px)));
    max-width: calc(120px * var(--golden-scale));
    padding: calc(9px * var(--golden-scale));
    top: 45%;
  }
  .golden-layout .hero-system-output svg {
    width: calc(28px * var(--golden-scale));
    height: calc(28px * var(--golden-scale));
    flex-shrink: 0;
  }
  .golden-layout .hero-artifact .artifact-caption {
    max-width: calc(180px * var(--golden-scale));
    padding: calc(4px * var(--golden-scale));
    gap: calc(7px * var(--golden-scale));
  }
  .golden-layout .caption-pair .artifact-caption .caption-copy h3 {
    font-size: max(10px,calc(11px + 7.15px * (var(--golden-scale) - 1) + 0.24062499999999998 * (1rem - 16px)));
    letter-spacing: 0.1em;
  }
  .golden-layout .caption-pair .artifact-caption .caption-copy p {
    line-height: 1.4;
    font-size: calc(11px + 7.15px * (var(--golden-scale) - 1) + 0.24062499999999998 * (1rem - 16px));
  }
  .golden-layout .hero-artifact [data-artifact-caption="01"] {
    left: calc(45px * var(--golden-scale));
    top: calc(8px * var(--golden-scale));
  }
  .golden-layout .hero-artifact [data-artifact-caption="07"] {
    right: calc(0px * var(--golden-scale));
    top: calc(100px * var(--golden-scale));
    max-width: calc(150px * var(--golden-scale));
  }
  .golden-layout .hero-artifact .artifact-viewport {
    width: calc(100% - calc(70px * var(--golden-scale)));
    margin-left: calc(70px * var(--golden-scale));
  }
  .golden-layout .service-body p {
    font-size: clamp(calc(14px + 9.1px * (var(--golden-scale) - 1) + 0.30624999999999997 * (1rem - 16px)), 1.18vw, calc(17px + 11.05px * (var(--golden-scale) - 1) + 0.37187499999999996 * (1rem - 16px)));
    line-height: 1.6;
  }
  .golden-layout .service-card summary {
    min-height: calc(70px * var(--golden-scale));
  }
  .golden-layout .service-card[open] summary {
    min-height: calc(62px * var(--golden-scale));
  }
  .golden-layout .service-body {
    padding: calc(20px * var(--golden-scale)) calc(24px * var(--golden-scale));
    grid-template-columns: minmax(calc(0px * var(--golden-scale)), 1fr) calc(170px * var(--golden-scale));
    gap: calc(8px * var(--golden-scale)) calc(22px * var(--golden-scale));
  }
  .golden-layout .service-body .btn {
    font-size: max(10px,calc(11px + 7.15px * (var(--golden-scale) - 1) + 0.24062499999999998 * (1rem - 16px)));
    min-height: calc(34px * var(--golden-scale));
    padding: calc(5px * var(--golden-scale)) calc(10px * var(--golden-scale));
  }
  .golden-layout .service-illustration {
    width: 100%;
  }
  .golden-layout .service-artifact {
    padding-top: calc(25px * var(--golden-scale));
  }
  .golden-layout .service-card[open] summary {
    grid-template-columns: calc(26px * var(--golden-scale)) minmax(calc(0px * var(--golden-scale)), 1fr);
    padding-right: calc(170px * var(--golden-scale));
  }
  .golden-layout .service-card[open] .service-body > .btn {
    top: calc(18px * var(--golden-scale));
    right: calc(20px * var(--golden-scale));
    min-height: calc(28px * var(--golden-scale));
    padding: calc(0px * var(--golden-scale));
    margin: calc(0px * var(--golden-scale));
    font-size: max(10px,calc(12px + 7.800000000000001px * (var(--golden-scale) - 1) + 0.26249999999999996 * (1rem - 16px)));
  }
  .golden-layout .service-card[open] .service-body > .btn::after {
    margin-left: calc(7px * var(--golden-scale));
    font-size: max(16px,calc(19px + 12.35px * (var(--golden-scale) - 1) + 0.41562499999999997 * (1rem - 16px)));
  }
  .golden-layout .wrap {
    width: min(var(--max),calc(100% - calc(64px * var(--golden-scale))));
  }
  .golden-layout .section .wrap {
    width: min(var(--max),calc(100% - calc(104px * var(--golden-scale))));
  }
  .golden-layout .section.light-section {
    padding-top: calc(10px * var(--golden-scale));
    margin-top: calc(-24px * var(--golden-scale));
  }
  .golden-layout #problems {
    padding-top: calc(10px * var(--golden-scale));
  }
  .golden-layout .light-section + .section {
    --seam-before: calc(180px * var(--golden-scale));
    --seam-after: calc(180px * var(--golden-scale));
    --seam-image-height: calc(600px * var(--golden-scale));
  }
  .golden-layout .light-section + .section::before {
    inset: calc(-1 * var(--seam-before)) 0 auto;
    height: calc(var(--seam-before) + var(--seam-after));
  }
  .golden-layout #services {
    --seam-before: calc(110px * var(--golden-scale));
  }
  .golden-layout .light-section + .section .service-artifact {
    top: auto;
  }
  .golden-layout .hero,
  .golden-layout .section {
    --card-shadow: 0 calc(12px * var(--golden-scale)) calc(28px * var(--golden-scale)) #02091835,0 0 calc(19px * var(--golden-scale)) #438fff13;
    --card-lift: calc(-2px * var(--golden-scale));
  }
  .golden-layout .section.light-section {
    --card-shadow: 0 calc(12px * var(--golden-scale)) calc(27px * var(--golden-scale)) #3557a01b,0 0 calc(18px * var(--golden-scale)) #7cbfff1a;
    --card-lift: calc(-3px * var(--golden-scale));
  }
  .golden-layout .section :is(.card, .service-card, .faq-list > details, .contact-form-card)::after {
    inset: calc(0px * var(--golden-scale));
  }
  .golden-layout .section .problem-grid {
    gap: calc(13px * var(--golden-scale)) calc(24px * var(--golden-scale));
  }
  .golden-layout .section .problem-card,
  .golden-layout .section .problem-card:nth-last-child(-n+2) {
    padding: calc(18px * var(--golden-scale)) calc(17px * var(--golden-scale));
    grid-template-columns: calc(34px * var(--golden-scale)) minmax(calc(0px * var(--golden-scale)), 1fr);
    gap: calc(3px * var(--golden-scale)) calc(14px * var(--golden-scale));
  }
  .golden-layout .section .method-grid {
    gap: calc(17px * var(--golden-scale));
  }
  .golden-layout .section .method-card {
    padding: calc(20px * var(--golden-scale));
    margin-left: calc(0px * var(--golden-scale));
  }
  .golden-layout .section .method-card::before {
    top: calc(19px * var(--golden-scale));
    left: calc(-4px * var(--golden-scale));
  }
  .golden-layout .section .stack-groups {
    gap: calc(12px * var(--golden-scale));
  }
  .golden-layout .section .stack-group {
    padding: calc(16px * var(--golden-scale));
  }
  .golden-layout .section .faq-list {
    gap: calc(12px * var(--golden-scale));
  }
  .golden-layout .section .faq-list summary {
    padding: calc(17px * var(--golden-scale)) calc(19px * var(--golden-scale));
    gap: calc(16px * var(--golden-scale));
  }
  .golden-layout .section .faq-list details p {
    padding: calc(0px * var(--golden-scale)) calc(19px * var(--golden-scale)) calc(21px * var(--golden-scale));
  }
  .golden-layout .section .contact-form-card {
    padding: calc(28px * var(--golden-scale));
  }
  .golden-layout .hero .btn,
  .golden-layout .section .btn {
    min-height: calc(44px * var(--golden-scale));
    max-width: 100%;
    padding: calc(10px * var(--golden-scale)) calc(18px * var(--golden-scale));
    gap: calc(10px * var(--golden-scale));
    line-height: 1.5;
    font-size: calc(12px + 7.800000000000001px * (var(--golden-scale) - 1) + 0.26249999999999996 * (1rem - 16px));
    letter-spacing: 0.025em;
  }
  .golden-layout .hero .btn::before,
  .golden-layout .section .btn::before {
    inset: calc(4px * var(--golden-scale));
  }
  .golden-layout .hero .actions .btn:not(.primary) {
    padding: calc(10px * var(--golden-scale)) calc(18px * var(--golden-scale));
  }
  .golden-layout .section .offer-card .btn {
    margin-top: calc(20px * var(--golden-scale));
    min-height: calc(44px * var(--golden-scale));
  }
  .golden-layout .section .service-body .btn {
    padding: calc(8px * var(--golden-scale)) calc(14px * var(--golden-scale));
    min-height: calc(40px * var(--golden-scale));
    font-size: max(10px,calc(11px + 7.15px * (var(--golden-scale) - 1) + 0.24062499999999998 * (1rem - 16px)));
  }
  .golden-layout .section .service-card[open] .service-body > .btn {
    top: calc(12px * var(--golden-scale));
    right: calc(16px * var(--golden-scale));
    min-height: calc(40px * var(--golden-scale));
    padding: calc(8px * var(--golden-scale)) calc(13px * var(--golden-scale));
  }
  .golden-layout .section :is(.card, .service-card, .faq-list > details, .contact-form-card):hover::after {
    background-position: calc(0px * var(--golden-scale)) calc(0px * var(--golden-scale));
  }
  .golden-layout [data-artifact-slot] .artifact-caption {
    --caption-shadow: inset 0 calc(1px * var(--golden-scale)) #ffffff0a;
  }
  .golden-layout [data-artifact-slot]:not(.hero-artifact) .artifact-caption .caption-rule {
    flex: 0 0 calc(24px * var(--golden-scale));
    height: calc(1px * var(--golden-scale));
  }
  .golden-layout [data-artifact-slot] .artifact-caption::after {
    inset: calc(0px * var(--golden-scale));
  }
  .golden-layout .hero-artifact {
    width: calc(100% + clamp(calc(0px * var(--golden-scale)),calc((100vw - var(--max))/2 - calc(24px * var(--golden-scale))),calc(80px * var(--golden-scale))));
  }
  .golden-layout .nav-links {
    gap: calc(6px * var(--golden-scale));
  }
  .golden-layout .nav-links a {
    gap: calc(7px * var(--golden-scale));
    min-height: calc(38px * var(--golden-scale));
    padding: calc(8px * var(--golden-scale)) calc(11px * var(--golden-scale));
    line-height: 1.4;
    font-size: calc(11px + 7.15px * (var(--golden-scale) - 1) + 0.24062499999999998 * (1rem - 16px));
    letter-spacing: 0.015em;
  }
  .golden-layout .nav-links a:not(.nav-home)::before {
    font-size: max(8px,calc(8px + 5.2px * (var(--golden-scale) - 1) + 0.175 * (1rem - 16px)));
  }
  .golden-layout .nav-links a::after {
    right: calc(4px * var(--golden-scale));
    bottom: calc(4px * var(--golden-scale));
    width: calc(6px * var(--golden-scale));
    height: calc(3px * var(--golden-scale));
  }
  .golden-layout .hero .artifact-error {
    inset: auto;
    width: calc(1px * var(--golden-scale));
    height: calc(1px * var(--golden-scale));
    margin: calc(0px * var(--golden-scale));
    padding: calc(0px * var(--golden-scale));
  }
  :root.golden-layout {
    --max: max(calc(1200px * var(--golden-scale)), calc(1200px + 780px * (var(--golden-scale) - 1) + 26.25 * (1rem - 16px)));
  }
}
@media (min-width:1101px) and (max-width:1535.98px) {
  .golden-layout .hero-copy { max-width: none; }
}