/* Eden AI page — page-specific styles. Loads after product-page.css + product-shared.css. */

/* hero mock: conversations two-pane */
.edh{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);background:var(--surface)}
.edh-l{display:flex;flex-direction:column;border-right:1px solid var(--border-a)}
.edh-lh{padding:12px 16px;border-bottom:1px solid var(--border-a);font:500 10px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mutedb)}
.edh-row{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border-bottom:1px solid var(--border-a)}
.edh-row b{font:600 13px/1.3 var(--font-body);color:var(--ink-a)}
.edh-row p{margin:0;font:400 12px/1.4 var(--font-body);color:var(--ink-mutedb);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.edh-row--sel{background:var(--mint-50);box-shadow:inset 3px 0 0 var(--green-500b)}
.edh-tag{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;padding:3px 8px;border-radius:999px;background:var(--mint-100);border:1px solid var(--mint-200);font:500 10px/1 'JetBrains Mono',ui-monospace,monospace;color:var(--green-700b)}
.edh-r{display:flex;flex-direction:column;gap:10px;padding:18px 20px}
.edh-msg{align-self:flex-start;max-width:78%;padding:10px 13px;border-radius:14px 14px 14px 5px;background:var(--canvas);border:1px solid var(--border-a);font:400 13px/1.5 var(--font-body);color:var(--ink-a)}
.edh-msg--ai{align-self:flex-end;border-radius:14px 14px 5px 14px;background:var(--mint-50);border-color:var(--mint-200)}
.edh-msg--ai small{display:flex;align-items:center;gap:5px;margin:0 0 6px;font:600 9.5px/1 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--green-700b)}
.edh-hand{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid var(--border-a);font:400 11.5px/1.4 var(--font-body);color:var(--ink-mutedb)}

/* hero mock choreography — transition-based so content is never gated on a keyframe timeline */
.edh-row,.edh-r>*,.edh-hand{opacity:0;transform:translateY(8px);transition:opacity .6s cubic-bezier(.16,1,.3,1) var(--ed,0s),transform .6s cubic-bezier(.16,1,.3,1) var(--ed,0s)}
.is-in .edh-row,.is-in .edh-r>*,.is-in .edh-hand{opacity:1;transform:none}
.edh-row--sel{position:relative}
.is-in .edh-row--sel::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(213,243,130,.4) 50%,transparent 70%);background-size:220% 100%;animation:edSweep 1.1s cubic-bezier(.2,.7,.2,1) .55s 1 both}
@keyframes edSweep{from{background-position:180% 0;opacity:1}to{background-position:-60% 0;opacity:0}}
.edh-tag{transform-origin:left center;opacity:0;transform:scale(.86);transition:opacity .5s cubic-bezier(.16,1,.3,1) .7s,transform .5s cubic-bezier(.16,1,.3,1) .7s}
.is-in .edh-tag{opacity:1;transform:scale(1)}
.ed-caret{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-.14em;background:var(--green-500b);animation:edBlink .9s steps(1) infinite}
@keyframes edBlink{50%{opacity:0}}
.ed-dots{display:inline-flex;gap:4px;align-items:center;height:1em}
.ed-dots i{width:5px;height:5px;border-radius:999px;background:var(--green-500b);opacity:.4;animation:edDot 1.1s ease-in-out infinite}
.ed-dots i:nth-child(2){animation-delay:.16s}.ed-dots i:nth-child(3){animation-delay:.32s}
@keyframes edDot{0%,100%{opacity:.3;transform:translateY(0)}45%{opacity:1;transform:translateY(-3px)}}

/* capability cards */
.ed-caps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:56px}
.ed-cap{position:relative;display:flex;flex-direction:column;gap:12px;padding:26px;border:1px solid var(--border-a);border-radius:20px;background:var(--surface);box-shadow:0 1px 2px rgba(36,81,59,.05);overflow:hidden;opacity:0;transform:translateY(12px);transition:opacity .7s cubic-bezier(.16,1,.3,1) var(--ed,0s),transform .34s cubic-bezier(.2,.7,.2,1) var(--ed,0s),box-shadow .22s cubic-bezier(.2,.7,.2,1),border-color .22s ease}
.is-in .ed-cap{opacity:1;transform:none}
.ed-cap::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--green-500b),var(--lime));transform:scaleX(0);transform-origin:left;transition:transform .34s cubic-bezier(.2,.7,.2,1)}
.ed-cap:hover{transform:translateY(-3px);box-shadow:var(--shadow-md-g);border-color:var(--mint-200);transition-delay:0s}
.ed-cap:hover::after{transform:scaleX(1)}
.ed-cap-ico{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--mint-100);color:var(--green-700b);transition:transform .3s cubic-bezier(.16,1,.3,1),background-color .22s ease}
.ed-cap:hover .ed-cap-ico{transform:translateY(-2px) rotate(-6deg) scale(1.06);background:var(--mint-200)}
.ed-cap b{font:600 17px/1.3 var(--font-display);letter-spacing:-.015em;color:var(--ink-a)}
.ed-cap p{margin:0;font:400 14px/1.6 var(--font-body);color:var(--ink-mutedb)}

