.collab-hero{position:relative;overflow:hidden;padding:76px 0 62px;background:radial-gradient(ellipse at 78% 18%,rgba(52,196,179,.12),transparent 34%),linear-gradient(120deg,#f7fafb,#eff7f7 72%,#edf8f5)}
.collab-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.85fr);gap:clamp(34px,7vw,100px);align-items:center}
.collab-hero-copy{position:relative;z-index:1;min-width:0}
.collab-hero h1{max-width:630px;margin:0 0 18px;font-size:clamp(48px,6.2vw,76px);line-height:1.02;letter-spacing:-4px}
.collab-hero-copy>p:not(.eyebrow){max-width:540px;color:#607582;font-size:15px;line-height:1.85;margin:0 0 26px}
.collab-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}
.collab-hero-actions .button{min-height:50px}
.collab-hero .breadcrumbs{display:flex;align-items:center;gap:11px;margin-top:26px;color:#82949b;font-size:11px}
.collab-hero .breadcrumbs b{color:#29495a}
.collab-hero-art{height:360px;position:relative;display:grid;place-items:center;isolation:isolate}
.collab-hero-orbit{position:absolute;border:1px solid rgba(20,180,170,.22);border-radius:50%;pointer-events:none}
.collab-orbit-one{width:340px;height:270px;transform:rotate(-27deg)}
.collab-orbit-two{width:270px;height:350px;transform:rotate(32deg);border-color:rgba(55,141,164,.15)}
.collab-project-card{position:relative;z-index:1;width:min(370px,91%);border:1px solid rgba(255,255,255,.84);border-radius:17px;background:linear-gradient(145deg,#fff,#f4faf9);overflow:hidden;box-shadow:0 28px 65px rgba(17,56,73,.17);transform:rotate(-2deg);animation:collab-card-float 6s ease-in-out infinite}
.collab-card-top{height:44px;padding:0 17px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #e7eff0;background:rgba(249,252,252,.92)}
.collab-card-top>span{display:flex;gap:5px}.collab-card-top i{display:block;width:6px;height:6px;border-radius:50%;background:#cbd7da}.collab-card-top i:first-child{background:#ff9b8c}.collab-card-top i:nth-child(2){background:#f2ca70}.collab-card-top i:nth-child(3){background:#67d7b4}
.collab-card-top small{color:#8b9da3;font-size:7px;font-weight:800;letter-spacing:1px}
.collab-card-body{position:relative;min-height:238px;padding:22px 24px 18px;background:radial-gradient(circle at 83% 76%,rgba(64,220,194,.18),transparent 34%),linear-gradient(145deg,#f9fcfb,#eef7f5)}
.collab-card-mark{font-family:var(--display);font-size:16px;letter-spacing:-.8px;font-weight:800;color:#19394b}.collab-card-mark span{color:#20bfc1}
.collab-card-line{width:48%;height:7px;margin-top:14px;border-radius:9px;background:#dbe7e7}.collab-card-line.line-wide{width:76%;height:10px;margin-top:34px;background:#17384a}.collab-card-line.line-short{width:33%;margin-top:8px}
.collab-card-progress{display:flex;align-items:center;justify-content:space-between;position:relative;margin-top:27px}
.collab-card-progress:before{content:"";position:absolute;left:10px;right:10px;height:2px;background:#d5e8e4}
.collab-card-progress i{position:relative;width:19px;height:19px;border:4px solid #d9efeb;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #a8dcd3}
.collab-card-progress i:first-child,.collab-card-progress i:nth-child(2),.collab-card-progress i:nth-child(3){background:#21b9a8;box-shadow:0 0 0 1px #21b9a8}
.collab-card-caption{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-top:20px;padding-top:13px;border-top:1px solid #dfeaea}
.collab-card-caption b{color:#24495a;font-size:10px}.collab-card-caption small{color:#8b9da3;font-size:8px;text-align:right}
.collab-float-badge{position:absolute;z-index:2;right:-2px;bottom:39px;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #d9eeea;border-radius:9px;background:rgba(255,255,255,.94);color:#50727a;font-size:9px;font-weight:700;box-shadow:0 10px 24px rgba(22,75,82,.11);animation:collab-badge-float 4s ease-in-out infinite}
.collab-float-badge i{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#dff8f1;color:#12aa9b;font-style:normal}
.collab-process{padding-top:88px;padding-bottom:94px}
.collab-process .section-heading{margin-bottom:35px}
.collab-process .section-heading h2{max-width:650px}
.collab-timeline{position:relative;max-width:940px;margin-inline:auto;border:1px solid #e2ecee;border-radius:18px;background:linear-gradient(145deg,#fff,#f9fbfb);padding:8px 29px;box-shadow:0 22px 55px rgba(18,55,71,.055)}
.collab-timeline:before{content:"";position:absolute;left:60px;top:45px;bottom:45px;width:1px;background:linear-gradient(#35c9b5,#cae5df 80%,transparent)}
.collab-step{position:relative;display:grid;grid-template-columns:42px 48px minmax(0,1fr) auto;gap:17px;align-items:center;padding:22px 4px;border-bottom:1px solid #e8eff0;transition:transform .22s ease,background .22s ease}
.collab-step:last-child{border-bottom:0}
.collab-step:hover{transform:translateX(4px)}
.collab-step-number{position:relative;z-index:1;width:36px;height:36px;display:grid;place-items:center;border:1px solid #d5ebe6;border-radius:50%;background:#fff;color:#15aa9e;font-size:10px;font-weight:800;letter-spacing:.5px}
.collab-step-icon{width:43px;height:43px;display:grid;place-items:center;border:1px solid #d7eee9;border-radius:12px;background:linear-gradient(145deg,#ecfaf7,#e1f5f1);color:#13ad9d;font-size:20px}
.collab-step-copy h3{margin:0 0 5px;color:#18374b;font-family:var(--display);font-size:16px;letter-spacing:-.4px}
.collab-step-copy p{max-width:610px;margin:0;color:#71838c;font-size:11px;line-height:1.7}
.collab-step-copy small{display:block;margin-top:7px;color:#1aa99e;font-size:8px;font-weight:800;letter-spacing:.65px;text-transform:uppercase}
.collab-step-state{padding:6px 8px;border:1px solid #e3eeee;border-radius:99px;color:#8b9da2;font-size:7px;font-weight:800;letter-spacing:.8px;white-space:nowrap}
.collab-principles{padding:83px 0 88px;background:linear-gradient(120deg,#f3f8f9,#eef6f6)}
.collab-principles-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(38px,7vw,96px);align-items:center}
.collab-principles h2{max-width:480px;margin:0 0 15px;font-size:clamp(34px,4.2vw,49px);line-height:1.13;letter-spacing:-2.3px}
.collab-principles h2 span{color:#19b6ad}
.collab-principles-intro{max-width:420px;margin:0 0 20px;color:#70828b;font-size:12px;line-height:1.8}
.collab-points{border-top:1px solid #dce7e8}
.collab-points article{display:grid;grid-template-columns:32px 1fr 22px;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #dce7e8}
.collab-points article>span{color:#16afa4;font-size:9px;font-weight:800;letter-spacing:.7px}
.collab-points b{color:#244859;font-family:var(--display);font-size:12px}
.collab-points p{margin:3px 0 0;color:#778a91;font-size:10px;line-height:1.6}
.collab-points i{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#dcf5ef;color:#16a99d;font-size:10px;font-style:normal;font-weight:800}
.collab-terms{padding:82px 0;background:#fff}
.collab-terms-shell{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(32px,6vw,78px);align-items:center;padding:clamp(26px,4vw,48px);border:1px solid #e0eaec;border-radius:20px;background:radial-gradient(ellipse at 100% 0%,rgba(40,198,179,.09),transparent 40%),linear-gradient(145deg,#fff,#f7fbfb);box-shadow:0 24px 60px rgba(18,55,71,.07)}
.collab-terms-copy h2{max-width:430px;margin:0 0 14px;font-size:clamp(34px,4vw,47px);line-height:1.12;letter-spacing:-2.2px}
.collab-terms-copy h2 span{color:#18b5aa}
.collab-terms-copy>p:not(.eyebrow){max-width:400px;margin:0 0 18px;color:#6e8189;font-size:12px;line-height:1.8}
.collab-terms-link{display:inline-flex;align-items:center;gap:10px;color:#24495a;font-size:11px;font-weight:800}
.collab-terms-link span{color:#17afa5;font-size:17px;transition:transform .2s}
.collab-terms-link:hover span{transform:translate(2px,-2px)}
.collab-payment-card{padding:22px 24px;border:1px solid #dce9e9;border-radius:15px;background:rgba(255,255,255,.82);box-shadow:0 12px 30px rgba(20,62,76,.05)}
.collab-payment-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid #e3ecec;color:#809298;font-size:8px;font-weight:800;letter-spacing:1px}
.collab-payment-heading b{color:#17384b;font-family:var(--display);font-size:18px;letter-spacing:-.6px}.collab-payment-heading i{color:#19b8ad;font-style:normal}
.collab-payment-step{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:start;padding:16px 0;border-bottom:1px solid #e7eeee}
.collab-payment-index{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#e4f7f3;color:#14a99e;font-size:8px;font-weight:800}
.collab-payment-step b{color:#29495a;font-family:var(--display);font-size:11px}
.collab-payment-step p{margin:4px 0 0;color:#73858d;font-size:9px;line-height:1.65}
.collab-payment-step strong{padding:4px 8px;border:1px solid #d8eeea;border-radius:99px;background:#f0faf7;color:#149f95;font-family:var(--display);font-size:10px}
.collab-payment-note{display:flex;align-items:flex-start;gap:8px;margin:13px 0 0;color:#7a8d93;font-size:8px;line-height:1.6}
.collab-payment-note span{color:#17b3a7}
@keyframes collab-card-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(-1deg)}}
@keyframes collab-badge-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

html[data-theme="dark"] body.collaboration-page .collab-hero{background:radial-gradient(ellipse at 78% 18%,rgba(50,196,176,.18),transparent 34%),radial-gradient(ellipse at 8% 100%,rgba(65,105,151,.16),transparent 40%),linear-gradient(120deg,#101c2b,#0d1a28 72%,#102631)}
html[data-theme="dark"] body.collaboration-page .collab-hero h1{color:#f2f5f8}
html[data-theme="dark"] body.collaboration-page .collab-hero h1 span{background:linear-gradient(100deg,#51dfc5,#54cbd7 54%,#9be2d5);background-clip:text;-webkit-background-clip:text;color:transparent}
html[data-theme="dark"] body.collaboration-page .collab-hero-copy>p:not(.eyebrow){color:#b5c4ce}
html[data-theme="dark"] body.collaboration-page .collab-hero .breadcrumbs{color:#91aab5}
html[data-theme="dark"] body.collaboration-page .collab-hero .breadcrumbs b{color:#d7e4e9}
html[data-theme="dark"] body.collaboration-page .collab-hero-actions .button-primary{border:0;background:linear-gradient(110deg,#4ce0c4,#46c9cf);color:#08202a;box-shadow:0 14px 34px rgba(57,211,191,.2)}
html[data-theme="dark"] body.collaboration-page .collab-hero-actions .button-primary span{color:#0d343a}
html[data-theme="dark"] body.collaboration-page .collab-hero-actions .text-link{color:#e1eaef}
html[data-theme="dark"] body.collaboration-page .collab-hero-actions .text-link span{color:#67e4d1}
html[data-theme="dark"] body.collaboration-page .collab-hero-orbit{border-color:rgba(75,217,201,.21)}
html[data-theme="dark"] body.collaboration-page .collab-orbit-two{border-color:rgba(112,157,202,.16)}
html[data-theme="dark"] body.collaboration-page .collab-project-card{border-color:rgba(168,209,210,.2);background:linear-gradient(145deg,#182a38,#132331);box-shadow:0 28px 65px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.06)}
html[data-theme="dark"] body.collaboration-page .collab-card-top{border-color:#2b414e;background:#152533}
html[data-theme="dark"] body.collaboration-page .collab-card-top small{color:#91a7b0}
html[data-theme="dark"] body.collaboration-page .collab-card-body{background:radial-gradient(circle at 83% 76%,rgba(64,220,194,.14),transparent 34%),linear-gradient(145deg,#132432,#10202c)}
html[data-theme="dark"] body.collaboration-page .collab-card-mark{color:#e8f1f4}
html[data-theme="dark"] body.collaboration-page .collab-card-line{background:#334c58}
html[data-theme="dark"] body.collaboration-page .collab-card-line.line-wide{background:#e1edf0}
html[data-theme="dark"] body.collaboration-page .collab-card-progress:before{background:#304b55}
html[data-theme="dark"] body.collaboration-page .collab-card-progress i{border-color:#344c56;background:#172b36;box-shadow:0 0 0 1px #4d7476}
html[data-theme="dark"] body.collaboration-page .collab-card-progress i:first-child,html[data-theme="dark"] body.collaboration-page .collab-card-progress i:nth-child(2),html[data-theme="dark"] body.collaboration-page .collab-card-progress i:nth-child(3){background:#45d1bd;box-shadow:0 0 0 1px #45d1bd}
html[data-theme="dark"] body.collaboration-page .collab-card-caption{border-color:#2d424e}
html[data-theme="dark"] body.collaboration-page .collab-card-caption b{color:#dce9eb}
html[data-theme="dark"] body.collaboration-page .collab-card-caption small{color:#91a7ae}
html[data-theme="dark"] body.collaboration-page .collab-float-badge{border-color:#35515b;background:rgba(20,39,51,.95);color:#bfd3d5;box-shadow:0 10px 24px rgba(0,0,0,.25)}
html[data-theme="dark"] body.collaboration-page .collab-float-badge i{background:#1d4545;color:#65dfce}
html[data-theme="dark"] body.collaboration-page .collab-process{background:#0a121d}
html[data-theme="dark"] body.collaboration-page .collab-process .section-heading h2{color:#edf3f6}
html[data-theme="dark"] body.collaboration-page .collab-process .section-heading h2 span{color:#5bdcc8}
html[data-theme="dark"] body.collaboration-page .collab-process .section-heading .eyebrow{color:#91adb8}
html[data-theme="dark"] body.collaboration-page .collab-process .section-intro{color:#a3b5be}
html[data-theme="dark"] body.collaboration-page .collab-timeline{border-color:#2a3e4c;background:linear-gradient(145deg,#101e2c,#0d1925);box-shadow:0 22px 55px rgba(0,0,0,.19),inset 0 1px rgba(255,255,255,.035)}
html[data-theme="dark"] body.collaboration-page .collab-timeline:before{background:linear-gradient(#48d7c0,#315357 80%,transparent)}
html[data-theme="dark"] body.collaboration-page .collab-step{border-color:#263c49}
html[data-theme="dark"] body.collaboration-page .collab-step-number{border-color:#38535d;background:#152a36;color:#69dfcf}
html[data-theme="dark"] body.collaboration-page .collab-step-icon{border-color:#315b5a;background:linear-gradient(145deg,#1b393d,#172c38);color:#67dfcf}
html[data-theme="dark"] body.collaboration-page .collab-step-copy h3{color:#e6eff2}
html[data-theme="dark"] body.collaboration-page .collab-step-copy p{color:#a5b8c0}
html[data-theme="dark"] body.collaboration-page .collab-step-copy small{color:#69d9c9}
html[data-theme="dark"] body.collaboration-page .collab-step-state{border-color:#314854;color:#91a9b1}
html[data-theme="dark"] body.collaboration-page .collab-principles{background:radial-gradient(ellipse at 90% 12%,rgba(44,137,140,.13),transparent 35%),linear-gradient(120deg,#101c2b,#0d1a28)}
html[data-theme="dark"] body.collaboration-page .collab-principles h2{color:#edf3f6}
html[data-theme="dark"] body.collaboration-page .collab-principles h2 span{color:#5bdcc8}
html[data-theme="dark"] body.collaboration-page .collab-principles-intro{color:#a3b5be}
html[data-theme="dark"] body.collaboration-page .collab-points,html[data-theme="dark"] body.collaboration-page .collab-points article{border-color:#2e424d}
html[data-theme="dark"] body.collaboration-page .collab-points b{color:#dce8eb}
html[data-theme="dark"] body.collaboration-page .collab-points p{color:#9db0b7}
html[data-theme="dark"] body.collaboration-page .collab-points i{background:#1c3d3d;color:#66dfcf}
html[data-theme="dark"] body.collaboration-page .collab-terms{background:#0a121d}
html[data-theme="dark"] body.collaboration-page .collab-terms-shell{border-color:#2a3e4c;background:radial-gradient(ellipse at 100% 0%,rgba(40,198,179,.13),transparent 40%),linear-gradient(145deg,#101e2c,#0d1925);box-shadow:0 24px 60px rgba(0,0,0,.2)}
html[data-theme="dark"] body.collaboration-page .collab-terms-copy h2{color:#edf3f6}
html[data-theme="dark"] body.collaboration-page .collab-terms-copy h2 span{color:#5bdcc8}
html[data-theme="dark"] body.collaboration-page .collab-terms-copy>p:not(.eyebrow){color:#a3b5be}
html[data-theme="dark"] body.collaboration-page .collab-terms-link{color:#dce8eb}
html[data-theme="dark"] body.collaboration-page .collab-payment-card{border-color:#314753;background:rgba(17,33,46,.85);box-shadow:0 12px 30px rgba(0,0,0,.14)}
html[data-theme="dark"] body.collaboration-page .collab-payment-heading{border-color:#314753;color:#94aab2}
html[data-theme="dark"] body.collaboration-page .collab-payment-heading b{color:#e1edf0}
html[data-theme="dark"] body.collaboration-page .collab-payment-step{border-color:#2c414c}
html[data-theme="dark"] body.collaboration-page .collab-payment-index{background:#1b3b3c;color:#69dece}
html[data-theme="dark"] body.collaboration-page .collab-payment-step b{color:#dce8eb}
html[data-theme="dark"] body.collaboration-page .collab-payment-step p,html[data-theme="dark"] body.collaboration-page .collab-payment-note{color:#9db0b7}
html[data-theme="dark"] body.collaboration-page .collab-payment-step strong{border-color:#365d5b;background:#183536;color:#78e2d3}

@media(max-width:900px){.collab-hero-grid{grid-template-columns:minmax(0,1fr) minmax(270px,.8fr);gap:28px}.collab-hero h1{font-size:clamp(46px,6.8vw,64px)}.collab-principles-grid{gap:42px}}
@media(max-width:760px){.collab-hero{padding:55px 0 45px}.collab-hero-grid{grid-template-columns:1fr;gap:24px}.collab-hero-copy{max-width:650px}.collab-hero-art{height:315px;max-width:540px;width:100%;margin-inline:auto}.collab-process{padding-top:66px;padding-bottom:68px}.collab-process .section-heading{display:block}.collab-process .section-intro{max-width:560px;margin-top:14px}.collab-principles{padding:66px 0}.collab-principles-grid{grid-template-columns:1fr;gap:30px}.collab-principles-grid>div:first-child{max-width:620px}.collab-terms{padding:65px 0}.collab-terms-shell{grid-template-columns:1fr;gap:28px;padding:28px}}
@media(max-width:680px){.collab-hero{padding:44px 0 36px}.collab-hero h1{font-size:clamp(42px,10.5vw,58px);letter-spacing:-2.8px}.collab-hero-copy>p:not(.eyebrow){font-size:13px}.collab-hero-art{height:280px;margin-top:-6px}.collab-project-card{width:min(350px,88%)}.collab-card-body{min-height:218px;padding:18px 20px}.collab-float-badge{right:0;bottom:23px}.collab-timeline{padding:5px 16px;border-radius:15px}.collab-timeline:before{left:39px;top:37px;bottom:37px}.collab-step{grid-template-columns:30px 38px minmax(0,1fr);gap:10px;padding:17px 0}.collab-step-number{width:29px;height:29px;font-size:8px}.collab-step-icon{width:36px;height:36px;border-radius:10px;font-size:17px}.collab-step-copy h3{font-size:14px}.collab-step-copy p{font-size:10px}.collab-step-copy small{font-size:7px}.collab-step-state{display:none}.collab-principles h2{font-size:36px;letter-spacing:-1.7px}.collab-terms{padding:50px 0}.collab-terms-shell{padding:21px 18px;border-radius:16px}.collab-payment-card{padding:17px 15px}.collab-payment-step{grid-template-columns:25px 1fr auto;gap:8px}.collab-payment-step b{font-size:10px}.collab-payment-step p{font-size:8px}}
@media(max-width:400px){.collaboration-page .brand{gap:5px}.collaboration-page .brand-mark{font-size:24px}.collaboration-page .brand-name{font-size:7px;letter-spacing:1.5px}.collaboration-page .brand-name b{font-size:6px;letter-spacing:2px}}
@media(prefers-reduced-motion:reduce){.collab-project-card,.collab-float-badge{animation:none}.collab-step{transition:none}}