:root{--brand:#7d4ce8;--brand-dark:#2d1759;--brand-deep:#160c2c;--brand-soft:#f2edff;--accent:#f7a85c;--ink:#1d1830;--muted:#6f6a7d;--bs-primary:#7d4ce8;--bs-primary-rgb:125,76,232;--bs-link-color:#6130cf;--bs-link-hover-color:#2d1759;--bs-body-font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--bs-body-color:#1d1830;--bs-border-radius:1rem;--bs-border-radius-lg:1.4rem}
html{scroll-behavior:smooth;scroll-padding-top:92px}body{background:#fff}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:2000;background:#fff;color:var(--ink);padding:.75rem 1rem;border-radius:.5rem}.skip-link:focus{top:1rem}.py-6{padding-top:6rem;padding-bottom:6rem}.site-header{background:rgba(255,255,255,.88);border-bottom:1px solid rgba(45,23,89,.08);backdrop-filter:blur(18px);transition:box-shadow .25s,background .25s}.site-header.scrolled{background:rgba(255,255,255,.98);box-shadow:0 14px 50px rgba(45,23,89,.1)}.navbar{min-height:88px}.navbar-brand img,.footer-logo{display:block;width:260px;max-width:46vw;height:55px;object-fit:contain;object-position:left center}.navbar-brand img{mix-blend-mode:multiply}.nav-link{color:var(--ink);font-size:.86rem;font-weight:700;letter-spacing:.02em;padding:.7rem .8rem!important}.nav-link:hover,.nav-link:focus{color:var(--brand)}.btn{border-radius:999px;font-weight:750;border-width:1.5px;padding:.8rem 1.35rem}.btn-lg{padding:1rem 1.6rem;font-size:.95rem}.btn-primary{--bs-btn-bg:var(--brand);--bs-btn-border-color:var(--brand);--bs-btn-hover-bg:#6735d0;--bs-btn-hover-border-color:#6735d0;--bs-btn-active-bg:var(--brand-dark);--bs-btn-active-border-color:var(--brand-dark);--bs-btn-disabled-bg:#a991dc;--bs-btn-disabled-border-color:#a991dc;box-shadow:0 12px 26px rgba(125,76,232,.2)}.btn:focus-visible,.nav-link:focus-visible,.navbar-toggler:focus{box-shadow:0 0 0 .25rem rgba(125,76,232,.28)}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fbfaff 0%,#f4efff 46%,#fff7ef 100%)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:140px;background:linear-gradient(to top,#fff,transparent);pointer-events:none}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.35}.hero-orb-one{width:420px;height:420px;background:radial-gradient(circle,#cbb7ff,transparent 68%);right:-120px;top:4%}.hero-orb-two{width:300px;height:300px;background:radial-gradient(circle,#ffd7ad,transparent 70%);left:-120px;bottom:6%}.eyebrow{display:flex;align-items:center;gap:.65rem;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:850;color:var(--brand-dark)}.eyebrow>span{display:inline-block;width:28px;height:2px;background:var(--brand)}.eyebrow.light{color:#d8c9ff}.eyebrow.light>span{background:#b89cff}.display-title{max-width:700px;font-size:clamp(3.2rem,6.5vw,6.6rem);line-height:.94;letter-spacing:-.065em;font-weight:850}.display-title em{display:block;color:var(--brand);font-family:Georgia,serif;font-weight:400}.hero-copy{max-width:620px;font-size:clamp(1.1rem,1.9vw,1.35rem);line-height:1.65;color:var(--muted)}.hero-proof{display:flex;align-items:center;gap:1rem;color:var(--muted);font-size:.84rem;line-height:1.3}.proof-number{font-size:2.15rem;line-height:1;font-weight:850;color:var(--ink);border-right:1px solid #cfc8dc;padding-right:1rem}.hero-collage{position:relative;max-width:620px;height:670px;margin-left:auto}.hero-photo{position:absolute;overflow:hidden;margin:0;border:9px solid rgba(255,255,255,.88);box-shadow:0 30px 80px rgba(45,23,89,.19)}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-photo-large{inset:20px 0 90px 85px;border-radius:46% 46% 22px 22px}.hero-photo-small{width:45%;height:42%;left:0;bottom:20px;border-radius:22px}.floating-card{position:absolute;right:8px;bottom:35px;display:flex;gap:.8rem;align-items:center;background:#fff;border-radius:16px;padding:1rem 1.25rem;box-shadow:0 18px 50px rgba(45,23,89,.18);font-size:.78rem;color:var(--muted)}.floating-card i{font-size:1.3rem;color:var(--accent)}.floating-card strong{color:var(--ink)}.scroll-cue{position:absolute;z-index:2;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:.7rem;color:var(--ink);text-decoration:none;font-size:.69rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.scroll-cue span{width:42px;height:42px;border:1px solid rgba(45,23,89,.2);border-radius:50%;position:relative}.scroll-cue span:after{content:"";position:absolute;width:5px;height:5px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg);left:17px;top:15px}.benefits{position:relative;z-index:3;background:#fff;border-bottom:1px solid #ece8f2}.benefit-item{display:flex;align-items:center;gap:.85rem;padding:1rem 1.4rem;border-right:1px solid #ece8f2}.benefit-item:last-child{border-right:0}.benefit-item i{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--brand-soft);color:var(--brand)}.benefit-item strong,.benefit-item span{display:block}.benefit-item strong{font-size:.86rem}.benefit-item span{font-size:.72rem;color:var(--muted);margin-top:.15rem}.section-space{padding:clamp(5rem,10vw,9rem) 0}.section-title{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.02;letter-spacing:-.055em;font-weight:830}.lead-copy{font-size:clamp(1.25rem,2.2vw,1.8rem);line-height:1.55;color:#423c50}.letter-spaced{letter-spacing:.13em}.collection-section{background:var(--brand-deep);position:relative;overflow:hidden}.collection-section:before{content:"";position:absolute;width:650px;height:650px;border:1px solid rgba(255,255,255,.07);border-radius:50%;right:-300px;top:-270px}.max-copy{max-width:540px}.collection-card{position:relative;height:560px;overflow:hidden;border-radius:24px;background:#342452}.collection-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.collection-card:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(12,7,25,.92))}.collection-card:hover img{transform:scale(1.035)}.collection-overlay{position:absolute;z-index:2;inset:auto 0 0;padding:2rem;color:#fff}.collection-overlay span{font-size:.72rem;letter-spacing:.12em;color:#d2c3f4}.collection-overlay h3{font-size:1.65rem;margin:.65rem 0}.collection-overlay p{color:rgba(255,255,255,.7);font-size:.9rem;line-height:1.6;margin:0}.brands-section{background:#faf9fc}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e3deeb;border:1px solid #e3deeb;border-radius:22px;overflow:hidden}.brand-chip{min-height:135px;display:grid;place-items:center;background:#fff;padding:1rem;font-family:Georgia,serif;font-size:1.1rem;color:#393044;transition:color .25s,background .25s}.brand-chip:hover{background:var(--brand-soft);color:var(--brand)}.cta-section{padding:0 0 clamp(5rem,9vw,8rem);background:#faf9fc}.cta-panel{display:flex;justify-content:space-between;align-items:center;gap:3rem;padding:clamp(2.5rem,6vw,5rem);border-radius:30px;background:linear-gradient(120deg,var(--brand-dark),#6e3bd9);box-shadow:0 30px 80px rgba(45,23,89,.2)}.site-footer{background:#130b25;color:#fff}.footer-logo{filter:brightness(0) invert(1);opacity:.92;mix-blend-mode:screen}.footer-title{text-transform:uppercase;font-size:.76rem;letter-spacing:.14em;font-weight:800;color:#fff}.footer-list{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.footer-list li{display:flex;gap:.8rem;align-items:flex-start;color:rgba(255,255,255,.62);font-size:.88rem}.footer-list i{color:#a987f4;margin-top:.2rem}.footer-list a{color:inherit;text-decoration:none}.footer-list a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.42)}.code-credit{color:rgba(255,255,255,.58);text-decoration:none;font-size:.78rem}.code-credit:hover{color:#fff}@media (max-width:991.98px){.navbar-collapse{background:#fff;margin:0 -12px;padding:1rem 20px 1.5rem;border-radius:0 0 20px 20px;box-shadow:0 20px 35px rgba(45,23,89,.12)}.hero .min-vh-100{min-height:auto!important;padding-top:10rem!important}.hero-collage{height:560px;margin:auto}.hero-photo-large{left:65px}.benefit-item{border-right:0}.cta-panel{align-items:flex-start;flex-direction:column}.brand-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:575.98px){.site-header{position:sticky!important}.container>.row{margin-left:0;margin-right:0}.hero .min-vh-100{padding-top:4rem!important}.navbar{min-height:74px}.navbar-brand img{width:200px;height:44px}.display-title{font-size:3.35rem}.hero-collage{height:440px}.hero-photo-large{inset:0 0 60px 40px;border-width:6px}.hero-photo-small{height:38%;border-width:6px}.floating-card{right:0;bottom:10px;padding:.75rem;font-size:.68rem}.scroll-cue{display:none}.benefit-item{padding:.8rem .35rem;align-items:flex-start}.benefit-item i{width:34px;height:34px;flex:0 0 34px}.benefit-item span{display:none}.collection-card{height:430px}.brand-grid{grid-template-columns:1fr 1fr}.brand-chip{min-height:100px;font-size:.9rem}.cta-panel{border-radius:0;margin:0 -12px}.cta-panel .d-flex{width:100%}.cta-panel .btn{width:100%}.site-footer .py-6{padding-top:4rem;padding-bottom:4rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.animate__animated{animation:none!important}.collection-card img,.site-header{transition:none}}

/* Angular geometry: a straighter, more editorial visual language. */
:root{--bs-border-radius:.35rem;--bs-border-radius-lg:.6rem}
.skip-link,.btn{border-radius:6px}
.hero-orb{border-radius:10px;transform:rotate(12deg)}
.hero-photo-large{border-radius:10px}
.hero-photo-small,.floating-card{border-radius:6px}
.scroll-cue span,.benefit-item i{border-radius:6px}
.collection-section:before{border-radius:10px;transform:rotate(12deg)}
.collection-card{border-radius:8px}
.brand-grid{border-radius:8px}
.cta-panel{border-radius:8px}
@media (max-width:991.98px){.navbar-collapse{border-radius:0 0 8px 8px}}
@media (max-width:575.98px){.cta-panel{border-radius:0}}

/* Motion system: restrained movement that keeps the B2B presentation calm. */
@keyframes hero-drift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-10px,0)}}
@keyframes card-drift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,7px,0)}}
@keyframes accent-drift{0%,100%{translate:0 0;rotate:12deg}50%{translate:10px -8px;rotate:15deg}}
@keyframes cue-bounce{0%,100%{transform:translateY(0) rotate(45deg)}50%{transform:translateY(5px) rotate(45deg)}}
.hero-photo-large{animation:hero-drift 7s ease-in-out infinite}
.hero-photo-small{animation:card-drift 6s ease-in-out .5s infinite}
.floating-card{animation:hero-drift 5.5s ease-in-out 1s infinite}
.hero-orb{animation:accent-drift 9s ease-in-out infinite}
.scroll-cue span:after{animation:cue-bounce 1.7s ease-in-out infinite}
.btn{transition:color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.btn:hover{transform:translateY(-3px)}
.btn i{transition:transform .25s ease}
.btn:hover i{transform:translateX(4px)}
.benefit-item{transition:background-color .3s ease,transform .3s ease}
.benefit-item:hover{background:var(--brand-soft);transform:translateY(-3px)}
.benefit-item i{transition:transform .35s ease,background-color .35s ease}
.benefit-item:hover i{transform:rotate(-6deg) scale(1.08);background:#fff}
.collection-card{transition:transform .4s ease,box-shadow .4s ease}
.collection-card:hover{transform:translateY(-10px);box-shadow:0 28px 55px rgba(0,0,0,.25)}
.brand-chip{transition:color .25s ease,background .25s ease,transform .3s ease}
.brand-chip:hover{transform:translateY(-4px)}
.cta-panel{transition:transform .4s ease,box-shadow .4s ease}
.cta-panel:hover{transform:translateY(-6px);box-shadow:0 38px 90px rgba(45,23,89,.26)}
@media (prefers-reduced-motion:reduce){.hero-photo-large,.hero-photo-small,.floating-card,.hero-orb,.scroll-cue span:after{animation:none!important}.btn,.btn i,.benefit-item,.benefit-item i,.collection-card,.brand-chip,.cta-panel{transition:none!important}.btn:hover,.btn:hover i,.benefit-item:hover,.benefit-item:hover i,.collection-card:hover,.brand-chip:hover,.cta-panel:hover{transform:none!important}}

.footer-logo{filter:none;mix-blend-mode:normal}

.impression-section{padding:0 0 clamp(5rem,10vw,9rem);background:#fff}
.impression-card{position:relative;display:block;min-height:clamp(370px,50vw,620px);overflow:hidden;border-radius:8px;background:var(--brand-deep);color:#fff;text-decoration:none;box-shadow:0 28px 70px rgba(45,23,89,.16)}
.impression-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.impression-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,8,35,.88),rgba(17,8,35,.35) 55%,rgba(17,8,35,.12))}
.impression-content{position:absolute;inset:0;display:flex;align-items:center;gap:1.75rem;padding:clamp(2rem,6vw,5rem)}
.impression-content strong{display:block;max-width:720px;margin-top:1rem;color:#fff;font-size:clamp(2.4rem,5vw,5rem);line-height:1;letter-spacing:-.05em}
.impression-play{display:grid;place-items:center;flex:0 0 88px;width:88px;height:88px;border:1px solid rgba(255,255,255,.7);border-radius:8px;background:rgba(255,255,255,.14);backdrop-filter:blur(12px);transition:transform .35s ease,background-color .35s ease}
.impression-play i{font-size:1.35rem;margin-left:4px}
.impression-card:hover,.impression-card:focus-visible{color:#fff}
.impression-card:hover img,.impression-card:focus-visible img{transform:scale(1.035);filter:saturate(1.08)}
.impression-card:hover .impression-play,.impression-card:focus-visible .impression-play{transform:translateY(-5px) scale(1.06);background:var(--brand)}
.impression-card:focus-visible{outline:4px solid rgba(125,76,232,.35);outline-offset:5px}
@media (max-width:575.98px){.impression-card{min-height:460px;margin:0 -12px;border-radius:0}.impression-content{align-items:flex-end;gap:1.1rem}.impression-play{flex-basis:64px;width:64px;height:64px}.impression-content strong{font-size:2.45rem}.impression-shade{background:linear-gradient(0deg,rgba(17,8,35,.94),rgba(17,8,35,.12) 75%)}}
@media (prefers-reduced-motion:reduce){.impression-card img,.impression-play{transition:none!important}.impression-card:hover img,.impression-card:focus-visible img,.impression-card:hover .impression-play,.impression-card:focus-visible .impression-play{transform:none!important}}

.contact-section{background:linear-gradient(135deg,#faf9fc,#f3effc)}
.contact-details{display:grid;gap:1rem}
.contact-details>div{display:flex;align-items:center;gap:1rem;color:var(--ink)}
.contact-details i{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:6px;background:#fff;color:var(--brand);box-shadow:0 10px 30px rgba(45,23,89,.08)}
.contact-details span,.contact-details small{display:block}
.contact-details small{margin-bottom:.15rem;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.contact-details a{color:var(--ink);text-decoration:none;font-weight:750}
.contact-details a:hover{color:var(--brand)}
.contact-form{padding:clamp(1.5rem,4vw,3.5rem);border:1px solid #e4dced;border-radius:8px;background:#fff;box-shadow:0 28px 70px rgba(45,23,89,.1)}
.contact-form .form-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:#41394d}
.contact-form .form-control,.contact-form .form-select{min-height:54px;border-color:#d9d2e3;border-radius:6px;background-color:#fcfbfd;color:var(--ink);padding:.85rem 1rem}
.contact-form textarea.form-control{min-height:155px;resize:vertical}
.contact-form .form-control:focus,.contact-form .form-select:focus{border-color:var(--brand);box-shadow:0 0 0 .25rem rgba(125,76,232,.18);background:#fff}
.contact-form .form-control.is-valid,.contact-form .form-select.is-valid{border-color:#3d8b67}
.contact-form .form-control.is-invalid,.contact-form .form-select.is-invalid{border-color:#b63e54}
.contact-form .valid-feedback{color:#2f7657}.contact-form .invalid-feedback{color:#a52d44}
.form-summary{margin-bottom:1.5rem;padding:1rem;border-left:4px solid #b63e54;background:#fff0f2;color:#86253a;font-weight:650}
.toast-container{z-index:2000}.toast{border-radius:6px;box-shadow:0 20px 60px rgba(19,11,37,.25)}

.collection-section .section-heading{column-gap:clamp(3rem,7vw,7rem)}
.collection-section .section-heading>div{flex:1 1 55%}
.collection-section .eyebrow{margin-bottom:1.75rem}
.collection-section .section-title{margin-top:0!important;line-height:1.08;letter-spacing:-.035em;word-spacing:.08em}
.collection-section .section-heading>p{flex:0 1 500px;line-height:1.75}
@media (max-width:991.98px){.collection-section .section-heading>p{margin-top:2rem!important}}

.faq-section{background:#fff}
.faq-accordion{max-width:960px;border-top:1px solid #ded7e8}
.faq-accordion .accordion-item{border:0;border-bottom:1px solid #ded7e8;border-radius:0;background:transparent}
.faq-accordion .accordion-button{min-height:86px;padding:1.35rem 4rem 1.35rem 0;background:transparent;color:var(--ink);font-size:clamp(1.05rem,2vw,1.3rem);font-weight:800;line-height:1.35;box-shadow:none}
.faq-accordion .accordion-button:not(.collapsed){background:transparent;color:var(--brand-dark);box-shadow:none}
.faq-accordion .accordion-button:focus{border-color:transparent;box-shadow:0 0 0 .25rem rgba(125,76,232,.18)}
.faq-accordion .accordion-button:after{position:absolute;right:.25rem;width:34px;height:34px;margin:0;display:grid;place-items:center;border:1px solid #d7cde7;border-radius:6px;background:none;color:var(--brand);content:"+";font-size:1.45rem;font-weight:500;line-height:1;transition:background-color .25s,color .25s,transform .25s}
.faq-accordion .accordion-button:not(.collapsed):after{background:var(--brand);color:#fff;content:"−";transform:none}
.faq-accordion .accordion-body{padding:0 4rem 1.7rem 0;color:var(--muted);font-size:1rem;line-height:1.8}
.faq-accordion .accordion-body p{max-width:790px;margin:0}
@media (max-width:575.98px){.faq-accordion .accordion-button{min-height:76px;padding-right:3.25rem}.faq-accordion .accordion-body{padding-right:0}.faq-accordion .accordion-button:after{right:0}}
