/* Digital Agency: Azurio's depth flight and a human-centred intelligence story. */
/* Blue direction: midnight surfaces, sky-blue light and cool neutral text. */
body.agency{--ink:#101723;--paper:#f0f3f8;--acid:#9acaff;--muted:#a6b3c7;--rule:#c0d5f533}
.agency .button.primary:hover{background:#c1ddff}
body.agency .hero{background:#0b1422}
.agency .hero-shade{background:linear-gradient(90deg,#081221b5 0%,#0812214d 55%,#08122108 100%),linear-gradient(0deg,#101723 0%,transparent 27%,transparent 80%,#0b142280 100%)}
.agency .hero-eyebrow{color:#d3dfef!important}
.agency .hero-intro>p{color:#d4deed!important}
.agency .hero-product p:not(.eyebrow){color:#dbe5f2!important}
.agency .hero-bottom{color:#b9c8de}
.agency .scene-shade{background:linear-gradient(0deg,#081526c9,transparent 65%)}
.agency .status-dot,.agency .signal-dot{box-shadow:0 0 16px #9acaff44}
.agency .site-header.is-scrolled{background:#101723f5!important}
.agency .product-panel{background:#e7edf5}
.agency .product-copy .eyebrow,.agency .product-screen figcaption{color:#52647e!important}
.agency .product-copy .description{color:#546780!important}
.agency .solutions-section{--muted:#697b91;--rule:#b8c7d9}
.agency .solution-card.coliving{background:#e0e8ef}
.agency .solution-copy .eyebrow{color:#51677f!important}
.agency .solution-copy .description{color:#526276!important}
.agency .vision-principles>span{border-color:#5c789b}
.agency .ai-demo{background:#eff4fc}
.agency .concept-label{color:#4d6380!important;border-color:#c5d3e6}
.agency .ai-progress{color:#6a7d99}.agency .ai-progress .active{color:#244772}
.agency .ai-input{border-color:#cbd8eb}
.agency .ai-file-icon{color:#5b83b5}
.agency .ai-chips>span{background:#eaf0fa;color:#536b8a}
.agency .ai-connector{color:#537eb1}.agency .ai-connector i{background:#96b6da}
.agency .ai-suggestion{border-color:#a0bddf;background:#e0ebfb}
.agency .ai-agent{color:#395f8f}
.agency .ai-human{color:#536c8c}.agency .human-dot{background:#558ac6}
.agency .ai-approve{background:#173c69!important;color:#eef5ff!important}
.agency .ai-approved .ai-progress>span{color:#2d578b}
.agency .demo-note{color:#5d7190!important}
.agency .check-circle{background:#cee3ff;color:#234f83}
.agency .ai-confirmed p{color:#516e93!important}
.agency .approach-section{background:#dce6f3!important;--muted:#607792;--rule:#a3b7d2}
.agency .connection-map>div{border-color:#7898bf}
.agency .connection-map>div:nth-of-type(2){background:#c6d9f2}
.agency .approach-list article{border-color:#abbfd9}
.agency .approach-list p{color:#4c6483!important}
.agency .contact-section{background:#0b1424!important;--muted:#8fa4c1}
.agency .footer-intro>p{color:#aabbd1!important}
.agency .office p,.agency .office a{color:#a8bad3!important}
.agency .footer-bottom{color:#9aafcc}
.agency .version-switch{background:#f1f6fd;border-color:#d3deed;color:#263e61!important}
.agency .version-dot.light{background:#dde8f7;border-color:#9db2ce}
.agency #contact-dialog{background:#eef3fa}
.agency #contact-dialog::backdrop{background:#07142acc}
.agency .dialog-inner .description,.agency .form-success p{color:#526b8b!important}
.agency .form-notice{background:#dce8f9;border-color:#6089bd;color:#354f72!important}
.agency .dialog-inner :is(input,select,textarea){border-color:#b7c9e2;background:#f8fbff}
.agency .dialog-inner .button{background:#244d80}
.agency .dialog-inner .button.primary:hover{background:#3264a1;color:white}
.agency .dialog-inner [aria-invalid=true]{border-color:#a12d2d}
@media(max-width:699px){.agency .hero-shade{background:linear-gradient(180deg,#0b172975,#09132330 40%,#0b1729e6 80%,#101723 100%),linear-gradient(90deg,#071227cc,transparent 120%)}}
.agency .hero-depth{position:absolute;inset:0;z-index:5;pointer-events:none;perspective:1000px;visibility:hidden;transform-style:preserve-3d}
.depth-image{position:absolute;left:50%;top:50%;width:24vw;max-width:390px;aspect-ratio:1.45;overflow:hidden;border:1px solid #d3e5ff2e;box-shadow:0 30px 90px #0005;border-radius:3px;will-change:transform}
.depth-image img{width:100%;height:100%!important;object-fit:cover}
.depth-photo.depth-coliving{width:19vw;aspect-ratio:.9}.depth-photo.depth-impactr{aspect-ratio:1.65}
.depth-logo{width:22vw;max-width:345px;aspect-ratio:1.85;background:#f2f5fa;padding:26px 32px;display:flex;align-items:center;justify-content:center;border-color:#e8f1ff66;box-shadow:0 24px 70px #0004}
.depth-logo img{width:100%;height:auto!important;max-height:100%;object-fit:contain}
.depth-logo.depth-sextan{background:#142b49;border-color:#8eb6eb66}.depth-logo.depth-sextan img{filter:brightness(0) invert(1)}
.depth-logo.depth-coliving{background:#f5f0e8}.depth-logo.depth-impactr{background:#f4f5fa}.depth-logo.depth-nonprofit{background:#e7edf6;padding:0}
.depth-product{background:#e8eef7;aspect-ratio:1.25;padding:16px}.depth-product img{object-fit:contain}
.depth-art{width:20vw;aspect-ratio:1.25;background:#f7f9fd;padding:17px}.depth-art img{object-fit:contain}
.agency .hero-outro{position:absolute;inset:0;z-index:6;pointer-events:none;visibility:hidden;overflow:hidden;background:#0b1422}
.hero-outro>img{width:100%;height:100%!important;object-fit:cover;object-position:center 25%}
.hero-outro:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b1729ed,transparent 85%)}
.outro-copy{position:absolute;left:7%;bottom:13%;z-index:1;width:34%;max-width:640px}
.outro-copy .eyebrow{color:#d9eaff!important;margin-bottom:24px!important}
body.sextan-site .outro-title{font-size:clamp(48px,5vw,80px);line-height:1.04;letter-spacing:-.065em}
.outro-title>span{display:block}.outro-title>span:last-child{color:var(--acid)}
.hero-scroll-meter{position:absolute;z-index:8;left:0;bottom:0;width:100%;height:2px;pointer-events:none;background:#ffffff0c}
.hero-scroll-meter i{display:block;background:var(--acid);width:100%;height:100%;transform:scaleX(0);transform-origin:left}
.agency .brand-bridge{overflow:hidden}.agency .brand-bridge h2 .muted{color:#9acaff}
.agency .brand-bridge .asterisk{display:inline-block;transform-origin:center;width:80px}
.agency .catering-scene{transform-origin:center}.agency .product-screen{perspective:1000px}
.agency .vision-section{background:#0b1526!important;overflow:clip;padding-top:90px!important}
.agency .vision-section>.mxd-container>.section-label{margin-bottom:12px}
.intelligence-story{position:relative;border-bottom:1px solid #9fbce430;margin-bottom:85px}
.intelligence-stage{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;grid-template-rows:auto 1fr auto;column-gap:20px;align-items:center;min-height:720px;padding:35px 0 22px;isolation:isolate}
.intelligence-stage:before{content:'';position:absolute;inset:0 -50px;z-index:-1;background:radial-gradient(ellipse at 74% 46%,#24589540,transparent 54%);pointer-events:none}
.intelligence-heading{grid-column:1;grid-row:1;position:relative;z-index:2}
.intelligence-kicker{display:flex;align-items:center;gap:10px;color:#aabbcf!important;font-size:8px!important;margin-bottom:24px!important}
body.sextan-site .intelligence-heading h2{font-size:clamp(42px,4.1vw,62px);line-height:1.08;max-width:580px}
.intelligence-heading h2>span{display:block}.intelligence-heading h2 .human-accent{color:var(--acid)!important}
body.sextan-site .intelligence-intro{max-width:440px;color:#a9b8cc;font-size:13px;line-height:1.8;margin-top:22px}
.intelligence-visual{grid-column:2;grid-row:1/3;position:relative;aspect-ratio:7/6;width:100%;align-self:center;isolation:isolate}
.intelligence-network{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.network-orbits,.core-mesh{transform-origin:350px 300px}
.network-signal{stroke-dashoffset:0}.human-halo{opacity:.18;stroke-dasharray:1 2;transition:opacity .8s}
.core-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:210px;height:170px;display:grid;place-items:center;text-align:center;background:radial-gradient(ellipse,#173557ee 10%,#101e3690 45%,transparent 71%)}
.core-label>span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .65s,transform .8s var(--ease)}
.core-label strong{font-size:65px;font-weight:400;letter-spacing:-.07em;line-height:1.1;color:#e2f0ff}
.core-label small{font:7px/1.8 var(--_font-accent);letter-spacing:.07em;max-width:150px;color:#b9cde7;margin-top:10px}
.core-label .core-human{opacity:0;transform:scale(.7)}.core-human svg{height:28px;width:28px;stroke:#d8eaff;stroke-width:1.2;margin-bottom:6px}.core-human strong{font-size:46px}
.network-node{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 14px;color:#dbe7f6;border:1px solid #7298c73d;border-radius:4px;background:#15283eed;backdrop-filter:blur(8px);font:9px/1.5 var(--_font-accent);box-shadow:0 14px 30px #0002;transition:transform .8s var(--ease),opacity .8s,background .8s}
.network-node i{font:7px var(--_font-accent);color:#9acaff;display:grid;place-items:center;border:1px solid #8db1e440;border-radius:50%;width:24px;height:24px;flex-shrink:0}
.node-one{left:0;top:23%;transform:rotate(-5deg)}.node-two{right:0;top:21%;transform:rotate(4deg)}.node-three{left:0;top:70%;transform:rotate(3deg)}.node-four{right:0;top:72%;transform:rotate(-3deg)}
.insight-note{position:absolute;left:50%;top:78%;transform:translate(-50%,15px);width:max-content;max-width:82%;display:flex;gap:10px;align-items:center;padding:13px 17px;border:1px solid #a9caff57;background:#1c3554;color:#dbeaff;font-size:11px;line-height:1.5;border-radius:4px;opacity:0;transition:opacity .6s,transform .8s var(--ease)}
.insight-note>span:first-child{font-size:24px;color:var(--acid)}
body.sextan-site .human-signature{position:absolute;bottom:4%;left:5%;right:5%;font-size:14px;letter-spacing:-.02em;color:#b2d8ff;text-align:center;opacity:0;transform:translateY(12px);transition:opacity .6s,transform .8s var(--ease)}
.intelligence-story[data-step="1"] .insight-note{opacity:1;transform:translate(-50%,0)}
.intelligence-story[data-step="1"] .network-node{transform:rotate(0) scale(.92);background:#203d60}
.intelligence-story[data-step="2"] .network-node{transform:rotate(0) scale(.88);opacity:.5}
.intelligence-story[data-step="2"] .core-ai{opacity:0;transform:scale(1.4)}
.intelligence-story[data-step="2"] .core-human{opacity:1;transform:scale(1)}
.intelligence-story[data-step="2"] .human-halo{opacity:1;stroke-dasharray:100 0}
.intelligence-story[data-step="2"] .human-signature{opacity:1;transform:translateY(0)}
.intelligence-steps{grid-column:1;grid-row:2;width:100%;max-width:460px;margin-top:32px;align-self:start}
.intelligence-step{border-top:1px solid #b3c9ed2e;padding:14px 0 12px}
body.sextan-site .story-step{display:flex;width:100%;align-items:center;gap:15px;text-align:left;font-size:17px;font-weight:500;color:#98aac2;line-height:1.3;transition:color .3s}
.story-step[aria-pressed="true"]{color:var(--acid)!important}.step-number{font:8px var(--_font-accent);color:#879ebd;width:18px;flex-shrink:0}.step-symbol{margin-left:auto;font-size:20px}
body.sextan-site .step-copy{font-size:11px;line-height:1.7;color:#93a7c0;margin:7px 26px 0 33px;max-width:350px;transition:color .4s}
.intelligence-step:has([aria-pressed="true"]) .step-copy{color:#cedbeb}
.intelligence-foot{grid-column:1/-1;grid-row:3;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:24px;padding-top:18px;border-top:1px solid #b3c9ed2e;position:relative}
.intelligence-foot .eyebrow{font-size:7px!important;letter-spacing:.035em!important;color:#a1b7d4!important;max-width:410px}
.intelligence-foot .text-link{font-size:10px!important;gap:17px;padding:4px 0!important;min-height:30px;border-bottom:0!important}
.intelligence-progress{position:absolute;left:0;right:0;top:-1px;height:1px;overflow:hidden}
.intelligence-progress i{display:block;width:100%;height:100%;background:var(--acid);transform:scaleX(.3333);transform-origin:left;transition:transform .7s}
.intelligence-story[data-step="1"] .intelligence-progress i{transform:scaleX(.6667)}.intelligence-story[data-step="2"] .intelligence-progress i{transform:scaleX(1)}
.agency #ai-example{scroll-margin-top:125px}.agency .ai-demo{transition:box-shadow .5s}.agency .ai-demo.ai-approved{box-shadow:0 0 0 1px #9acaff88,0 25px 100px #68a6ff30}
.agency .ai-progress>span{position:relative}.agency .ai-approved .ai-progress>span:after{content:'';display:block;height:2px;background:#477eaf;margin-top:8px}
@media(min-width:1000px) and (min-height:780px){.agency .hero{min-height:780px!important;height:100svh!important;max-height:1100px}.intelligence-stage{height:calc(100svh - 96px);min-height:680px;max-height:900px}}
@media(max-width:1100px){body.sextan-site .intelligence-heading h2{font-size:43px}.network-node{font-size:8px;gap:5px;padding:9px}.network-node i{width:20px;height:20px}.core-label{width:170px}.core-label strong{font-size:50px}.core-label small{font-size:6px}.intelligence-stage{column-gap:12px}.intelligence-intro{font-size:12px!important}}
@media(max-width:999px){.hero-depth,.hero-outro,.hero-scroll-meter{display:none}.intelligence-stage{grid-template-columns:1fr;min-height:0;height:auto;padding-top:35px}.intelligence-heading{grid-column:1;grid-row:1;max-width:600px}.intelligence-visual{grid-column:1;grid-row:2;max-width:650px;justify-self:center}.intelligence-steps{grid-column:1;grid-row:3;max-width:none;margin-top:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.intelligence-foot{grid-row:4}.story-step{font-size:15px!important;gap:8px!important}.step-copy{margin-left:0!important}.intelligence-story{margin-bottom:70px}.intelligence-heading h2{font-size:50px!important}}
@media(max-width:699px){.agency .vision-section{padding-top:68px!important}.intelligence-stage{padding-top:22px}.intelligence-stage:before{inset:100px -20px 270px}.intelligence-kicker{font-size:7px!important;letter-spacing:0!important;margin-bottom:22px!important;gap:8px}.intelligence-heading h2{font-size:39px!important;line-height:1.1!important}.intelligence-intro{font-size:12px!important;line-height:1.8!important;margin-top:22px!important}.intelligence-visual{margin:20px 0 10px}.network-node{padding:6px;font-size:6px;gap:5px;border-radius:3px}.network-node i{width:15px;height:15px;font-size:5px}.node-one{left:-4px;top:22%}.node-two{right:-4px;top:20%}.node-three{left:-4px}.node-four{right:-4px}.core-label{width:112px;height:100px}.core-label strong{font-size:36px}.core-label small{font-size:4.5px;max-width:83px;line-height:1.5;margin-top:5px;letter-spacing:.025em}.core-human svg{width:19px;height:19px;margin-bottom:2px}.core-human strong{font-size:25px}.insight-note{font-size:8px;gap:7px;padding:8px 9px;max-width:91%;top:81%}.insight-note>span:first-child{font-size:18px}.human-signature{font-size:10px!important;bottom:0!important}.intelligence-steps{display:block;margin-top:5px}.intelligence-step{padding:16px 0}.story-step{font-size:18px!important;gap:11px!important;min-height:30px}.step-number{font-size:8px}.step-copy{font-size:11px!important;margin:4px 20px 0 29px!important}.intelligence-foot{flex-direction:column;align-items:start;gap:14px;margin-top:15px;padding:20px 0 10px}.intelligence-foot .eyebrow{font-size:6px!important;max-width:290px}.intelligence-foot .text-link{font-size:10px!important}.intelligence-story{margin-bottom:50px}.agency #ai-example{scroll-margin-top:100px}.intelligence-heading h2 .human-accent{margin-top:5px}}
@media(prefers-reduced-motion:reduce){.hero-depth,.hero-outro,.hero-scroll-meter{display:none!important}.network-orbits,.core-mesh{transform:none!important}.network-signal{stroke-dasharray:100 0}}
body.reduced-motion .hero-depth,body.reduced-motion .hero-outro,body.reduced-motion .hero-scroll-meter{display:none!important}
body.reduced-motion .network-orbits,body.reduced-motion .core-mesh{transform:none!important}
.intelligence-foot{padding-right:175px}.intelligence-foot .eyebrow{font-size:8px!important}
@media(max-width:699px){
 .story-interactive .intelligence-steps{grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;position:relative;padding-bottom:93px;margin-top:24px}
 .story-interactive .intelligence-step{padding:13px 0 0;border-color:#b3c9ed4a}
 .story-interactive .story-step{flex-direction:column;align-items:start;gap:8px!important;font-size:13px!important;min-height:66px}
 .story-interactive .step-number{font-size:7px}.story-interactive .step-symbol{display:none}
 .story-interactive .step-copy{display:none;position:absolute;top:91px;left:0;right:0;max-width:none;font-size:12px!important;margin:0!important;line-height:1.65}
 .story-interactive .intelligence-step:has([aria-pressed="true"]) .step-copy{display:block}
 .story-interactive .intelligence-visual{grid-row:3;margin-top:0}
 .intelligence-foot{padding-right:50px}.intelligence-foot .eyebrow{font-size:7px!important}
}
@media(min-width:1000px) and (min-height:650px) and (max-height:779px){
 body.agency .hero{height:100svh;min-height:650px;max-height:none}
 .agency .hero-content{padding-top:128px;padding-bottom:100px}
 .agency .hero-eyebrow{margin-bottom:22px!important}
 .agency .hero-title{font-size:clamp(65px,6.5vw,95px)}
 .agency .hero-human{margin-top:17px}
 .agency .hero-intro{margin-top:24px}.agency .hero-intro>p{font-size:13px}
 .agency .hero-actions{margin-top:20px}.agency .hero-product{bottom:95px}
}