.aiweb{min-height:100dvh;position:relative}.aiweb-stage{z-index:0;transition:left .6s cubic-bezier(.2,.8,.2,1),right .6s cubic-bezier(.2,.8,.2,1),top .6s,bottom .6s;position:fixed;inset:0}.aiweb-stage canvas{touch-action:pan-y}.aiweb-vignette{pointer-events:none;background:linear-gradient(90deg,#080b10e0 0,#080b1059 34%,#0000 55%),linear-gradient(#0000 70%,#080b10b3);position:absolute;inset:0}.is-designing .aiweb-stage{border:1px solid var(--line);background:radial-gradient(80% 70% at 50% 45%,#121c27,#080b10);border-radius:18px;inset:120px 350px 20px 430px;overflow:hidden}.is-designing .aiweb-vignette{display:none}.aiweb-noweb{place-content:center;display:grid;position:absolute;inset:0}.aiweb-bar{z-index:30;background:linear-gradient(#080b10d9,#080b1000);align-items:center;gap:16px;height:64px;padding:0 20px;display:flex;position:fixed;inset:0 0 auto}.aiweb-bar .brand{font-family:var(--font-display), sans-serif;letter-spacing:.04em;align-items:center;gap:10px;font-weight:700;display:inline-flex}.aiweb-bar .brand small{color:var(--cyan);font-size:.8em}.aiweb-bar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.aiweb-journey{z-index:25;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080b1099;border-radius:999px;gap:6px;padding:5px;display:flex;position:fixed;top:70px;left:50%;transform:translate(-50%)}.jstep{color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 8px;font-size:13px;transition:background .25s,color .25s;display:inline-flex}.jstep:disabled{cursor:default;opacity:.55}.jstep-n{border:1px solid var(--line-strong);border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;display:inline-grid}.jstep-done .jstep-n{color:var(--cyan);border-color:#00c8f899}.jstep-on{background:var(--cyan-dim);color:var(--text)}.jstep-on .jstep-n{background:var(--cyan);color:#04121a;border-color:var(--cyan)}.jstep:not(:disabled):hover{color:var(--text)}.aiweb-harrison{z-index:20;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(165deg,#192532c7,#080b10d1);border-radius:20px;flex-direction:column;gap:12px;width:392px;padding:18px;display:flex;position:fixed;top:120px;bottom:20px;left:20px;box-shadow:0 40px 100px -50px #000000e6}.hz-head{align-items:center;gap:14px;display:flex}.hz-orb{display:inline-flex}.hz-name{font-family:var(--font-display), sans-serif;letter-spacing:-.01em;margin:0;font-size:24px;font-weight:600}.hz-chat{scrollbar-width:thin;flex-direction:column;flex:1;gap:10px;min-height:120px;padding-right:4px;display:flex;overflow-y:auto}.hz-chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line-strong);color:var(--text-2);cursor:pointer;text-align:left;background:#080b1080;border-radius:999px;padding:6px 11px;font-size:12.5px;transition:border-color .2s,color .2s}.chip:hover:not(:disabled){border-color:var(--cyan);color:var(--text)}.hz-controls{flex-direction:column;gap:10px;display:flex}.hz-mic{cursor:pointer;height:54px;font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:#04121a;background:linear-gradient(135deg, #5fe0ff, var(--cyan));border:0;border-radius:999px;justify-content:center;align-items:center;gap:12px;font-size:12.5px;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative;box-shadow:0 18px 50px -18px #00c8f8d9}.hz-mic:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 22px 60px -16px #00c8f8}.hz-mic:disabled{opacity:.45;cursor:not-allowed}.hz-mic-dot{background:#04121a;border-radius:50%;width:10px;height:10px}.hz-mic-on{background:linear-gradient(135deg, #ff8f8f, var(--danger));box-shadow:0 18px 50px -18px #ff6b6bcc}.hz-mic-on .hz-mic-dot{animation:1.1s ease-in-out infinite hz-pulse}@keyframes hz-pulse{50%{opacity:.5;transform:scale(1.6)}}.hz-input{gap:8px;display:flex}.hz-input .input{flex:1;height:40px}.hz-input .btn{height:40px}.hz-note{line-height:1.45}.aiweb-spec{z-index:20;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(165deg,#192532c7,#080b10d1);border-radius:20px;flex-direction:column;gap:12px;width:310px;max-height:calc(100dvh - 140px);padding:18px;animation:.6s cubic-bezier(.2,.8,.2,1) both hz-slide;display:flex;position:fixed;top:120px;right:20px;overflow-y:auto}@keyframes hz-slide{0%{opacity:0;transform:translate(24px)}}.aiweb-spec .meta{margin:0}.hz-part{font-family:var(--font-display), sans-serif;margin:-4px 0 0;font-size:22px;font-weight:600}.spec-dl{gap:6px;margin:0;font-size:14px;display:grid}.spec-dl div{border-bottom:1px dashed var(--line);justify-content:space-between;gap:12px;padding-bottom:6px;display:flex}.spec-dl dt{color:var(--text-2)}.spec-dl dd{text-align:right;margin:0}.hz-price{padding:12px 0 4px}.hz-actions{flex-direction:column;gap:8px;display:flex}.hz-actions .btn-primary{justify-content:center;height:48px}.aiweb-drawing{background:#071420;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.drawing{color:#7fd8f5;width:100%;height:100%;font-family:var(--font-mono), monospace}.dw-body{fill:#00c8f80f;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round}.dw-edge{fill:none;stroke:currentColor;stroke-width:1.4px}.dw-thin{stroke:currentColor;stroke-width:.8px;stroke-opacity:.75;fill:none}.dw-hidden{stroke:currentColor;stroke-width:1px;stroke-dasharray:6 4;stroke-opacity:.7}.dw-axis{stroke:#f2b84b;stroke-width:.9px;stroke-dasharray:24 5 3 5}.dw-dim{stroke:currentColor;stroke-width:.8px;stroke-opacity:.9}.dw-ext{stroke:currentColor;stroke-width:.6px;stroke-opacity:.55}.dw-text{fill:currentColor;font-size:17px}.dw-small{fill-opacity:.7;letter-spacing:.06em;font-size:13px}.dw-accent{fill:#f5f8fc}.dw-title{fill:#f5f8fc;font-size:19px;font-weight:600}.dw-block{fill:#071420e6;stroke:currentColor;stroke-width:1px}.aiweb-image{text-align:center;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.aiweb-image figure{flex-direction:column;align-items:center;gap:10px;max-width:100%;max-height:100%;margin:0;display:flex}.aiweb-image img{border:1px solid var(--line);border-radius:14px;max-width:100%;max-height:calc(100dvh - 220px);box-shadow:0 30px 80px -30px #000000e6}.rfq-image{align-items:center;gap:12px;margin:14px 0 0;display:flex}.rfq-image img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);border-radius:8px;width:120px}.aiweb-start{z-index:60;background:radial-gradient(70% 60%,#080b10db,#080b1080),url(/img/ai-start.webp) 50%/cover no-repeat,#080b10;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.aiweb-start-card{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:560px;display:flex}.aiweb-start-card .eyebrow{margin-top:12px}.aiweb-start-title{font-family:var(--font-display), sans-serif;letter-spacing:-.02em;margin:0;font-size:clamp(28px,4vw,46px);font-weight:600;line-height:1.08}@media (max-width:1360px){.aiweb-harrison{width:350px}.aiweb-spec{width:280px}.is-designing .aiweb-stage{left:384px;right:314px}}@media (max-width:1100px){.aiweb{flex-direction:column;padding-top:60px;display:flex}.aiweb-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080b10eb;gap:10px;height:56px;padding:0 12px}.aiweb-journey{scrollbar-width:none;order:1;align-self:stretch;margin:8px 12px 0;position:static;overflow-x:auto;transform:none}.aiweb-stage,.is-designing .aiweb-stage{z-index:5;border-radius:16px;order:2;height:42vh;min-height:260px;margin:8px 12px 0;position:sticky;inset:56px auto auto;overflow:hidden}.aiweb-vignette{background:linear-gradient(#0000 60%,#080b1099)}.aiweb-harrison{z-index:1;order:3;width:auto;margin:12px;position:relative;inset:auto}.hz-chat{max-height:42vh}.aiweb-spec{z-index:1;order:4;width:auto;max-height:none;margin:0 12px 20px;position:relative;inset:auto}.jstep{padding:6px 10px 6px 6px;font-size:12px}}@media (prefers-reduced-motion:reduce){.aiweb-stage,.aiweb-spec,.hz-mic-on .hz-mic-dot{transition:none;animation:none}}