/* why-choose grid */
.why-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.why-card{grid-column:span 2;display:flex;flex-direction:column;gap:14px;padding:28px 28px 0;border:1px solid var(--border-a);border-radius:20px;background:var(--surface);overflow:hidden;box-shadow:0 1px 2px rgba(36,81,59,.05);opacity:0;transform:translateY(14px);transition:opacity .75s cubic-bezier(.16,1,.3,1) var(--ed,0s),transform .38s cubic-bezier(.2,.7,.2,1) var(--ed,0s),box-shadow .24s cubic-bezier(.2,.7,.2,1),border-color .24s ease}
.is-in .why-card{opacity:1;transform:none}
.why-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg-g);border-color:var(--mint-200);transition-delay:0s}
.why-card:hover .why-mock{transform:translateY(-4px)}
.why-card:hover .why-n{color:var(--green-700b)}
.why-card--wide{grid-column:span 3}
.why-n{font:500 12px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.12em;color:var(--green-500b)}
.why-card h3{margin:0;font:600 19px/1.35 var(--font-display);letter-spacing:-.015em;color:var(--ink-a);text-wrap:pretty}
.why-n{transition:color .22s ease}
.why-mock{margin-top:auto;padding:16px 16px 20px;border:1px solid var(--border-a);border-bottom:0;border-radius:14px 14px 0 0;background:var(--canvas);display:flex;flex-direction:column;gap:8px;transition:transform .28s cubic-bezier(.2,.7,.2,1)}
.why-chip{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:6px 11px;border-radius:999px;background:var(--surface);border:1px solid var(--border-a);font:500 11px/1 var(--font-body);color:var(--ink-mutedb)}
.why-chips{display:flex;flex-wrap:wrap;gap:6px}
.why-chips .why-chip{align-self:auto}
.why-chip--on{background:var(--mint-100);border-color:var(--mint-200);color:var(--green-700b)}
.why-card:hover .why-chip--on{animation:edGlow 1.2s ease-in-out infinite}
@keyframes edGlow{0%,100%{box-shadow:0 0 0 0 rgba(61,130,94,.22)}50%{box-shadow:0 0 0 4px rgba(61,130,94,0)}}
.why-line{transition:transform .22s cubic-bezier(.2,.7,.2,1),border-color .22s ease}
.why-card:hover .why-line:first-of-type{transform:translateX(3px);border-color:var(--mint-200)}
.why-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--border-a);font:400 12px/1.4 var(--font-body);color:var(--ink-a)}
.why-line small{font:500 10px/1 'JetBrains Mono',ui-monospace,monospace;color:var(--ink-mutedb);white-space:nowrap}
.why-bars{display:flex;align-items:flex-end;gap:8px;height:64px}
.why-bars i{flex:1;border-radius:5px 5px 0 0;background:var(--mint-200)}
.why-bars i:nth-child(2n){background:var(--green-500b);opacity:.75}
.why-bars i{transform:scaleY(0);transform-origin:bottom;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.is-in .why-bars i{transform:scaleY(1)}
.is-in .why-bars i:nth-child(1){transition-delay:.5s}.is-in .why-bars i:nth-child(2){transition-delay:.58s}.is-in .why-bars i:nth-child(3){transition-delay:.66s}.is-in .why-bars i:nth-child(4){transition-delay:.74s}.is-in .why-bars i:nth-child(5){transition-delay:.82s}.is-in .why-bars i:nth-child(6){transition-delay:.9s}
.why-all{text-align:center;margin:0 0 44px}

/* statement band */
.stmt{max-width:820px;margin:0 auto;text-align:left}
.stmt p{margin:0;font:500 clamp(24px,3vw,34px)/1.35 var(--font-display);letter-spacing:-.02em;color:var(--ink-a);text-wrap:pretty}
.stmt .crx-mark{font-weight:600}
.stmt-link{display:inline-flex;align-items:center;gap:8px;margin-top:30px;font:600 17px/1.3 var(--font-body);color:var(--green-700b);text-decoration:underline;text-underline-offset:4px;transition:gap .2s cubic-bezier(.2,.7,.2,1),text-underline-offset .2s ease}
.stmt-link:hover{gap:14px;text-underline-offset:6px;color:var(--green-500b)}
.stmt .crx-mark{background-size:100% 100%;background-repeat:no-repeat;transition:background-size .8s cubic-bezier(.2,.7,.2,1) .3s}
.stmt:not(.is-in) .crx-mark{background-size:0 100%}

/* vs grid */
.vs-wrap{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:56px;align-items:start}
.vs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 40px}
.vs-item{display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateY(12px);transition:opacity .7s cubic-bezier(.16,1,.3,1) var(--ed,0s),transform .7s cubic-bezier(.16,1,.3,1) var(--ed,0s)}
.is-in .vs-item{opacity:1;transform:none}
.vs-ico{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:var(--mint-100);color:var(--green-700b);transition:transform .3s cubic-bezier(.16,1,.3,1),background-color .22s ease}
.vs-item:hover .vs-ico{transform:translateY(-3px) scale(1.07);background:var(--mint-200)}
.vs-item b{font:600 17px/1.35 var(--font-display);letter-spacing:-.01em;color:var(--ink-a)}
.vs-item p{margin:0;font:400 14px/1.6 var(--font-body);color:var(--ink-mutedb)}

