/* Product UI tokens: white surfaces and achromatic controls. */
:root{--p5-ink:#242424;--p5-muted:#767676;--p5-line:#e7e7e7;--p5-paper:#f9f9f9}
.btn{background:#272727!important;color:#ffffff!important;border:1px solid #171717!important;border-radius:9px!important;box-shadow:inset 0 1px 0 #ffffff20,0 2px 3px #17171712!important;min-height:46px!important;padding:12px 21px!important;font-size:14px!important;font-weight:550!important;gap:12px!important;transition:background .18s,transform .18s,box-shadow .18s!important}
.btn:hover{background:#404040!important;transform:translateY(-1px)!important;box-shadow:inset 0 1px 0 #ffffff20,0 4px 9px #17171718!important}.btn:active{transform:translateY(1px)!important}.btn svg{width:17px;height:17px}.btn:focus-visible,.p5-hero a:focus-visible,.p5-hero button:focus-visible,.p5-step summary:focus-visible{outline:2px solid #6f6f6f;outline-offset:4px}
.p5-hero{padding-top:68px;color:var(--p5-ink)}.p5-heading{text-align:center;margin:0 auto 48px;padding:0 24px;max-width:1120px}.p5-heading h1{font-size:clamp(36px,4.4vw,64px);font-weight:550;line-height:1.16;letter-spacing:-.055em;margin:0 auto 22px;max-width:1000px}.p5-heading p{font-size:18px;color:#787878;line-height:1.65;margin:0}.p5-hero-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:27px}.p5-link{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--p5-ink)}.p5-link svg{width:17px;height:17px;transition:transform .2s}.p5-link:hover svg{transform:translateX(4px)}
.p5-frame{border:1px solid #dedede;border-radius:13px;background:#ffffff;box-shadow:0 28px 48px -26px #2929292e,0 3px 10px #29292908;overflow:hidden;scroll-margin-top:100px}.p5-chrome{height:36px;display:flex;align-items:center;gap:18px;padding:0 16px;border-bottom:1px solid var(--p5-line);font-size:10px;color:#8a8a8a;background:#fcfcfc}.p5-chrome small{margin-inline-start:auto;font-size:10px}.p5-dots{display:flex;gap:6px}.p5-dots i{width:7px;height:7px;background:#dadada;border-radius:50%}.p5-app{display:grid;grid-template-columns:180px minmax(0,1fr) 248px;min-height:506px}.p5-app svg{width:17px;height:17px;flex-shrink:0}.p5-sidebar{padding:22px 10px;background:#fafafa;border-inline-end:1px solid var(--p5-line);display:flex;flex-direction:column}.p5-sidebar>strong{font-size:19px;letter-spacing:-.8px;padding:0 13px 22px}.p5-sidebar nav{display:grid;gap:3px}.p5-sidebar nav a{display:flex;align-items:center;gap:11px;color:#5a5a5a;padding:10px 12px;border-radius:7px;font-size:12px;min-height:42px;transition:background .2s}.p5-sidebar nav a:first-child{background:#ebebeb;color:#252525}.p5-sidebar nav a:hover{background:#ebebeb}.p5-sidebar>small{margin-top:auto;padding:25px 12px 0;font-size:9px;color:#919191;letter-spacing:.5px}
.p5-conversation{padding:0 24px 20px;min-width:0}.p5-conversation>header{height:56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eeeeee;font-size:13px;font-weight:550}.p5-conversation>header span:last-child{font-size:10px;font-weight:400;color:#949494}.p5-prompts{display:flex;flex-wrap:wrap;gap:7px;margin:23px 0}.p5-prompts button{background:#ffffff;color:#7c7c7c;border:1px solid #e9e9e9;border-radius:7px;padding:8px 10px;font:inherit;font-size:11px;text-align:start;cursor:pointer;min-height:36px;transition:background .2s,border-color .2s}.p5-prompts button[aria-pressed=true]{background:#f1f1f1;color:#3a3a3a;border-color:#d2d2d2}.p5-prompts button:hover{border-color:#a3a3a3}.p5-reply{display:flex;align-items:flex-start;gap:13px;margin-bottom:18px;min-height:87px}.p5-avatar{background:#efefef;color:#545454;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.p5-reply h2{font-size:15px;font-weight:550;line-height:1.6;margin:2px 0 5px}.p5-reply p{font-size:12px;line-height:1.7;color:#808080;margin:0;max-width:470px}.p5-steps{display:grid;gap:8px}.p5-step{border:1px solid #e9e9e9;border-radius:8px;background:#fdfdfd;overflow:hidden}.p5-step summary{list-style:none;display:flex;align-items:center;gap:12px;padding:13px 14px;font-size:12px;cursor:pointer;min-height:44px}.p5-step summary::-webkit-details-marker{display:none}.p5-step summary svg:last-child{margin-inline-start:auto;width:13px;height:13px;transition:transform .2s}.p5-step[open] summary svg:last-child{transform:rotate(90deg)}.p5-step[open]{background:#f9f9f9;border-color:#e0e0e0}.p5-step p{margin:0;padding:0 16px 15px 43px;color:#767676;font-size:11px;line-height:1.8}.p5-step[open] p{animation:p5-reveal .23s ease-out}.p5-composer{border:1px solid #e1e1e1;border-radius:10px;padding:13px 11px 9px;margin-top:22px;box-shadow:0 2px 5px #00000004}.p5-composer>p{margin:0 2px 18px;color:#8e8e8e;font-size:12px}.p5-composer>div{display:flex;align-items:center;gap:7px}.p5-composer a{display:flex;align-items:center;gap:6px;border:1px solid #e7e7e7;border-radius:6px;padding:6px 8px;font-size:10px;min-height:32px;color:#636363}.p5-composer a:hover{background:#f2f2f2}.p5-composer a.p5-send{margin-inline-start:auto;background:#272727;color:white;border-color:#272727;min-width:33px;justify-content:center}
.p5-evidence{border-inline-start:1px solid var(--p5-line);padding:26px 18px;background:#fefefe;display:flex;flex-direction:column}.p5-evidence h3{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:550;margin:0 0 24px}.p5-evidence>button{display:flex;align-items:center;text-align:start;gap:10px;padding:17px 12px;background:white;border:1px solid #e8e8e8;border-radius:8px;font:inherit;font-size:11px;color:#5c5c5c;margin-bottom:10px;min-height:64px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.p5-evidence>button:hover,.p5-evidence>button[aria-pressed=true]{border-color:#bababa;box-shadow:0 2px 6px #3b3b3b0a}.p5-evidence>button svg:last-child{margin-inline-start:auto;width:12px}.p5-boundary{margin-top:auto;background:#f3f3f3;border-radius:8px;padding:15px;color:#666666}.p5-boundary>svg{margin-bottom:7px}.p5-boundary strong{display:block;font-size:11px;font-weight:500;line-height:1.6}.p5-boundary p{font-size:10px;line-height:1.7;color:#8f8f8f;margin:6px 0 0}
.p5-principle{padding-block:110px 90px;text-align:center}.p5-principle>h2{font-size:34px;letter-spacing:-1px;font-weight:500;margin:0 0 20px}.p5-principle>p{max-width:590px;margin:0 auto;color:#888888;line-height:1.9;font-size:15px}.p5-principle>div{display:grid;grid-template-columns:repeat(3,1fr);text-align:start;margin-top:56px}.p5-principle article{padding:0 35px;border-inline-start:1px solid #dddddd}.p5-principle article:first-child{border:0;padding-inline-start:0}.p5-principle article>span{font-size:11px;color:#929292}.p5-principle h3{font-size:18px;font-weight:500;margin:18px 0 12px}.p5-principle article p{font-size:13px;color:#898989;line-height:1.9}.soft-button,.question,.life-tabs button,.camera-controls button{border-radius:8px!important}.agent-actions .reset-button{padding:10px}.agent-section .question{font-size:15px!important}.agent-signature svg{width:20px;height:20px}.capabilities{display:none}
@keyframes p5-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.p5-frame{max-width:1250px}}
@media(max-width:1050px){.p5-app{grid-template-columns:155px minmax(0,1fr)}.p5-evidence{display:none}.p5-sidebar nav a{font-size:11px}.p5-hero{padding-top:50px}}
@media(max-width:600px){.p5-hero{padding-top:38px}.p5-heading{margin-bottom:32px;padding-inline:20px}.p5-heading h1{font-size:37px;line-height:1.2}.p5-heading p{font-size:14px}.p5-hero-actions{gap:18px;flex-wrap:wrap}.p5-app{display:block}.p5-sidebar{display:none}.p5-frame{width:calc(100% - 28px)}.p5-conversation{padding:0 14px 16px}.p5-chrome{padding:0 10px;gap:8px}.p5-chrome>span:nth-child(2){display:none}.p5-chrome small{font-size:8px}.p5-prompts{gap:5px;margin:16px 0}.p5-prompts button{font-size:10px;min-height:38px}.p5-reply{min-height:116px}.p5-reply h2{font-size:14px}.p5-reply p{font-size:11px}.p5-step summary{padding:12px;font-size:11px}.p5-composer>p{font-size:11px}.p5-principle{padding-block:65px 45px}.p5-principle>h2{font-size:27px}.p5-principle>p{font-size:13px}.p5-principle>div{grid-template-columns:1fr;gap:26px;margin-top:34px}.p5-principle article,.p5-principle article:first-child{padding:0 0 22px;border:0;border-bottom:1px solid #e3e3e3}.p5-principle h3{margin:8px 0}.p5-principle article p{margin:0}.p5-link{font-size:12px}}
.p5-heading h1{text-wrap:balance}.p5-reply p{font-size:13px}.p5-step summary{font-size:13px}.p5-step p{font-size:12px}.p5-prompts button{font-size:12px}.p5-sidebar nav a{font-size:13px}.p5-evidence>button{font-size:12px}
@media(max-width:600px){.p5-reply{min-height:90px}.p5-reply p,.p5-step p{font-size:12px}.p5-prompts button{font-size:11px}.p5-step summary{font-size:12px}.p5-heading h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){.p5-hero *, .btn{animation:none!important;transition:none!important}}

/* Brand direction: white, black and neutral gray. Photography retains its colors. */
:root{--bg:#fff;--panel:#fff;--panel2:#fafafa;--text:#222;--muted:#686868;--green:#333;--line:#e3e3e3;--amber:#666;--p5-paper:#fff;--p5-ink:#222;--p5-muted:#737373;--p5-line:#e7e7e7}
body,.p5-hero,.p5-sidebar,.p5-chrome,.p5-evidence,.p5-step,.p5-step[open],.p5-boundary,.p5-avatar,.agent-section,.answer-bubble,.v4-footer,.data-screen,.plant-stage,.story-art{background:#fff}
.site-header{background:#ffffffee}.nav-links{background:#fff!important}
.p5-step[open]{border-color:#aaa}.p5-boundary{border:1px solid #e7e7e7}.p5-avatar{border:1px solid #e7e7e7;color:#333}
.p5-sidebar nav a:first-child,.p5-prompts button[aria-pressed=true],.locale-options a[aria-current=true]{background:#f5f5f5;color:#222}
.p5-prompts button[aria-pressed=true],.p5-evidence>button[aria-pressed=true]{border-color:#888}
.site-header .brand img{filter:none}.v4-footer{border-top:1px solid #e3e3e3}

/* Paired icon controls: the same hit area, outline and focus treatment. */
.locale-picker summary,.v4-footer .locale-footer summary,.nav .menu-btn{width:44px;height:44px;min-width:44px;padding:0;box-sizing:border-box;border:1px solid #e5e5e5;border-radius:50%;background:#fff;color:#333;align-items:center;justify-content:center;transition:background .18s,border-color .18s,box-shadow .18s}
.locale-picker summary{display:flex;gap:0}.locale-picker summary>span,.locale-picker summary>.locale-chevron{display:none}
.locale-picker summary>svg:first-child,.nav .menu-btn>svg{display:block;width:21px;height:21px;flex:none}
.locale-picker summary:hover,.nav .menu-btn:hover,.locale-picker[open] summary,.nav .menu-btn[aria-expanded=true]{background:#f5f5f5;border-color:#c8c8c8}
.locale-picker summary:focus-visible,.nav .menu-btn:focus-visible{outline:2px solid #555;outline-offset:4px}
.menu-btn svg path{transform-origin:12px 12px;transition:transform .2s,opacity .2s}.menu-btn[aria-expanded=true] .menu-top{transform:translateY(6px) rotate(45deg);transform-origin:12px 6px}.menu-btn[aria-expanded=true] .menu-middle{opacity:0}.menu-btn[aria-expanded=true] .menu-bottom{transform:translateY(-6px) rotate(-45deg);transform-origin:12px 18px}
.locale-options{border-radius:18px;padding:8px}.locale-options a{border-radius:11px;min-height:44px}
@media(max-width:800px){.nav{gap:10px}.nav .menu-btn{display:flex;margin:0}.nav-links.open{border-radius:18px;inset-inline:16px;top:78px;box-shadow:0 12px 32px #00000012;border:1px solid #e5e5e5;padding:12px}.nav-links a{border-radius:10px;padding:12px}.nav-links a:hover{background:#f5f5f5}}
@media(prefers-reduced-motion:reduce){.menu-btn svg path{transition:none}}

/* Compact language disclosure, with an explicit dropdown affordance. */
.locale-picker summary,.v4-footer .locale-footer summary{width:66px;min-width:66px;height:38px;border-radius:12px;padding:0 10px;gap:9px}
.locale-picker summary>svg:first-child{display:block;width:18px;height:18px}
.locale-picker summary>.locale-chevron{display:block;width:12px;height:12px;transition:transform .18s}
.locale-picker[open] summary>.locale-chevron{transform:rotate(180deg)}
.nav .menu-btn{width:40px;min-width:40px;height:38px;border-radius:12px;color:#222}
.nav .menu-btn>svg{display:block!important;width:20px!important;height:20px!important;stroke:#222;stroke-width:2.5;visibility:visible;opacity:1}
.footer-language-row{display:flex;justify-content:flex-end;direction:ltr;padding:0 0 18px}
.v4-footer .footer-language-row .locale-footer{margin:0}
.v4-footer .footer-main{margin-bottom:26px}
.v4-footer .footer-bottom{padding-top:20px}
@media(max-width:800px){.nav .menu-btn{display:flex}.nav .locale-header{margin-inline-start:auto}.nav{gap:8px}}

/* Navigation utilities share the navigation baseline, without boxed chrome. */
.locale-picker summary,.v4-footer .locale-footer summary{width:52px;min-width:52px;height:40px;padding:0 7px;gap:9px;border-color:transparent;background:transparent;border-radius:8px;box-shadow:none}
.locale-picker summary>svg:first-child{width:17px;height:17px;stroke-width:1.8}
.locale-picker summary>.locale-chevron{width:11px;height:11px;stroke-width:1.8}
.locale-picker summary:hover,.locale-picker[open] summary{background:#f5f5f5;border-color:transparent}
.nav .menu-btn{height:40px;border-color:transparent;background:transparent;border-radius:8px}
.nav .menu-btn:hover,.nav .menu-btn[aria-expanded=true]{border-color:transparent;background:#f5f5f5}
.nav .brand{align-items:center}.nav .brand [data-brand]{line-height:1.2}

/* Header controls: icon-only visuals, generous invisible touch targets. */
.site-header .nav{align-items:center}
.site-header .locale-header summary,.site-header .menu-btn{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0;padding:0!important;height:44px;align-items:center;justify-content:center;align-self:center}
.site-header .locale-header summary{width:46px;min-width:46px;gap:7px}
.site-header .locale-header summary>svg:first-child{width:16px;height:16px}
.site-header .locale-header summary>.locale-chevron{width:10px;height:10px}
.site-header .menu-btn{width:36px;min-width:36px}
.site-header .menu-btn>svg{width:18px!important;height:18px!important;stroke-width:2.2}
.site-header .locale-header summary:hover,.site-header .menu-btn:hover{color:#666}
.site-header .locale-header summary:focus-visible,.site-header .menu-btn:focus-visible{outline:2px solid #777;outline-offset:1px;border-radius:6px}

/* Product accent: blue for primary actions; neutral surfaces stay white. */
:root{--action-blue:#006fd6;--action-blue-hover:#005fbd;--action-blue-soft:#e8f3ff}
.btn:not(.ghost){background:var(--action-blue)!important;border-color:var(--action-blue)!important;color:#fff!important;box-shadow:inset 0 1px 0 #ffffff24,0 2px 4px #006fd612!important}
.btn:not(.ghost):hover{background:var(--action-blue-hover)!important;border-color:var(--action-blue-hover)!important;box-shadow:0 4px 10px #006fd620!important}
.p5-composer a.p5-send{background:var(--action-blue);border-color:var(--action-blue);color:#fff}
.p5-composer a.p5-send:hover{background:var(--action-blue-hover)}
.p5-prompts button[aria-pressed=true]{background:var(--action-blue-soft);border-color:#c7def6;color:#005eb6}
.p5-evidence>button[aria-pressed=true]{border-color:#a8cbed;color:#005eb6}
.btn:focus-visible{outline-color:var(--action-blue)}
.data-replay-times button[aria-pressed=true]{background:var(--action-blue);border-color:var(--action-blue);color:#fff}