/* Product depth: green-led identity, tactile product framing and purposeful motion. */
:root{--green:#075a43;--ink:#092f2d;--paper:#faf9f5;--mint:#eaf3ed;--secondary:#49635b;--accent-mint:#a6efd0;--teal:#087760;--blue:#245b9c;--blue-wash:#eaf1ff;--violet:#6743a5;--violet-wash:#f1eafa;--amber:#96501d;--amber-wash:#fff0df;--rose:#a23f63;--rose-wash:#fbeaf1;--ease-out:cubic-bezier(.16,1,.3,1);--section-space:clamp(64px,7vw,112px);--content-width:1320px}
body{background:var(--paper)}
h1,h2{letter-spacing:-.035em;word-spacing:.04em}h2{line-height:1.16}.section{max-width:var(--content-width);padding-block:var(--section-space)}
.header{height:78px;padding-inline:max(var(--gutter),calc((100vw - var(--content-width))/2 + var(--gutter)));background:#fffefa}.header .brand{width:172px}.header nav{gap:28px}.header .button{min-height:46px;font-size:1rem;padding:11px 20px;border-radius:10px}.header nav>a:not(.button){position:relative;min-height:44px;display:inline-flex;align-items:center}.header nav>a:not(.button):after{content:'';position:absolute;bottom:6px;left:0;right:0;height:2px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .24s var(--ease-out)}.header nav>a:not(.button):hover,.header nav>a[aria-current=page]{text-decoration:none}.header nav>a:not(.button):hover:after,.header nav>a[aria-current=page]:after{transform:scaleX(1)}
.button{border-radius:11px;min-height:58px;font-size:1.1875rem;padding:14px 26px;transition:background .2s,color .2s,transform .2s var(--ease-out)}.button:active{transform:translateY(1px)}.button.green{background:var(--green)}.button.cream{background:#fffef8}.button .arrow,.text-link .arrow{transition:translate .22s var(--ease-out)}.button:hover .arrow,.text-link:hover .arrow{translate:4px 0}
.hero{background:#063f34;min-height:0;overflow:hidden;padding:0 var(--gutter) 52px;isolation:isolate}.hero:before{inset:-45% -15% -60% 40%;background:none;border:120px solid #11826340;border-radius:48%;transform:rotate(28deg);opacity:1;z-index:-1}.hero:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(115deg,#042c29 0%,#075b45 68%,#064335 100%)}.hero-inner{max-width:calc(var(--content-width) - 2*var(--gutter));margin:auto;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:34px;min-height:650px}.hero-copy{padding:64px 0 96px;width:auto;z-index:2}.hero h1{font-size:clamp(3.375rem,5vw,4.75rem);line-height:1.04;letter-spacing:-.035em}.hero h1 span{white-space:normal}.hero h1 .hero-accent{color:var(--accent-mint)}.hero-description{font-size:1.25rem;line-height:1.5;margin:25px 0 30px;max-width:405px;width:100%;color:#e2f4e9}.hero-scene{position:relative;perspective:1200px;min-width:0;padding-bottom:100px}.hero-product{position:relative;left:auto;top:auto;width:100%;margin:0;transform:rotateY(-7deg) rotateZ(-2deg);transform-origin:center;animation:product-arrival .85s var(--ease-out) both}.hero .screen-window{display:block;width:100%;height:auto;aspect-ratio:3200/1732;border:7px solid #e2eee7;border-radius:17px;box-shadow:0 28px 48px #00000059;background:#f8fffb;overflow:hidden;transition:transform .45s var(--ease-out)}.hero .screen-window:hover{transform:translateY(-4px)}.hero .screen-window img{position:static;transform:none;width:100%;max-width:100%;height:auto}.hero-product figcaption{width:auto;justify-content:flex-end;gap:10px;font-size:0.875rem;align-items:center;color:#d5ecdf;padding-top:16px;display:flex}.hero-friend{display:flex;align-items:center;position:absolute;left:-28px;top:auto;bottom:-70px;width:100%;height:260px;z-index:3;pointer-events:none}.hero-friend img{position:relative;left:auto;top:auto;width:270px;max-width:48%;filter:drop-shadow(0 14px 16px #00261c40);animation:assistant-arrival .95s var(--ease-out) both}.hero-friend p{position:relative;left:-24px;top:auto;transform:rotate(3deg);font-style:normal;font-size:0.9375rem;line-height:1.5;padding:18px 23px;border-radius:16px;color:#e2f4e9;background:#073b32;box-shadow:0 12px 24px #00000033;max-width:225px}.hero-friend strong{display:block;font-size:1.3125rem;color:#fffdf7;margin-bottom:4px}.hero-friend p span{display:block}.hero-wave{height:46px;bottom:-1px;background:var(--paper);clip-path:ellipse(75% 80% at 45% 145%)}
@keyframes product-arrival{from{transform:translateY(20px) rotateY(-1deg) rotateZ(0deg)}to{transform:translateY(0) rotateY(-7deg) rotateZ(-2deg)}}@keyframes assistant-arrival{from{transform:translateY(34px)}to{transform:translateY(0)}}
.home-copilot{background:transparent;max-width:var(--content-width);display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:center;padding-top:78px;padding-bottom:88px}.home-copilot h2{font-size:clamp(2.25rem,3.4vw,3.1875rem)}.home-copilot-copy>p{font-size:1.25rem;line-height:1.6;max-width:410px;margin-top:24px}.home-copilot-copy>.text-link{margin-top:18px;font-size:1.0625rem}.home-copilot .task-chat{height:505px}.task-chat{background:#fff;box-shadow:0 16px 40px #1b443013;isolation:isolate}.task-chat .chat-header{background:#fff;padding:18px 22px}.task-chat .chat-context{color:var(--secondary)}.chat-identity img{width:35px;height:35px}.task-picker{padding:25px 22px 28px}.task-picker h3{font-size:1.375rem;margin-bottom:22px}.task-choice{background:#f0f4f1;border-radius:12px;font-size:1.0625rem;min-height:62px;gap:14px;padding:13px 15px;transition:background .2s,box-shadow .2s}.task-choice:hover{background:#e5ede7;box-shadow:inset 0 0 0 1px #a5c6b4}.task-choice>.task-label{display:flex;align-items:center;gap:13px}.task-icon{display:grid;place-items:center;flex:none;width:37px;height:40px;background:#d8f1e5;border-radius:10px}.task-icon img{width:23px;height:23px}.task-choice[data-example=quotation] .task-icon{background:var(--amber-wash)}.task-choice[data-example=items] .task-icon,.task-choice[data-example=sales] .task-icon{background:var(--blue-wash)}.task-choice[data-example=bank] .task-icon{background:var(--violet-wash)}.task-choice[data-example=owed] .task-icon{background:var(--rose-wash)}.chat-controls{background:#f7f9f5;border-color:#e2eae3}.chat-hint{font-size:0.875rem}.task-chat .chat-stage{scrollbar-color:#a6c3b1 #f5f8f3}
.home-companion{position:relative;max-width:none;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%;background:#edf4ef;padding-inline:max(var(--gutter),calc((100vw - var(--content-width))/2 + var(--gutter)));padding-block:80px;overflow:hidden}.home-companion:before{content:'';position:absolute;right:-100px;top:18%;height:460px;width:580px;border:65px solid #d6e9de;border-radius:45%;transform:rotate(-20deg);pointer-events:none}.home-companion-copy{max-width:610px;position:relative;z-index:1}.home-companion h2{font-size:clamp(2.25rem,3.4vw,3.1875rem);line-height:1.17}.home-companion-copy>p{font-size:1.25rem;line-height:1.6;max-width:470px;margin-top:24px}.home-companion .text-link{margin-top:20px;font-size:1.0625rem}.phone-experience{position:relative;z-index:1;width:100%;max-width:372px;justify-self:center}.phone-switch{display:flex;justify-content:center;gap:4px;margin:0 0 20px}.phone-switch button{font-size:0.9375rem;font-weight:600;min-height:46px;padding:9px 15px;background:transparent;border:0;border-radius:9px}.phone-switch button[aria-pressed=true]{background:var(--green);color:white}.phone-switch button:hover{box-shadow:inset 0 0 0 1px #94b7a5}.device-frame{background:#172c28;padding:8px;border-radius:36px;box-shadow:6px 24px 38px #00000029,inset 0 0 0 2px #53625b;position:relative;transform:rotate(2deg);transition:transform .4s var(--ease-out)}.device-frame:focus-within,.device-frame:hover{transform:rotate(0)}.device-screen{aspect-ratio:390/844;border-radius:29px;overflow:hidden;background:#fff;position:relative}.phone-view{height:100%;width:100%}.phone-more>a{display:block;height:100%}.phone-more img{width:100%;height:100%;object-fit:contain}.phone-chat.task-chat{height:100%;border-radius:0;box-shadow:none;background:#fcfdf9}.phone-chat .chat-header{padding:23px 16px 15px;align-items:center;gap:8px}.phone-chat .chat-context{font-size:0.8125rem;max-width:90px}.phone-chat .task-picker{padding:36px 22px}.phone-chat .task-picker .phone-task-title{margin-top:0;font-weight:700;color:var(--ink);font-family:var(--display);font-size:1.9375rem;letter-spacing:-.035em;line-height:1.25;margin-bottom:20px}.phone-chat .task-picker>p{font-size:1.0625rem;line-height:1.55;color:var(--secondary);margin-bottom:25px}.phone-chat .task-choice{font-size:1rem;gap:8px;padding-inline:12px}.phone-chat .task-label{gap:9px}.phone-chat .chat-controls{padding:8px 15px;gap:8px;min-height:72px;flex-wrap:wrap}.phone-chat .chat-hint{font-size:0.875rem}.phone-chat .other-tasks,.phone-chat .show-answer{font-size:0.875rem}.phone-chat .conversation{padding:20px 16px}.phone-chat .user-message{margin-left:12px;max-width:calc(100% - 12px);padding:13px}.phone-chat .user-message p,.phone-chat .chat-answer p{font-size:1rem;line-height:1.55}.phone-chat .work-result{font-size:0.9375rem}.phone-chat .report-link{font-size:0.9375rem}.phone-caption{font-size:0.9375rem;line-height:1.5;text-align:center;color:var(--secondary);margin:24px auto 0;max-width:280px}
.home-capabilities{padding-top:85px;padding-bottom:90px}.capabilities-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:46px}.capabilities-intro h2{font-size:clamp(2.125rem,3.2vw,3rem)}.capabilities-intro .text-link{font-size:1.0625rem;white-space:nowrap}.capability-links{display:grid;grid-template-columns:repeat(6,1fr);gap:24px}.capability-links>a{display:block;text-decoration:none;min-width:0;position:relative;padding-bottom:12px}.capability-links .cap-icon{display:grid;place-items:center;width:64px;height:64px;background:#dff2e8;border-radius:16px;margin-bottom:19px}.cap-icon img{width:32px;height:32px}.capability-links>a:nth-child(2) .cap-icon{background:var(--violet-wash)}.capability-links>a:nth-child(3) .cap-icon{background:var(--blue-wash)}.capability-links>a:nth-child(4) .cap-icon{background:var(--amber-wash)}.capability-links>a:nth-child(5) .cap-icon{background:var(--rose-wash)}.capability-links>a:nth-child(6) .cap-icon{background:#dcf0ed}.capability-links h3{font-size:1.125rem;line-height:1.3;margin-bottom:10px}.capability-links p{font-size:1rem;line-height:1.5;color:var(--secondary)}.capability-links .arrow{margin-top:18px;transition:translate .2s var(--ease-out)}.capability-links>a:hover .arrow{translate:5px 0}.capability-links>a:hover h3{text-decoration:underline;text-underline-offset:4px}
.closing.section{max-width:none;background:#063f34;color:var(--paper);border:0;position:relative;isolation:isolate;padding:80px max(var(--gutter),calc((100vw - var(--content-width))/2 + var(--gutter))) 70px;overflow:hidden}.closing:before{content:'';position:absolute;inset:-180px -80px -180px 55%;z-index:-1;border:75px solid #0d705345;border-radius:50%;transform:rotate(-20deg)}.closing:after{content:'';position:absolute;left:-5%;right:-5%;top:-28px;height:48px;border-radius:0 0 50% 50%;background:var(--paper);z-index:-1}.closing h2{font-size:clamp(2.25rem,3.6vw,3.3125rem);line-height:1.15}.closing .button.green{background:#fffdf7;color:var(--ink)}.closing .button.green:hover{background:#d7efdf}.footer{background:#fffefa;padding-block:25px;font-size:0.9375rem;gap:30px}.footer .brand{width:148px}.footer nav{gap:22px;font-size:0.9375rem}.footer p{font-size:0.9375rem}
/* Carry the same depth, colour and navigation language into the detail routes. */
.detail-hero{background:#edf4ef;max-width:none}.detail-hero h1{font-size:clamp(2.75rem,4.5vw,4.25rem)}.detail-hero-bottom{margin-top:28px}.section-nav{background:#fffefa;box-shadow:0 4px 15px #082d2110;z-index:6}.section-nav a{position:relative;transition:color .2s}.section-nav a:hover{color:var(--green)}.detail-page .explore{background:var(--paper)}.task-feature{gap:7%}.task-feature .task-chat{height:650px}.task-feature .task-picker h3{font-size:1.4375rem}.task-feature .task-options{grid-template-columns:1fr 1fr;gap:12px}.task-feature .task-choice{font-size:1rem;min-height:78px;padding:12px;gap:5px}.task-feature .task-choice>.task-label{gap:9px}.task-feature .task-icon{width:31px;height:35px}.task-feature .task-icon img{width:21px;height:21px}.task-feature .task-choice>.arrow{width:14px;transform:scale(.7)}.capability-directory{max-width:none;padding-inline:max(var(--gutter),calc((100vw - var(--content-width))/2 + var(--gutter)))}.work-gallery .capture-crop{box-shadow:0 16px 32px #173f2912}.companion-page-hero{background:#064936;overflow:hidden}.companion-page-hero:before{background:none;border:80px solid #15845b30;inset:-20% -15% 15% 50%;border-radius:45%;transform:rotate(25deg);opacity:1}.phone-capture>a{padding:7px;background:#172c28;border-radius:30px;box-shadow:5px 20px 35px #00000040;transform:rotate(2deg)}.phone-capture img{border-radius:23px}.companion-setup{gap:8%}
@view-transition{navigation:auto}::view-transition-old(root){animation:page-leave .18s ease-out both}::view-transition-new(root){animation:page-enter .32s var(--ease-out) both}.header .brand{view-transition-name:site-brand}@keyframes page-leave{to{opacity:0}}@keyframes page-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1001px){.task-feature .task-chat{height:570px}}
@media(max-width:1100px){.hero-inner{gap:22px;min-height:600px}.hero h1{font-size:3.625rem}.hero-friend{bottom:-55px}.hero-friend img{width:220px}.hero-friend p{font-size:0.875rem;padding:15px 18px}.home-copilot{gap:5%}.capability-links{grid-template-columns:repeat(3,1fr);gap:36px}.home-companion{gap:5%}.phone-experience{max-width:340px}.task-feature .task-options{grid-template-columns:1fr}}
@media(max-width:1000px){.header{height:74px}.header nav{top:74px;background:#fffefa}.menu-scrim{top:74px;height:calc(100dvh - 74px)}.header nav.is-open{gap:3px;animation:menu-entrance .25s var(--ease-out)}.header nav>a:not(.button):after{display:none}.hero-inner{min-height:575px;grid-template-columns:1fr 1fr}.hero h1{font-size:3.1875rem}.hero-description{font-size:1.125rem}.hero-scene{padding-bottom:50px}.hero-friend{height:200px;bottom:-80px;left:-12px}.hero-friend img{width:190px}.hero-friend p{display:block;max-width:150px;left:-15px;font-size:0.8125rem}.hero-friend strong{font-size:1.125rem}.home-copilot h2,.home-companion h2{font-size:2.25rem}.home-copilot-copy>p,.home-companion-copy>p{font-size:1.1875rem}.task-feature .task-options{grid-template-columns:1fr}.task-feature .task-chat{height:660px}.home-copilot .task-chat{height:510px}.task-choice{font-size:1rem}.task-picker{padding-inline:18px}.task-choice>.task-label{gap:10px}.task-icon{width:32px;height:36px}.task-feature .task-choice{min-height:61px}.footer{gap:20px}}
@keyframes menu-entrance{from{clip-path:inset(0 0 18% 0);opacity:.6}to{clip-path:inset(0);opacity:1}}
@media(max-width:700px){:root{--gutter:24px}.section{padding-block:58px}.header{height:72px}.header .brand{width:152px}.header nav{top:72px}.menu-scrim{top:72px;height:calc(100dvh - 72px)}.hero{padding:0 var(--gutter) 25px}.hero-inner{display:block;min-height:0}.hero-copy{padding:42px 0 20px;width:100%}.hero h1{font-size:clamp(2.6875rem,11vw,4.0625rem);line-height:1.09}.hero h1 span:nth-child(2){display:block}.hero h1 span:nth-child(3){display:block}.hero-description{font-size:1.1875rem;line-height:1.5;max-width:420px;margin:23px 0 27px}.hero-copy .button{font-size:1.125rem;min-height:56px}.hero-scene{min-height:170px;padding-bottom:0;max-width:420px;margin:auto}.hero-product{display:none}.hero-friend{position:relative;left:auto;bottom:auto;height:170px;justify-content:flex-end;gap:0;width:100%}.hero-friend img{width:180px;max-width:none;order:2;animation:none}.hero-friend p{display:block;left:24px;max-width:180px;z-index:1;top:0;padding:14px 18px;font-size:0.875rem;transform:rotate(-3deg)}.hero-friend strong{font-size:1.1875rem}.hero-wave{height:25px}.hero:before{border-width:70px;inset:-10% -65% -60% 50%}.home-copilot{grid-template-columns:1fr;gap:30px;padding-top:45px;padding-bottom:58px}.home-copilot h2{font-size:2.25rem}.home-copilot-copy>p{font-size:1.1875rem;margin-top:20px}.home-copilot-copy>.text-link{font-size:1rem;margin-top:14px}.home-copilot .task-chat{height:480px}.task-chat .chat-header{padding:16px}.task-picker h3{font-size:1.3125rem}.task-picker{padding:23px 16px}.task-choice{font-size:1rem;min-height:62px;padding:13px 12px}.task-icon{width:34px;height:38px}.home-companion{grid-template-columns:1fr;gap:34px;padding:55px var(--gutter) 58px}.home-companion-copy>p{font-size:1.1875rem;margin-top:20px}.home-companion h2{font-size:2.1875rem}.home-companion .text-link{font-size:1.0625rem;margin-top:15px}.home-companion:before{width:420px;height:520px;top:auto;bottom:0;right:-150px;border-width:50px}.phone-experience{max-width:350px}.phone-switch{margin-bottom:20px;gap:1px}.phone-switch button{font-size:0.875rem;padding-inline:13px}.device-frame{transform:rotate(0);padding:7px}.device-screen{border-radius:29px}.phone-caption{font-size:0.9375rem;margin-top:20px}.phone-chat .task-picker .phone-task-title{font-size:1.875rem}.phone-chat .task-picker{padding:29px 18px}.phone-chat .user-message p,.phone-chat .chat-answer p{font-size:1rem}.home-capabilities{padding-block:58px}.capabilities-intro{display:block;margin-bottom:32px}.capabilities-intro h2{font-size:2.1875rem}.capabilities-intro .text-link{font-size:1rem;margin-top:17px}.capability-links{grid-template-columns:repeat(2,1fr);gap:30px 23px}.capability-links .cap-icon{width:55px;height:55px;border-radius:14px;margin-bottom:15px}.cap-icon img{width:29px;height:29px}.capability-links h3{font-size:1.125rem}.capability-links p{font-size:1rem}.closing.section{padding:65px var(--gutter) 52px}.closing h2{font-size:2.25rem}.closing .button{font-size:1.125rem;margin-top:26px}.footer{padding:26px var(--gutter);gap:20px}.footer nav{font-size:1rem;gap:5px 20px}.footer p{font-size:0.9375rem}.detail-hero h1{font-size:2.625rem}.detail-hero-bottom p{font-size:1.1875rem}.task-feature .task-chat{height:640px}.task-feature .task-options{grid-template-columns:1fr}.task-feature .task-choice{font-size:1rem;min-height:61px}.task-feature .section-intro h2{font-size:2.1875rem}.section-nav{box-shadow:none}.phone-capture>a{transform:none}.companion-page-hero .companion-hero-grid{gap:34px}.companion-hero-grid h1{font-size:2.5625rem}.companion-page-hero{padding-bottom:60px}}
@media(max-width:360px){:root{--gutter:20px}.hero h1{font-size:2.625rem}.hero-description{font-size:1.125rem}.hero-friend p{font-size:0.8125rem;padding:12px 15px}.hero-friend img{width:162px}.task-choice{font-size:0.9375rem;gap:8px}.task-icon{width:29px;height:34px}.phone-chat .task-label{gap:7px}.phone-chat .task-choice{font-size:0.9375rem;padding-inline:10px}.phone-chat .task-picker{padding-inline:16px}.phone-chat .task-picker .phone-task-title{font-size:1.625rem}.phone-chat .chat-context{font-size:0.75rem}.phone-chat .chat-header{padding-inline:12px}.phone-switch button{padding-inline:11px}.phone-chat .chat-controls{padding-inline:12px}.phone-chat .other-tasks,.phone-chat .show-answer{font-size:0.8125rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-product,.device-frame{transform:none}.button:hover .arrow,.text-link:hover .arrow,.capability-links>a:hover .arrow{translate:0}.header .brand{view-transition-name:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
/* Keep the picker compact; use the real phone screen as its resting state. */
.home-copilot .task-chat{height:455px}.home-copilot .task-picker{padding-top:24px;padding-bottom:20px}.home-copilot .task-choice{min-height:60px}.home-copilot .task-options{gap:10px}
.phone-experience{max-width:340px}.home-companion .phone-caption{font-size:0.9375rem;line-height:1.5;margin:22px auto 0;max-width:290px}.companion-interactive{grid-area:screen;width:100%;max-width:350px;justify-self:center}.companion-interactive .phone-switch{color:#e1f2e8}.companion-interactive .phone-switch button[aria-pressed=true]{background:#b5ead1;color:#073e2c}.companion-interactive .phone-caption{color:#e1f2e8;font-size:0.9375rem;font-style:normal;text-align:center;margin:22px auto 0;max-width:290px}.companion-interactive .device-frame{transform:none}.companion-interactive .phone-chat{color:var(--ink)}.phone-chat .chat-identity strong{font-size:1.125rem}.phone-chat .thinking{font-size:0.875rem}.phone-chat .chat-answer .next-step{font-size:0.9375rem}
@media(max-width:700px){.home-copilot .task-chat{height:455px}.phone-experience{max-width:340px}.home-companion{padding-block:56px}.phone-switch button{font-size:0.875rem;padding-inline:12px}.companion-interactive{max-width:340px}.companion-page-hero .companion-hero-grid{grid-template-areas:'copy' 'screen' 'benefits'}.phone-chat .task-chat{height:100%}}

.companion-page-hero.section{max-width:none}

.device-frame.is-playing{transform:none}