@import url("../prototipo-quiet-intelligence-v2.css");

:root { --suite-panel: #e8ece8; --suite-dark: #07100d; --suite-radius: 26px; }
body { min-height: 100vh; }
.suite-header .v2-nav { gap: 34px; }
.suite-header .v2-brand { flex: 0 0 auto; }
.suite-header .v2-nav a[aria-current="page"] { opacity: 1; }
.suite-header .v2-nav a[aria-current="page"]::after { background: var(--v2-aqua-deep); border-radius: 50%; content: ""; display: inline-block; height: 4px; margin-left: 7px; vertical-align: middle; width: 4px; }
.suite-main { min-height: calc(100vh - 150px); overflow: hidden; padding-top: var(--v2-header); }
.suite-wrap { margin: 0 auto; max-width: var(--v2-max); padding-left: var(--v2-gutter); padding-right: var(--v2-gutter); }
.suite-kicker { color: var(--v2-aqua-deep); font-family: ui-monospace, Menlo, monospace; font-size: .62rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.suite-display { font-size: clamp(4.5rem, 8.5vw, 9rem); font-weight: 560; letter-spacing: -.078em; line-height: .86; margin: 24px 0 0; }
.suite-display em { color: var(--v2-aqua-deep); font-style: normal; font-weight: 420; }
.suite-lede { color: #34413c; font-size: clamp(1rem,1.4vw,1.25rem); letter-spacing: -.025em; line-height: 1.58; max-width: 620px; }
.suite-button { align-items: center; background: var(--v2-ink); border: 0; border-radius: 999px; color: white; cursor: pointer; display: inline-flex; font-size: .78rem; font-weight: 680; gap: 30px; justify-content: center; min-height: 52px; padding: 0 22px; transition: background 180ms ease, transform 180ms ease; }
.suite-button:hover { background: var(--v2-aqua-deep); transform: translateY(-2px); }
.suite-button.signal { background: var(--v2-lime); color: var(--v2-ink); }
.suite-button.ghost { background: transparent; border: 1px solid var(--v2-line); color: var(--v2-ink); }
.suite-button.small { font-size: .7rem; min-height: 42px; padding: 0 17px; }
.suite-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 22px; margin-top: 38px; }
.suite-rule { border: 0; border-top: 1px solid var(--v2-line); margin: 0; }
.suite-footer { margin-top: 0; }

/* Shared editorial page hero */
.suite-page-hero { min-height: 620px; padding-bottom: 100px; padding-top: 110px; position: relative; }
.suite-page-hero .suite-lede { margin-top: 40px; }
.suite-hero-meta { border-bottom: 1px solid var(--v2-line); border-top: 1px solid var(--v2-line); display: grid; grid-template-columns: repeat(3,1fr); margin-top: 84px; }
.suite-hero-meta div { min-height: 105px; padding: 24px 22px 20px 0; }
.suite-hero-meta div + div { border-left: 1px solid var(--v2-line); padding-left: 22px; }
.suite-hero-meta span { color: var(--v2-muted); display: block; font-size: .57rem; margin-bottom: 12px; }
.suite-hero-meta strong { font-size: .88rem; font-weight: 640; }

/* Workers */
.catalog-hero { display: grid; gap: 70px; grid-template-columns: 1fr 420px; min-height: 710px; padding-bottom: 100px; padding-top: 90px; }
.catalog-hero-copy { align-self: center; }
.catalog-hero-visual { align-self: center; background: radial-gradient(circle at 50% 32%,rgba(82,217,199,.19),transparent 32%),var(--suite-dark); border-radius: 30px; height: 520px; overflow: hidden; position: relative; }
.catalog-hero-visual::before { border: 1px solid rgba(82,217,199,.2); border-radius: 50%; content:""; inset: 12%; position:absolute; }
.catalog-hero-visual img { bottom: -3%; height: 96%; left: 0; object-fit: contain; position: absolute; width: 100%; }
.catalog-hero-visual span { color: var(--v2-aqua); font-family: ui-monospace,Menlo,monospace; font-size: .55rem; left: 24px; letter-spacing: .08em; position:absolute; top:24px; }
.catalog-section { background: #eef0ec; padding-bottom: 130px; padding-top: 120px; }
.catalog-tabs { display: grid; grid-template-columns: 230px minmax(0,1fr); margin-top: 70px; }
.catalog-nav { border-top: 1px solid var(--v2-line); }
.catalog-nav button { align-items:center; background:none; border:0; border-bottom:1px solid var(--v2-line); cursor:pointer; display:grid; gap:12px; grid-template-columns:40px 1fr; opacity:.38; padding:13px 0; text-align:left; width:100%; }
.catalog-nav button.is-active { opacity:1; }
.catalog-nav img { background:#dde5e0; border-radius:50%; height:36px; object-fit:contain; width:36px; }
.catalog-nav strong { font-size:.84rem; }
.catalog-detail { background: var(--v2-paper); border-radius: 0 28px 28px 0; display:grid; grid-template-columns: minmax(330px,.9fr) minmax(380px,1.1fr); min-height:620px; overflow:hidden; }
.catalog-portrait { --agent-accent:#ff8a18; background: radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--agent-accent) 25%,transparent),transparent 36%),var(--suite-dark); min-height:620px; overflow:hidden; position:relative; }
.catalog-portrait::before { border:1px solid color-mix(in srgb,var(--agent-accent) 38%,transparent); border-radius:50%; content:""; inset:14%; position:absolute; }
.catalog-portrait img { height:94%; inset:3% 0; object-fit:contain; position:absolute; transition:opacity 160ms ease; width:100%; }
.catalog-copy { align-self:center; padding:60px; }
.catalog-copy h2 { font-size:clamp(4rem,7vw,7rem); font-weight:560; letter-spacing:-.07em; line-height:.9; margin:18px 0 24px; }
.catalog-copy > p { color:#34413c; font-size:1.05rem; line-height:1.55; }
.catalog-spec { border-top:1px solid var(--v2-line); margin:32px 0; }
.catalog-spec div { border-bottom:1px solid var(--v2-line); display:grid; grid-template-columns:95px 1fr; padding:14px 0; }
.catalog-spec dt { color:var(--v2-muted); font-size:.56rem; }
.catalog-spec dd { font-size:.7rem; font-weight:620; margin:0; }
.catalog-note { color:var(--v2-muted); font-size:.68rem; line-height:1.6; margin:28px 0 0; max-width:670px; }
.model-strip { background:var(--suite-dark); color:white; padding-bottom:110px; padding-top:110px; }
.model-strip-grid { display:grid; grid-template-columns:1.2fr repeat(3,.6fr); margin-top:70px; }
.model-strip article { border-left:1px solid rgba(255,255,255,.16); min-height:220px; padding:24px; }
.model-strip article:first-child { border-left:0; padding-left:0; }
.model-strip span { color:var(--v2-aqua); font-family:ui-monospace,Menlo,monospace; font-size:.55rem; }
.model-strip strong { display:block; font-size:clamp(2.5rem,4vw,5rem); font-weight:460; letter-spacing:-.06em; margin-top:22px; }
.model-strip p { color:rgba(255,255,255,.52); font-size:.75rem; line-height:1.5; }

/* Services */
.services-index { padding-bottom:130px; }
.service-row { border-top:1px solid var(--v2-line); display:grid; gap:45px; grid-template-columns:70px minmax(260px,.72fr) minmax(360px,1.28fr); min-height:310px; padding:42px 0; }
.service-row:last-child { border-bottom:1px solid var(--v2-line); }
.service-row > span { color:var(--v2-aqua-deep); font-family:ui-monospace,Menlo,monospace; font-size:.55rem; }
.service-row h2 { font-size:clamp(2.8rem,4.7vw,5.2rem); font-weight:540; letter-spacing:-.065em; line-height:.92; margin:0; }
.service-row h2 small { color:var(--v2-muted); display:block; font-size:.65rem; font-weight:500; letter-spacing:0; margin-top:22px; }
.service-row-copy { align-self:center; }
.service-row-copy p { color:#34413c; line-height:1.6; margin:0 0 24px; max-width:620px; }
.service-tags { display:flex; flex-wrap:wrap; gap:8px; }
.service-tags i { border:1px solid var(--v2-line); border-radius:999px; font-size:.58rem; font-style:normal; padding:8px 10px; }
.service-cta { background:var(--v2-aqua-deep); color:white; padding:100px 0; }
.service-cta-grid { align-items:end; display:grid; gap:60px; grid-template-columns:1fr auto; }
.service-cta h2 { font-size:clamp(3.8rem,7vw,7.5rem); font-weight:480; letter-spacing:-.075em; line-height:.88; margin:0; }

/* Calls */
.calls-hero { background:var(--suite-dark); color:white; min-height:100svh; padding-bottom:90px; padding-top:90px; position:relative; }
.calls-grid { align-items:center; display:grid; gap:80px; grid-template-columns:1fr 1fr; min-height:680px; }
.calls-hero .suite-display em { color:var(--v2-aqua); }
.calls-hero .suite-lede { color:rgba(255,255,255,.58); }
.voice-stage { align-items:center; display:flex; height:520px; justify-content:center; position:relative; }
.voice-orb { align-items:center; background:radial-gradient(circle at 36% 28%,rgba(255,255,255,.62),rgba(82,217,199,.34) 18%,rgba(49,92,255,.22) 42%,rgba(7,16,13,.1) 68%); border:1px solid rgba(255,255,255,.2); border-radius:50%; box-shadow:0 0 90px rgba(82,217,199,.15); display:flex; height:360px; justify-content:center; position:relative; width:360px; }
.voice-orb::before,.voice-orb::after { border:1px solid rgba(82,217,199,.25); border-radius:50%; content:""; inset:-40px; position:absolute; }
.voice-orb::after { animation:voicePulse 3s ease-in-out infinite; inset:-82px; }
.voice-bars { align-items:center; display:flex; gap:7px; }
.voice-bars i { animation:voiceBar 1.2s ease-in-out infinite alternate; background:white; border-radius:4px; height:34px; width:4px; }
.voice-bars i:nth-child(2),.voice-bars i:nth-child(6){height:68px;animation-delay:-.2s}.voice-bars i:nth-child(3),.voice-bars i:nth-child(5){height:96px;animation-delay:-.5s}.voice-bars i:nth-child(4){height:120px;animation-delay:-.8s}
@keyframes voicePulse{50%{opacity:.32;transform:scale(.93)}} @keyframes voiceBar{to{transform:scaleY(.55)}}
.waitlist { padding-bottom:130px; padding-top:120px; }
.suite-form { display:grid; gap:18px; margin-top:45px; max-width:650px; }
.suite-form label { color:var(--v2-muted); display:grid; font-size:.6rem; gap:9px; }
.suite-form input,.suite-form textarea,.suite-form select { background:rgba(255,255,255,.62); border:1px solid var(--v2-line); border-radius:12px; color:var(--v2-ink); font:inherit; font-size:.85rem; min-height:54px; padding:14px 16px; }
.suite-form textarea { min-height:115px; resize:vertical; }
.v2-honeypot { height:1px!important; left:-10000px!important; min-height:0!important; position:absolute!important; width:1px!important; }

/* Configurator */
.config-shell { display:grid; grid-template-columns:minmax(320px,.7fr) minmax(560px,1.3fr); min-height:calc(100vh - var(--v2-header)); }
.config-aside { --agent-accent:#ae8cff; background:radial-gradient(circle at 50% 22%,color-mix(in srgb,var(--agent-accent) 22%,transparent),transparent 28%),var(--suite-dark); color:white; display:flex; flex-direction:column; min-height:720px; overflow:hidden; padding:54px var(--v2-gutter); position:relative; }
.config-aside img { align-self:center; height:330px; object-fit:contain; width:min(100%,430px); }
.config-aside h1 { font-size:clamp(3.4rem,5vw,6rem); font-weight:520; letter-spacing:-.07em; line-height:.9; margin:12px 0 18px; }
.config-aside > p { color:rgba(255,255,255,.55); font-size:.76rem; line-height:1.55; max-width:450px; }
.config-progress { display:grid; gap:0; margin-top:auto; }
.config-progress li { align-items:center; border-top:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.36); display:grid; font-size:.61rem; grid-template-columns:24px 1fr auto; list-style:none; padding:12px 0; }
.config-progress li::before { content:attr(data-index); font-family:ui-monospace,Menlo,monospace; }
.config-progress li.is-active { color:white; }
.config-progress li.is-active::after { background:var(--v2-lime); border-radius:50%; content:""; height:6px; width:6px; }
.config-panel { align-items:center; display:flex; justify-content:center; padding:70px clamp(28px,7vw,110px); }
.config-step { display:none; max-width:720px; width:100%; }
.config-step.is-active { display:block; }
.config-step h2 { font-size:clamp(3.2rem,5vw,5.8rem); font-weight:540; letter-spacing:-.07em; line-height:.91; margin:18px 0 28px; }
.config-step > p { color:#3f4b46; line-height:1.6; max-width:610px; }
.config-grid { display:grid; gap:15px; grid-template-columns:1fr 1fr; margin-top:35px; }
.config-grid label { color:var(--v2-muted); display:grid; font-size:.58rem; gap:8px; }
.config-grid label.wide { grid-column:1/-1; }
.config-grid input,.config-grid textarea,.config-grid select { background:rgba(255,255,255,.74); border:1px solid var(--v2-line); border-radius:12px; font:inherit; font-size:.78rem; min-height:50px; padding:13px 14px; }
.config-options { display:grid; gap:12px; grid-template-columns:1fr 1fr; margin-top:34px; }
.config-option { background:rgba(255,255,255,.7); border:1px solid var(--v2-line); border-radius:16px; cursor:pointer; min-height:100px; padding:18px; text-align:left; }
.config-option.is-selected { border-color:var(--v2-aqua-deep); box-shadow:inset 0 0 0 1px var(--v2-aqua-deep); }
.config-option strong { display:block; font-size:.84rem; margin-bottom:8px; }
.config-option span { color:var(--v2-muted); font-size:.63rem; line-height:1.45; }
.config-actions { display:flex; gap:12px; justify-content:space-between; margin-top:35px; }
.config-summary { border-bottom:1px solid var(--v2-line); border-top:1px solid var(--v2-line); margin-top:35px; }
.config-summary div { border-bottom:1px solid var(--v2-line); display:grid; grid-template-columns:120px 1fr; padding:15px 0; }
.config-summary div:last-child { border:0; }
.config-summary span { color:var(--v2-muted); font-size:.58rem; }.config-summary strong{font-size:.75rem}

/* Login */
.login-shell { display:grid; grid-template-columns:1fr 1fr; min-height:calc(100vh - var(--v2-header)); }
.login-scene { align-items:center; background:var(--suite-dark); color:white; display:flex; justify-content:center; overflow:hidden; padding:60px; position:relative; }
.login-scene::before { background:radial-gradient(circle,rgba(82,217,199,.2),transparent 55%); content:""; inset:0; }
.login-network { height:440px; position:relative; width:440px; }
.login-network::before,.login-network::after { border:1px solid rgba(82,217,199,.2); border-radius:50%; content:""; inset:14%; position:absolute; }.login-network::after{inset:27%}
.login-network img { background:#12201b; border:1px solid rgba(255,255,255,.12); border-radius:50%; height:86px; object-fit:contain; padding:4px; position:absolute; width:86px; z-index:2; }
.login-network img:nth-child(1){left:0;top:42%}.login-network img:nth-child(2){right:0;top:16%}.login-network img:nth-child(3){bottom:0;right:12%}
.login-core { align-items:center; background:var(--v2-aqua); border-radius:50%; color:var(--v2-ink); display:flex; font-family:ui-monospace,Menlo,monospace; font-size:.63rem; height:120px; justify-content:center; left:calc(50% - 60px); position:absolute; top:calc(50% - 60px); width:120px; }
.login-panel { align-items:center; display:flex; justify-content:center; padding:70px; }
.login-card { max-width:500px; width:100%; }
.login-card h1 { font-size:clamp(4rem,6vw,7rem); font-weight:540; letter-spacing:-.075em; line-height:.86; margin:20px 0 30px; }
.login-card > p { color:var(--v2-muted); line-height:1.55; }
.login-state { color:var(--v2-aqua-deep)!important; font-size:.7rem; min-height:20px; }

/* Dashboard */
.dashboard-main { background:#e9ede9; }
.dashboard-hero { padding-bottom:75px; padding-top:80px; }
.dashboard-hero-top { align-items:end; display:flex; justify-content:space-between; }
.dashboard-hero h1 { font-size:clamp(4.5rem,8vw,8.5rem); font-weight:550; letter-spacing:-.075em; line-height:.86; margin:18px 0 0; }
.dashboard-summary { display:grid; grid-template-columns:repeat(3,1fr); margin-top:65px; }
.dashboard-summary div { border-left:1px solid var(--v2-line); min-height:90px; padding:10px 22px; }.dashboard-summary div:first-child{border-left:0;padding-left:0}
.dashboard-summary strong { display:block; font-size:2.5rem; font-weight:500; letter-spacing:-.05em; }.dashboard-summary span{color:var(--v2-muted);font-size:.57rem}
.dashboard-grid { display:grid; gap:18px; grid-template-columns:repeat(2,1fr); padding-bottom:120px; }
.worker-card { background:var(--v2-paper); border-radius:22px; display:grid; grid-template-columns:180px 1fr; min-height:290px; overflow:hidden; }
.worker-card-visual { background:radial-gradient(circle at 50% 38%,rgba(82,217,199,.18),transparent 36%),var(--suite-dark); position:relative; }.worker-card-visual img{height:100%;object-fit:contain;width:100%}
.worker-card-body { padding:28px; }
.worker-card-title { align-items:center; display:flex; justify-content:space-between; }.worker-card-title h2{font-size:2.5rem;font-weight:550;letter-spacing:-.06em;margin:0}.worker-card-title span{background:#e7f4cd;border-radius:999px;font-size:.52rem;padding:7px 9px}
.worker-card-body > p { color:var(--v2-muted);font-size:.68rem;line-height:1.5}
.channel-list { border-top:1px solid var(--v2-line); margin-top:22px; }
.channel-list div { align-items:center;border-bottom:1px solid var(--v2-line);display:flex;font-size:.62rem;justify-content:space-between;padding:11px 0}.channel-list b{color:var(--v2-aqua-deep);font-weight:650}
.dashboard-add { align-items:center;background:transparent;border:1px dashed rgba(7,13,11,.23);border-radius:22px;display:flex;flex-direction:column;justify-content:center;min-height:290px;text-align:center}.dashboard-add strong{font-size:2rem;font-weight:500;letter-spacing:-.05em}.dashboard-add p{color:var(--v2-muted);font-size:.68rem}

/* Legal, thanks, 404 */
.legal-layout { display:grid; gap:80px; grid-template-columns:260px minmax(0,760px); justify-content:center; padding-bottom:140px; }
.legal-nav { align-self:start; border-top:1px solid var(--v2-line); position:sticky; top:110px; }.legal-nav a{border-bottom:1px solid var(--v2-line);display:block;font-size:.65rem;padding:14px 0}.legal-nav a:hover{color:var(--v2-aqua-deep)}
.legal-copy section { border-top:1px solid var(--v2-line); padding:45px 0; }.legal-copy h2{font-size:2.5rem;font-weight:540;letter-spacing:-.05em;margin:0 0 24px}.legal-copy p,.legal-copy li{color:#3d4944;font-size:.82rem;line-height:1.75}.legal-copy li+li{margin-top:8px}
.state-page { align-items:center;display:flex;justify-content:center;min-height:calc(100vh - var(--v2-header));padding:70px var(--v2-gutter)}
.state-card { max-width:960px;text-align:center}.state-code{color:var(--v2-aqua-deep);font-family:ui-monospace,Menlo,monospace;font-size:.62rem}.state-card h1{font-size:clamp(4.5rem,10vw,10rem);font-weight:540;letter-spacing:-.08em;line-height:.82;margin:25px 0}.state-card p{color:var(--v2-muted);line-height:1.6;margin:0 auto;max-width:570px}.state-symbol{align-items:center;background:var(--suite-dark);border-radius:50%;color:var(--v2-aqua);display:flex;font-size:2rem;height:92px;justify-content:center;margin:0 auto 40px;width:92px}

@media(max-width:980px){
  .catalog-hero{grid-template-columns:1fr 340px}.catalog-tabs{grid-template-columns:1fr}.catalog-nav{display:flex;overflow-x:auto}.catalog-nav button{flex:0 0 140px;grid-template-columns:36px 1fr;padding:12px}.catalog-detail{border-radius:0 0 24px 24px}.catalog-copy{padding:40px}.service-row{grid-template-columns:50px 1fr}.service-row-copy{grid-column:2}.calls-grid{gap:30px}.config-shell{grid-template-columns:340px 1fr}.config-aside{padding:44px 30px}.login-scene{padding:30px}.dashboard-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .suite-header .v2-nav{display:none}.suite-main{padding-top:var(--v2-header)}.suite-page-hero{min-height:auto;padding-bottom:80px;padding-top:80px}.suite-display{font-size:clamp(4rem,19vw,6rem)}.suite-hero-meta{grid-template-columns:1fr;margin-top:55px}.suite-hero-meta div+div{border-left:0;border-top:1px solid var(--v2-line);padding-left:0}.catalog-hero{display:block;padding-top:65px}.catalog-hero-visual{height:390px;margin-top:55px}.catalog-section{padding:85px 0}.catalog-nav{margin:0 calc(var(--v2-gutter)*-1);padding:0 var(--v2-gutter)}.catalog-detail{display:block;margin-top:12px}.catalog-portrait{min-height:420px}.catalog-copy{padding:38px 24px}.catalog-copy h2{font-size:4.5rem}.model-strip-grid{grid-template-columns:1fr 1fr}.model-strip article:nth-child(3){border-left:0}.service-row{display:block;min-height:0;padding:36px 0}.service-row>span{display:block;margin-bottom:25px}.service-row-copy{margin-top:30px}.service-cta-grid{align-items:start;display:flex;flex-direction:column}.calls-grid{display:block}.voice-stage{height:420px}.voice-orb{height:245px;width:245px}.config-shell{display:block}.config-aside{min-height:auto;padding:42px 18px}.config-aside img{height:230px}.config-progress{display:flex;gap:4px;margin-top:20px}.config-progress li{border:0;display:block;font-size:0;height:4px;padding:0;background:rgba(255,255,255,.14);width:100%}.config-progress li::before{display:none}.config-progress li.is-active{background:var(--v2-lime)}.config-panel{padding:65px 18px}.config-step h2{font-size:3.6rem}.config-grid,.config-options{grid-template-columns:1fr}.login-shell{display:block}.login-scene{min-height:420px}.login-network{height:300px;width:300px}.login-panel{padding:70px 18px}.dashboard-hero-top{align-items:flex-start;display:block}.dashboard-hero-top .suite-button{margin-top:35px}.dashboard-summary{grid-template-columns:1fr 1fr}.dashboard-summary div:nth-child(3){border-left:0;border-top:1px solid var(--v2-line);grid-column:1/-1;padding-left:0;padding-top:20px}.worker-card{display:block}.worker-card-visual{height:260px}.legal-layout{display:block}.legal-nav{display:flex;margin:0 calc(var(--v2-gutter)*-1) 50px;overflow-x:auto;padding:0 var(--v2-gutter);position:static}.legal-nav a{flex:0 0 160px}.state-card h1{font-size:5rem}.suite-footer{margin-top:0}
}