/* SCCO experience demo · purpose, contact and page companion. */
.purpose{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:24px;padding:clamp(22px,4vw,48px);border:1px solid var(--line);border-radius:32px;background:#fff;overflow:hidden}
.purpose__copy{min-width:0;position:relative;z-index:1}.purpose h3{font-size:clamp(1.5rem,2.6vw,2.15rem);line-height:1.45;color:var(--navy);text-wrap:balance;margin-block-end:24px}
.purpose__choices{display:grid;gap:12px}.purpose__choice{display:grid;grid-template-columns:26px minmax(0,1fr) 22px;gap:12px;text-align:start;padding:21px 18px;border:1px solid transparent;border-radius:20px;transition:background .3s,border-color .3s,transform .4s var(--ease);width:100%}
.purpose__choice[aria-pressed=true]{background:#f0f6fc;border-color:#d6e7f6}.purpose__number{font-family:'Inter Var',sans-serif;color:var(--blue);font-size:.75rem;padding-block-start:6px;direction:ltr}.purpose__label{display:block;font-size:1.2rem;font-weight:600;color:var(--navy);margin-block-end:6px}.purpose__text{display:block;color:var(--muted);font-size:.98rem;line-height:1.85}.purpose__plus{color:var(--blue);font-size:1.3rem;transition:transform .4s}.purpose__choice[aria-pressed=true] .purpose__plus{transform:rotate(45deg)}[dir=rtl] .purpose__plus{scale:-1 1}
.purpose__art{position:relative;min-width:0;aspect-ratio:1;max-width:390px;width:100%;justify-self:center;display:grid;place-items:center;background:radial-gradient(ellipse,#e7f2ff 0%,#f5f9fe 40%,#fff 69%)}
.purpose__orbit{position:absolute;border:1px solid #dce8f4;border-radius:50%;inset:8%;transition:transform .9s var(--ease)}.purpose__orbit--inner{inset:22%;border-style:dashed;transform:rotate(12deg)}.purpose__beam{position:absolute;inset:8%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 70%,#1670c510 82%,#1670c54d 96%,transparent 97%);transform:rotate(-40deg);transition:transform 1.1s var(--ease)}
.purpose__star{position:absolute;width:12px;height:12px;border-radius:50%;z-index:1;transition:transform .9s var(--ease)}.purpose__star--blue{top:12%;inset-inline-start:29%;background:var(--blue);box-shadow:0 0 0 7px #1670c510}.purpose__star--gold{bottom:16%;inset-inline-end:21%;background:var(--yellow);box-shadow:0 0 0 7px #ffc4001a}
.purpose__core{position:relative;width:49%;aspect-ratio:1;background:#fff;border:1px solid #e6eef7;border-radius:50%;box-shadow:0 14px 45px #09264b0c;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:20px}.purpose__core img{width:68px;height:auto}.purpose__core span{font-size:.9rem;font-weight:500;color:var(--navy);text-align:center}.purpose__art-label{position:absolute;bottom:1%;font-size:.58rem;letter-spacing:.17em;color:#687c93;text-align:center}
.purpose[data-active=mission] .purpose__beam{transform:rotate(100deg)}.purpose[data-active=mission] .purpose__orbit--inner{transform:rotate(90deg)}.purpose[data-active=mission] .purpose__star--blue{transform:translate(26px,20px)}.purpose[data-active=mission] .purpose__star--gold{transform:translate(-22px,-15px)}
.connect{background:linear-gradient(180deg,#f5f5f7,#edf4fb 58%,#f5f7fa);position:relative;isolation:isolate}.connect__heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:60px;align-items:end;margin-block-end:42px}.connect__heading .section__title{max-width:15ch}.connect__heading .section__lead{max-width:36ch;margin:0}.connect__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;align-items:stretch}.connect__conversation{border-radius:28px;background:var(--navy);color:#fff;position:relative;overflow:hidden;padding:clamp(24px,4vw,42px);display:flex;flex-direction:column;align-items:stretch}.connect__conversation:before{content:'';position:absolute;inset-inline-end:-160px;top:-200px;width:440px;height:440px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 65px #ffffff05,0 0 0 130px #ffffff03;pointer-events:none}.connect__conversation>*{position:relative}.connect__signature{display:flex;align-items:center;gap:16px;margin-block-end:37px}.connect__signature img{width:49px;background:#fff;padding:6px;border-radius:13px}.connect__signature>span{font-family:'Inter Var',sans-serif;font-size:.64rem;letter-spacing:.14em;color:#b9cce2}.connect__conversation h3{font-size:clamp(1.45rem,2.5vw,1.9rem);line-height:1.4;margin-block-end:22px;color:#fff}.connect__intents{display:flex;flex-wrap:wrap;gap:8px}.connect__intents button{padding:10px 15px;border:1px solid #ffffff26;border-radius:50px;min-height:44px;font-size:.87rem;font-weight:500;transition:background .25s,color .25s,border-color .25s}.connect__intents button[aria-pressed=true]{color:var(--navy);background:#fff;border-color:#fff}.connect__intent-copy{font-size:.96rem;color:#c0d1e5;line-height:1.8;min-height:3.6em;margin-block:20px 26px;max-width:43ch}.connect__primary{display:flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:14px 18px;background:var(--yellow);color:var(--navy);border-radius:15px;font-weight:600;transition:transform .3s,box-shadow .3s}.connect__primary .arrow{margin-inline-start:auto}.connect__email{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-block:17px;min-height:52px;font-size:.9rem;border-block-end:1px solid #ffffff21;flex-wrap:wrap}.connect__email span[dir=ltr]{color:#e3effd;font-family:'Inter Var',sans-serif}.connect__phones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-block-start:25px}.connect__phones a{display:flex;gap:10px;align-items:center;min-height:44px}.connect__phones .icon{width:20px;flex:0 0 20px;color:#8eafd2}.connect__phones small{display:block;color:#b4c8e0;font-size:.75rem;margin-block-end:4px}.connect__phones bdi{display:block;font-family:'Inter Var',sans-serif;font-size:.86rem;white-space:nowrap;color:#fff}
.office{background:#fff;border-radius:28px;overflow:hidden;display:flex;flex-direction:column;border:1px solid #dfe9f3;min-width:0}.office__visual{position:relative;overflow:hidden;min-height:210px;flex:1;background:radial-gradient(ellipse at 50% 47%,#dcefff,#eef6fe 50%,#f4f8fc 80%);display:flex;align-items:center;justify-content:center}.office__halo{position:absolute;inset:auto;width:180px;height:180px;border:1px solid #b9d6ee;border-radius:50%;transition:transform 1s var(--ease),opacity 1s}.office__halo--b{width:280px;height:280px;border-color:#d2e3f1}.office__location{position:relative;display:grid;place-items:center;width:69px;height:69px;background:var(--navy);border:7px solid #fff;border-radius:50%;box-shadow:0 10px 30px #09264b24;transform:translateY(-4px);transition:transform .6s var(--ease)}.office__location .icon{width:27px;height:27px;color:var(--yellow)}.office__city{position:absolute;top:21px;inset-inline-start:24px;font-family:'Inter Var',sans-serif;font-size:.61rem;letter-spacing:.21em;color:#526f8e}.office__coordinates{position:absolute;bottom:20px;font-family:'Inter Var',sans-serif;font-size:.71rem;color:#4c6785;letter-spacing:.04em}.office__body{padding:28px 30px 20px}.office__body .eyebrow{margin-block-end:7px}.office h3{font-size:1.5rem;color:var(--navy);margin-block-end:8px}.office address{color:var(--muted);font-size:.95rem}.office__plus{display:flex;align-items:center;gap:9px;margin-block:14px 22px;font-size:.78rem;color:#65788d}.office__plus bdi{font-family:'Inter Var',sans-serif;letter-spacing:.05em;color:var(--navy)}.office__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.office__actions .btn{font-size:.85rem;padding-inline:17px;min-height:48px;flex:1;white-space:nowrap}.office__copy{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:8px 10px;color:var(--blue);font-size:.83rem;font-weight:500}.office__copy .icon{width:17px;height:17px}.office__status{font-size:.77rem;color:#315879;min-height:1.75em;padding-block-start:10px;overflow-wrap:anywhere}
.page-progress{position:fixed;top:0;inset-inline:0;height:3px;background:transparent;z-index:90;pointer-events:none}.page-progress>span{display:block;height:100%;width:100%;transform:scaleX(var(--read-progress,0));transform-origin:left;background:linear-gradient(90deg,var(--blue),var(--yellow))}[dir=rtl] .page-progress>span{transform-origin:right;background:linear-gradient(270deg,var(--blue),var(--yellow))}
.page-guide{position:fixed;inset-inline-end:20px;bottom:max(20px,env(safe-area-inset-bottom));z-index:35;--guide-progress:0deg}.page-guide__toggle{display:flex;align-items:center;gap:11px;background:#fffffff5;border:1px solid #dce6ef;border-radius:50px;min-height:62px;padding:6px 15px 6px 6px;box-shadow:0 8px 30px #09264b18;backdrop-filter:blur(12px)}[dir=rtl] .page-guide__toggle{padding:6px 6px 6px 15px}.page-guide__ring{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:conic-gradient(var(--blue) 0deg,var(--yellow) var(--guide-progress),#e9eff5 var(--guide-progress));direction:ltr;flex:0 0 46px}.page-guide__ring>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff}.page-guide__ring img{width:26px;height:auto}.page-guide__text{text-align:start;display:grid;gap:2px;min-width:82px}.page-guide__text>span:first-child{font-size:.79rem;font-weight:600;color:var(--navy)}.page-guide__sub{color:var(--muted);font-size:.64rem}.page-guide__sub bdi{font-family:'Inter Var',sans-serif}.page-guide__chevron{font-size:1rem;color:var(--blue);padding-inline-start:3px}.page-guide__toggle[aria-expanded=true] .page-guide__chevron{rotate:180deg}.page-guide__panel{position:absolute;bottom:calc(100% + 12px);inset-inline-end:0;width:260px;max-height:min(560px,calc(100dvh - 170px));overflow:auto;background:#fff;border:1px solid #dce6ef;box-shadow:0 16px 50px #09264b26;border-radius:22px;padding:14px}.page-guide__head{display:flex;align-items:center;justify-content:space-between;padding-inline:8px;color:var(--navy);font-size:.87rem;font-weight:600;margin-block-end:8px}.page-guide__head button{display:grid;place-items:center;min-width:44px;min-height:44px;font-size:1.5rem}.page-guide__panel>a{display:flex;align-items:center;gap:14px;padding:8px 14px;min-height:44px;border-radius:12px;color:var(--muted);font-size:.87rem}.page-guide__panel>a>span:first-child{font-family:'Inter Var',sans-serif;font-size:.65rem;direction:ltr;min-width:17px;color:#6d849e}.page-guide__panel>a[aria-current]{background:#eaf3fc;color:var(--navy);font-weight:500}.page-guide__panel>a[aria-current]>span:first-child{color:var(--blue)}
.site-footer{padding-block-end:110px}
@media(hover:hover) and (pointer:fine){.purpose__choice:hover{background:#f6f9fd}.connect__primary:hover{transform:translateY(-3px);box-shadow:0 12px 25px #0002}.office:hover .office__halo--a{transform:scale(1.13)}.office:hover .office__halo--b{transform:scale(.94)}.office:hover .office__location{transform:translateY(-9px)}.page-guide__panel>a:hover{background:#f3f7fb}}
@media(max-width:800px){.purpose{grid-template-columns:1fr;padding:26px;gap:10px}.purpose__art{grid-row:1;max-width:245px;margin-block:-15px 4px}.purpose__art-label{display:none}.purpose__core{width:51%;padding:14px;gap:9px}.purpose__core img{width:44px}.purpose__core span{font-size:.75rem}.purpose h3{font-size:1.7rem}.connect__heading{grid-template-columns:1fr;gap:20px}.connect__heading .section__title{max-width:20ch}.connect__heading .section__lead{max-width:52ch}.connect__grid{grid-template-columns:1fr}.office{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}.office__visual{min-height:280px}.office__body{padding:28px 24px 20px}.connect__intent-copy{min-height:0}.page-guide__text{min-width:0}.page-guide__toggle{gap:8px}.page-guide__chevron{display:none}}
@media(max-width:520px){.purpose{border-radius:24px;padding:20px}.purpose__art{max-width:225px;margin-block:-10px 10px}.purpose__choice{padding:17px 12px;grid-template-columns:21px minmax(0,1fr) 16px;gap:9px}.purpose__text{font-size:.92rem}.purpose__plus{font-size:1.1rem}.purpose h3{font-size:1.5rem;margin-block-end:18px}.purpose__label{font-size:1.12rem}.connect__heading{margin-block-end:28px}.connect__conversation{padding:26px 22px;border-radius:24px}.connect__signature{margin-block-end:26px}.connect__signature>span{font-size:.57rem;letter-spacing:.1em}.connect__intents button{font-size:.8rem;padding:9px 12px}.connect__phones{gap:12px}.connect__phones a{gap:8px}.connect__phones bdi{font-size:.77rem}.connect__phones .icon{width:17px;flex-basis:17px}.connect__email{font-size:.83rem}.office{display:flex;border-radius:24px}.office__visual{min-height:205px}.office__body{padding:25px 23px 17px}.office__actions .btn{flex-basis:100%}.office__copy{padding-inline:0}.page-guide{inset-inline-end:12px;bottom:max(12px,env(safe-area-inset-bottom))}.page-guide__toggle{min-height:54px;padding:4px 11px 4px 4px}[dir=rtl] .page-guide__toggle{padding:4px 4px 4px 11px}.page-guide__ring{width:42px;height:42px;flex-basis:42px}.page-guide__ring>span{width:36px;height:36px}.page-guide__ring img{width:24px}.page-guide__text>span:first-child{font-size:.71rem}.page-guide__sub{font-size:.59rem}.page-guide__panel{width:248px}.site-footer{padding-block-end:95px}}
@media(max-width:350px){.connect__conversation{padding-inline:18px}.connect__phones{grid-template-columns:1fr;gap:12px}.connect__signature{gap:11px}.purpose__choice{grid-template-columns:18px minmax(0,1fr);gap:7px}.purpose__plus{display:none}}
@media(prefers-reduced-motion:reduce){.purpose *,.connect *,.office *,.page-guide *{animation:none!important;transition:none!important}}
[hidden]{display:none!important}