:is(.portfolio-page,.messenger-page,.cloudclient-os-page){--product-radius:16px;--product-radius-lg:24px;--product-control-radius:8px;--product-shadow:0 16px 40px #1e1b2d0d;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:20px;--text-xl:28px;--motion-fast:.15s;--motion-base:.22s;background:var(--canvas);& h1,& h2,& h3{font-weight:550}& h1{letter-spacing:-.035em;max-width:none}& h2{letter-spacing:-.025em;font-size:clamp(28px,3vw,40px)}& .eyebrow{font-weight:600}& .button{font-size:14px;font-weight:550}& .container{width:min(1200px,100% - 96px)}& .contact-row .button{border-color:var(--line);flex-shrink:0}}.legacy-cloud-link:not(:target){display:none}.legacy-cloud-link:target{padding-block:24px}.portfolio-page{& .portfolio-hero{padding-block:64px 52px}& .portfolio-hero .eyebrow{color:var(--muted);margin-bottom:24px}& .hero-intro{grid-template-columns:1.35fr .8fr;align-items:end;gap:72px;display:grid}& .hero-intro h1{max-width:760px}& .hero-intro p{color:var(--muted);max-width:36ch;padding-bottom:4px}& .portfolio{padding-bottom:88px}& .portfolio-heading{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-block:20px;display:flex}& .portfolio-heading h2{font-size:var(--text-sm);letter-spacing:.02em;font-weight:550}& .portfolio-heading p{font-size:var(--text-xs);color:var(--muted)}& .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}& .product-card{min-width:0;min-height:234px;color:var(--product-text,var(--ink));background:var(--product-surface,var(--white));border:1px solid var(--product-line,var(--line));border-radius:var(--product-radius);transition:box-shadow var(--motion-base), border-color var(--motion-base);flex-direction:column;padding:28px 24px 20px;display:flex;position:relative}& .product-card:hover,& .product-card:focus-within{background:var(--product-hover,var(--white));border-color:var(--lavender);box-shadow:0 6px 24px color-mix(in oklch, var(--ink) 5%, transparent)}& .product-card .audience{font-size:var(--text-xs);letter-spacing:.02em;color:var(--product-muted,var(--muted));margin-bottom:12px}& .product-card h3{margin-bottom:12px;font-size:24px}& .product-card>p:not(.audience){font-size:var(--text-sm);color:var(--product-muted,var(--muted));max-width:48ch;margin-bottom:16px}& .card-link{border-top:1px solid var(--product-line,var(--tint));min-height:44px;font-size:var(--text-sm);letter-spacing:.02em;justify-content:space-between;align-items:center;gap:20px;margin-top:auto;padding-top:12px;font-weight:550;text-decoration:none;display:flex}& .card-link:after{content:"";border-radius:var(--product-radius);position:absolute;inset:0}& .card-link:focus-visible{outline:none}& .product-card:has(.card-link:focus-visible){outline:3px solid var(--primary);outline-offset:4px}& .editorial-section{padding-block:var(--section-space);background:var(--white);border-block:1px solid var(--line)}& .editorial-grid{grid-template-columns:.9fr 1.1fr;gap:120px;display:grid}& .editorial-heading .eyebrow{color:var(--muted);margin-bottom:24px}& .editorial-heading h2{max-width:14ch;margin-bottom:24px}& .editorial-heading>p:last-child{color:var(--muted);max-width:40ch}& .working-list{counter-reset:work;list-style:none}& .working-list li{border-bottom:1px solid var(--line);counter-increment:work;margin-bottom:24px;padding:0 0 24px 48px;position:relative}& .working-list li:last-child{margin-bottom:0}& .working-list li:before{content:"0" counter(work);color:var(--muted);font-size:var(--text-xs);letter-spacing:.04em;position:absolute;top:2px;left:0}& .working-list h3{font-size:var(--text-lg);letter-spacing:-.01em;margin-bottom:8px}& .working-list p{color:var(--muted);font-size:var(--text-sm)}& .portfolio-contact{padding-block:72px}& .contact-row{justify-content:space-between;align-items:center;gap:48px;display:flex}& .contact-row h2{margin-bottom:12px}& .contact-row p{color:var(--muted)}& .contact-row .button{flex-shrink:0}}.messenger-page{& .breadcrumbs{color:var(--muted);font-size:var(--text-xs);align-items:center;gap:12px;padding-top:28px;display:flex}& .breadcrumbs a{align-items:center;min-height:44px;display:inline-flex}& .messenger-hero{grid-template-columns:1.18fr 1fr;align-items:center;gap:64px;padding-block:28px 72px;display:grid}& .messenger-copy .eyebrow{color:var(--primary);max-width:42ch;margin-bottom:24px}& .messenger-copy h1{margin-bottom:24px;font-size:clamp(40px,4.15vw,60px)}& .messenger-copy .lead{color:var(--muted);max-width:44ch;margin-bottom:28px}& .hero-terms{font-size:var(--text-xs);color:var(--muted);margin-top:16px}& .access-figure{border:1px solid var(--line);border-radius:var(--product-radius-lg);background:var(--tint);padding:32px}& .access-figure>.eyebrow{color:var(--muted);margin-bottom:36px}& .company-scope{border:1px solid var(--muted);border-radius:var(--product-radius);background:var(--white);text-align:center;padding:28px 20px 24px}& .company-scope>p{color:var(--muted);font-size:var(--text-xs);margin:0 auto 12px}& .company-scope h2{font-size:var(--text-xl);letter-spacing:-.025em}& .company-scope .scope-note{margin-top:12px;margin-bottom:0}& .connection{border-bottom:1px solid var(--muted);width:calc(50% + 12px);height:48px;margin:auto;position:relative}& .connection:before{content:"";border-left:1px solid var(--muted);height:48px;position:absolute;left:50%}& .access-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}& .access-point{text-align:center;padding-top:24px;position:relative}& .access-point:before{content:"";border-left:1px solid var(--muted);height:24px;position:absolute;top:0;left:50%}& .access-point>div{border:1px solid var(--line);border-radius:var(--product-control-radius);background:var(--white);padding:20px 8px}& .access-point h3{font-size:var(--text-base);letter-spacing:-.01em;margin-bottom:4px}& .access-point p{color:var(--muted);font-size:var(--text-xs)}& .access-figure figcaption{border-top:1px solid var(--line);font-size:var(--text-xs);color:var(--muted);margin-top:28px;padding-top:16px;line-height:1.6}& .content-section{padding-block:var(--section-space);scroll-margin-top:24px}& .section-lead{grid-template-columns:1fr .9fr;align-items:end;gap:96px;margin-bottom:48px;display:grid}& .section-lead h2{max-width:18ch}& .section-lead .eyebrow{color:var(--muted);margin-bottom:20px}& .section-lead>p{color:var(--muted)}& .three-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;display:grid}& .feature{border-top:1px solid var(--line);padding-top:24px}& .feature h3{font-size:var(--text-lg);letter-spacing:-.01em;margin-bottom:12px}& .feature p{font-size:var(--text-sm);color:var(--muted)}& .onboarding{border-block:1px solid var(--line);background:var(--white)}& .steps{counter-reset:setup;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;display:grid}& .steps li{counter-increment:setup;border-top:1px solid var(--line);padding-top:20px}& .steps li:before{content:"0" counter(setup);font-size:var(--text-xs);letter-spacing:.04em;color:var(--muted);margin-bottom:28px;display:block}& .steps h3{font-size:var(--text-lg);letter-spacing:-.01em;margin-bottom:12px}& .steps p{color:var(--muted);font-size:var(--text-sm)}& .section-note{border-top:1px solid var(--line);font-size:var(--text-sm);color:var(--muted);margin-top:40px;padding-top:20px}& .management-grid{grid-template-columns:.8fr 1.2fr;gap:96px;display:grid}& .management-grid .editorial-heading h2{max-width:15ch}& .capabilities{margin:0}& .capability-row{border-top:1px solid var(--line);grid-template-columns:.8fr 1.25fr;gap:32px;padding:24px 0;display:grid}& .capability-row:first-child{border-top:0;padding-top:0}& .capability-row dt{font-weight:550}& .capability-row dd{font-size:var(--text-sm);color:var(--muted);margin:0}& .security-section{background:var(--tint);padding-block:72px}& .security-grid{grid-template-columns:1fr .9fr;align-items:start;gap:96px;display:grid}& .security-grid .eyebrow{color:var(--muted);margin-bottom:24px}& .security-grid h2{max-width:18ch}& .security-copy>p{font-size:var(--text-lg);margin-bottom:24px}& .security-copy .small{color:var(--muted);font-size:var(--text-sm)}& .beta-grid{grid-template-columns:1fr 1fr;align-items:center;gap:96px;display:grid}& .beta-grid .editorial-heading h2{max-width:16ch}& .price-panel{border-radius:var(--product-radius);border:1px solid var(--line);background:var(--white);box-shadow:var(--product-shadow);padding:36px}& .price-panel .eyebrow{color:var(--muted);margin-bottom:20px}& .price-value{letter-spacing:-.035em;font-size:64px;font-weight:550;line-height:1}& .price-caption{color:var(--muted);font-size:var(--text-sm);margin-top:12px}& .price-future{border-block:1px solid var(--line);margin-block:24px;padding-block:20px}& .price-future strong{font-size:var(--text-lg);font-weight:550}& .price-future p{color:var(--muted);font-size:var(--text-sm);margin-top:4px}& .price-panel .button{width:100%;display:flex}& .price-panel .access-note{color:var(--muted);font-size:var(--text-xs);text-align:center;margin-top:16px}& .messenger-faq{padding-block:0 96px}& .faq-grid{grid-template-columns:.8fr 1.2fr;gap:96px;display:grid}& .faq-grid h2{max-width:12ch}& .faq details{border-top:1px solid var(--line)}& .faq details:last-child{border-bottom:1px solid var(--line)}& .faq summary{justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:20px 0;font-weight:550;line-height:1.5;display:flex}& .faq summary:hover{color:var(--primary)}& .faq details>div{color:var(--muted);font-size:var(--text-sm);padding-bottom:24px}}.portfolio-page .product-grid{grid-auto-rows:1fr}.portfolio-page .product-card{min-height:244px}.portfolio-page .portfolio-heading{max-width:none;margin:0}.portfolio-page .working-list,.messenger-page .steps{margin:0;padding:0}.messenger-page .messenger-copy h1{max-width:16ch}.messenger-page .editorial-section{background:var(--white);border-top:1px solid var(--line);padding-block:72px}.messenger-page .editorial-heading .eyebrow{margin-bottom:20px}.messenger-page .editorial-heading h2{margin-bottom:24px}.messenger-page .editorial-heading>p:last-child{color:var(--muted)}.messenger-page .contact-row{justify-content:space-between;align-items:center;gap:48px;display:flex}.messenger-page .contact-row p{color:var(--muted);margin-top:12px}.messenger-page .faq summary{cursor:pointer;list-style:none}.messenger-page .faq summary::-webkit-details-marker{display:none}.messenger-page .faq summary span{font-size:24px}.messenger-page .faq details[open] summary span{transform:rotate(45deg)}.messenger-page .faq details>div{line-height:1.6}@media (width<=1100px){:is(.portfolio-page,.messenger-page,.cloudclient-os-page) .container{width:calc(100% - 64px)}.portfolio-page .hero-intro,.portfolio-page .editorial-grid,.messenger-page :is(.section-lead,.management-grid,.security-grid,.beta-grid,.faq-grid){gap:48px}.messenger-page .messenger-hero{grid-template-columns:1.15fr 1fr;gap:32px}.messenger-page .messenger-copy h1{font-size:44px}.messenger-page .access-figure{padding:24px}.messenger-page .company-scope h2{font-size:24px}}@media (width<=899px){.portfolio-page .portfolio-hero{padding-block:48px 40px}.portfolio-page .hero-intro{grid-template-columns:1fr .7fr;gap:32px}.portfolio-page .hero-intro h1{font-size:44px}.portfolio-page .product-card{padding:24px 24px 16px}.portfolio-page .product-card h3{font-size:24px}.portfolio-page .portfolio{padding-bottom:72px}.portfolio-page .editorial-grid{gap:48px}.portfolio-page .editorial-section,.messenger-page .content-section{padding-block:72px}.messenger-page .messenger-hero{grid-template-columns:1fr;gap:48px;padding-bottom:56px}.messenger-page .messenger-copy h1{font-size:56px}.messenger-page .access-figure{padding:32px}.messenger-page .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.messenger-page .three-columns{gap:24px}.messenger-page .management-grid{grid-template-columns:1fr;gap:40px}.messenger-page :is(.security-grid,.beta-grid,.faq-grid){gap:40px}.messenger-page .price-panel{padding:28px}}@media (width<=767px){:is(.portfolio-page,.messenger-page,.cloudclient-os-page) .container{width:calc(100% - 48px)}.portfolio-page .portfolio-hero{padding-block:40px 32px}.portfolio-page .hero-intro{grid-template-columns:1fr;gap:24px}.portfolio-page .hero-intro h1{max-width:14ch;font-size:clamp(38px,7.8vw,52px)}.portfolio-page .portfolio-heading{gap:20px}.portfolio-page .portfolio-heading p{text-align:right;max-width:13ch}.portfolio-page .product-grid{grid-template-columns:minmax(0,1fr);gap:16px}.portfolio-page .product-card h3{font-size:26px}.portfolio-page .portfolio{padding-bottom:56px}.portfolio-page .editorial-grid,.messenger-page :is(.section-lead,.management-grid,.security-grid,.beta-grid,.faq-grid,.three-columns,.steps){grid-template-columns:1fr;gap:32px}.portfolio-page :is(.editorial-section,.portfolio-contact),.messenger-page :is(.content-section,.security-section,.editorial-section){padding-block:56px}:is(.portfolio-page,.messenger-page,.cloudclient-os-page) .contact-row{flex-direction:column;align-items:flex-start;gap:24px}.messenger-page .breadcrumbs{padding-top:16px}.messenger-page .messenger-hero{gap:36px;padding-top:20px}.messenger-page .messenger-copy h1{font-size:clamp(38px,8.2vw,52px);line-height:1.1}.messenger-page .messenger-copy .button{width:100%}.messenger-page .hero-terms{text-align:center}.messenger-page .access-figure{border-radius:16px;padding:24px}.messenger-page .company-scope{padding:20px 12px}.messenger-page .access-points{gap:16px}.messenger-page .connection{width:calc(50% + 8px)}.messenger-page .access-point>div{padding:16px 4px}.messenger-page .access-point h3{font-size:14px}.messenger-page .steps li{padding-left:44px;position:relative}.messenger-page .steps li:before{position:absolute;top:23px;left:0}.messenger-page .capability-row{grid-template-columns:1fr;gap:8px}.messenger-page .price-panel{padding:28px 24px}.messenger-page .price-value{font-size:56px}.messenger-page .messenger-faq{padding-bottom:56px}}.cloudclient-os-page{& .container{width:min(1200px,100% - 72px)}& .cloudclient-os-hero{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:64px;padding-block:64px;display:grid}& .product-status{margin-bottom:24px}& h1{margin-bottom:24px;font-size:clamp(38px,4.5vw,64px)}& .lead{color:var(--muted);max-width:48ch;font-size:20px}& .hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}& .development-note{background:var(--tint);border:1px solid var(--line);border-radius:var(--product-radius);padding:32px}& .development-note h2{margin-bottom:16px;font-size:28px}& .development-note p,& .benefit-grid p,& .cloudclient-os-contact p:not(.product-status){color:var(--muted)}& .cloudclient-os-benefits{background:var(--white);border-block:1px solid var(--line);padding-block:56px}& .cloudclient-os-benefits h2{max-width:28ch;margin-bottom:36px}& .benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0;padding:0;list-style:none;display:grid}& .benefit-grid li{border-top:1px solid var(--line);padding-top:20px}& .benefit-grid h3{margin-bottom:12px;font-size:20px}& .cloudclient-os-contact{justify-content:space-between;align-items:center;gap:40px;padding-block:56px;display:flex}& .cloudclient-os-contact h2{margin-bottom:16px}& .cloudclient-os-contact .button{flex-shrink:0}}@media (width<=960px){.cloudclient-os-page{& .container{width:calc(100% - 48px)}& .cloudclient-os-hero{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:40px}& .benefit-grid{grid-template-columns:minmax(0,1fr);gap:24px}& .cloudclient-os-contact{flex-direction:column;align-items:flex-start;gap:24px}}}@media (width<=620px){.cloudclient-os-page{& .container{width:calc(100% - 32px)}& .development-note{padding:24px}& .hero-actions{flex-direction:column}& .button{width:100%}}}