/* Coterie visual system: spacious typography, light capability stage and pink motion. */
:root{--bg:#151924;--panel:#1c2230;--panel2:#252b3d;--line:#343c4b;--text:#f7f8fb;--muted:#aab3c2;--subtle:#848e9f;--mint:#ff4d9d;--violet:#aa8bff;--orange:#ffae83}
body{background:var(--bg);color:var(--text)}
.topline{display:none}.site-header{height:88px;padding:12px clamp(18px,3vw,42px);background:#151924e8;border-bottom:0;gap:26px}.site-header:after{height:1px;opacity:.15}.brand{padding:0;border:0;min-width:190px}.brand-logo{width:168px}.desktop-nav{height:60px;margin:auto;background:#202536;border-radius:11px;overflow:visible;align-items:stretch}.desktop-nav>a,.nav-trigger{border:0!important;padding:0 clamp(13px,1.6vw,23px);font-family:var(--mono);font-size:11px;letter-spacing:.02em;color:#f3f4f8}.desktop-nav>a:hover,.nav-trigger:hover,.nav-group:focus-within>.nav-trigger{background:#30374a;color:#fff}.desktop-nav>.nav-group:first-of-type{border:0}.desktop-nav>.nav-group:first-of-type:before{display:none}.desktop-nav>.nav-group:first-of-type .nav-trigger{background:transparent;min-width:0}.nav-panel{top:calc(100% + 11px);border:1px solid #555e70;border-radius:12px;background:#202638;overflow:hidden}.nav-panel-head{border-color:#42495b}.nav-panel-links a{border-color:#3d4656}.nav-panel-links a:hover{background:#30394d}.header-actions{margin:0}.header-contact{height:58px;align-self:auto;margin:0;padding:0 19px;background:var(--mint);border:0;border-radius:10px;color:#141824;font-weight:500}.header-contact:hover{background:#ff8abe;box-shadow:0 0 28px #ff4d9d55}.header-contact .live-dot{background:#1c2230;box-shadow:none}
.hero-v2{height:min(840px,calc(100svh - 88px));min-height:685px;background-color:#151924;background-image:radial-gradient(circle at 20% 110%,#ff4d9d0e,transparent 44%),radial-gradient(circle at 75% 50%,#7169bd28,transparent 40%);border:0}.hero-v2:before{background:radial-gradient(ellipse at 80% 45%,#d545a724,transparent 45%)}.hero-v2:after{background:linear-gradient(90deg,#151924 0%,#151924d8 37%,transparent 65%)}.hero-v2.grid-surface{background-size:auto}.hero-topline{color:#9ba6b9}.hero-trace{opacity:.62}.hero-prompt{background:#202638dc;border:1px solid #41495d;border-radius:10px;box-shadow:0 20px 50px #05070b66}.hero-v2 .hero-content{width:58%;margin-bottom:115px}.hero-kicker{font-size:12px;color:#b8c0cf}.hero-v2 .hero-title{font-family:var(--sans);font-size:clamp(74px,7.4vw,122px);font-weight:400;letter-spacing:-.068em;line-height:1.05}.hero-v2 .hero-title .hero-ai{color:var(--mint);text-shadow:0 0 50px #ff4d9d55}.hero-v2 .hero-title .hero-ai:after{border-image:linear-gradient(120deg,var(--mint),var(--violet),var(--orange)) 1;opacity:.45}.hero-v2 .hero-description{font-size:clamp(16px,1.5vw,19px);color:#d1d7e3;max-width:515px}.hero-v2 .button-bright{background:var(--mint);color:#151924;border:0;border-radius:9px;min-height:58px}.hero-v2 .button-bright:before{display:none}.hero-v2 .button-bright:hover{background:#ff8abe;color:#151924}.hero-v2 .text-link{font-size:11px}.hero-v2 .hero-visual.robot-stage{width:53%;right:2%}.robot-stage:after{background:linear-gradient(transparent 65%,#151924 100%)}.robot-halo{border-color:#f088b755;box-shadow:0 0 95px #e05ac42d,inset 0 0 90px #baa0fb16}.halo-inner{border-color:#a38ff488}.hero-v2 .chip-one,.hero-v2 .chip-two,.hero-v2 .chip-three{border-radius:5px;background:#202638e3}.hero-v2 .hero-bottom{border-color:#6670864d}
.marquee{background:#151924;border:0;height:72px}.marquee-track{color:#dae0ea;font-size:12px}.marquee-track span{color:var(--mint)}
.experience-section{position:relative;z-index:6;margin-top:-1px;padding:95px max(5.5vw,24px) 115px;border-radius:34px 34px 0 0;background:#fbfcff;color:#1e2940;overflow:hidden}.experience-section:before{content:'';position:absolute;inset:0 0 auto;height:260px;background-image:radial-gradient(#e9edf4 1.3px,transparent 1.3px);background-size:34px 34px;opacity:.55;mask-image:linear-gradient(#000,transparent);pointer-events:none}.experience-top{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw;align-items:start;margin-bottom:90px}.experience-top p{font:clamp(15px,1.65vw,23px) var(--sans);line-height:1.5;max-width:280px;margin:11px 0;color:#283a5d}.experience-top h2{font-size:clamp(48px,5.8vw,91px);line-height:1.08;font-weight:400;letter-spacing:-.065em;margin:0;color:#23345b}.experience-top em{font-style:normal;color:#ef3f98}.experience-content{display:grid;grid-template-columns:.88fr 1.12fr;gap:5vw;align-items:start}.experience-copy{min-width:0}.experience-label{font:10px var(--mono);letter-spacing:.05em;color:#304267}.experience-label::first-letter{color:#ef3f98}.experience-tabs{display:flex;flex-direction:column;margin:45px 0 28px}.experience-tab{display:flex;align-items:center;gap:20px;width:100%;padding:13px 4px 13px 0;border:0;text-align:left;background:none;color:#b0bacb;font-size:clamp(21px,2.6vw,40px);font-weight:400;letter-spacing:-.05em;line-height:1.2;transition:color .3s,transform .3s}.experience-tab:hover{color:#354a75;transform:translateX(5px)}.experience-tab.is-active{color:#283c66}.experience-tab span{font:10px var(--mono);letter-spacing:0;color:#f04b9c;min-width:20px}.experience-tab b{font-size:20px;font-weight:400;margin-left:auto;opacity:0;transition:opacity .3s}.experience-tab.is-active b{opacity:1;color:#ef3f98}.experience-details{border-top:1px solid #d9dfea;padding-top:25px;max-width:500px;transition:opacity .25s,transform .25s}.experience-details.switching{opacity:0;transform:translateY(8px)}.experience-number{font:10px var(--mono);color:#ef3f98}.experience-details h3{font-size:clamp(24px,2.8vw,39px);line-height:1.15;letter-spacing:-.045em;font-weight:500;margin:18px 0 11px;color:#23345b}.experience-details p{font-size:15px;line-height:1.8;color:#5d6c85;max-width:485px}.experience-details a{display:inline-flex;align-items:center;gap:15px;margin-top:15px;padding-bottom:8px;border-bottom:1px solid #f04b9c;color:#283a5d;font:11px var(--mono);letter-spacing:.035em}.experience-details a span{color:#ef3f98;font:17px var(--sans)}.experience-details a:hover{color:#ef3f98}
.experience-stage{position:relative;aspect-ratio:1.1;min-height:440px;border-radius:22px;overflow:hidden;background:#1b2031;box-shadow:0 30px 75px #202e4926;isolation:isolate}.experience-stage img{width:100%;height:100%;object-fit:cover;transition:opacity .35s,transform 1s cubic-bezier(.2,.7,.2,1)}.experience-stage:hover img{transform:scale(1.055)}.experience-stage.switching img{opacity:.15;transform:scale(1.035)}.experience-image-shade{position:absolute;inset:36% 0 0;background:linear-gradient(transparent,#0e1422db);pointer-events:none}.experience-stage-label{position:absolute;left:7%;bottom:8%;display:flex;flex-direction:column;gap:12px;color:#fff}.experience-stage-label span{font:10px var(--mono);color:#ff96c5}.experience-stage-label strong{font-size:clamp(22px,2.3vw,34px);font-weight:400;letter-spacing:-.04em}.experience-stage-label small{font:9px var(--mono);letter-spacing:.07em;color:#c9cfda}.experience-corner{position:absolute;right:20px;top:19px;padding:10px 13px;border:1px solid #ffffff85;border-radius:6px;color:#fff;background:#171c2a7d;font:10px var(--mono)}
.intro-section{background:#1a2030}.solutions-section{background-color:#171c29}.feature-section{background:#22283a}.industries-section{background:#1a2030}.statement-section{background-color:#171c29}.site-footer{background:#171c29}.footer-top,.footer-grid,.footer-bottom{background:#1a2030}.service-card,.directory-card{background:#1d2433}.service-card:hover,.directory-card:hover{background:#283248}.service-card:before,.directory-card:before{background:linear-gradient(90deg,#ff4d9d,#a68af8,#80decb)}.service-card .service-art:before,.directory-card .service-art:before{box-shadow:0 0 45px #ff4d9d24,inset 0 0 28px #b480fa30}.service-card .service-art:after,.directory-card .service-art:after{box-shadow:0 0 46px #e271c931}.system-panel{background:linear-gradient(135deg,#32334d,#1c2333)}.panel-stat,.panel-chart{background:#2a3041}.statement-section h2 em{color:#ff4d9d}.footer-top h2 em{color:#ff4d9d}.cursor-reticle{border-color:#ff4d9dbb}.cursor-reticle span{background:#ff4d9d}.cursor-glow{background:radial-gradient(circle,#ff4d9d11,transparent 68%)}
.page-hero{background-color:#171c29}.page-hero:before{box-shadow:inset 0 0 130px #ff4d9d14,0 0 80px #aa8bff16}.page-hero .gradient-text,.section-heading .gradient-text{background:linear-gradient(100deg,#ff7ab5,#c595ff,#87cbe8);-webkit-background-clip:text;background-clip:text;color:transparent}.directory-card{background:#1f2635}.about-finale{background:#1f2635}.values-section,.method-section{background-color:#171c29}.form-wrap{background:#202737}.contact-section{background:#1b2231}.project-section{background:#1b2231}
.detail-visual-band{position:relative;height:clamp(280px,43vw,590px);overflow:hidden;background:#151924}.detail-visual-band img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:saturate(.9)}.detail-visual-band:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#151924aa);pointer-events:none}.detail-visual-band>div{position:absolute;z-index:2;bottom:30px;left:max(5.5vw,24px);display:flex;flex-direction:column;gap:12px}.detail-visual-band span{font:10px var(--mono);color:#ffb1d1}.detail-visual-band strong{font-size:clamp(20px,3vw,38px);font-weight:400;letter-spacing:-.03em}
@media(max-width:1100px){.site-header{gap:0}.header-actions{margin-left:auto}.menu-toggle{border-left:1px solid #3c4557}.experience-top{gap:5vw}.experience-content{gap:35px}}
@media(max-width:760px){.site-header{height:74px;padding:0 12px 0 18px}.header-contact{height:74px;padding:0 16px;margin:0;border-radius:0;background:none;color:#ff72b0}.header-contact:hover{background:#252d41;color:#fff}.mobile-menu,.topline:has(+ .site-header)~.mobile-menu{top:74px;background:#1a2030}.brand{min-width:0}.brand-logo{width:145px}.hero-v2{height:auto;min-height:830px}.hero-v2:after{background:linear-gradient(90deg,#151924 0%,#151924df 23%,transparent 78%),linear-gradient(0deg,#151924 0%,transparent 48%)}.hero-v2 .hero-content{width:100%;margin-top:300px;margin-bottom:165px}.hero-v2 .hero-title{font-size:clamp(67px,13vw,96px)}.hero-v2 .hero-visual.robot-stage{width:95%;right:-23%;opacity:.53}.experience-section{padding:70px 22px 85px;border-radius:25px 25px 0 0}.experience-top{display:block;margin-bottom:50px}.experience-top p{font-size:15px;margin:0 0 23px}.experience-top h2{font-size:clamp(45px,9vw,72px)}.experience-content{grid-template-columns:1fr;gap:32px}.experience-tabs{margin:24px 0}.experience-tab{font-size:clamp(25px,6vw,36px);padding:10px 0}.experience-stage{min-height:0;aspect-ratio:1.1}.experience-details h3{font-size:30px}.experience-details p{font-size:14px}}
@media(max-width:540px){.hero-v2{min-height:790px}.hero-v2 .hero-content{margin-top:272px;margin-bottom:135px}.hero-v2 .hero-title{font-size:clamp(59px,14vw,76px)}.hero-v2 .hero-visual.robot-stage{width:107%;right:-35%;opacity:.41}.experience-stage{aspect-ratio:.95;min-height:330px}.experience-stage-label strong{font-size:24px}.experience-stage-label small{font-size:8px}.experience-top h2{font-size:45px}.experience-tab{font-size:25px}}
@media(prefers-reduced-motion:reduce){.experience-stage img,.experience-tab,.experience-details{transition:none!important}}
