/* Concept 03 · focused refinement. Other page sections retain their styling. */
.hero{gap:68px;padding-block:66px 64px;align-items:center}
.hero-copy{min-width:0;padding-block:12px}
.hero .eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:30px}
.hero h1.hero-title{font-family:Inter,Arial,sans-serif;font-size:clamp(49px,4.85vw,71px);font-weight:400;line-height:1.08;letter-spacing:-.055em;font-feature-settings:'ss01' on,'cv11' on}
.hero-title-opening,.hero-title-bridge,.hero-title-finale{display:block}
.hero-title-opening{font-weight:530}
.hero-title-bridge{font-weight:390;color:#3c294d}
.hero h1 .hero-title-finale{font-family:Space,Inter,sans-serif;font-size:1.27em;font-weight:500;line-height:1.03;letter-spacing:-.07em;margin-top:4px;color:var(--red)}
.hero-title-finale>span{color:var(--ink)}
.hero .hero-lead{font-size:16px;line-height:1.75;max-width:405px;margin-top:29px;color:#716577}
.hero .hero-actions{margin-top:29px;gap:25px}
.hero .hero-note{font-size:10px;letter-spacing:.005em;margin-top:26px}
.hero .hero-actions .button{border-radius:7px;box-shadow:0 5px 14px #1a07350a;transition:background .2s,box-shadow .2s,transform .2s}
.hero .hero-actions .button:hover{box-shadow:0 8px 22px #c63f5222}

/* A single state drives the choreography. No autoplay, delayed state, or queues. */
.hero .invention-board{--scene-ease:cubic-bezier(.22,.8,.2,1);--stage-index:0;align-self:center;width:100%;background:#f4f0f3;border-color:#dfd6df;border-radius:15px;box-shadow:0 25px 65px -40px #33124030}
.hero .board-heading{padding:20px 24px;font-size:8px;letter-spacing:.09em;background:#f8f4f6;color:#6c5c75;min-height:55px}
.hero .board-heading>span:first-child{gap:7px}
.hero .board-phase{font-size:7px;font-variant-numeric:tabular-nums;color:#8c7c95;text-align:right}
.hero .specimen{height:362px;min-height:0;flex:none;border-color:#e6dfe7;background-color:#f0edf2;background-size:24px 24px;isolation:isolate;pointer-events:none}
.hero .specimen:before{background:radial-gradient(ellipse at 72% 36%,#6c9ef71e,transparent 60%),radial-gradient(ellipse at 23% 73%,#c63f5210,transparent 55%)}
.hero .measurement{font-size:6px;letter-spacing:.11em;left:21px;top:20px;color:#9a8ea3}
.hero .orbital{top:49%;width:264px;height:264px;border-color:#a495b530;transition:transform .85s var(--scene-ease),opacity .7s}
.hero .orbital-two{width:313px;height:313px;border-color:#a496b520}
.hero .axis-x{top:49%;background:#887b9314}.hero .axis-y{background:#887b9314}
.hero .concept-note{left:50%;top:49%;width:67%;max-width:305px;min-height:190px;padding:27px 24px;transform:translate(-58%,-51%) rotate(-7deg);border-color:#e6dce0;box-shadow:0 2px 3px #30213906,5px 19px 30px -12px #35234830;z-index:4;opacity:1;transition:transform .82s var(--scene-ease),opacity .42s ease;backface-visibility:hidden}
.hero .concept-note:before{width:63px;height:19px;background:#cc6c7d40;backdrop-filter:blur(1px);transform:rotate(3deg)}
.hero .concept-note small{font-size:7px;letter-spacing:.13em;color:#997280}
.hero .concept-note strong{font:500 27px/1.2 Space,Inter,sans-serif;letter-spacing:-.8px;margin:17px 0 23px;max-width:240px}
.hero .concept-note>span{font-size:8px;color:#887586}
.hero .concept-note b{font-size:20px;top:20px;right:20px}
.hero .engineering-chip{left:50%;right:auto;top:49%;width:192px;height:192px;z-index:3;opacity:.36;transform:translate(4%,3%) rotate(13deg) scale(.8);background:linear-gradient(135deg,#94b8ff,#537ed3 50%,#3b60ae);border-color:#b5d0ff;border-radius:16px;box-shadow:inset 0 1px 1px #ffffff80,5px 7px 0 #4365a812,10px 25px 28px -12px #293a7055;transition:transform .82s var(--scene-ease),opacity .45s ease;backface-visibility:hidden}
.hero .chip-pins{inset:28px -6px;z-index:-1;background:none;border:0}
.hero .chip-pins:before,.hero .chip-pins:after{content:'';position:absolute;top:0;bottom:0;width:5px;background:repeating-linear-gradient(to bottom,#7693cb 0 3px,transparent 3px 10px)}
.hero .chip-pins:before{left:0}.hero .chip-pins:after{right:0}
.hero .chip-label{padding-top:18px;font-size:7px;letter-spacing:.11em;color:#edf4ff}
.hero .chip-core{inset:47px;box-shadow:inset 0 0 30px #d0e2ff14}
.hero .chip-core:before{inset:12px;border-color:#e1eeff50}
.hero .chip-core:after{inset:-13px;border-color:#e0eeff40}
.hero .chip-core>span{font-size:37px;animation-duration:34s;animation-play-state:paused}
.hero .invention-board[data-stage=prototype].is-visible .chip-core>span{animation-play-state:running}
.hero .engineering-chip>small{font-size:6px;bottom:17px;color:#e2edff}
.hero .stream-window{left:50%;top:49%;width:81%;max-width:405px;opacity:0;transform:translate(-39%,-35%) rotate(6deg) scale(.84);transition:transform .85s var(--scene-ease),opacity .4s ease;z-index:5;border-color:#756081;border-radius:10px;box-shadow:0 3px 3px #21132b10,0 22px 42px -18px #21132b55;backface-visibility:hidden}
.hero .stream-toolbar{height:35px;padding-inline:15px}.hero .stream-toolbar b{font-size:7px;letter-spacing:.2em}
.hero .stream-landscape{height:139px}.hero .stream-caption{font-size:15px;bottom:13px;left:17px;letter-spacing:-.3px}
.hero .stream-play{width:32px;height:32px;left:calc(50% - 16px);top:36%;font-size:17px}
.hero .stream-decisions{padding:13px 17px 17px;gap:7px}.hero .stream-decisions small{font-size:6px;letter-spacing:.1em}.hero .stream-decisions>span{font-size:6px;padding:9px 8px}
.hero .landscape-sun{transform:translateY(5px);transition:transform 1.1s var(--scene-ease)}
.hero .landscape-ring{transform:translateY(8px) rotate(-18deg);transition:transform 1s var(--scene-ease)}
.hero .specimen-tag{font-size:7px;padding:7px 9px;border-color:#d8ccdca0;box-shadow:0 3px 8px #20112d05;background:#fffaf8eb;transition:opacity .35s ease,transform .7s var(--scene-ease)}
.hero .tag-input{top:13%;right:8%}.hero .tag-output{bottom:10%;right:7%;transform:translateY(10px);opacity:0}
.hero .board-coordinate{font-size:5px;line-height:1.8;letter-spacing:.07em;bottom:18px;left:21px;color:#a092a9}
.hero .board-cross{font-size:19px;bottom:15px;right:18px;color:#baaec2}
.stage-trace{position:absolute;left:22px;top:50%;display:flex;flex-direction:column;gap:9px;z-index:2;transform:translateY(-50%)}
.stage-trace>span{width:3px;height:16px;border-radius:4px;background:#d8cedf;transition:background .45s,transform .45s}
.hero .invention-board[data-stage=idea] .stage-trace>span:nth-child(1),.hero .invention-board[data-stage=prototype] .stage-trace>span:nth-child(2),.hero .invention-board[data-stage=product] .stage-trace>span:nth-child(3){background:var(--red);transform:scaleY(1.25)}
.hero .invention-board[data-stage=prototype] .concept-note{transform:translate(-102%,-69%) rotate(-17deg) scale(.73);opacity:0}
.hero .invention-board[data-stage=prototype] .engineering-chip{top:49%;right:auto;transform:translate(-50%,-50%) rotate(-6deg) scale(1.08);opacity:1;z-index:3}
.hero .invention-board[data-stage=prototype] .orbital-one{transform:translate(-50%,-50%) scale(1.13);opacity:.7}
.hero .invention-board[data-stage=product] .concept-note{transform:translate(-102%,-69%) rotate(-17deg) scale(.73);opacity:0}
.hero .invention-board[data-stage=product] .engineering-chip{transform:translate(-66%,-62%) rotate(-14deg) scale(.65);opacity:0}
.hero .invention-board[data-stage=product] .stream-window{transform:translate(-50%,-50%) rotate(-3deg) scale(1);opacity:1}
.hero .invention-board[data-stage=product] .landscape-sun{transform:translateY(0)}
.hero .invention-board[data-stage=product] .landscape-ring{transform:translateY(0) rotate(-18deg)}
.hero .invention-board[data-stage=product] .orbital{transform:translate(-50%,-50%) scale(.87);opacity:.45}
.hero .invention-board[data-stage=prototype] .tag-output,.hero .invention-board[data-stage=product] .tag-output{transform:translateY(0);opacity:1}
.hero .invention-board[data-stage=prototype] .tag-input,.hero .invention-board[data-stage=product] .tag-input{opacity:0;transform:translateY(-8px)}

/* Stable tallest-panel layout keeps the artwork still at all text sizes. */
.hero .board-controls{padding:19px 23px 20px;background:#fffaf8}
.hero .stage-tabs{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:4px;background:#f0eaf0;border:1px solid #ebe3ec;border-radius:9px}
.hero .stage-tabs:before{content:'';position:absolute;z-index:-1;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/3);border-radius:6px;background:#fffaf8;box-shadow:0 2px 7px #33203d12,0 0 0 1px #dacedd60;transform:translateX(calc(var(--stage-index)*100%));transition:transform .55s var(--scene-ease)}
.hero .stage-tabs button,.hero .stage-tabs button[aria-selected=true],.hero .stage-tabs button:not([aria-selected=true]):hover{position:relative;z-index:1;min-height:43px;background:transparent;border:0;border-radius:6px;justify-content:center;padding:10px 7px;gap:9px;font-size:12px;color:#8b7b96;transition:color .25s}
.hero .stage-tabs button[aria-selected=true]{color:var(--ink);font-weight:600}
.hero .stage-tabs button>span{font-size:9px;color:#ac9fb3;transition:color .25s}
.hero .stage-tabs button[aria-selected=true]>span{color:var(--red)}
.hero .stage-tabs button:not([aria-selected=true]):hover{color:var(--ink)}
.hero .stage-tabs button:not([aria-selected=true]){color:#74637e}
.hero .stage-tabs button:not([aria-selected=true])>span{color:#7e6f87}
.hero .stage-tabs button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.hero .stage-panels{display:grid;grid-template-columns:minmax(0,1fr);margin-top:22px}
.hero .stage-panels .stage-copy{grid-area:1/1;min-height:0;padding:0 2px;animation:none;align-self:start}
.hero .stage-copy[aria-hidden=true]{visibility:hidden;pointer-events:none}
.hero .stage-copy[aria-hidden=false]{animation:stage-text-in .36s var(--scene-ease)}
.hero .stage-copy strong{font:500 17px/1.38 Space,Inter,sans-serif;letter-spacing:-.25px;max-width:400px}
.hero .stage-copy p{font-size:12px;line-height:1.65;margin-top:8px;max-width:400px;color:#847489}
.hero .concept-label{font-size:7px;letter-spacing:.055em;color:#9b8d9f;margin-top:22px;padding-top:13px;border-top:1px solid #ece5ed}
.hero .stage-copy p{color:#75677d}.hero .concept-label{color:#746678}
@keyframes stage-text-in{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero{gap:80px}.hero .specimen{height:378px}.hero .concept-note{max-width:315px;min-height:197px}.hero .concept-note strong{font-size:29px}.hero .engineering-chip{width:204px;height:204px}.hero .chip-core{inset:50px}.hero .stream-landscape{height:151px}}
@media(max-width:1100px) and (min-width:801px){.hero{gap:32px;padding-block:52px}.hero h1.hero-title{font-size:clamp(41px,4.8vw,52px)}.hero .eyebrow{font-size:7px;letter-spacing:.11em}.hero .hero-lead{font-size:14px;max-width:355px}.hero .hero-note{font-size:9px}.hero .board-heading{font-size:7px;padding-inline:18px}.hero .board-phase{font-size:6px}.hero .specimen{height:336px}.hero .concept-note{padding:23px 20px;min-height:177px;max-width:270px}.hero .concept-note strong{font-size:24px}.hero .engineering-chip{width:169px;height:169px}.hero .chip-core{inset:43px}.hero .chip-label{font-size:6px}.hero .engineering-chip>small{font-size:5px}.hero .board-controls{padding:16px 18px 17px}.hero .stage-copy strong{font-size:16px}.hero .stage-copy p{font-size:11px}.hero .stage-tabs button{font-size:11px;gap:7px}.hero .concept-label{font-size:6px}.hero .stream-window{width:83%}.hero .stream-landscape{height:124px}}
@media(max-width:800px){.hero{gap:36px;padding-block:46px 38px}.hero-copy{padding:0}.hero h1.hero-title{font-size:clamp(44px,8.6vw,69px);line-height:1.08;letter-spacing:-.052em}.hero h1 .hero-title-finale{font-size:1.24em;margin-top:3px}.hero .eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:25px}.hero .hero-lead{font-size:15px;max-width:435px;margin-top:24px}.hero .hero-actions{gap:24px;margin-top:25px}.hero .hero-note{font-size:10px;margin-top:25px}.hero .invention-board{max-width:570px}.hero .board-heading{min-height:52px;padding:18px 20px}.hero .board-controls{padding:18px 20px 20px}.hero .stage-copy strong{font-size:17px}.hero .stage-copy p{font-size:12px}.hero .stage-tabs button{min-height:44px}.hero .concept-label{font-size:7px}.hero .specimen{height:350px}.hero .engineering-chip{width:183px;height:183px}.hero .chip-core{inset:46px}.hero .chip-label{font-size:7px}.hero .engineering-chip>small{font-size:6px}.hero .orbital{width:254px;height:254px}.hero .orbital-two{width:306px;height:306px}}
@media(max-width:520px){.hero{gap:31px;padding-top:38px}.hero h1.hero-title{font-size:clamp(36px,10.4vw,54px);letter-spacing:-.053em;line-height:1.105}.hero h1 .hero-title-finale{font-size:1.3em;margin-top:3px;letter-spacing:-.065em}.hero .eyebrow{font-size:7px;letter-spacing:.08em;margin-bottom:22px}.hero .hero-lead{font-size:14px;max-width:340px;margin-top:23px;line-height:1.75}.hero .hero-note{font-size:9px;margin-top:23px}.hero .hero-actions{gap:19px}.hero .invention-board{border-radius:12px}.hero .board-heading{padding:16px;min-height:49px;font-size:7px;letter-spacing:.065em}.hero .board-phase{font-size:6px}.hero .specimen{height:300px}.hero .measurement{font-size:5px;left:17px;top:17px}.hero .concept-note{width:69%;min-height:162px;padding:22px 18px;transform:translate(-55%,-52%) rotate(-6deg)}.hero .concept-note strong{font-size:23px;line-height:1.18;margin-block:15px 17px;letter-spacing:-.8px}.hero .concept-note small{font-size:6px}.hero .concept-note>span{font-size:6px}.hero .concept-note b{font-size:19px;right:13px;top:17px}.hero .concept-note:before{height:17px;width:51px;top:-9px}.hero .engineering-chip{width:158px;height:158px;transform:translate(4%,3%) rotate(13deg) scale(.77)}.hero .chip-label{font-size:6px;padding-top:15px}.hero .chip-core{inset:41px}.hero .chip-core>span{font-size:31px}.hero .chip-core:after{inset:-10px}.hero .engineering-chip>small{font-size:5px;bottom:13px}.hero .orbital{width:209px;height:209px}.hero .orbital-two{width:251px;height:251px}.hero .stream-window{width:83%;max-width:none}.hero .stream-toolbar{height:28px;padding-inline:12px}.hero .stream-toolbar b{font-size:6px}.hero .stream-landscape{height:113px}.hero .stream-caption{font-size:12px;left:12px}.hero .stream-decisions{padding:11px 12px 13px;gap:5px}.hero .stream-decisions>span{font-size:5px;padding:7px 5px}.hero .stream-decisions small{font-size:5px}.hero .specimen-tag{font-size:6px;padding:6px 7px}.hero .tag-input{top:12%;right:6%}.hero .tag-output{bottom:9%;right:6%}.hero .board-coordinate{font-size:4px;left:16px;bottom:15px}.stage-trace{left:16px;gap:7px}.stage-trace>span{height:12px;width:2px}.hero .board-controls{padding:15px 16px 18px}.hero .stage-tabs button{font-size:11px;padding-inline:4px;gap:7px}.hero .stage-tabs button>span{font-size:8px}.hero .stage-panels{margin-top:20px}.hero .stage-copy strong{font-size:16px;line-height:1.4}.hero .stage-copy p{font-size:12px;line-height:1.7}.hero .concept-label{font-size:6px;line-height:1.7;letter-spacing:.02em;margin-top:19px;padding-top:12px}}
@media(max-width:359px){.hero h1.hero-title{font-size:35px}.hero .hero-lead{font-size:13px}.hero .hero-note{font-size:8px}.hero .hero-actions{gap:13px}.hero .board-heading{font-size:6px;padding-inline:14px}.hero .board-phase{font-size:5px}.hero .concept-note{padding-inline:16px}.hero .concept-note strong{font-size:20px}.hero .concept-note>span{font-size:5px}.hero .engineering-chip{width:149px;height:149px}.hero .chip-core{inset:40px}.hero .chip-label{font-size:5px}.hero .chip-core>span{font-size:28px}.hero .stage-tabs button{font-size:10px;gap:5px}.hero .stage-tabs button>span{font-size:7px}.hero .board-controls{padding-inline:13px}.hero .stage-copy strong{font-size:15px}.hero .stage-copy p{font-size:11px}.hero .concept-label{font-size:6px}}
/* Cutting mat: static CSS geometry behind the interactive objects, not a bitmap. */
.hero .specimen{--mat-step:12px;--mat-major:60px;background:#7095c8;background-image:none;border-color:#6087be}
.hero .specimen:before{background:none}
.hero .cutting-mat{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:linear-gradient(135deg,#8babe42b,transparent 55%,#405f9426);box-shadow:inset 0 1px 7px #193c681c}
.hero .mat-grid{position:absolute;inset:19px;border:1px solid #ecf4ff72;background-image:linear-gradient(#edf5ff40 1px,transparent 1px),linear-gradient(90deg,#edf5ff40 1px,transparent 1px),linear-gradient(#edf5ff1c 1px,transparent 1px),linear-gradient(90deg,#edf5ff1c 1px,transparent 1px);background-size:var(--mat-major) var(--mat-major),var(--mat-major) var(--mat-major),var(--mat-step) var(--mat-step),var(--mat-step) var(--mat-step)}
.hero .mat-ruler{position:absolute;color:#f1f6ffc9;font:500 6px/1 Inter,Arial,sans-serif;font-variant-numeric:tabular-nums}
.hero .mat-ruler-top,.hero .mat-ruler-bottom{left:19px;right:19px;height:19px;background:repeating-linear-gradient(90deg,#f1f6ff91 0 1px,transparent 1px 12px) left bottom/100% 4px no-repeat,repeating-linear-gradient(90deg,#f1f6ffb0 0 1px,transparent 1px 60px) left bottom/100% 7px no-repeat}
.hero .mat-ruler-top{top:0;display:flex;align-items:flex-start;padding-top:5px}
.hero .mat-ruler-top>span{flex:0 0 60px;transform:translateX(-2px)}
.hero .mat-ruler-bottom{bottom:0;transform:rotate(180deg)}
.hero .mat-ruler-left,.hero .mat-ruler-right{top:19px;bottom:19px;width:19px;background:repeating-linear-gradient(180deg,#f1f6ff91 0 1px,transparent 1px 12px) right top/4px 100% no-repeat,repeating-linear-gradient(180deg,#f1f6ffb0 0 1px,transparent 1px 60px) right top/7px 100% no-repeat}
.hero .mat-ruler-left{left:0;display:flex;flex-direction:column;padding-left:4px}
.hero .mat-ruler-left>span{flex:0 0 60px;transform:translateY(-2px);writing-mode:vertical-rl}
.hero .mat-ruler-right{right:0;transform:rotate(180deg)}
.hero .mat-rays{position:absolute;inset:20px;overflow:hidden}
.hero .mat-rays>i{position:absolute;left:15%;bottom:0;width:160%;height:1px;background:#edf5ff40;transform-origin:left center;transform:rotate(-30deg)}
.hero .mat-rays>i:nth-child(2){transform:rotate(-45deg)}
.hero .mat-rays>i:nth-child(3){transform:rotate(-60deg)}
.hero .mat-rays>i:nth-child(4){transform:rotate(-75deg)}
.hero .mat-rays>i:nth-child(5){transform:rotate(-105deg)}
.hero .mat-protractor{position:absolute;left:calc(15% + 14px);bottom:19px;width:184px;height:184px;border:1px solid #eef6ff6b;border-radius:50%;transform:translate(-50%,50%);background:linear-gradient(90deg,transparent calc(50% - .5px),#eef6ff55 50%,transparent calc(50% + .5px))}
.hero .mat-protractor:before{content:'';position:absolute;inset:11px;border:1px solid #eef6ff55;border-radius:50%}
.hero .mat-protractor:after{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,#f1f6ffb0 0deg .65deg,transparent .65deg 10deg);mask:radial-gradient(transparent 62%,#000 62%,#000 70%,transparent 70%)}
.hero .mat-protractor>span{position:absolute;font:500 5px Inter,Arial,sans-serif;color:#f0f6ffbf;left:46%;top:17px}
.hero .mat-protractor>span:nth-child(2){left:72%;top:34px;transform:rotate(30deg)}
.hero .mat-protractor>span:nth-child(3){left:83%;top:65px;transform:rotate(60deg)}
.hero .mat-templates{position:absolute;top:33px;right:34px;display:flex;gap:12px;align-items:center}
.hero .mat-templates>i{width:22px;aspect-ratio:1;border:1px solid #edf5ff70;border-radius:50%;background:linear-gradient(45deg,transparent 49%,#edf5ff50 50%,transparent 51%),linear-gradient(-45deg,transparent 49%,#edf5ff50 50%,transparent 51%)}
.hero .mat-templates>i:nth-child(2){width:29px}.hero .mat-templates>i:nth-child(3){width:36px}
.hero .mat-signature{position:absolute;right:33px;bottom:31px;font:600 8px Space,Inter,sans-serif;letter-spacing:.12em;color:#f4f8ffd6;text-align:right}
.hero .mat-signature>span{display:block;font:400 4px Inter,Arial,sans-serif;letter-spacing:.15em;margin-top:4px}
.hero .measurement{left:33px;top:33px;color:#f1f6ffb0;font-size:5px;max-width:50%;line-height:1.8;letter-spacing:.1em}
.hero .board-coordinate{left:33px;bottom:34px;color:#edf5ffb5;font-size:4px;background:#7095c8d9;padding:3px 5px;border:1px solid #edf5ff24}
.hero .board-cross{display:none}
.hero .stage-trace{left:29px}
.hero .stage-trace>span{background:#edf5ff60}
.hero .tag-input{top:24%;right:7%}
.hero .tag-output{bottom:21%;right:7%}
@media(max-width:520px){.hero .mat-templates{top:30px;right:29px;gap:8px}.hero .mat-templates>i{width:15px}.hero .mat-templates>i:nth-child(2){width:21px}.hero .mat-templates>i:nth-child(3){width:27px}.hero .mat-protractor{width:148px;height:148px}.hero .mat-protractor>span:nth-child(2){top:27px}.hero .mat-protractor>span:nth-child(3){top:53px}.hero .mat-signature{right:29px;bottom:29px;font-size:6px}.hero .mat-signature>span{font-size:3px}.hero .measurement{left:29px;top:30px;font-size:4px;max-width:44%}.hero .board-coordinate{left:29px;bottom:29px;font-size:3px}.hero .stage-trace{left:27px}.hero .tag-input{top:23%;right:7%;font-size:5px}.hero .tag-output{bottom:19%;right:7%;font-size:5px}}
/* Never override the user's motion preference, including pseudo-element motion. */
.motion-off .hero *,.motion-off .hero *:before,.motion-off .hero *:after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.hero *,.hero *:before,.hero *:after{animation:none!important;transition:none!important}}