.about-page{--about-ease:cubic-bezier(.2,.65,.25,1)}.about-page :focus-visible{outline-color:var(--accent)}.about-page .text-link{gap:14px}.about-page .eyebrow{color:var(--muted)}.about-intro{grid-template-columns:1.15fr .85fr;gap:32px 80px;padding-top:46px;display:grid}.about-intro-copy{align-self:center;padding-block:20px 44px}.about-intro-copy>.eyebrow{align-items:center;gap:10px;display:flex}.about-dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.about-intro h1{letter-spacing:-.065em;margin-top:28px;font-size:clamp(64px,7.5vw,112px);line-height:.99}.about-intro h1>span{color:var(--accent)}.about-title-break{display:none}.about-intro-description{max-width:400px;color:var(--muted);margin-top:30px;font-size:1.125rem;line-height:1.7}.about-intro-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:28px;display:flex}.about-intro-actions>span{color:var(--muted);font-size:.8125rem;line-height:1.6}.about-portrait{min-width:0;padding:0 12px 0 8px}.portrait-switch{border:0;justify-content:end;gap:8px;margin:0 0 16px;padding:0;display:flex}.portrait-switch label{cursor:pointer;position:relative}.portrait-switch label>span{border:1px solid var(--line);width:44px;height:44px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:.8125rem;display:grid}.portrait-switch input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--canvas)}.portrait-switch input:focus-visible+span{outline:2px solid var(--accent);outline-offset:4px}.portrait-stack{aspect-ratio:.84;isolation:isolate;position:relative}.portrait-stack:before{content:"";border:1px solid var(--line);z-index:-1;border-radius:20px;position:absolute;inset:12px 0 0 12px;transform:rotate(5deg)}.portrait-frame{background:#aabdc8;border-radius:20px;position:absolute;inset:0;overflow:hidden}.portrait-frame img{object-fit:cover;object-position:center 48%}.portrait-frame figcaption{background:var(--canvas);width:fit-content;color:var(--ink);border-radius:30px;padding:10px 16px;font-size:.8125rem;position:absolute;inset:auto 20px 22px}#portrait-two{opacity:0;visibility:hidden}.about-portrait:has([value=two]:checked) #portrait-one{opacity:0;visibility:hidden}.about-portrait:has([value=two]:checked) #portrait-two{opacity:1;visibility:visible}.portrait-note{background:var(--accent);color:var(--canvas);font-family:var(--font-display);padding:20px 22px;font-size:1.0625rem;line-height:1.4;position:absolute;top:24px;right:-26px;transform:rotate(7deg);box-shadow:0 4px 14px #00000029}.portrait-note>span{font-weight:650}.portrait-note svg{margin-top:12px;display:block}.portrait-caption{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:24px;font-size:.8125rem;display:flex}.about-intro-footer{border-bottom:1px solid var(--line);color:var(--muted);grid-column:1/-1;justify-content:space-between;align-items:center;gap:24px;padding-block:18px 24px;font-size:.8125rem;display:flex}.about-intro-footer>span:first-child{align-items:center;gap:10px;display:flex}.about-intro-footer svg,.about-intro-footer strong{color:var(--ink);font-weight:500}.about-intro-footer>a{border:1px solid var(--line);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.about-index{flex-wrap:wrap;gap:12px 36px;padding-block:20px;display:flex}.about-index a{align-items:center;gap:12px;min-height:44px;font-size:.875rem;display:inline-flex}.about-index a span{color:var(--muted);font-size:.75rem}.about-index a:hover{color:var(--accent)}.about-story{grid-template-columns:.38fr 1fr;gap:60px;padding-block:108px 132px;display:grid}.about-story>.eyebrow{padding-top:10px}.about-story h2{font-size:clamp(44px,5.4vw,78px)}.about-story-text{color:var(--muted);grid-template-columns:1fr 1fr;gap:36px;margin-top:30px;font-size:1rem;line-height:1.75;display:grid}.about-story-text p:first-child{color:var(--ink)}.about-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px;display:flex}.about-heading .eyebrow,.about-collaboration-intro .eyebrow{margin-bottom:24px}.about-heading h2,.about-collaboration h2{font-size:clamp(44px,5.6vw,80px)}.about-heading>p{max-width:280px;color:var(--muted);padding-bottom:8px;font-size:.9375rem;line-height:1.7}.workflow-explorer{background:var(--surface);border-radius:24px;overflow:hidden}.about-choices{border:0;flex-wrap:wrap;gap:12px;min-inline-size:0;margin:0;padding:0;display:flex}.about-choices legend{color:var(--muted);margin-bottom:16px;font-size:.8125rem}.about-choices label{cursor:pointer;position:relative}.about-choices label>span{border:1px solid var(--line);min-height:48px;color:var(--muted);border-radius:30px;justify-content:space-between;align-items:center;gap:24px;padding:12px 18px;font-size:.875rem;display:flex}.about-choices label:hover>span{border-color:var(--muted);color:var(--ink)}.about-choices input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--canvas)}.about-choices input:focus-visible+span{outline:2px solid var(--accent);outline-offset:4px}.workflow-choices{padding:30px 36px}.workflow-choices legend{float:left;width:100%;margin:0 0 4px}.workflow-scene{display:none}:is(.workflow-explorer:has([value=booking]:checked) [data-scenario=booking],.workflow-explorer:has([value=payment]:checked) [data-scenario=payment],.workflow-explorer:has([value=operations]:checked) [data-scenario=operations]){display:block}.workflow-request{border-top:1px solid var(--line);padding:24px 36px 30px}.workflow-request h3{margin-block:16px 12px;font-size:clamp(28px,3.5vw,46px);line-height:1.15}.workflow-request>p{color:var(--muted);font-size:.8125rem}.workflow-body{grid-template-columns:1fr 1fr;gap:20px;padding:0 12px 12px;display:grid}.workflow-steps{padding:0 24px 24px}.workflow-steps details{border-top:1px solid var(--line)}.workflow-steps summary{grid-template-columns:26px 1fr 20px;align-items:center;gap:12px;min-height:84px;display:grid}.workflow-steps summary>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8125rem}.workflow-steps h4{font-size:1.0625rem;font-weight:500;line-height:1.5}.workflow-steps summary svg{color:var(--muted)}.workflow-steps details[open] summary,.workflow-steps details[open] summary>span,.workflow-steps details[open] svg{color:var(--accent)}.workflow-answer{padding:0 0 24px 38px}.workflow-answer>p{color:var(--muted);font-size:.9375rem;line-height:1.75}.workflow-answer>.workflow-output{color:var(--ink);align-items:start;gap:8px;margin-top:18px;font-size:.8125rem;display:flex}.workflow-output svg{flex-shrink:0;margin-top:3px}.workflow-preview{background:var(--blue);color:#fff;border-radius:12px;flex-direction:column;align-self:stretch;min-width:0;padding:28px 30px;display:flex}.workflow-preview-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.workflow-preview-top .eyebrow{color:#e8ecff;font-size:.6875rem}.workflow-nodes{justify-content:space-between;margin-block:28px;display:flex;position:relative}.workflow-nodes:before{content:"";background:#fff6;height:1px;position:absolute;inset:50% 0 auto}.workflow-nodes>span{background:var(--blue);border:1px solid #ffffff80;border-radius:50%;place-items:center;width:44px;height:44px;font-size:.875rem;display:grid;position:relative}:is(.workflow-body:has([data-step="0"][open]) [data-node="0"],.workflow-body:has([data-step="1"][open]) [data-node="1"],.workflow-body:has([data-step="2"][open]) [data-node="2"]){color:var(--blue);background:#fff;border-color:#fff;box-shadow:0 0 0 5px #ffffff26}.workflow-result{display:none}:is(.workflow-body:has([data-step="0"][open]) [data-result="0"],.workflow-body:has([data-step="1"][open]) [data-result="1"],.workflow-body:has([data-step="2"][open]) [data-result="2"]){display:block}.workflow-check{background:#ffffff26;border-radius:12px;place-items:center;width:48px;height:48px;margin-bottom:18px;display:grid}.workflow-result h4,.workflow-idle h4{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.15}.workflow-result>p,.workflow-idle>p{color:#e8ecff;max-width:350px;margin-top:12px;font-size:.9375rem;line-height:1.65}.workflow-tags{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.workflow-tags span{border:1px solid #fff6;border-radius:24px;padding:6px 10px;font-size:.75rem}.workflow-body:has(details[open]) .workflow-idle{display:none}.workflow-preview-note{color:#e8ecff;margin-top:auto;padding-top:32px;font-size:.6875rem;line-height:1.6}.about-work-link{margin-top:20px}.about-toolbox{padding-block:130px}.stack-explorer{border-top:1px solid var(--line);grid-template-columns:.36fr 1fr;gap:60px;padding-top:32px;display:grid}.stack-choices{flex-direction:column;align-self:start;gap:8px}.stack-choices label>span{border-color:#0000;border-radius:10px;padding:16px 18px}.stack-choices input:checked+span{background:var(--accent);border-color:var(--accent)}.stack-count{opacity:.7;font-size:.75rem}.stack-group{grid-template-columns:1fr .9fr;align-content:start;gap:50px;min-height:270px;display:none}:is(.stack-explorer:has([value=product]:checked) [data-stack=product],.stack-explorer:has([value=data]:checked) [data-stack=data],.stack-explorer:has([value=connections]:checked) [data-stack=connections],.stack-explorer:has([value=delivery]:checked) [data-stack=delivery],.stack-explorer:has([value=ai]:checked) [data-stack=ai]){display:grid}.stack-group h3{font-size:clamp(32px,3.5vw,48px);line-height:1.1}.stack-group p{color:var(--muted);max-width:380px;margin-top:22px;font-size:.9375rem;line-height:1.75}.stack-tools{margin:0;padding:0;list-style:none}.stack-tools li{border-bottom:1px solid var(--line);align-items:center;gap:14px;min-height:48px;padding-block:10px;font-size:1rem;display:flex}.stack-tools li:first-child{padding-top:0}.stack-tools li>span{color:var(--accent)}.about-collaboration{grid-template-columns:1fr 1fr;gap:100px;padding-block:10px 130px;display:grid}.about-collaboration h2{font-size:clamp(42px,4.5vw,64px)}.about-collaboration-intro>p:not(.eyebrow){max-width:330px;color:var(--muted);margin-top:24px;font-size:1rem;line-height:1.75}.about-collaboration-intro .text-link{margin-top:22px}.about-principles details{border-top:1px solid var(--line)}.about-principles details:last-child{border-bottom:1px solid var(--line)}.about-principles summary{grid-template-columns:26px 1fr 20px;align-items:center;gap:16px;min-height:88px;display:grid}.about-principles summary>span{color:var(--muted);font-size:.8125rem}.about-principles h3{letter-spacing:-.025em;font-size:1.375rem;line-height:1.3}.about-principles summary svg,.about-principles details[open] summary>span,.about-principles details[open] h3{color:var(--accent)}.about-principles details>p{color:var(--muted);padding:0 28px 28px 42px;font-size:.9375rem;line-height:1.75}.about-finale .eyebrow{color:#fff}.about-finale h2{font-size:clamp(64px,12vw,174px)}.about-finale :focus-visible{outline-color:#fff}@media (prefers-reduced-motion:no-preference){.portrait-frame{transition:opacity .25s ease-out, visibility .25s, transform .35s var(--about-ease)}#portrait-two{transform:translateY(12px)rotate(2deg)}.about-portrait:has([value=two]:checked) #portrait-two{transform:none}.about-portrait:has([value=two]:checked) #portrait-one{transform:translateY(-8px)rotate(-2deg)}.portrait-note{transition:transform .35s var(--about-ease)}.about-portrait:has([value=two]:checked) .portrait-note{transform:rotate(-5deg)}.about-choices label>span,.portrait-switch label>span{transition:background-color .15s,border-color .15s,color .15s}.about-intro-copy h1{animation-delay:80ms}.about-intro-description{animation-delay:.16s}.about-intro-actions{animation-delay:.24s}}@media (max-width:1100px){.about-intro{gap:30px 50px}.about-title-break{display:initial}.portrait-note{padding:16px;font-size:.9375rem;right:-14px}.about-story,.stack-explorer{gap:36px}.stack-group{gap:28px}.about-collaboration{gap:50px}.workflow-choices,.workflow-request{padding-inline:26px}.workflow-steps{padding-inline:14px}.workflow-preview{padding-inline:24px}}@media (max-width:760px){.about-intro{grid-template-columns:1fr;gap:20px;padding-top:12px}.about-intro-copy{padding-bottom:8px}.about-intro h1{font-size:clamp(54px,11.5vw,88px)}.about-title-break{display:none}.about-intro-description{max-width:430px;margin-top:24px;font-size:1.0625rem}.about-intro-actions{gap:16px}.about-portrait{justify-self:center;width:min(100%,430px);padding-inline:12px}.portrait-stack{aspect-ratio:.94}.portrait-caption{font-size:.75rem}.about-intro-footer{flex-wrap:wrap;gap:16px;margin-top:14px}.about-intro-footer>span:first-child{width:100%}.about-intro-footer>span:nth-child(2){max-width:240px;line-height:1.6}.about-index{grid-template-columns:1fr 1fr;gap:4px 16px;display:grid}.about-index a{font-size:.8125rem}.about-story{grid-template-columns:1fr;gap:24px;padding-block:64px 80px}.about-story-text{gap:20px}.about-heading{flex-direction:column;align-items:start;gap:20px;margin-bottom:28px}.about-heading h2{font-size:clamp(42px,9vw,64px)}.about-heading .eyebrow{margin-bottom:18px}.workflow-choices{gap:8px;padding:24px 20px}.workflow-choices label>span{gap:12px;padding:10px 14px;font-size:.8125rem}.workflow-request{padding:22px 20px}.workflow-body{grid-template-columns:1fr;gap:0}.workflow-steps{padding:0 8px 12px}.workflow-steps summary{gap:10px;min-height:76px}.workflow-steps h4{font-size:1rem}.workflow-answer{padding-inline-start:36px}.workflow-preview{min-height:370px;padding:24px}.workflow-nodes{width:100%;max-width:300px}.workflow-check{display:none}.about-toolbox{padding-block:80px}.stack-explorer{grid-template-columns:1fr;gap:28px;padding-top:22px}.stack-choices{flex-direction:row}.stack-choices label>span{border-color:var(--line);gap:16px;padding:10px 14px}.stack-group{min-height:0}.about-collaboration{grid-template-columns:1fr;gap:36px;padding-bottom:80px}.about-collaboration h2{font-size:clamp(40px,9vw,64px)}.about-principles summary{min-height:78px}.about-principles h3{font-size:1.1875rem}.about-finale h2{font-size:clamp(48px,11.8vw,92px)}}@media (max-width:440px){.about-story-text,.stack-group{grid-template-columns:1fr}.about-intro h1{font-size:clamp(46px,11.6vw,54px)}.about-intro-actions>span{font-size:.75rem}.about-heading h2,.about-story h2{font-size:clamp(36px,10.5vw,46px)}.portrait-note{font-size:.8125rem;right:-8px}.about-principles summary{gap:10px}}@media (forced-colors:active){.about-choices input:checked+span,.portrait-switch input:checked+span{outline-offset:-5px;outline:2px solid highlight}.about-choices input:focus-visible+span,.portrait-switch input:focus-visible+span{outline-offset:4px;outline:2px solid highlight}}