/* testimonials */
.tst-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tst{display:flex;flex-direction:column;gap:18px;padding:28px;border:1px solid var(--border-a);border-radius:20px;background:var(--surface);box-shadow:0 1px 2px rgba(36,81,59,.05);opacity:0;transform:translateY(14px);transition:opacity .75s cubic-bezier(.16,1,.3,1) var(--ed,0s),transform .38s cubic-bezier(.2,.7,.2,1) var(--ed,0s),box-shadow .24s cubic-bezier(.2,.7,.2,1),border-color .24s ease}
.is-in .tst{opacity:1;transform:none}
.tst:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg-g);border-color:var(--mint-200);transition-delay:0s}
.tst q{quotes:"\201C" "\201D";font:400 15px/1.65 var(--font-body);color:var(--ink-a);text-wrap:pretty}
.tst-who{display:flex;align-items:center;gap:12px;margin-top:auto}
.tst-who div{display:flex;flex-direction:column;gap:2px}
.tst-who b{font:600 14px/1.2 var(--font-body);color:var(--ink-a)}
.tst-who span{font:400 12.5px/1.3 var(--font-body);color:var(--ink-mutedb)}

/* mobile band */
.mob{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center}
.mob-badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.mob-badge{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:0 22px;border-radius:999px;background:var(--ink-a);color:#fff;font:600 14px/1 var(--font-body);text-decoration:none;transition:transform .12s ease,opacity .15s ease}
.mob-badge:hover{opacity:.9;color:#fff}
.mob-badge:active{transform:scale(.98)}
.mob-badge{transition:transform .18s cubic-bezier(.2,.7,.2,1),opacity .15s ease}
.mob-badge:hover{transform:translateY(-2px)}
.mob-shot{opacity:0;transform:translateY(20px) scale(.97);transition:opacity .9s cubic-bezier(.16,1,.3,1) .15s,transform .9s cubic-bezier(.16,1,.3,1) .15s}
.is-in .mob-shot{opacity:1;transform:none}
.mob-badge img{width:20px;height:20px;filter:brightness(0) invert(1)}
.mob-shot{justify-self:center;width:min(300px,80%);border-radius:32px;border:1px solid var(--border-a);box-shadow:var(--shadow-lg-g)}

@media(prefers-reduced-motion:reduce){
 .edh-row,.edh-r>*,.edh-hand,.edh-tag,.ed-cap,.why-card,.vs-item,.tst,.mob-shot{opacity:1!important;transform:none!important;transition:none!important}
 .stmt:not(.is-in) .crx-mark{background-size:100% 100%}
 .why-bars i{transform:scaleY(1)!important;transition:none}
 .ed-caret,.ed-dots i,.is-in .edh-row--sel::after,.why-card:hover .why-chip--on{animation:none!important}
 .ed-cap:hover,.why-card:hover,.tst:hover,.mob-badge:hover{transform:none}
}

@media(max-width:960px){
 .why-grid{grid-template-columns:1fr 1fr}.why-card,.why-card--wide{grid-column:span 1}
 .tst-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto}
 .vs-wrap{grid-template-columns:1fr;gap:36px}
}
@media(max-width:720px){
 .ed-caps{grid-template-columns:1fr}
 .edh{grid-template-columns:1fr}.edh-l{display:none}
 .why-grid{grid-template-columns:1fr}
 .vs-grid{grid-template-columns:1fr}
 .mob{grid-template-columns:1fr}
}