/* Additions to the existing homepage. All rules stay inside the prototype. */
.original-home { overflow-x: clip; }
.original-home p { margin-bottom: 1em; }
.original-home h1,.original-home h2,.original-home h3 { font-weight: 700; }
.original-home .eyebrow::before { content: none; }
.original-home .eyebrow { display: inline-block; }
.original-home .hero { padding: 0; }
/* Keep decorative circuit lines clear of the hero copy and actions. */
.original-home .hero-routes { clip-path: inset(0 0 0 55%); opacity: .55; }
.original-home .hero::after { content: none; }
@media(max-width:1120px) {
  .original-home .hero-routes { display: none; }
}
.original-home .hero-copy { min-width: 0; }
.original-home .hero-copy > p { margin-top: 0; }
.original-home .hero-brand-emphasis { font-size: 1.28em; line-height: 1; }
.original-home .hero-grid { gap: 68px; }
.original-home .hero-actions { margin-top: 0; }
.original-home .icon { stroke-width: 1.8; }
.original-home .timeline { padding: 14px 14px 14px 62px; }
.original-home .track { width: auto; left: auto; background: var(--maq-dark-surface); }
.original-home .track::after { content: none; }
.original-home .maqster-canvas-wrap { grid-template-rows: minmax(230px,1fr) 185px; }
.original-home .hero .maqster-main { min-height: 490px; }
.original-home .hero .maqster-canvas-wrap { grid-template-rows: minmax(270px,1fr) 185px; }
.original-home .maqster-sidebar .device-control { font-size: .7rem; }
.original-home .window-dots { gap: 8px; }
.original-home .window-dots i { display: block; }
.original-home .hero .plan-chip { bottom: 12px; padding: 4px 8px; font-size: .56rem; }
.original-home .home-version-links { display: flex; align-items: center; flex-wrap: wrap; gap: 15px; margin: 21px 0 0; font-size: .83rem; color: #bcc3b6; }
.original-home .home-version-links a { display: inline-flex; gap: 8px; align-items: center; color: white; }
.original-home .home-version-links b { color: #bec6b9; font-size: .73rem; font-weight: 500; }
.original-home .home-version-links a:hover { color: var(--orange); }
.original-home .hero-note { display:block;margin-top:18px;color:#c0c7b9;font-size:.76rem;line-height:1.6; }
.original-home .hero-platforms { display:flex;flex-wrap:wrap;gap:2px 0;margin:0;padding:0;list-style:none; }
.original-home .hero-platforms li { display:inline-flex;align-items:center;white-space:nowrap; }
.original-home .hero-platforms li:not(:last-child)::after { content:"·";margin:0 8px;color:#7c8672; }

.original-home .building-window-light,
.original-home .parking-lamp-glow { transition: opacity .18s linear; }
.original-home [data-node-type="light"] { transition: opacity .18s linear, background .2s ease, box-shadow .2s ease, transform .2s ease; }
.original-home .scene-vehicle { transition: opacity .15s ease, box-shadow .3s ease; }
.original-home .scene-vehicle.is-parked { box-shadow: none; }
.original-home .node-5 { left: 20%; bottom: 30%; }
.original-home .scene-railway { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; pointer-events: none; }
.original-home .scene-railway use { fill: none; }
.original-home .rail-sleepers { stroke: #606757; stroke-width: 19; stroke-dasharray: 2 8; }
.original-home .rail-bed { stroke: #2a3026; stroke-width: 12; }
.original-home .rail-lines { stroke: #9aab8a; stroke-width: 9; }
.original-home .rail-center { stroke: #363f2e; stroke-width: 6; }
.original-home .dcc-car > rect { fill: #859476; stroke: #d2dbc9; stroke-width: 1; }
.original-home .dcc-car > path:not(.dcc-wheels):not(.dcc-headlight) { fill: #323d2b; }
.original-home .dcc-car.dcc-locomotive > rect { fill: #f28a17; stroke: #ffd698; }
.original-home .dcc-car .dcc-headlight { fill: #ffcb694d; }
.original-home .dcc-wheels { stroke: #151b11; stroke-width: 3; }
.original-home .dcc-label { position: absolute; left: 9px; top: 10px; z-index: 3; font: 600 9px/1.3 var(--mono); color: #d6a76b; letter-spacing: .04em; }
.original-home .clip--dcc { left: 10%; width: 84%; background: #7b9867; }
.original-home .clip--dcc.is-current { background: #a5c48c; box-shadow: 0 0 12px #9cbb8270; }
.original-home .home-workflow-intro { max-width:680px;color:#69725f;font-size:1rem;margin:20px 0 0;line-height:1.65; }
/* Hardware architecture: the grid sets the layout; SVG routes follow its nodes. */
/* The other workflow stages share the replay control and a finite entrance sequence. */
.original-home .workflow-view--animated { align-content:start;gap:20px; }
.original-home .workflow-animation-toolbar { display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;text-align:left; }
.original-home .workflow-animation-toolbar p { margin:0;color:#bec6b4;font-size:.8rem;line-height:1.5; }
.original-home .workflow-animation-toolbar .architecture-replay { flex-shrink:0; }
.original-home .workflow-view--animated .workflow-plan-wire { stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:none; }
.original-home .workflow-timeline-property-bar i,.original-home .workflow-monitor-track i { transform-origin:left center; }
.original-home .workflow-view--animated .workflow-show-link::before { content:none; }
.original-home .workflow-show-connection { position:absolute;display:block;width:calc(100% + 24px);height:2px;background:var(--orange);transform-origin:left center;color:var(--maq-on-accent); }
@media(max-width:820px) {
  .original-home .workflow-view--animated .workflow-plan-wires { display:block; }
  .original-home .workflow-view--animated .workflow-plan-canvas { padding-left:34px;gap:24px 18px; }
  .original-home .workflow-view--animated .workflow-plan-hub { width:min(216px,calc(100% - 46px)); }
  .original-home .workflow-show-connection { width:2px;height:82px;transform-origin:center top; }
}
@media(max-width:560px) {
  .original-home .workflow-animation-toolbar { align-items:flex-start;gap:12px; }
  .original-home .workflow-animation-toolbar p { font-size:.72rem; }
  .original-home .workflow-animation-toolbar .architecture-replay { max-width:132px;padding:9px;font-size:.68rem; }
  .original-home .workflow-animation-toolbar .architecture-replay svg { flex-shrink:0; }
}
.original-home .workflow-hardware { width:100%;min-width:0;container:hardware / inline-size; }
.original-home .architecture-toolbar { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px;text-align:left; }
.original-home .architecture-toolbar p { margin:0;font-size:1.12rem;color:#f5f5ed; }
.original-home .architecture-toolbar p>span:last-child { display:block;margin-top:5px;font-size:.76rem;color:#b8c0af; }
.original-home .architecture-replay { display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;min-height:42px;border:1px solid #60694f;border-radius:5px;background:#30362b;color:#e5e9df;font:600 .75rem/1.3 var(--maq-font-ui);cursor:pointer; }
.original-home .architecture-replay svg { width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7; }
.original-home .architecture-replay:hover { border-color:var(--orange);color:#ffbc69; }
.original-home .architecture-replay:focus-visible { outline:2px solid var(--orange);outline-offset:4px; }
.original-home .architecture-map { position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:72px 22px;padding:44px 26px 24px;width:100%;text-align:left; }
.original-home .architecture-wires { position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none; }
.original-home .architecture-wire { fill:none;stroke:var(--orange);stroke-width:2;stroke-linecap:round;stroke-linejoin:round; }
.original-home .architecture-wire--wifi { stroke:#c8b18c;stroke-dasharray:5 7; }
.original-home .architecture-protocol rect { fill:#252b22;stroke:#66583e;stroke-width:1; }
.original-home .architecture-protocol text { fill:#ffbd6e;font:600 11px var(--mono); }
.original-home .architecture-protocol--wifi rect { stroke:#6f6655; }
.original-home .architecture-protocol--wifi text { fill:#e0cfb1; }
.original-home .architecture-node { position:relative;z-index:1;display:flex;align-items:center;gap:14px;min-width:0;min-height:88px;padding:16px;border:1px solid #565f49;border-radius:7px;background:#292f25;color:#f5f5ed;box-shadow:0 5px 16px #10130f22; }
.original-home .architecture-node .icon { width:27px;height:27px;flex-shrink:0;color:var(--orange); }
.original-home .architecture-node span,.original-home .architecture-node em { display:block;color:#bec6b4;font:normal .65rem/1.5 var(--mono); }
.original-home .architecture-node strong { display:block;font-size:1rem;line-height:1.6; }
.original-home .architecture-node--pc,.original-home .architecture-node--raspberry { grid-row:1;min-height:128px;border-color:#a0783f;background:#303429; }
.original-home .architecture-node--pc { grid-column:1/5; }
.original-home .architecture-node--raspberry { grid-column:5/9; }
.original-home .architecture-node--pc strong,.original-home .architecture-node--raspberry strong { font-size:1.25rem; }
.original-home .architecture-node--dcc { grid-area:2/1/3/4; }
.original-home .architecture-node--arduino { grid-area:2/5/3/9; }
.original-home .architecture-node--dmx { grid-area:2/10/3/13; }
.original-home .architecture-node--pca { grid-area:3/2/4/6; }
.original-home .architecture-node--pcf { grid-area:3/8/4/12; }
.original-home .architecture-node--led { grid-area:4/1/5/4; }
.original-home .architecture-node--servo { grid-area:4/4/5/7; }
.original-home .architecture-node--relay { grid-area:4/7/5/10; }
.original-home .architecture-node--sensor { grid-area:4/10/5/13; }
.original-home .architecture-node--led,.original-home .architecture-node--servo,.original-home .architecture-node--relay,.original-home .architecture-node--sensor { min-height:80px;background:#20251e; }
.original-home .architecture-phone { position:relative;z-index:1;grid-area:1/10/2/13;display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 12px;border:1px dashed #8f8066;border-radius:10px;background:#302e27;color:#f6f2e9; }
.original-home .architecture-phone-platform,.original-home .architecture-phone-app { display:block;color:#c4bdaa;font-size:.66rem;line-height:1.5; }
.original-home .architecture-phone strong { display:block;font-size:1.03rem;line-height:1.7; }
.original-home .architecture-wifi-badge { display:inline-flex;margin-top:8px;padding:3px 8px;border:1px solid #786448;border-radius:20px;color:#ffd095;font:600 .63rem/1.3 var(--mono); }
.original-home .architecture-phone-preview { position:relative;width:46px;height:88px;flex-shrink:0;border:2px solid #c1b49a;border-radius:9px;background:#1e231c;padding:12px 6px 7px;box-shadow:0 5px 12px #0003; }
.original-home .architecture-phone-preview>span { position:absolute;top:4px;left:15px;width:12px;height:2px;border-radius:3px;background:#c1b49a; }
.original-home .architecture-phone-preview .icon { display:block;width:20px;height:20px;margin:3px auto 8px;color:var(--orange); }
.original-home .architecture-phone-preview i { display:block;height:3px;margin:5px 0;border-radius:2px;background:linear-gradient(90deg,var(--orange) 65%,#687159 65%); }
.original-home .architecture-phone-preview i:nth-last-child(2) { background:linear-gradient(90deg,var(--orange) 35%,#687159 35%); }
.original-home .architecture-key { display:flex;flex-wrap:wrap;gap:10px 28px;padding:18px 0 0;border-top:1px solid #464d3f;font-size:.73rem;color:#c6ccbe;text-align:left; }
.original-home .architecture-key span { display:flex;align-items:center;gap:8px; }
.original-home .architecture-key i { display:inline-block;width:28px;border-top:2px solid var(--orange);flex-shrink:0; }
.original-home .architecture-key .wifi-key { border-top-style:dashed;border-color:#c8b18c; }
.original-home .home-workflow-full .workflow-step:focus-visible { outline:2px solid var(--orange);outline-offset:3px; }
.original-home .workflow-step:not(.is-active) .workflow-step-number { color:#fff; }
@media(max-width:1100px) {
  .original-home .architecture-map { gap:60px 14px;padding:38px 20px 24px; }
  .original-home .architecture-node { padding:12px;gap:10px; }
  .original-home .architecture-node .icon { width:22px;height:22px; }
  .original-home .architecture-phone { gap:10px; }
}
@container hardware (max-width:760px) {
  .original-home .architecture-protocol text { font-size:10px; }
  .original-home .architecture-toolbar { align-items:flex-start;gap:12px; }
  .original-home .architecture-toolbar p>span:last-child { max-width:160px;line-height:1.4; }
  .original-home .architecture-replay { max-width:132px;padding:9px;font-size:.68rem; }
  .original-home .architecture-replay svg { flex-shrink:0; }
  .original-home .architecture-map { grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 12px;padding:24px 18px; }
  .original-home .architecture-node { min-height:90px;align-items:flex-start;flex-direction:column;gap:7px;padding:12px; }
  .original-home .architecture-node span,.original-home .architecture-node em { font-size:.6rem; }
  .original-home .architecture-node strong,.original-home .architecture-node--pc strong,.original-home .architecture-node--raspberry strong { font-size:.9rem; }
  .original-home .architecture-node--pc { grid-area:1/1/2/3; }
  .original-home .architecture-node--raspberry { grid-area:1/3/2/5; }
  .original-home .architecture-phone { grid-area:2/1/3/5;justify-self:center;width:85%;min-height:108px;gap:20px; }
  .original-home .architecture-phone-preview { height:78px; }
  .original-home .architecture-phone-app { font-size:.74rem; }
  .original-home .architecture-node--dcc { grid-area:3/1/4/3; }
  .original-home .architecture-node--dmx { grid-area:3/3/4/5; }
  .original-home .architecture-node--arduino { grid-area:4/1/5/5;align-items:center;justify-content:center;flex-direction:row;gap:18px; }
  .original-home .architecture-node--pca { grid-area:5/1/6/3; }
  .original-home .architecture-node--pcf { grid-area:5/3/6/5; }
  .original-home .architecture-node--led { grid-area:6/1/7/3; }
  .original-home .architecture-node--relay { grid-area:6/3/7/5; }
  .original-home .architecture-node--servo { grid-area:7/1/8/3; }
  .original-home .architecture-node--sensor { grid-area:7/3/8/5; }
}
@media(max-width:760px) {
  .original-home .workflow-preview[data-step="5"] .workflow-stage { padding:22px 12px; }
}
@media(prefers-reduced-motion:reduce) {
  .original-home .architecture-replay { display:none; }
}
.original-home .home-pro-label { display: table; margin-bottom: 20px; border: 1px solid #cad1c4; border-left: 3px solid var(--orange); padding: 5px 8px; font: 600 10px/1.5 var(--mono); letter-spacing: .06em; }
.original-home .pricing-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.original-home .pricing-card { min-width: 0; padding: clamp(20px,2vw,28px); }
.original-home .pricing-status { min-height: 126px; }
.original-home .pricing-yearly { display: block; margin-top: 10px; font-size: 14px; font-weight: 500; letter-spacing: 0; text-transform: none; }
.original-home .pricing-yearly b { font-weight: 800; }
.original-home .pricing-price--annual { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; column-gap: 16px; }
.original-home .pricing-monthly strong { white-space: nowrap; }
.original-home .pricing-price--annual .pricing-yearly { min-width: 0; margin: 0; padding-left: 16px; border-left: 1px solid rgb(38 41 35 / 35%); font-size: 13px; line-height: 1.5; }
.original-home .pricing-yearly b { white-space: nowrap; }
.original-home .pricing-yearly-saving { display: table; margin-top: 7px; padding: 4px 7px; border-radius: 2px; background: #262923; color: #ffb451; font-size: 11px; font-weight: 750; line-height: 1.4; }

.original-home .pricing-for { min-height: 5.1em; }
.original-home .pricing-card .button { width: 100%; min-height: 50px; padding-inline: 12px; font-size: .84rem; text-align: center; white-space: normal; }
.original-home #pakiet-pro { position: relative; }
.original-home #pakiet-pro .pricing-support {
  margin: 0 0 18px;
  padding-top: 15px;
  border-top: 1px solid rgb(38 41 35 / 30%);
}
.original-home .pricing-support-label {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 16px;
  max-width: calc(100% - 32px);
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 11px 16px;
  border: 2px solid var(--ink);
  border-radius: 6px;
  background: #fffaf2;
  color: var(--ink);
  box-shadow: 0 5px 0 rgb(37 40 36 / 22%);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.4;
}
.original-home .pricing-support-label svg { width: 20px; height: 20px; flex: none; fill: var(--orange); }
@media (prefers-reduced-motion:no-preference) {
  .original-home .pricing-support-label.is-attention-visible {
    animation: pricing-support-nudge 1.4s .35s ease-in-out 2;
  }
  .original-home .pricing-support-label.is-attention-visible svg {
    transform-origin: center;
    animation: pricing-support-heart 1.4s .35s ease-in-out 2;
  }
}
@keyframes pricing-support-nudge {
  0%, 70%, 100% { transform: translateY(-50%); }
  35% { transform: translateY(calc(-50% - 4px)); }
}
@keyframes pricing-support-heart {
  0%, 70%, 100% { transform: scale(1); }
  35% { transform: scale(1.12); }
}
@media (min-width:761px) and (max-width:1100px) {
  .original-home .pricing-support-label { gap: 7px; padding: 8px 10px; font-size: .8125rem; }
  .original-home .pricing-support-label svg { width: 18px; height: 18px; }
}
.original-home #pakiet-pro .pricing-support p {
  margin: 0;
  color: var(--ink);
  font-size: .78rem;
  line-height: 1.55;
}
.original-home #pakiet-pro .pricing-support .maqster-wordmark__q { color: inherit !important; }
@media (max-width: 760px) {
  .original-home .pricing-grid { grid-template-columns: 1fr; }
  .original-home .pricing-for { min-height: 0; }
}
.original-home .home-comparison-link { margin-top: 25px; display: flex; justify-content: space-between; gap: 20px; align-items: center; font-size: .86rem; }
.original-home .home-comparison-link > span { color: #c0c9b6; }
.original-home .home-comparison-link a { display: flex; gap: 14px; align-items: center; padding: 8px 0; border-bottom: 1px solid #8e9a80; }
.original-home .home-resource { display: flex; flex-direction: column; transition: border-color .2s,transform .2s; }
.original-home a.home-resource:hover { border-color: var(--orange); transform: translateY(-3px); }
.original-home .home-resource h3 { margin-bottom: 15px; }
.original-home .home-resource p { flex: 1; }
.original-home .home-resource > span { font-size: .8rem; font-weight: 700; margin-top: 15px; }
.original-home .home-resource--forum { border-color: #db9a4d; background: #fff8ed; }
.original-home .home-resource--soon { position: relative; overflow: hidden; }
.original-home .home-community { margin-top: 58px; border-top: 1px solid var(--line); padding-top: 40px; display: grid; grid-template-columns: 1fr 1.65fr; gap: 65px; }
.original-home .home-community h3 { font-size: 2.35rem; margin-bottom: 25px; }
.original-home .home-community .eyebrow { font-size: .65rem; }
.original-home .home-community-topics > a { display: grid; grid-template-columns: 30px 1fr 24px; gap: 18px; border-bottom: 1px solid var(--line); padding: 19px 0; align-items: center; }
.original-home .home-community-topics > a:first-child { padding-top: 0; }
.original-home .home-community-topics > a:hover strong { color: #a95b0b; }
.original-home .home-topic-number { color: #929b88; font: .72rem var(--mono); }
.original-home .home-community-topics small,.original-home .home-community-topics strong,.original-home .home-topic-meta { display: block; }
.original-home .home-community-topics small { color: #6a755e; font-size: .7rem; margin-bottom: 5px; }
.original-home .home-community-topics strong { font-size: .95rem; line-height: 1.4; }
.original-home .home-topic-meta { color: #72796b; font-size: .7rem; margin-top: 7px; }
.original-home .home-presentation { align-self: center; padding: 36px; }
.original-home .home-presentation h3 { font-size: 2.2rem; margin-bottom: 20px; }
.original-home .home-presentation p { line-height: 1.7; }
.original-home .home-presentation .button { margin: 12px 0 22px; }
.original-home .home-presentation > a,.original-home .home-presentation > small { display: block; font-size: .83rem; }
.original-home .home-presentation > small { margin-top: 26px; color: #748066; font-size: .72rem; }
.application-page .original-home > .section:first-of-type{padding-top:54px}
.application-page .original-home .section-heading h1{font-size:clamp(2.5rem,5vw,4.8rem);margin:0}
.original-home .overview-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:54px;align-items:start}
.original-home .overview-step{display:grid;grid-template-columns:30px 1fr 24px;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}
.original-home .overview-step:first-child{padding-top:0}
.original-home .overview-step>span{font:600 .65rem var(--mono);color:#b46c17;padding-top:4px}
.original-home .overview-step strong{display:block;font-size:.95rem;margin-bottom:9px}
.original-home .overview-step p{font-size:.8rem;line-height:1.55;color:#69725f;margin:0;max-width:370px}
.original-home .overview-step b{font-size:1.15rem;font-weight:400;color:#a4ad99}
.original-home .overview-step:hover strong{color:#b46c17}
.original-home .overview-diagram{padding:22px;background:#252824;color:#f4f5f0;border:1px solid #4b5441;border-radius:6px;box-shadow:0 18px 35px #25282412}
.original-home .overview-diagram header{display:flex;justify-content:space-between;gap:12px;font:600 9px/1.5 var(--mono);letter-spacing:.07em;color:#a9b69b}
.original-home .overview-edition-panel>p{font-size:.75rem;color:#b9c3ad;margin:10px 0 20px;min-height:2.5em}
.original-home .overview-edition-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;padding:5px;border:1px solid #4b5441;border-radius:5px;background:#1e221c}
.original-home .overview-edition-tabs button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:9px 14px;border:1px solid transparent;border-radius:3px;background:transparent;color:#c2cab9;text-align:left}
.original-home .overview-edition-tabs strong{font-size:.92rem;line-height:1.2}
.original-home .overview-edition-tabs span{font-size:.67rem;line-height:1.35;color:#aebaa2}
.original-home .overview-edition-tabs button[aria-selected="true"]{background:#3b3426;border-color:#b5833b;color:#fff}
.original-home .overview-edition-tabs button[aria-selected="true"] strong{color:var(--orange)}
.original-home .overview-edition-tabs button:hover{border-color:#b5833b}
.original-home .overview-edition-tabs button:focus-visible,.original-home .overview-edition-panel:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.original-home .overview-diagram>.button{display:flex;justify-content:center;width:100%;font-size:.8rem;min-height:46px}
.original-home .overview-connections{position:relative;height:310px;margin-top:14px}
.original-home .overview-connections>svg{position:absolute;inset:0;width:100%;height:100%}
.original-home .overview-node{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #59634b;border-radius:3px;background:#2d3328;height:18.06%;width:26%}
.original-home .overview-node strong{font-size:.78rem;line-height:1.35}
.original-home .overview-node span{display:block;font-size:.62rem;color:#aab79b;margin-top:5px}
.original-home .overview-pc{left:28%;top:9.03%;width:44%;flex-direction:row;gap:18px;background:#3b3426;border-color:#b5833b}
.original-home .overview-pc .icon{color:var(--orange);width:20px;height:20px}
.original-home .overview-light-mobile{left:7%;width:40%;gap:12px}
.original-home .overview-light-pc{left:53%;width:40%;gap:12px}
.original-home .overview-light-mobile .icon{height:25px}
.original-home .overview-host-or{position:absolute;left:47%;top:9.03%;width:6%;height:18.06%;display:grid;place-items:center;color:#aebaa2;font-size:.65rem}
.original-home .overview-dcc{left:1.5%;top:45.16%}
.original-home .overview-arduino{left:37%;top:45.16%}
.original-home .overview-dmx{right:1.5%;top:45.16%}
.original-home .overview-pwm{left:9%;top:76.13%;width:36%}
.original-home .overview-io{right:9%;top:76.13%;width:36%}
@media(max-width:1050px){.original-home .overview-layout{grid-template-columns:1fr;gap:35px}.original-home .overview-diagram{max-width:720px}.original-home .overview-step p{max-width:none}}
@media(max-width:760px){.original-home .overview-step{gap:12px}.original-home .overview-diagram{padding:17px}.original-home .overview-connections{height:260px}.original-home .overview-node strong{font-size:.65rem}.original-home .overview-node span{font-size:.5rem}.original-home .overview-pc{gap:10px}.original-home .overview-pc .icon{width:16px;height:16px}.original-home .home-workflow-overview .section-heading p br{display:none}}
@media(max-width:480px){.original-home .overview-edition-tabs button{align-items:flex-start;flex-direction:column;gap:5px;padding:10px}.original-home .overview-light-mobile .icon{height:23px}.original-home .overview-light-mobile,.original-home .overview-light-pc{gap:6px}.original-home .overview-host-or{font-size:.52rem}}















.original-home .home-modules-summary{padding:75px 0}
.original-home .home-modules-summary .section-heading{grid-template-columns:minmax(0,1.45fr) minmax(280px,.62fr);gap:48px}
.original-home .module-heading-line{display:block;white-space:nowrap}
@media(max-width:1120px){.original-home .home-modules-summary .section-heading{grid-template-columns:1fr;gap:22px}}
@media(max-width:760px){.original-home .home-modules-summary h2{font-size:clamp(1.5rem,7vw,3.3rem)}}
.original-home .overview-modules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.original-home .overview-module{position:relative;min-width:0;min-height:276px;padding:24px;border:1px solid #525c49;border-radius:6px;display:flex;flex-direction:column;background:linear-gradient(145deg,#32382e,#282d25 75%);box-shadow:0 6px 16px #0000000d;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.original-home .overview-module::before{content:"";position:absolute;left:24px;top:-1px;width:32px;height:2px;background:var(--orange);opacity:.65;transition:width .22s ease,opacity .22s ease}
.original-home .module-visual{position:relative;display:flex;align-items:center;height:86px;margin-bottom:20px}
.original-home .module-icon{position:relative;z-index:1;display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border:1px solid #f28a173d;border-radius:5px;background:#f28a170c;transition:background .22s ease,border-color .22s ease}
.original-home .module-icon .icon{width:25px;height:25px;color:var(--orange)}
.original-home .module-sketch{width:180px;max-width:calc(100% - 58px);height:80px;margin-left:auto;color:#69755e;opacity:.75;transition:opacity .22s ease,transform .22s ease}
.original-home .module-sketch .diagram-accent{stroke:var(--orange)}
.original-home .module-sketch .diagram-point{fill:var(--orange);stroke:var(--orange)}
.original-home .overview-module h3{margin:0 0 9px;font-family:var(--maq-font-ui);font-size:1.3rem;line-height:1.25;letter-spacing:-.025em;color:#f5f6f1;text-transform:none}
.original-home .overview-module p{margin:0 0 22px;font-size:.84rem;line-height:1.6;color:#c0c8b9}
.original-home .module-link{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid #ffffff12;color:#c1c9b9;font-size:.72rem;font-weight:600;letter-spacing:.025em}
.original-home .module-arrow{display:grid;place-items:center;width:26px;height:26px;border:1px solid #69755e;border-radius:50%;color:#d4ddca;font-size:1rem;font-weight:400;line-height:1;transition:background .22s ease,color .22s ease,border-color .22s ease}
.original-home .overview-module:focus-visible{outline:2px solid var(--orange);outline-offset:4px;border-color:var(--orange)}
.original-home .overview-module:focus-visible .module-arrow{background:var(--orange);border-color:var(--orange);color:var(--maq-on-accent)}
@media(hover:hover){
  .original-home .overview-module:hover{transform:translateY(-4px);border-color:#f28a17b3;box-shadow:0 14px 30px #00000026}
  .original-home .overview-module:hover::before{width:64px;opacity:1}
  .original-home .overview-module:hover .module-icon{background:#f28a1720;border-color:#f28a1770}
  .original-home .overview-module:hover .module-sketch{opacity:1;transform:translateX(3px)}
  .original-home .overview-module:hover .module-arrow{background:var(--orange);border-color:var(--orange);color:var(--maq-on-accent)}
}
@media(max-width:1080px){.original-home .overview-modules{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Closing CTA echoes the founder section's orange drafting grid. */
.original-home .split-next {
  --focus: var(--maq-dark-surface);
  padding: 60px 0;
  color: var(--maq-dark-surface);
  border-top: 1px solid rgba(37, 40, 36, .34);
  background-color: var(--maq-accent);
  background-image:
    linear-gradient(rgba(37, 40, 36, .07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37, 40, 36, .07) 1px, transparent 1px);
  background-size: 72px 72px;
}
.original-home .split-next :is(.eyebrow, h2, p) { color: inherit; }
.original-home .split-next .button {
  --maq-button-hover-background: var(--maq-dark-surface-raised);
  --maq-button-hover-color: var(--maq-dark-text);
  --maq-button-hover-border: var(--maq-dark-surface-raised);
  color: var(--maq-dark-text);
  background: var(--maq-dark-surface);
  border-color: var(--maq-dark-surface);
}
.original-home .split-next .button--outline {
  --maq-button-hover-background: var(--maq-dark-surface);
  --maq-button-hover-border: var(--maq-dark-surface);
  color: var(--maq-dark-surface);
  background: transparent;
}
.original-home .split-next .button:focus-visible {
  outline: 2px solid var(--maq-dark-surface);
  outline-offset: 4px;
}
.original-home .split-next>.shell{display:flex;justify-content:space-between;align-items:center;gap:40px}
.original-home .split-next h2{font-size:clamp(2rem,3vw,3.1rem);margin-bottom:14px}.original-home .split-next p{font-size:.88rem;margin:0}.original-home .split-next .hero-actions{flex-shrink:0}
@media(max-width:1050px){.original-home .split-next>.shell{display:block}.original-home .split-next .hero-actions{margin-top:25px}}
@media(max-width:760px){.original-home .overview-modules{gap:12px}.original-home .overview-module{padding:18px;min-height:256px}.original-home .overview-module::before{left:18px}.original-home .overview-module h3{font-size:1.12rem}.original-home .overview-module p{font-size:.78rem}.original-home .home-modules-summary{padding:55px 0}.application-page .original-home > .section:first-of-type{padding-top:36px}}
@media(max-width:480px){.original-home .overview-module{padding:15px;min-height:248px}.original-home .overview-module::before{left:15px}.original-home .module-visual{height:72px;margin-bottom:15px;align-items:flex-start}.original-home .module-icon{width:35px;height:35px}.original-home .module-icon .icon{width:21px;height:21px}.original-home .module-sketch{position:absolute;right:-2px;bottom:-7px;max-width:100%;width:116px;height:52px;opacity:.55}.original-home .overview-module h3{font-size:1rem}.original-home .overview-module p{font-size:.75rem}.original-home .module-link{font-size:.65rem}.original-home .module-arrow{width:23px;height:23px}}
@media(max-width:1120px) {
  .original-home .hero-grid { gap: 45px; }
}
@media(max-width:760px) {
  .original-home .hero-copy > p br { display: none; }
  .original-home .hero .maqster-canvas-wrap { grid-template-rows: minmax(230px,1fr) 185px; }
  .original-home .hero .maqster-main { min-height: 475px; }
  .original-home .maqster-sidebar { padding: 10px 8px; }
  .original-home .device-control { padding: 8px 7px; font-size: .65rem; gap: 5px; }
  .original-home .home-community { grid-template-columns: 1fr; }
  .original-home .home-comparison-link { flex-direction: column; align-items: flex-start; }
  .original-home .home-community { gap: 32px; margin-top: 35px; }
  .original-home .home-presentation { padding: 25px; }
}
.original-home .application-card--illustrated{padding:0 24px 28px;border:1px solid #49513e}
.original-home .application-card--illustrated::before,.original-home .application-card--illustrated::after{display:none}
.original-home .application-illustration{width:calc(100% + 48px);margin:0 -24px 22px;border-bottom:1px solid #49513e;background:radial-gradient(ellipse at 50% 70%,rgba(242,138,23,.045),transparent 70%)}
.original-home .application-illustration img,.original-home .application-illustration>.application-scene{display:block;width:100%;height:auto;aspect-ratio:320/220}
@media(prefers-reduced-motion:reduce) {
  .original-home *, .original-home *::before, .original-home *::after { animation: none !important; transition: none !important; }
}

/* Founder section on the shared orange brand background. */
.original-home .founder-section { background-color: var(--maq-accent); overflow: clip; }
.original-home .founder-section .shell { margin-inline: auto; }
.original-home .founder-copy { min-width: 0; }
.original-home .founder-proof-grid { grid-auto-rows: 1fr; }
.original-home .founder-proof > span { display: block; min-height: 4.14em; text-wrap: pretty; }
.original-home .founder-copy > p {
  max-width: 64ch;
  padding: 22px 26px;
  margin-bottom: 0;
  color: var(--maq-dark-text);
  background: var(--maq-dark-surface);
  border-left: 4px solid var(--maq-dark-border);
  border-radius: 0 6px 6px 0;
  font-size: clamp(19px, 1.12vw, 21px);
  font-weight: 500;
  line-height: 1.75;
}
/* The full author card links to the author's website. */
.original-home a.founder-profile {
  position: relative;
  display: block;
  cursor: pointer;
  transition: border-color .2s ease;
}
.original-home .founder-profile-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 22px;
  border-top: 1px solid var(--maq-dark-border);
  color: var(--orange-light);
  background: rgba(242, 138, 23, .08);
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .02em;
  transition: background-color .2s ease, color .2s ease;
}
.original-home .founder-profile-link-icon {
  display: grid;
  place-items: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border: 1px solid currentColor;
  border-radius: 50%;
}
.original-home .founder-profile-link-icon svg { width: 18px; height: 18px; }
.original-home a.founder-profile:focus-visible {
  outline: 3px solid var(--ink);
  outline-offset: 5px;
  border-color: var(--orange-light);
}
.original-home a.founder-profile:focus-visible .founder-profile-link {
  color: var(--ink);
  background: var(--orange-light);
}
@media (hover:hover) and (pointer:fine) {
  .original-home a.founder-profile:hover { border-color: var(--orange-light); }
  .original-home a.founder-profile:hover .founder-profile-link {
    color: var(--ink);
    background: var(--orange-light);
  }
}
@media (prefers-reduced-motion:no-preference) {
  .original-home a.founder-profile {
    transition: transform .28s cubic-bezier(.2,.8,.2,1), border-color .2s ease, box-shadow .28s ease;
  }
  .original-home a.founder-profile::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,.12) 50%, transparent 70%);
    transform: translateX(-110%);
    opacity: 0;
  }
  .original-home .founder-profile-link-icon svg { transition: transform .28s cubic-bezier(.2,.8,.2,1); }
  .original-home a.founder-profile:focus-visible {
    transform: translateY(-5px);
    box-shadow: 16px 22px 0 rgba(37,40,36,.2);
  }
  .original-home a.founder-profile:focus-visible::after { animation: founder-profile-sheen .7s ease-out both; }
  .original-home a.founder-profile:focus-visible .founder-profile-link-icon svg { transform: translate(3px,-3px); }
  @media (hover:hover) and (pointer:fine) {
    .original-home a.founder-profile:hover {
      transform: translateY(-5px);
      box-shadow: 16px 22px 0 rgba(37,40,36,.2);
    }
    .original-home a.founder-profile:hover::after { animation: founder-profile-sheen .7s ease-out both; }
    .original-home a.founder-profile:hover .founder-profile-link-icon svg { transform: translate(3px,-3px); }
    .original-home a.founder-profile:active { transform: translateY(-1px); }
  }
}
@keyframes founder-profile-sheen {
  0% { transform: translateX(-110%); opacity: 0; }
  20%, 75% { opacity: 1; }
  100% { transform: translateX(110%); opacity: 0; }
}
@media (max-width:760px) {
  .original-home .founder-copy h2 { font-size: clamp(1.8rem, 9.3vw, 2.72rem); }
  .original-home .founder-copy > p { padding: 18px 20px; font-size: 18px; }
}

/* Dedicated thematic pages from the original module selector. */
.original-home .module-detail-link{margin-top:22px}