.hero{position:relative;overflow:hidden;min-height:min(900px,calc(100svh - var(--header-height)));padding:156px 0 64px;background:var(--paper)}.hero-grid,.closing-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(15,23,42,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 88%)}.hero-glow{position:absolute;width:440px;height:440px;border-radius:50%;filter:blur(18px);opacity:.16;pointer-events:none}.hero-glow-one{top:40px;right:16%;background:var(--cyan)}.hero-glow-two{right:-170px;bottom:-170px;background:var(--amber)}.hero-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(650px,1.12fr);align-items:center;gap:clamp(2.5rem,3.5vw,3.5rem)}.hero-copy{max-width:590px}.hero-copy h1{max-width:590px;margin-bottom:1.6rem;font-family:var(--font-display);font-size:var(--hero-title-size);font-weight:400;letter-spacing:-.045em;line-height:.98}.hero-headline{position:relative;display:grid;gap:.78rem;padding-left:1.55rem}.hero-headline:before{position:absolute;top:.52rem;bottom:.95rem;left:4px;width:2px;background:linear-gradient(180deg,var(--line-strong) 0%,var(--line-strong) 61%,var(--teal) 100%);content:""}.headline-row{position:relative;min-width:0;font-size:clamp(2.1rem,3vw,3.2rem);line-height:1}.headline-row:before{position:absolute;top:.34em;left:-1.55rem;width:10px;height:10px;background:var(--paper);border:2px solid var(--slate);content:""}.headline-row-to{padding-left:1.05em;color:var(--ink)}.headline-row-to:before{background:var(--teal);border-color:var(--teal)}.headline-row-from{color:var(--slate)}.headline-pivot{display:inline-block;margin-right:.14em;padding:.04em .18em .08em;color:var(--teal);background:var(--paper-strong);border:2px solid var(--ink);box-shadow:4px 4px #67d0e261;line-height:1;transform:translateY(-.04em)}.headline-window{position:relative;display:block;min-width:0;margin-top:.32rem;width:min(100%,520px);padding:.28em .36em .32em .31em;overflow:hidden;color:#fff;background:var(--dark);border:1px solid rgba(15,23,42,.55);box-shadow:0 28px 80px #0f172a4d;font-size:clamp(2.8rem,4.45vw,4.45rem);letter-spacing:-.035em;line-height:.96}.headline-field-canvas,.headline-window-veil{position:absolute;inset:0;width:100%;height:100%}.headline-field-canvas{display:block}.headline-window-veil{pointer-events:none;background:linear-gradient(90deg,#0a10149e,#0a101424 54%,#0a101400)}.headline-window-text{position:relative;z-index:1;text-shadow:0 2px 24px rgba(4,8,10,.7)}.headline-registration{position:absolute;z-index:2;width:13px;height:13px;pointer-events:none;border:0 solid var(--amber)}.headline-registration-tl{top:6px;left:6px;border-top-width:2px;border-left-width:2px}.headline-registration-tr{top:6px;right:6px;border-top-width:2px;border-right-width:2px}.headline-registration-bl{bottom:6px;left:6px;border-bottom-width:2px;border-left-width:2px}.headline-registration-br{right:6px;bottom:6px;border-right-width:2px;border-bottom-width:2px}.headline-row-result{color:var(--ink)}.hero-signature{display:flex;align-items:center;gap:.75rem;color:var(--ink)}.hero-signature:before{width:30px;height:2px;flex:0 0 auto;background:var(--xhigh-gradient-horizontal);content:""}.hero-lede{max-width:570px;margin-bottom:0;color:var(--ink-soft);font-size:clamp(1.08rem,1.5vw,1.28rem);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem;margin:2rem 0 0}.tracey-mention{display:flex;max-width:500px;align-items:center;gap:.8rem;padding-top:1.25rem;border-top:1px solid var(--line)}.tracey-mark{display:grid;flex:0 0 auto;width:32px;height:32px;place-items:center;color:#fff;background:var(--ink);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.88rem}.tracey-mention p{margin:0;color:var(--slate);font-size:.82rem;line-height:1.45}.tracey-mention strong{display:block;margin-bottom:.08rem;color:var(--ink)}.workflow-demo{min-width:0;overflow:hidden;color:#edf4f6;background:var(--dark);border:1px solid rgba(15,23,42,.3);border-radius:var(--radius-md);box-shadow:var(--shadow-dark)}.demo-head,.demo-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--slate-light);background:#080d10;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.02em}.demo-head{min-height:48px;padding:0 1rem;border-bottom:1px solid var(--dark-line)}.demo-head>div{display:flex;align-items:center;gap:1rem}.demo-head strong{display:inline-flex;align-items:center;gap:.45rem;color:var(--success);font-weight:500}.demo-head strong i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.window-dots{display:inline-flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#4d5962}.window-dots i:nth-child(2){background:var(--amber)}.window-dots i:nth-child(3){background:var(--cyan)}.demo-body{padding:clamp(1.2rem,2.3vw,2rem);background:radial-gradient(circle at 90% 10%,rgba(103,208,226,.1),transparent 26%),var(--dark-soft)}.demo-label{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.15rem}.demo-label span,.source-file span,.output-file span,.tracey-core-head span,.workspace-map span,.expansion-track span{color:var(--slate-light);font-family:var(--font-mono);font-size:.61rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.demo-label strong{font-size:.82rem}.demo-surface{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.95rem 1rem;background:#ffffff0a;border:1px solid var(--dark-line);border-radius:var(--radius-sm)}.file-icon{display:grid;width:36px;height:40px;place-items:center;color:#07110f;background:var(--success);border-radius:3px;font-family:var(--font-mono);font-size:.72rem;font-weight:700}.file-icon-word{color:#071015;background:var(--cyan)}.demo-surface strong,.demo-surface small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-surface strong{margin:.08rem 0;color:#fff;font-family:var(--font-mono);font-size:.76rem;font-weight:500}.demo-surface small{color:var(--slate-light);font-size:.7rem}.demo-surface>i{padding:.25rem .38rem;border-radius:3px;font-family:var(--font-mono);font-size:.58rem;font-style:normal;text-transform:uppercase}.status-ready{color:var(--amber);background:#ffbe551a}.status-complete{color:var(--success);background:#78c9a61a}.flow-connector{display:grid;height:34px;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;color:var(--cyan);font-family:var(--font-mono);font-size:.8rem}.flow-connector:before,.flow-connector:after{height:1px;background:linear-gradient(90deg,transparent,var(--dark-line));content:""}.flow-connector:after{background:linear-gradient(90deg,var(--dark-line),transparent)}.flow-connector span{display:none}.flow-connector i{font-style:normal}.tracey-core{overflow:hidden;background:#0a1014eb;border:1px solid rgba(103,208,226,.38);border-radius:var(--radius-sm);box-shadow:inset 0 0 36px #67d0e20a}.tracey-core-head{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-bottom:1px solid var(--dark-line)}.tracey-core-head strong{display:block;color:#fff;font-family:var(--font-display);font-size:1.1rem;font-weight:400;letter-spacing:-.02em}.tracey-core-head .tracey-y{color:#ffbe55!important;-webkit-text-fill-color:#ffbe55}.tracey-core-head>i{color:var(--amber);font-family:var(--font-mono);font-size:.58rem;font-style:normal}.core-grid{display:grid;grid-template-columns:repeat(3,1fr)}.core-grid>div{min-width:0;padding:.9rem;border-right:1px solid var(--dark-line)}.core-grid>div:last-child{border-right:0}.core-grid>div>span{display:block;margin-bottom:.55rem;color:var(--cyan);font-family:var(--font-mono);font-size:.58rem}.core-grid p{margin:0;color:var(--slate-light);font-size:.68rem;line-height:1.45}.core-grid strong{display:block;margin-bottom:.18rem;color:#fff;font-size:.72rem}.demo-foot{min-height:42px;padding:.65rem 1rem;border-top:1px solid var(--dark-line)}.demo-foot span{white-space:nowrap}