:root{--ivory:#faf7f0;--ivory-dark:#f3efe6;--paper:#fdfbf7;--white:#fff;--pencil:#4a4a4a;--pencil-light:#6e6e6e;--moss:#7d9b76;--moss-light:#7d9b762e;--earth:#c4a36d;--earth-light:#c4a36d2e;--sky:#9bb8d3;--sky-light:#9bb8d329;--yellow:#ffeb3b;--yellow-soft:#ffeb3b38;--yellow-ghost:#ffeb3b80;--ivory-glass:#faf7f0d1;--ivory-dim:#faf7f0b3;--ivory-hover:#faf7f080;--white-soft:#ffffffd9;--white-dim:#ffffff80;--text-sky:#5a6f82;--text-moss:#3f523a;--text-yellow:#7a6a1a;--text-required:#b84545;--text-ivory:#faf7f0bf;--icon-yellow:#3a3500;--shadow:#4a4a4a14;--radius:18px;--radius-sm:10px;--font:-apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "HarmonyOS Sans SC", sans-serif;--text-caption:.75rem;--text-hint:.8rem;--text-body-sm:.85rem;--text-body:.9rem;--text-body-lg:.95rem;--text-lead:1.05rem;--text-subtitle:1.15rem;--text-title:1.25rem;--text-stat:1.35rem;--text-display:1.8rem;--text-hero:2.6rem;--text-h1:clamp(2rem, 4.2vw, 3.2rem);--text-h2:clamp(1.8rem, 4vw, 2.6rem);--text-h1-subline:clamp(1.45rem, 3vw, 2.4rem);--section-padding:60px;--section-gap:36px;--card-padding:32px;--card-gap:32px;--transition-fast:.15s;--transition-normal:.2s;--transition-medium:.25s;--transition-slow:.3s;--transition-slide:.5s;--nav-height:68px}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;touch-action:manipulation}h3 svg,h4 svg{vertical-align:-.125em;stroke:currentColor;width:1em;height:1em;display:inline-block}body{font-family:var(--font);color:var(--pencil);background:var(--ivory);margin:0;line-height:1.7;overflow-x:clip}body:before{content:"";pointer-events:none;z-index:9999;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:fixed;inset:0}:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,label:focus-visible{outline:2px solid var(--moss);outline-offset:2px}.sketch-line{stroke:var(--pencil);stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:url(#wobble);opacity:.55}.container{z-index:2;width:min(1400px,92vw);margin:0 auto;position:relative}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:99999;background:var(--pencil);color:var(--ivory);font-size:var(--text-body);border-radius:0 0 8px;padding:12px 20px;font-weight:600;text-decoration:none;position:absolute;left:-9999px}.skip-link:focus{left:0}nav{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--ivory-glass);border-bottom:1px solid #4a4a4a14;position:sticky;top:0}.nav-inner{height:var(--nav-height);justify-content:space-between;align-items:center;display:flex}.logo{font-weight:700;font-size:var(--text-subtitle);color:var(--pencil);align-items:center;gap:10px;text-decoration:none;display:flex}.logo-img{width:38px;height:38px;box-shadow:0 0 0 4px var(--yellow-soft);object-fit:cover;border-radius:50%}.nav-links{font-size:var(--text-body);gap:26px;font-weight:500;display:flex}.nav-links a{color:var(--pencil-light);transition:color var(--transition-normal);text-decoration:none;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--pencil)}.nav-links a:after{content:"";background:var(--yellow);width:0;height:2px;transition:width var(--transition-medium) ease;position:absolute;bottom:-4px;left:0}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-cta{background:var(--pencil);color:var(--ivory);font-size:var(--text-body);cursor:pointer;transition:transform var(--transition-normal), box-shadow var(--transition-normal);border:none;border-radius:999px;padding:11px 18px;font-family:inherit;font-weight:500;text-decoration:none}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 18px #4a4a4a2e}.nav-hamburger{cursor:pointer;z-index:200;background:0 0;border:none;flex-direction:column;gap:5px;min-width:44px;min-height:44px;padding:11px;display:none}.nav-hamburger span{background:var(--pencil);width:22px;height:2px;transition:transform var(--transition-medium), opacity var(--transition-fast);border-radius:2px;display:block}.nav-hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-mobile{top:var(--nav-height);background:var(--ivory);z-index:150;visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--transition-medium), visibility var(--transition-medium);flex-direction:column;justify-content:center;align-items:center;gap:32px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-mobile.open{visibility:visible;opacity:1;pointer-events:auto}.nav-mobile a{color:var(--pencil);transition:color var(--transition-normal);font-size:1.2rem;font-weight:600;text-decoration:none}.nav-mobile a:hover{color:var(--moss)}.nav-mobile .nav-cta{margin-top:16px}@media (max-width:900px){.nav-hamburger{display:flex}.nav-links,.nav-cta.desktop-only{display:none}}section{padding:var(--section-padding) 0;position:relative}.section-top{padding-top:70px}.section-top-sm{padding-top:40px;scroll-margin-top:80px}.testimonial-section{padding:0 0 var(--section-gap)}.result-highlight{margin-top:18px}.result-savings-pill{text-align:center;margin-top:8px}.result-cta{text-align:center;margin-top:22px}.result-note-inline{font-size:var(--text-caption);color:var(--pencil-light);font-weight:400}.contact-btn-area{text-align:center;margin-top:40px}.contact-btn-hint{font-size:var(--text-body);color:var(--pencil-light);margin-top:14px}.modal-submit-area{text-align:center;margin-top:18px}.dual-speed-link{color:var(--pencil);font-size:var(--text-body-sm);text-underline-offset:3px;font-weight:600;text-decoration:underline}.dual-speed-link:hover{color:var(--moss)}.dual-speed-link-p{margin-top:12px;margin-bottom:16px}.section-header{text-align:center;max-width:680px;margin:0 auto var(--section-gap)}.section-tag{background:var(--sky-light);color:var(--text-sky);font-size:var(--text-hint);border-radius:999px;margin-bottom:10px;padding:5px 12px;font-weight:700;display:inline-block}h2{font-size:var(--text-h2);letter-spacing:-.01em;margin:0 0 12px;font-weight:700}.section-desc{color:var(--pencil-light);font-size:var(--text-lead)}.btn{font-weight:600;font-size:var(--text-body-lg);transition:all var(--transition-normal) ease;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:14px 26px;text-decoration:none;display:inline-flex}.btn-primary{background:var(--pencil);color:var(--ivory);box-shadow:0 8px 24px #4a4a4a2e}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #4a4a4a40}.btn-secondary{color:var(--pencil);background:0 0;border:1.5px solid #4a4a4a33}.btn-secondary:hover{border-color:var(--pencil);background:#4a4a4a08}.hero{padding:110px 0 130px;position:relative;overflow:hidden}.hero-watercolor{pointer-events:none;z-index:0;position:absolute;inset:0}.hero-watercolor .wash{filter:blur(55px);opacity:.55;border-radius:50%;position:absolute}.wash-sky{background:var(--sky-light);width:520px;height:420px;top:-10%;right:-10%}.wash-moss{background:var(--moss-light);width:460px;height:360px;bottom:-5%;left:-12%}.wash-earth{background:var(--earth-light);width:300px;height:220px;bottom:10%;right:18%}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;display:grid}.hero-badge{background:var(--yellow-soft);color:var(--text-yellow);font-size:var(--text-body-sm);border-radius:999px;align-items:center;gap:8px;margin-bottom:22px;padding:7px 14px;font-weight:600;display:inline-flex}.hero-badge .dot{background:var(--yellow);width:8px;height:8px;box-shadow:0 0 8px var(--yellow);border-radius:50%}h1{font-size:var(--text-h1);letter-spacing:-.02em;margin:0 0 24px;font-weight:700;line-height:1.25}h1 .highlight{display:inline-block;position:relative}h1 .highlight.subline{font-size:var(--text-h1-subline);margin-top:8px;display:block}h1 .highlight:after{content:"";background:var(--yellow);opacity:.55;z-index:-1;border-radius:4px;height:12px;position:absolute;bottom:4px;left:-4px;right:-4px;transform:rotate(-1deg)}.hero-subtitle{font-size:var(--text-subtitle);color:var(--pencil-light);max-width:520px;margin-bottom:34px}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.hero-art{place-items:center;height:420px;display:grid;position:relative}.hero-art svg{width:100%;max-width:480px;height:100%}.why-relay{background:var(--paper);border-radius:var(--radius);box-shadow:0 10px 40px var(--shadow);border:1px solid #4a4a4a0f;padding:50px}.why-relay>p{font-size:var(--text-lead);color:var(--pencil);text-align:center;max-width:680px;margin:0 auto 30px;line-height:1.9}.role-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:36px;display:grid}.role-card{background:var(--ivory);border-radius:var(--radius-sm);text-align:center;transition:transform var(--transition-normal), border-color var(--transition-normal);border:1.5px dashed #4a4a4a1a;padding:24px 16px}.role-card:hover{border-color:var(--earth);transform:translateY(-3px)}.role-icon{background:var(--earth-light);width:44px;height:44px;font-size:var(--text-title);border-radius:50%;place-items:center;margin:0 auto 12px;display:grid}.role-card h4{font-size:var(--text-body-lg);color:var(--pencil);margin:0 0 6px;font-weight:700}.role-card p{font-size:var(--text-body-sm);color:var(--pencil-light);margin:0;line-height:1.5}.problem-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.problem-card{background:var(--ivory);border-radius:var(--radius-sm);text-align:center;border:1px solid #4a4a4a0f;padding:22px 18px}.problem-card p{font-size:var(--text-body-lg);color:var(--pencil);margin:0 0 8px;font-weight:600;line-height:1.5}.problem-tag{font-size:var(--text-caption);color:var(--text-yellow);background:var(--yellow-soft);border-radius:999px;padding:4px 10px;font-weight:700;display:inline-block}.why-relay-footer{text-align:center;font-size:var(--text-lead);color:var(--pencil);border-top:1.5px dashed #4a4a4a1a;margin-top:34px;padding-top:30px}.why-relay-footer strong{color:var(--pencil);font-weight:700}.value-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.value-card{background:var(--paper);border-radius:var(--radius);box-shadow:0 10px 40px var(--shadow);transition:transform var(--transition-medium), box-shadow var(--transition-medium);border:1px solid #4a4a4a0f;padding:34px 28px;position:relative;overflow:hidden}.value-card:hover{transform:translateY(-5px);box-shadow:0 18px 50px #4a4a4a1f}.value-card:before{content:"";background:var(--moss);opacity:.6;height:4px;position:absolute;top:0;left:0;right:0}.value-card:nth-child(2):before{background:var(--earth)}.value-card:nth-child(3):before{background:var(--sky)}.value-icon{background:var(--moss-light);border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:20px;display:grid}.value-card:nth-child(2) .value-icon{background:var(--earth-light)}.value-card:nth-child(3) .value-icon{background:var(--sky-light)}.value-icon svg{width:24px;height:24px;stroke:var(--pencil)}.value-card h3{font-size:var(--text-subtitle);margin:0 0 10px;font-weight:700}.value-card p{color:var(--pencil-light);font-size:var(--text-body-lg);margin:0;line-height:1.7}.big-stat{font-size:var(--text-hero);color:var(--pencil);letter-spacing:-.02em;margin:10px 0;font-weight:700}.big-stat span{font-size:var(--text-body-lg);color:var(--pencil-light);margin-left:4px;font-weight:500}.pricing-table-wrap{background:var(--paper);border-radius:var(--radius);box-shadow:0 10px 40px var(--shadow);-webkit-overflow-scrolling:touch;border:1px solid #4a4a4a0f;overflow-x:auto}.pricing-table{border-collapse:collapse;width:100%;font-size:var(--text-body-lg)}.pricing-table th,.pricing-table td{text-align:left;border-bottom:1px solid #4a4a4a14;padding:18px 22px}.pricing-table th{background:var(--ivory-dim);color:var(--pencil-light);font-weight:600;font-size:var(--text-body-sm);text-transform:uppercase;letter-spacing:.03em}.pricing-table tr:last-child td{border-bottom:none}.pricing-table td{vertical-align:middle}.model-name{font-weight:700;font-size:var(--text-lead)}.price-tag{background:var(--yellow-soft);color:var(--text-yellow);font-weight:700;font-size:var(--text-body);border-radius:8px;padding:4px 10px;display:inline-block}.context-badge{background:var(--sky-light);color:var(--text-sky);font-size:var(--text-hint);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-weight:600;display:inline-flex}.calculator-wrap{background:var(--paper);border-radius:var(--radius);box-shadow:0 10px 40px var(--shadow);border:1px solid #4a4a4a0f;overflow:hidden}.calculator-grid{grid-template-columns:1.1fr .9fr;display:grid}.calculator-form{border-right:1px solid #4a4a4a14;padding:40px}.calculator-form h3{font-size:var(--text-subtitle);margin:0 0 8px;font-weight:700}.calculator-form .form-subtitle{color:var(--pencil-light);font-size:var(--text-body);margin:0 0 28px}.form-field{margin-bottom:22px}.form-field label{font-size:var(--text-body);color:var(--pencil);margin-bottom:8px;font-weight:600;display:block}.form-field .hint{font-size:var(--text-hint);color:var(--pencil-light);margin-top:6px;line-height:1.5}.form-field input,.form-field select{border-radius:var(--radius-sm);background:var(--ivory);width:100%;font-family:inherit;font-size:var(--text-body-lg);color:var(--pencil);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);border:1.5px solid #4a4a4a1f;outline:none;padding:12px 14px}.form-field input:focus,.form-field select:focus{border-color:var(--moss);box-shadow:0 0 0 3px var(--moss-light)}.input-unit{position:relative}.input-unit input{padding-right:70px}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.input-unit .unit{font-size:var(--text-body-sm);color:var(--pencil-light);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.checkbox-group{flex-wrap:wrap;gap:10px;display:flex}.checkbox-pill{background:var(--ivory);font-size:var(--text-body-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);border:1.5px solid #4a4a4a1a;border-radius:999px;align-items:center;gap:6px;padding:12px 14px;display:inline-flex}.checkbox-pill:hover{border-color:var(--moss)}.checkbox-pill input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.checkbox-pill:has(input:checked){background:var(--moss-light);border-color:var(--moss);color:var(--text-moss);font-weight:600}.calculator-result{background:linear-gradient(#7d9b7614,#faf7f066);flex-direction:column;justify-content:center;padding:40px;display:flex}.result-card{background:var(--paper);border-radius:var(--radius-sm);border:1px solid #4a4a4a0f;margin-bottom:14px;padding:22px;box-shadow:0 4px 14px #4a4a4a0f}.result-card.highlight{border:1.5px solid var(--moss);background:#7d9b760f}.result-card.savings{background:var(--yellow-soft);border-color:#ffeb3b66}.result-label{font-size:var(--text-hint);color:var(--pencil-light);justify-content:space-between;margin-bottom:6px;display:flex}.result-value{font-size:var(--text-stat);color:var(--pencil);font-variant-numeric:tabular-nums;font-weight:700}.result-value.small{font-size:var(--text-lead);font-weight:600}.result-breakdown{border-top:1px dashed #4a4a4a1f;margin-top:18px;padding-top:18px}.result-breakdown-row{font-size:var(--text-body);color:var(--pencil-light);justify-content:space-between;margin-bottom:8px;display:flex}.result-breakdown-row .number{font-variant-numeric:tabular-nums;color:var(--pencil);font-weight:600}.result-footnote{font-size:var(--text-caption);color:var(--pencil-light);margin-top:18px;line-height:1.5}.savings-pill{background:var(--moss-light);color:var(--text-moss);font-size:var(--text-body-sm);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-weight:700;display:inline-flex}.timeline-wrap{background:var(--paper);border-radius:var(--radius);box-shadow:0 10px 40px var(--shadow);border:1px solid #4a4a4a0f;padding:50px}.timeline{grid-template-columns:repeat(4,1fr);gap:24px;display:grid;position:relative}.timeline:before{content:"";background:var(--earth-light);z-index:0;height:2px;position:absolute;top:28px;left:12%;right:12%}.timeline-step{z-index:1;text-align:center;position:relative}.timeline-icon{background:var(--paper);border:2px dashed var(--earth);width:56px;height:56px;font-size:var(--text-stat);border-radius:50%;place-items:center;margin:0 auto 16px;display:grid}.timeline-icon svg{width:26px;height:26px;stroke:var(--pencil)}.timeline-step h4{font-size:var(--text-body-lg);margin:0 0 6px;font-weight:700}.timeline-step .time{background:var(--yellow-soft);color:var(--text-yellow);font-size:var(--text-caption);border-radius:999px;margin-bottom:10px;padding:3px 10px;font-weight:700;display:inline-block}.timeline-step p{font-size:var(--text-body);color:var(--pencil-light);margin:0;line-height:1.6}.concurrency-wrap{background:var(--paper);border-radius:var(--radius);box-shadow:0 10px 40px var(--shadow);border:1px solid #4a4a4a0f;padding:50px}.concurrency-grid{grid-template-columns:1fr 1fr;gap:50px;display:grid}.concurrency-side h4{font-size:var(--text-lead);align-items:center;gap:8px;margin:0 0 14px;font-weight:700;display:flex}.concurrency-side p{color:var(--pencil-light);font-size:var(--text-body-lg);margin:0}.people-scene{border-radius:var(--radius-sm);background:var(--ivory);border:1.5px dashed #4a4a4a1f;height:220px;margin-top:24px;position:relative;overflow:hidden}.people-scene svg{width:100%;height:100%}.service-wrap{background:var(--paper);border-radius:var(--radius);padding:var(--card-padding);box-shadow:0 10px 40px var(--shadow);border:1px solid #4a4a4a0f}.service-grid{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.service-steps{flex-direction:column;gap:22px;display:flex}.service-step{align-items:flex-start;gap:16px;display:flex}.service-step-number{background:var(--moss-light);width:32px;height:32px;color:var(--text-moss);font-size:var(--text-body);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.service-step-content h4{font-size:var(--text-lead);margin:0 0 6px;font-weight:700}.service-step-content p{color:var(--pencil-light);font-size:var(--text-body-lg);margin:0;line-height:1.7}.workshop-gallery{border-radius:var(--radius-sm);background:var(--ivory);border:1.5px dashed #4a4a4a1f;place-items:center;height:320px;display:grid;position:relative;overflow:hidden}.workshop-carousel{border-radius:var(--radius-sm);height:320px;position:relative;overflow:hidden}.workshop-slides{height:100%;transition:transform var(--transition-slide) ease;display:flex}.workshop-slide{min-width:100%;height:100%}.workshop-photo{object-fit:cover;width:100%;height:100%;transition:opacity var(--transition-slide) ease}.workshop-dots{z-index:2;justify-content:center;gap:8px;display:flex;position:absolute;bottom:36px;left:0;right:0}.workshop-dot{background-clip:content-box;background:var(--white-dim);cursor:pointer;width:12px;height:12px;transition:background var(--transition-normal), transform var(--transition-normal);border:none;border-radius:50%;padding:16px}.workshop-dot:after{content:"";background:var(--white-dim);width:8px;height:8px;transition:background var(--transition-normal), transform var(--transition-normal);border-radius:50%}.workshop-dot:hover{background:var(--white-soft);transform:scale(1.15)}.workshop-dot.active:after{background:var(--white);transform:scale(1.3)}.workshop-carousel .gallery-label{text-align:center;font-size:var(--text-hint);color:var(--white-soft);z-index:2;position:absolute;bottom:10px;left:0;right:0}.dual-speed-banner{background:linear-gradient(135deg, var(--yellow-soft), #9bb8d31f);border-radius:var(--radius);border:1.5px dashed var(--yellow-ghost);align-items:flex-start;gap:24px;margin-top:30px;padding:34px 40px;display:flex}.budget-principle{background:linear-gradient(135deg, var(--sky-light), #7d9b7614);border-radius:var(--radius-sm);border:1.5px dashed #9bb8d366;padding:28px 32px}.budget-principle p{font-size:var(--text-lead);color:var(--pencil);margin:0;line-height:1.8}.budget-solution{background:var(--ivory);border-radius:var(--radius-sm);border:1px solid #4a4a4a0f;padding:30px}.budget-solution h4{font-size:var(--text-lead);margin:0 0 12px;font-weight:700}.budget-solution p{color:var(--pencil-light);font-size:var(--text-body-lg);margin:0;line-height:1.8}.dual-speed-icon{background:var(--yellow);width:52px;height:52px;box-shadow:0 0 0 5px var(--yellow-soft);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.dual-speed-icon svg{width:26px;height:26px;stroke:var(--icon-yellow)}.dual-speed-content h4{font-size:var(--text-subtitle);margin:0 0 8px;font-weight:700}.dual-speed-content p{color:var(--pencil-light);font-size:var(--text-body-lg);margin:0 0 16px;line-height:1.7}.speed-tags{flex-wrap:wrap;gap:10px;display:flex}.speed-tag{font-size:var(--text-body-sm);border-radius:999px;padding:6px 12px;font-weight:600}.speed-tag.business{background:var(--sky-light);color:var(--text-sky)}.speed-tag.coding{background:var(--moss-light);color:var(--text-moss)}.section-header-left{text-align:left;max-width:720px;margin-left:0;margin-right:auto}.section-header-left .section-tag{font-size:var(--text-lead);padding:8px 16px}.features-wrap{background:var(--paper);border-radius:var(--radius);padding:var(--card-padding);box-shadow:0 10px 40px var(--shadow);border:1px solid #4a4a4a0f}.features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-card{background:var(--ivory);border-radius:var(--radius-sm);transition:transform var(--transition-normal), box-shadow var(--transition-normal);border:1px solid #4a4a4a0f;padding:26px 22px}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #4a4a4a14}.feature-icon{font-size:var(--text-display);margin-bottom:14px}.feature-icon svg{width:28px;height:28px;stroke:var(--pencil)}.feature-card h4{font-size:var(--text-body-lg);margin:0 0 8px;font-weight:700}.feature-card p{color:var(--pencil-light);font-size:var(--text-body);margin:0;line-height:1.7}.testimonial-wrap{margin-top:var(--card-gap);background:linear-gradient(135deg, var(--moss-light), #9bb8d31a);border-radius:var(--radius);padding:var(--card-padding);border:1.5px dashed #7d9b7659}.testimonial-quote{font-size:var(--text-lead);color:var(--pencil);margin:0 0 26px;padding-left:28px;line-height:1.9;position:relative}.testimonial-quote:before{content:"“";font-size:var(--text-hero);color:var(--moss);opacity:.45;line-height:1;position:absolute;top:-8px;left:0}.testimonial-stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.testimonial-stat{background:var(--paper);border-radius:var(--radius-sm);padding:22px 16px;box-shadow:0 4px 14px #4a4a4a0f}.testimonial-stat .number{font-size:var(--text-display);color:var(--pencil);font-variant-numeric:tabular-nums;margin-bottom:6px;font-weight:700}.testimonial-stat .label{font-size:var(--text-body-sm);color:var(--pencil-light);line-height:1.5}.faq-wrap{background:var(--paper);border-radius:var(--radius);box-shadow:0 10px 40px var(--shadow);border:1px solid #4a4a4a0f;overflow:hidden}.faq-item{border-bottom:1px solid #4a4a4a0f}.faq-item:last-child{border-bottom:none}.faq-question{text-align:left;width:100%;font-family:inherit;font-size:var(--text-body-lg);color:var(--pencil);cursor:pointer;transition:background var(--transition-normal);background:0 0;border:none;justify-content:space-between;align-items:center;padding:24px 30px;font-weight:600;display:flex}.faq-question:hover{background:var(--ivory-hover)}.faq-question svg{width:20px;height:20px;stroke:var(--pencil-light);flex-shrink:0;transition:transform .25s}.faq-item.open .faq-question svg{transform:rotate(180deg)}.faq-answer{transition:grid-template-rows var(--transition-slow) ease;grid-template-rows:0fr;display:grid}.faq-answer>div{overflow:hidden}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-answer p{color:var(--pencil-light);line-height:1.8;font-size:var(--text-body-lg);margin:0;padding:0 30px 24px}.contact-section{padding:var(--section-padding) 0 calc(var(--section-padding) - 20px)}.contact-hero{text-align:center;max-width:680px;margin:0 auto 50px}.contact-hero h2{font-size:var(--text-h2);margin:0 0 12px;font-weight:700}.contact-hero p{color:var(--pencil-light);font-size:var(--text-lead);margin:0}.contact-cards{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:50px;display:grid}.contact-card{background:var(--paper);border-radius:var(--radius);box-shadow:0 10px 40px var(--shadow);text-align:center;transition:transform var(--transition-medium), box-shadow var(--transition-medium);border:1px solid #4a4a4a0f;padding:34px 24px}.contact-card:hover{transform:translateY(-5px);box-shadow:0 18px 50px #4a4a4a1f}.contact-card.qr{flex-direction:column;align-items:center;display:flex}.qr-placeholder{border-radius:var(--radius-sm);background:var(--ivory);border:2px dashed #4a4a4a24;place-items:center;width:160px;height:160px;margin-bottom:20px;display:grid;position:relative;overflow:hidden}.qr-canvas-wrap{border-radius:var(--radius-sm);margin:0 auto 20px;overflow:hidden;box-shadow:0 4px 20px #4a4a4a14}.qr-canvas-wrap svg{width:100%;height:100%;display:block}.qr-placeholder svg{width:48px;height:48px;stroke:var(--pencil-light);opacity:.5}.qr-placeholder .qr-label{text-align:center;font-size:var(--text-caption);color:var(--pencil-light);position:absolute;bottom:10px;left:0;right:0}.contact-card h4{font-size:var(--text-lead);margin:0 0 10px;font-weight:700}.contact-card p{color:var(--pencil-light);font-size:var(--text-body);margin:0;line-height:1.7}.contact-form-wrap{background:var(--paper);border-radius:var(--radius);box-shadow:0 10px 40px var(--shadow);border:1px solid #4a4a4a0f;padding:40px}.contact-form-wrap h3{font-size:var(--text-subtitle);margin:0 0 8px;font-weight:700}.contact-form-wrap .form-subtitle{color:var(--pencil-light);font-size:var(--text-body);margin:0 0 28px}.contact-form{gap:20px;display:grid}.contact-form .form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.contact-form label{font-size:var(--text-body);color:var(--pencil);margin-bottom:8px;font-weight:600;display:block}.contact-form label .required{color:var(--text-required);margin-left:2px}.contact-form input,.contact-form select,.contact-form textarea{border-radius:var(--radius-sm);background:var(--ivory);width:100%;font-family:inherit;font-size:var(--text-body-lg);color:var(--pencil);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);border:1.5px solid #4a4a4a1f;outline:none;padding:12px 14px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--moss);box-shadow:0 0 0 3px var(--moss-light)}.contact-form textarea{resize:vertical;min-height:120px;line-height:1.7}.submit-btn{background:var(--pencil);color:var(--ivory);font-family:inherit;font-size:var(--text-body-lg);cursor:pointer;transition:transform var(--transition-normal), box-shadow var(--transition-normal);border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-weight:600;display:inline-flex}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4a4a4a33}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.form-note{font-size:var(--text-hint);color:var(--pencil-light);margin-top:18px;line-height:1.6}.field-error{color:var(--text-required);font-size:var(--text-hint);margin-top:4px;font-weight:500}.contact-form .form-field.full-width{grid-column:1/-1}.enterprise-form{margin-top:50px}.enterprise-form .contact-form{grid-template-columns:repeat(2,1fr)}.enterprise-form .form-field.full-width{grid-column:1/-1}.enterprise-form .form-field{margin-bottom:0}.survey-form{max-width:760px;margin-left:auto;margin-right:auto}.survey-form h3,.survey-form .form-subtitle{text-align:center}.qr-cards{grid-template-columns:repeat(2,1fr);gap:24px;max-width:720px;margin-left:auto;margin-right:auto;display:grid}.cta-section{padding:calc(var(--section-padding) + 10px) 0}.cta-card{background:var(--pencil);color:var(--ivory);border-radius:var(--radius);text-align:center;padding:70px 60px;position:relative;overflow:hidden;box-shadow:0 20px 60px #4a4a4a38}.cta-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#ffeb3b1f,#0000 55%);width:140%;height:140%;position:absolute;top:-40%;left:-20%}.cta-card h2{color:var(--ivory);font-size:var(--text-h2);margin:0 0 16px}.cta-card .cta-subtitle{max-width:560px;color:var(--text-ivory);font-size:var(--text-lead);margin:0 auto 34px;line-height:1.8}.cta-card .btn-primary{background:var(--yellow);color:var(--icon-yellow);box-shadow:0 8px 28px #ffeb3b40}.cta-card .btn-primary:hover{box-shadow:0 12px 36px #ffeb3b59}.cta-card .btn-secondary{color:var(--ivory);background:0 0;border:1.5px solid #faf7f04d}.cta-card .btn-secondary:hover{border-color:var(--ivory);background:#faf7f00d}.cta-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;opacity:0;transition:opacity var(--transition-medium) ease;background:#4a4a4a73;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.modal-overlay.open{opacity:1;display:flex}.modal-content{background:var(--paper);border-radius:var(--radius);width:100%;max-width:720px;max-height:90vh;transition:transform var(--transition-medium) ease;scrollbar-width:thin;scrollbar-color:#4a4a4a26 transparent;position:relative;overflow:hidden auto;transform:translateY(12px);box-shadow:0 24px 70px #4a4a4a47}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-button{display:none}.modal-content::-webkit-scrollbar-track{border-radius:0 var(--radius) var(--radius) 0;background:0 0}.modal-content::-webkit-scrollbar-thumb{background:#4a4a4a26;border-radius:3px;min-height:40px}.modal-content::-webkit-scrollbar-thumb:hover{background:#4a4a4a40}.modal-overlay.open .modal-content{transform:translateY(0)}.modal-close{background:var(--ivory);width:44px;height:44px;color:var(--pencil);cursor:pointer;font-size:var(--text-subtitle);z-index:10;transition:background var(--transition-normal);border:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:18px;right:18px}.modal-close:hover{background:var(--earth-light)}.modal-body{padding:28px 32px}.modal-body h3{font-size:var(--text-title);margin:0 0 6px;font-weight:700}.modal-body .form-subtitle{color:var(--pencil-light);font-size:var(--text-body);margin:0 0 16px}.modal-body .contact-form,.modal-body .contact-form .form-row{gap:14px}.modal-body .contact-form label{margin-bottom:4px}.modal-body .contact-form input,.modal-body .contact-form select,.modal-body .contact-form textarea{padding:10px 14px}.modal-body .contact-form textarea{min-height:80px}.modal-body .form-field{margin-bottom:14px}.modal-body .form-field .hint{margin-top:4px}.modal-body .checkbox-group{gap:8px}.modal-body .checkbox-pill{font-size:var(--text-body-sm);padding:7px 14px}.modal-body .submit-btn{padding:12px 28px}.modal-body .form-note{margin-top:16px}.modal-body .submit-error{color:var(--text-required);font-size:var(--text-body);margin:0 0 8px}.modal-success{text-align:center;padding:20px 0}.modal-success .success-icon{background:var(--moss-light);border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 20px;display:grid}.modal-success .success-icon svg{width:32px;height:32px;stroke:var(--moss)}.modal-success h3{margin:0 0 12px}.modal-success p{color:var(--pencil-light);margin:0 0 24px;line-height:1.7}footer{background:var(--ivory-glass);-webkit-backdrop-filter:blur(8px);text-align:center;color:var(--pencil-light);font-size:var(--text-caption);border-top:1px solid #4a4a4a14;padding:24px 0}.footer-grid{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-brand{text-align:left;flex:1}.footer-links{flex-wrap:wrap;gap:20px;display:flex}.footer-links a{color:var(--pencil-light);font-size:var(--text-body-sm);transition:color var(--transition-normal);text-decoration:none}.footer-links a:hover{color:var(--pencil)}.footer-contact a{color:var(--moss);font-size:var(--text-body-sm);font-weight:500;text-decoration:none}@media (max-width:1100px){.role-grid,.problem-grid,.timeline{grid-template-columns:repeat(2,1fr)}.timeline:before{display:none}}@media (max-width:900px){.hero-grid,.calculator-grid,.concurrency-grid,.service-grid,.value-grid,.role-grid,.problem-grid,.timeline,.features-grid,.testimonial-stats,.contact-cards,.qr-cards,.contact-form .form-row,.enterprise-form .contact-form{grid-template-columns:1fr}.timeline:before{display:none}.hero{padding:70px 0 90px}section{padding:56px 0}.cta-section{padding:70px 0}.cta-card{padding:50px 30px}.concurrency-wrap,.why-relay,.timeline-wrap,.features-wrap,.testimonial-wrap,.contact-form-wrap,.calculator-form,.calculator-result,.service-wrap{padding:28px}.workshop-gallery{height:240px}.calculator-form{border-bottom:1px solid #4a4a4a14;border-right:none}.nav-links{display:none}.dual-speed-banner{flex-direction:column}.faq-question,.faq-item.open .faq-answer p{padding-left:20px;padding-right:20px}.qr-placeholder{width:140px;height:140px}.qr-canvas-wrap{width:180px;height:180px}.survey-form{padding:30px}.modal-body{padding:24px 20px}.pricing-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.pricing-table{min-width:700px}.hero-art{aspect-ratio:480/420;height:auto;max-height:50vw}.footer-grid{text-align:center;flex-direction:column}.footer-brand{text-align:center}}@media (max-height:500px) and (orientation:landscape){.hero{padding:40px 0 50px}.hero-grid{grid-template-columns:1fr 1fr;gap:30px}}@media (prefers-color-scheme:dark){:root{--ivory:#161618;--ivory-dark:#1e1e20;--paper:#1c1c1f;--white:#fff;--white-soft:#ffffffb3;--white-dim:#ffffff4d;--pencil:#d4d4d8;--pencil-light:#90909a;--moss:#8db88a;--moss-light:#8db88a24;--earth:#d4b67d;--earth-light:#d4b67d24;--sky:#a3c0d8;--sky-light:#a3c0d81f;--yellow:#ffeb3b;--yellow-soft:#ffeb3b24;--yellow-ghost:#ffeb3b59;--text-sky:#bad4e5;--text-moss:#a8d0a5;--text-yellow:#ccbb2a;--text-required:#f09090;--text-ivory:#d4d4d8a6;--icon-yellow:#3a3500;--shadow:#0003;--ivory-glass:#161618d1;--ivory-dim:#161618b3;--ivory-hover:#ffffff0a}body:before{opacity:.12}.pricing-table th{background:#ffffff08}nav{background:#161618e0}.faq-question:hover{background:#ffffff08}.cta-card{color:#d4d4d8;background:#2a2a30;box-shadow:0 0 80px #ffeb3b0a,0 20px 60px #0006}.cta-card h2{color:#fff}.cta-card .cta-subtitle{color:#d4d4d899}.cta-card .btn-secondary{color:#d4d4d8;border-color:#d4d4d84d}.cta-card .btn-secondary:hover{background:#d4d4d80f;border-color:#d4d4d8}.cta-card:before{background:radial-gradient(circle at 30% 30%,#ffeb3b0d,#0000 55%)}.qr-canvas-wrap{box-shadow:0 4px 20px #00000040}.modal-overlay{background:#0009}.form-field input,.form-field select,.contact-form input,.contact-form select,.contact-form textarea{border-color:#ffffff14}.modal-content{scrollbar-color:#ffffff1a transparent}.modal-content::-webkit-scrollbar-thumb{background:#ffffff1a}.modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.calculator-result{background:linear-gradient(#8db88a0d,#16161840)}.result-card.highlight{background:#8db88a0a}.dual-speed-banner{background:linear-gradient(135deg, var(--yellow-soft), #a3c0d814)}.budget-principle{background:linear-gradient(135deg, var(--sky-light), #8db88a0d);border-color:#a3c0d840}.testimonial-wrap{background:linear-gradient(135deg, var(--moss-light), #a3c0d80f);border-color:#8db88a2e}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.float{animation:5s ease-in-out infinite float}.float-delay{animation:5s ease-in-out 1.5s infinite float}