/* Home page: controlled-agent demonstrations. Local UI only; no service requests. */
.objective-label{flex-shrink:0;font-size:9px;font-weight:600;letter-spacing:.12em;color:#b63e20}

/* Hero objective line */
.hero-band .hero-copy h1{font-size:clamp(44px,4.2vw,64px)}
.objective-bar{display:flex;align-items:flex-start;gap:14px;max-width:470px;min-height:52px;margin-top:28px;padding:14px 16px;border:1px solid #30343c;border-radius:8px;background:#ffffff06;font-size:13px;line-height:1.6;color:#e6e9ee}
.objective-bar .objective-label{padding-top:2px;color:#f49377}
.objective-line{min-width:0;white-space:nowrap}
.objective-caret{display:inline-block;width:2px;height:15px;margin-left:2px;vertical-align:-2px;background:var(--orange);animation:objective-caret 1s steps(1) infinite}
@keyframes objective-caret{50%{opacity:0}}

/* Capabilities composed around an objective */
.compose-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px 32px;margin-bottom:28px}
.compose-picker{display:flex;flex-wrap:wrap;gap:4px;padding:5px;border:1px solid #d8dde3;border-radius:9px;background:#fff}
.compose-picker button{min-height:42px;padding:10px 16px;border:0;border-radius:6px;background:transparent;font-size:12px;color:#5b626c;transition:background .2s,color .2s}
.compose-picker button:hover{background:#f1f3f5;color:var(--ink)}
.compose-picker button[aria-pressed=true]{background:#111317;color:#f4f5f6}
.compose-objective{display:flex;align-items:baseline;gap:12px;max-width:520px;font-size:13px;line-height:1.7;color:#3c424a}
.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.capability-tile{position:relative;min-height:212px;padding:26px 22px 24px;border:1px solid #e1e4e8;border-radius:12px;background:#fff;overflow:hidden;transition:border-color .45s,box-shadow .45s,background .45s;transition-delay:var(--delay,0s)}
.capability-tile::after{position:absolute;left:22px;right:22px;bottom:0;height:2px;content:"";background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0s)}
.capability-tile h3{margin:20px 0 10px;font-size:16px;line-height:1.35;letter-spacing:-.035em;color:#5d636b;transition:color .45s;transition-delay:var(--delay,0s)}
.capability-tile p{font-size:12px;line-height:1.8}
.tile-icon{width:24px;height:24px;color:#8b929b;transition:color .45s;transition-delay:var(--delay,0s)}
.tile-step{position:absolute;top:22px;right:20px;font-size:10px;letter-spacing:.08em;color:#b63e20}
.capability-tile.is-active{border-color:#f2bba7;background:linear-gradient(180deg,#fff 0%,#fff8f4 100%);box-shadow:0 18px 34px -26px #8a2d1250}
.capability-tile.is-active::after{transform:scaleX(1)}
.capability-tile.is-active h3{color:var(--ink)}
.capability-tile.is-active .tile-icon{color:var(--orange)}
.compose-summary{margin-top:22px;font-size:12px}
.compose-summary strong{font-weight:500;color:var(--ink)}

/* The railway: bounded autonomy */
.railway-section{padding-block:108px;background:#111317;color:#f4f5f6}
.railway-section .eyebrow{color:#f5896b}
.railway-section .section-heading>p{color:#9da4af}
.railway{margin:0;padding:22px 28px 12px;border:1px solid #2c3038;border-radius:14px;background:radial-gradient(900px 280px at 50% 46%,#1c2029 0%,#14171c 70%)}
.railway-stage{position:relative}
.railway-svg{display:block;width:100%;height:auto}
.railway-sleepers path{stroke:#1f232b;stroke-width:5}
.rail{fill:none;stroke:#3a404b;stroke-width:2;vector-effect:non-scaling-stroke;transition:stroke .5s}
.rail.is-touched{stroke:#f0542c;transition:stroke .1s}
.route{fill:none;stroke:#f0542c;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.railway .route,.railway .signal,.railway .signal-glow{transition:opacity .5s}
.railway.is-resetting .route,.railway.is-resetting .signal,.railway.is-resetting .signal-glow{opacity:0}
.station-ring{fill:#14171c;stroke:#3a404b;stroke-width:2;vector-effect:non-scaling-stroke;transition:stroke .4s}
.station-core{fill:#3a404b;transition:fill .4s}
.station.is-reached .station-ring{stroke:#f0542c}
.station.is-reached .station-core{fill:#f0542c}
.station.is-pulse .station-ring{animation:station-pulse .9s ease-out}
@keyframes station-pulse{from{stroke-width:9px;stroke-opacity:.6}to{stroke-width:2px;stroke-opacity:1}}
.signal{fill:#fff4ee;stroke:#f0542c;stroke-width:3;vector-effect:non-scaling-stroke}
.signal-glow{fill:#f0542c;fill-opacity:.16}
.spark{fill:none;stroke:#f0542c;stroke-width:2;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;animation:rail-spark .9s ease-out forwards}
@keyframes rail-spark{from{transform:scale(.25);opacity:1}to{transform:scale(1.6);opacity:0}}
.railway-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;margin-top:6px;padding-top:6px;border-top:1px solid #262a32;font-size:11px;color:#9098a4}
.railway-control{min-width:60px;min-height:40px;padding:8px 10px;border:0;border-radius:4px;background:transparent;font-size:11px;color:#b9c0ca}
.railway-control:hover{background:#ffffff0a;color:#f4f5f6}
.station-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin:34px 0 0;padding:0;list-style:none}
.station-list li{padding-top:18px;border-top:1px solid #30343c;transition:border-color .4s}
.station-list li.is-reached{border-color:#f0542c}
.station-name{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;letter-spacing:-.03em;color:#f4f5f6}
.station-name>span{font-size:10px;font-weight:400;letter-spacing:.06em;color:#f5896b}
.station-list p{margin-top:10px;font-size:12px;line-height:1.75;color:#a9b1bc}
.station-list b{font-weight:500;color:#e6e9ee}

/* Feature rows */
.feature-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(48px,8vw,120px);align-items:center}
.feature-split.reversed{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.feature-split.reversed .feature-copy{order:2}
.feature-copy{max-width:420px}
.feature-copy h2{margin:18px 0 20px;font-size:clamp(30px,3.2vw,44px);line-height:1.2;letter-spacing:-.055em}
.feature-copy>p{font-size:14px;line-height:1.95}
.feature-footnote{margin-top:26px;padding-top:18px;border-top:1px solid var(--line);font-size:11px;line-height:1.8}
.feature-copy>.feature-footnote{font-size:11px}
.feature-footnote a{color:#a33a1d;white-space:nowrap}
.feature-footnote a:hover{color:#7d2a13}
.outreach-section{padding-block:112px;background:#eceff1;border-block:1px solid #e0e3e7}

/* Live register */
.register-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid #eceef0}
.register-counts{display:flex;gap:24px;margin:0}
.register-counts div{display:flex;flex-direction:column-reverse}
.register-counts dt{font-size:8px;letter-spacing:.09em;text-transform:uppercase;color:#68717d}
.register-counts dd{margin:0;font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-.04em;color:var(--ink)}
.register-table{position:relative;overflow:hidden}
.register-row{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,.7fr) minmax(0,1fr) minmax(0,.8fr);gap:12px;align-items:center;padding:12px 24px;border-bottom:1px solid #f0f1f3;font-size:11px;color:#59606a;transition:background .6s}
.register-head{padding-block:10px;background:#fafbfc;font-size:8px;letter-spacing:.09em;text-transform:uppercase;color:#68717d}
.register-row strong{display:block;overflow:hidden;font-size:12px;font-weight:500;letter-spacing:-.01em;color:#252a31;text-overflow:ellipsis;white-space:nowrap}
.register-row small{display:block;overflow:hidden;font-size:10px;color:#6f7680;text-overflow:ellipsis;white-space:nowrap}
.register-row.is-flash{background:#fff5ef;transition:background .1s}
.register-row.is-pending{visibility:hidden}
.register-row.is-entering{animation:register-in .6s cubic-bezier(.2,.7,.2,1)}
@keyframes register-in{from{opacity:0;transform:translateY(-8px);background:#fff5ef}to{opacity:1;transform:none}}
.status{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border:1px solid;border-radius:999px;font-size:9px;line-height:1.6;white-space:nowrap}
.status::before{width:5px;height:5px;border-radius:50%;content:"";background:currentColor;flex-shrink:0}
.status-active{color:#3d7560;background:#eef6f1;border-color:#d6e8dd}
.status-new{color:#f4f5f6;background:#111317;border-color:#111317}
.status-closing{color:#ad461e;background:#fff2ea;border-color:#f6d3c2}
.status-expired{color:#646a73;background:#f1f2f4;border-color:#e2e4e8}
.status-unverified{color:#82621a;background:#fff8e6;border-color:#f0e0b4}
.status-unavailable{color:#9b3b2a;background:#fff;border-style:dashed;border-color:#e6a493}
.register-sweep{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#f0542c 18%,#f0542c 82%,transparent);box-shadow:0 0 18px 5px #f0542c2e;opacity:0;pointer-events:none}

/* Permission-first email and checker */
.consent-demo .example-switcher{padding:18px 24px 0}
.consent-demo .draft-envelope{margin-top:14px;border-top:1px solid #f0f1f2}
mark.slot{color:inherit}
.slot{padding:1px 3px;border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.slot-research{background:#e9eef3;color:#2f3d4e}
.slot-service{background:#ffece3;color:#8f3f20}
.slot-legend{display:flex;flex-wrap:wrap;gap:8px}
.draft-writing .slot-legend{margin:4px 0 0}
.slot-legend .slot{padding:3px 8px;font-size:9px;line-height:1.6}
.checker{margin:0 24px 20px;overflow:hidden;border:1px solid #e7e9ec;border-radius:10px;background:#fafbfc}
.checker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;border-bottom:1px solid #eceef0;font-size:9px;letter-spacing:.1em;color:#68717d}
.checker-verdict{padding:3px 9px;border-radius:999px;background:#eef6f1;font-size:10px;letter-spacing:.01em;color:#3d7560;transition:background .3s,color .3s}
.checker.is-held .checker-verdict{background:#fff1ea;color:#ad461e}
.checker-list{margin:0;padding:8px 16px;list-style:none}
.checker-list li{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:11px;line-height:1.6;color:#4a515a;transition:color .3s;transition-delay:var(--delay,0s)}
.check-mark{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#e2eee7;flex-shrink:0;transition:background .3s;transition-delay:var(--delay,0s)}
.check-mark::before{width:6px;height:3px;content:"";border-left:1.6px solid #3d7560;border-bottom:1.6px solid #3d7560;transform:translateY(-1px) rotate(-45deg)}
.checker-list li.is-fail{color:#9b3b2a}
.checker-list li.is-fail .check-mark{background:#fde4da}
.checker-list li.is-fail .check-mark::before{width:7px;height:1.6px;border:0;background:#c2471f;transform:none}
.checker-note{padding:11px 16px;border-top:1px solid #eceef0;font-size:10px;line-height:1.7}
.consent-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:4px 24px 24px;list-style:none}
.consent-timeline li{display:flex;flex-direction:column;gap:2px;padding-top:12px;border-top:2px solid var(--orange);font-size:10px;line-height:1.6;color:#4a515a;transition:opacity .4s,border-color .4s}
.timeline-time{font-size:9px;color:#7a818b}
.consent-demo.is-held .consent-timeline li{opacity:.4;border-color:#d9dce0}
.consent-demo.is-held .review-badge{border-color:#f3c3ae;background:#fde9df;color:#a0401c}

/* Agent permissions */
.task-list{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.task-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #30353e;border-radius:6px;font-size:12px;color:#d3d8df}
.task-list small{font-size:10px;color:#8d98a8;white-space:nowrap}
.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-top:25px}
.chip-list{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none}
.chip-list li{padding:5px 9px;border:1px solid #363b45;border-radius:5px;background:#22262e;font-size:10px;line-height:1.5;color:#c5cbd4}
.chip-list.is-approval li{border-color:#5e4436;background:#302824;color:#e7b89d}
.chip-list.is-never li{border-style:dashed;border-color:#4a4f59;background:transparent;color:#a9b1bc}
.chip-list.is-never li::before{margin-right:6px;content:"✕";content:"✕" / "";color:#f0542c}
.chip-list li.is-empty{padding-left:0;border-color:transparent;background:transparent;color:#8a93a1}

@media(max-width:1100px){
  .hero-band .hero-copy h1{font-size:clamp(32px,calc(4.9vw - 6px),48px)}
  .objective-line{min-height:3.2em;white-space:normal}
  .capability-tile{min-height:0}
  .station-list{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}
  .feature-split,.feature-split.reversed{gap:48px}
}
@media(max-width:800px){
  .hero-band .hero-copy h1{font-size:calc(5.3vw - 8px)}
  .objective-bar{font-size:12px}
  .railway-section,.outreach-section{padding-block:80px}
  .railway{padding:16px 16px 8px}
  .feature-split,.feature-split.reversed{grid-template-columns:minmax(0,1fr)}
  .feature-split.reversed .feature-copy{order:0}
  .feature-copy{max-width:560px}
  .permission-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .capability-tile:last-child{grid-column:1/-1}
}
@media(max-width:620px){
  .hero-band .hero-copy h1{font-size:clamp(28px,calc(10.4vw - 5px),58px)}
  .objective-bar{flex-direction:column;gap:6px;max-width:none;font-size:13px}
  .compose-picker{width:100%}
  .compose-picker button{flex:1 1 calc(50% - 4px);padding:10px 8px;font-size:11px}
  .compose-objective{flex-direction:column;gap:4px}
  .capability-tile{padding:22px 20px}
  .railway-section,.outreach-section{padding-block:64px}
  .station-list{grid-template-columns:minmax(0,1fr);gap:20px}
  .register-bar{flex-wrap:wrap;padding:14px 20px}
  .register-counts{gap:18px}
  .register-row{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,.8fr);padding-inline:20px}
  .register-row>:nth-child(2){display:none}
  .consent-demo .example-switcher{padding:16px 20px 0}
  .checker{margin:0 20px 18px}
  .consent-timeline{grid-template-columns:minmax(0,1fr);padding-inline:20px}
}
@media(max-width:480px){
  .capability-grid{grid-template-columns:minmax(0,1fr)}
  .capability-tile:last-child{grid-column:auto}
  .register-row{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
  .register-row>:nth-child(4){display:none}
}
@media(prefers-reduced-motion:reduce){
  .objective-caret{animation:none}
  .capability-tile,.capability-tile::after,.capability-tile h3,.tile-icon{transition:none}
}
/* Hero channels and product facts */
.hero-channels{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}
.hero-channels li{position:relative;padding:6px 12px 6px 23px;border:1px solid #30343c;border-radius:999px;background:#16191e;color:#c9ced6;font-size:10px;letter-spacing:.04em}
.hero-channels li::before{position:absolute;left:10px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;content:"";background:#f0542c;animation:channel-ping 5s ease-out infinite}
.hero-channels li:nth-child(2)::before{animation-delay:1s}
.hero-channels li:nth-child(3)::before{animation-delay:2s}
.hero-channels li:nth-child(4)::before{animation-delay:3s}
.hero-channels li:nth-child(5)::before{animation-delay:4s}
@keyframes channel-ping{0%{box-shadow:0 0 0 0 #f0542c99}18%{box-shadow:0 0 0 7px #f0542c00}100%{box-shadow:0 0 0 0 #f0542c00}}
@media(min-width:1101px){.product-facts{grid-template-columns:.8fr 1.05fr 1.3fr 1.1fr}}
.tile-plan{display:inline-block;margin-top:14px;padding:3px 9px;border:1px solid #f2bba7;border-radius:999px;color:#b63e20;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
/* Channels: one contact history */
.thread-person{display:flex;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid #eceef0}
.thread-avatar{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:50%;background:#111317;color:#f4f5f6;font-size:12px;font-weight:600;letter-spacing:.04em}
.thread-person strong{display:block;font-size:14px;font-weight:600;color:#111317}
.thread-person div>span{display:block;margin-top:2px;font-size:11px;color:#64686f}
.thread-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:18px 24px;border-bottom:1px solid #eceef0;list-style:none}
.thread-lanes li{position:relative;padding:14px;border:1px solid #e1e4e8;border-radius:10px;background:#fafbfc;overflow:hidden;transition:border-color .4s,background .4s;transition-delay:var(--delay,0ms)}
.thread-lanes li::after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#f0542c00,#f0542c2e,#f0542c00);transform:translateX(-100%);pointer-events:none}
.thread-lanes li.is-blocked::after{animation:lane-sweep .9s ease-out both;animation-delay:var(--delay,0ms)}
@keyframes lane-sweep{to{transform:translateX(100%)}}
.lane-name{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#111317}
.lane-name svg{width:16px;height:16px;color:#64686f}
.lane-state{display:block;margin-top:8px;font-size:10px;color:#5f6368;transition:color .4s;transition-delay:var(--delay,0ms)}
.lane-state::before{display:inline-block;width:6px;height:6px;margin-right:6px;border:1px solid #8c929a;border-radius:50%;content:"";vertical-align:1px}
.thread-lanes li.is-open{border-color:#bfe0cc;background:#f3faf6}
.thread-lanes li.is-open .lane-state{color:#1e6b43}
.thread-lanes li.is-open .lane-state::before{border-color:#2f9e62;background:#2f9e62}
.thread-lanes li.is-blocked{border-color:#f2bba7;background:#fff4f0}
.thread-lanes li.is-blocked .lane-state{color:#b63e20}
.thread-lanes li.is-blocked .lane-state::before{border-color:#f0542c;background:#f0542c}
.thread-events{margin:0;padding:8px 24px;list-style:none}
.thread-events li{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:14px;align-items:baseline;padding:11px 0;border-bottom:1px dashed #e4e7ea;font-size:12px;line-height:1.6}
.thread-events li:last-child{border-bottom:0}
.event-channel{color:#8c5a4b;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.event-text{color:#3a3f46}
.thread-events time{color:#6c727b;font-size:10px;white-space:nowrap}
.thread-events .is-reply .event-text{color:#111317;font-style:italic}
.thread-events .is-optout .event-text{color:#b63e20;font-weight:600}
.thread-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;border-top:1px solid #e9edf1;background:#fafbfc}
.thread-feedback{margin:0;color:#67717d;font-size:10px;line-height:1.7}
/* Social media manager */
.social-section{position:relative;padding-block:112px;background:#111317;color:#f4f5f6;overflow:hidden;isolation:isolate}
.social-section::before{position:absolute;right:-220px;bottom:-320px;z-index:-1;width:820px;height:820px;border-radius:50%;content:"";background:radial-gradient(circle,#f0542c2e 0%,#f0542c00 65%);pointer-events:none}
.social-section .eyebrow{color:#f5896b}
.social-section .section-heading>p{color:#9da4af}
.studio{display:grid;grid-template-columns:minmax(0,1.15fr) 300px minmax(0,.8fr);gap:28px;align-items:start}
.studio-label{display:flex;justify-content:space-between;gap:12px;margin:0 0 14px;color:#9aa5b5;font-size:9px;letter-spacing:.12em}
.studio-label span{color:#7d8794}
.studio-week,.studio-panel{padding:24px;border:1px solid #2c3038;border-radius:14px;background:#171a20}
.studio-posts{display:grid;gap:10px}
.studio-post{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px 14px;width:100%;padding:14px;border:1px solid #2c3038;border-radius:10px;background:#1b1f26;color:#f4f5f6;font-family:inherit;text-align:left;cursor:pointer;transition:border-color .25s,background .25s,transform .25s}
.studio-post:hover{border-color:#4a505b;transform:translateX(3px)}
.studio-post[aria-pressed=true]{border-color:#f0542c;background:#221a17}
.studio-post:disabled{cursor:default;transform:none}
.post-day{display:flex;flex-direction:column;grid-row:1/span 2;color:#8f98a5;font-size:10px}
.post-day strong{color:#f4f5f6;font-size:15px;font-weight:600}
.post-platforms{display:block;color:#f5896b;font-size:9px;letter-spacing:.06em;text-transform:uppercase}
.post-caption{display:block;margin-top:4px;color:#d5d9df;font-size:12px;line-height:1.55}
.post-status{grid-column:2;justify-self:start;padding:3px 9px;border:1px solid #3a3f48;border-radius:999px;color:#aeb5bf;font-size:9px}
.post-status.status-published{border-color:#2f6b4b;color:#7fd3a6}
.post-status.status-awaiting-approval{border-color:#7a3a26;color:#f5896b}
.post-status.status-scheduled{border-color:#2f5b7a;color:#8cc4ee}
.studio-rules{margin:20px 0 0;padding:0;color:#9da4af;font-size:11px;list-style:none}
.studio-rules li{position:relative;margin:8px 0;padding-left:22px}
.studio-rules li::before{position:absolute;left:0;content:'↳';color:#f0542c;font-size:15px;line-height:1.4}
.studio-phone{margin:0;padding:10px 12px 18px;border:1px solid #2c3038;border-radius:34px;background:#0b0d10;box-shadow:0 0 0 6px #1b1f26,0 40px 80px -40px #000000cc}
.phone-top{display:flex;align-items:center;gap:10px;padding:14px 8px 12px}
.phone-avatar{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#f0542c,#ff9a76);color:#111317;font-size:12px;font-weight:700}
.phone-top strong{display:block;color:#f4f5f6;font-size:11px;font-weight:600}
.phone-top small{display:block;color:#8f98a5;font-size:9px}
.phone-art{--sky-top:#ffd2bd;--sky-bottom:#f0542c;--sun:#fff4ec;--hill:#111317;--hill-back:#5a2a1b;position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;background-image:linear-gradient(165deg,var(--sky-top),var(--sky-bottom))}
.phone-art>span{position:absolute;transition:left .7s cubic-bezier(.2,.7,.2,1),top .7s cubic-bezier(.2,.7,.2,1),width .7s,bottom .7s}
.art-sun{left:29%;top:20%;width:42%;aspect-ratio:1;border-radius:50%;background-image:radial-gradient(circle,var(--sun) 60%,var(--sky-top) 100%)}
.art-hill{z-index:2;left:-25%;bottom:-40%;width:150%;height:72%;border-radius:50%;background-image:linear-gradient(var(--hill),var(--hill))}
.phone-art>.art-hill-back{z-index:1;left:35%;bottom:-24%;width:110%;background-image:linear-gradient(var(--hill-back),var(--hill-back))}
.phone-art.art-a{--sky-top:#253447;--sky-bottom:#f0542c;--sun:#ffc9ad;--hill-back:#2c1a14}
.phone-art.art-a .art-sun{left:12%;top:14%;width:30%}
.phone-art.art-c{--sky-top:#e9ecef;--sky-bottom:#ffb08a;--sun:#f0542c;--hill:#1d2128;--hill-back:#c94a28}
.phone-art.art-c .art-sun{left:58%;top:16%;width:30%}
.phone-art.art-d{--sky-top:#151820;--sky-bottom:#7a2c16;--sun:#ff8a5c;--hill:#0b0d10;--hill-back:#3b1a10}
.phone-art.art-d .art-sun{left:22%;top:42%;width:56%}
.phone-art>.art-play{display:none;z-index:3;inset:0;width:56px;height:56px;margin:auto;border:2px solid #f4f5f6;border-radius:50%;background:#111317b3}
.phone-art>.art-play::before{position:absolute;left:21px;top:16px;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:17px solid #f4f5f6;content:""}
.phone-art.is-video>.art-play{display:block}
.phone-art>.art-tag{z-index:3;left:10px;bottom:10px;padding:3px 7px;border-radius:4px;background:#111317cc;color:#f4f5f6;font-size:8px;letter-spacing:.06em}
.studio-phone figcaption p{margin:14px 6px 10px;color:#d5d9df;font-size:12px;line-height:1.6}
.phone-status{display:inline-block;margin:0 6px;padding:4px 10px;border-radius:999px;background:#221a17;color:#f5896b;font-size:9px}
.allowance{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:18px;color:#c9ced6;font-size:11px}
.allowance strong{color:#f4f5f6;font-size:12px;font-weight:600}
.allowance-bar{grid-column:1/-1;height:6px;border-radius:6px;background:#262a32;overflow:hidden}
.allowance-fill{display:block;height:100%;background:linear-gradient(90deg,#f0542c,#ff9a76);transform:scaleX(var(--fill,.25));transform-origin:left;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.allowance[data-allowance=images]{--fill:.234}
.studio-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.studio .illustrated-approval{background:#f0542c;color:#111317}
.studio .illustrated-approval:hover{background:#ff704a}
.studio-regenerate{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 14px;border:1px solid #3a3f48;border-radius:4px;background:transparent;color:#f4f5f6;font-family:inherit;font-size:10px;cursor:pointer;transition:border-color .2s}
.studio-regenerate:hover{border-color:#8f98a5}
.studio-actions button:disabled{opacity:.4;cursor:not-allowed;transform:none}
.studio-feedback{margin:18px 0 0;color:#9da4af;font-size:10px;line-height:1.7}
/* Ask your agent */
.ask-section{padding-block:112px;background:#eceff1;border-block:1px solid #e0e3e7}
.ask-run{padding:18px 24px;border-bottom:1px solid #eceef0}
.ask-run p{display:flex;justify-content:space-between;gap:12px;margin:0 0 10px;color:#64686f;font-size:11px}
.ask-run strong{color:#111317;font-weight:600}
.run-steps{display:grid;grid-template-columns:repeat(38,minmax(0,1fr));gap:3px}
.run-step{height:22px;border-radius:3px;background:#dfe3e8;transition:background .35s,transform .35s}
.run-step.is-struggle{background:#f6c9b8}
.run-step.is-focus{background:#5f6368;transform:scaleY(1.2)}
.run-step.is-struggle.is-focus{background:#f0542c}
.ask-log{display:grid;align-content:start;gap:12px;min-height:236px;padding:22px 24px}
.ask-message{max-width:88%;margin:0;padding:12px 15px;border-radius:14px;font-size:12px;line-height:1.7}
.ask-message.is-user{justify-self:end;border-bottom-right-radius:4px;background:#111317;color:#f4f5f6}
.ask-message.is-agent{justify-self:start;border:1px solid #e4e7ea;border-bottom-left-radius:4px;background:#f6f7f8;color:#26292e}
.ask-cite{display:block;margin-top:8px;color:#b63e20;font-size:9px;letter-spacing:.06em}
.ask-cite::before{content:'↳ '}
.ask-message.is-typing{font-size:0}
.ask-message.is-typing::after{display:block;content:'• • •';color:#8c929a;font-size:14px;letter-spacing:2px;animation:typing 1s ease-in-out infinite}
@keyframes typing{50%{opacity:.35}}
.ask-prompts{display:flex;flex-wrap:wrap;gap:8px;padding:14px 24px 20px;border-top:1px solid #eceef0;background:#fafbfc}
.ask-prompts button{min-height:40px;padding:8px 14px;border:1px solid #d8dde3;border-radius:999px;background:#fff;color:#3a3f46;font-family:inherit;font-size:11px;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.ask-prompts button:hover{border-color:#9da2aa;color:#111317}
.ask-prompts button[aria-pressed=true]{border-color:#111317;background:#111317;color:#f4f5f6}
/* Plans */
@property --plan-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.home-plans{padding-block:112px}
.plan-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.plan-card{position:relative;display:flex;flex-direction:column;padding:40px;border:1px solid #d3d8de;border-radius:18px;background:#fff;overflow:hidden;isolation:isolate}
.plan-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.plan-card h3{margin:0;font-size:20px;font-weight:600;letter-spacing:-.03em}
.plan-flag{padding:5px 10px;border:1px solid #d3d8de;border-radius:999px;color:#5f6368;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.plan-card-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin:34px 0 6px}
.plan-card-price strong{font-size:clamp(42px,4.6vw,60px);font-weight:600;letter-spacing:-.06em;line-height:1;color:#111317}
.plan-card-price span{color:#5f6368;font-size:12px}
.plan-card-tax{margin:0 0 28px;color:#5f6368;font-size:11px}
.plan-card-list{flex:1;margin:0 0 32px;padding:20px 0 0;border-top:1px solid #e1e4e8;list-style:none}
.plan-card-list li{position:relative;margin:12px 0;padding-left:26px;font-size:13px;line-height:1.6}
.plan-card-list li::before{position:absolute;left:0;content:'✓';color:#f0542c;font-weight:700}
.plan-card .button{align-self:flex-start}
.plan-card.is-featured{border-color:#2c3038;background:#111317;color:#f4f5f6}
.plan-card.is-featured::before{position:absolute;inset:0;z-index:-1;padding:1px;border-radius:inherit;content:"";background:conic-gradient(from var(--plan-angle),#f0542c00 0deg,#f0542c 70deg,#f0542c00 140deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:plan-orbit 7s linear infinite}
.plan-card.is-featured::after{position:absolute;top:-140px;right:-140px;z-index:-1;width:360px;height:360px;border-radius:50%;content:"";background:radial-gradient(circle,#f0542c3d,#f0542c00 70%)}
@keyframes plan-orbit{to{--plan-angle:360deg}}
.plan-card.is-featured .plan-flag{border-color:#f0542c;color:#f5896b}
.plan-card.is-featured .plan-card-price strong{color:#f4f5f6}
.plan-card.is-featured .plan-card-price span,.plan-card.is-featured .plan-card-tax{color:#a3a8b0}
.plan-card.is-featured .plan-card-list{border-color:#2c3038}
.plans-availability{justify-content:center;margin-top:26px}
@media(max-width:1100px){
  .studio{grid-template-columns:minmax(0,1fr) 280px}
  .studio-panel{grid-column:1/-1}
  .plan-card{padding:32px}
}
@media(max-width:800px){
  .social-section,.ask-section,.home-plans{padding-block:80px}
  .studio{grid-template-columns:minmax(0,1fr)}
  .studio-phone{justify-self:center;width:100%;max-width:320px}
  .plan-cards{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:620px){
  .social-section,.ask-section,.home-plans{padding-block:64px}
  .thread-person,.thread-lanes,.thread-events,.thread-footer,.ask-run,.ask-log,.ask-prompts{padding-inline:20px}
  .thread-lanes{grid-template-columns:minmax(0,1fr)}
  .thread-events li{grid-template-columns:minmax(0,1fr) auto;gap:2px 12px}
  .event-channel{grid-column:1/-1}
  .thread-footer{flex-wrap:wrap}
  .studio-week,.studio-panel{padding:18px}
  .plan-card{padding:26px 22px}
  .ask-message{max-width:94%}
}
@media(prefers-reduced-motion:reduce){
  .hero-channels li::before,.plan-card.is-featured::before,.ask-message.is-typing::after{animation:none}
  .thread-lanes li.is-blocked::after{animation:none}
  .thread-lanes li,.lane-state,.phone-art>span,.allowance-fill,.run-step,.studio-post{transition:none}
}