/* Velcora demo system — category art direction */
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#080808;color:#f5f3ef}.site{min-height:100vh;overflow:hidden}.nav{position:fixed;z-index:50;inset:0 0 auto;padding:20px 4.5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(8,8,8,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.1)}.brand{color:inherit;text-decoration:none;font-weight:900;letter-spacing:.16em;font-size:12px}.navlinks{display:flex;gap:28px}.navlinks a{color:inherit;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:9px;opacity:.65}.navlinks a:hover{opacity:1}.menu{display:none}.hero{min-height:100svh;padding:130px 6vw 70px;display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center}.hero-copy{position:relative;z-index:2}.eyebrow,.numbers{font-size:9px;letter-spacing:.2em;text-transform:uppercase}.eyebrow{color:var(--a)}.hero h1{font-size:clamp(60px,9vw,145px);line-height:.83;letter-spacing:-.07em;white-space:pre-line;margin:20px 0}.hero p{max-width:530px;font-size:17px;line-height:1.65;color:#999}.hero-img{height:76vh;min-height:520px;overflow:hidden}.hero-img img,.pic img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}.hero-img:hover img,.pic:hover img{transform:scale(1.045)}.section{min-height:92vh;padding:120px 6vw;border-top:1px solid rgba(255,255,255,.1)}.section-head{display:flex;justify-content:space-between;gap:50px;margin-bottom:60px}.section h2{font-size:clamp(45px,6vw,94px);line-height:.88;letter-spacing:-.06em;margin:0}.section-intro{max-width:360px;color:#8e8e8e;line-height:1.7;font-size:13px}.feature{display:grid;grid-template-columns:1fr 1.25fr;gap:6vw;align-items:center}.feature.reverse{grid-template-columns:1.25fr 1fr}.feature.reverse .pic{order:2}.pic{height:58vh;min-height:380px;overflow:hidden}.feature-copy h3{font-size:clamp(32px,4vw,65px);line-height:.95;letter-spacing:-.05em;margin:16px 0}.feature-copy p{max-width:480px;color:#999;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.12)}.card{min-height:270px;padding:30px;background:#0b0b0b;display:flex;flex-direction:column;justify-content:space-between}.card b{font-size:23px}.card p{color:#888;font-size:13px;line-height:1.6}.cta{display:inline-flex;padding:14px 20px;margin-top:30px;border-radius:999px;background:#f5f3ef;color:#090909;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:900}.footer{padding:50px 6vw;display:flex;justify-content:space-between;color:#666;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.back{position:fixed;z-index:80;right:18px;bottom:18px;background:#fff;color:#090909;padding:11px 16px;border-radius:999px;text-decoration:none;font-size:9px;font-weight:900}.ai{position:fixed;z-index:90;left:18px;bottom:18px;width:50px;height:50px;border-radius:50%;border:1px solid #ffffff30;background:#111;display:grid;place-items:center;box-shadow:0 15px 50px #000;cursor:pointer}.ai span{width:29px;height:29px;border-radius:9px;background:linear-gradient(135deg,#fff,var(--a));color:#080808;display:grid;place-items:center;font-weight:950}.chat{display:none;position:fixed;z-index:91;left:18px;bottom:78px;width:310px;padding:18px;border-radius:18px;background:#111e;border:1px solid #fff2;backdrop-filter:blur(18px);box-shadow:0 20px 70px #000}.chat.open{display:block}.chat b{display:block}.chat p{color:#999;font-size:12px;line-height:1.5}.chat button{border:0;border-radius:999px;padding:10px 15px;font-size:10px;font-weight:800}
/* FASHION — quiet luxury editorial */
.fashion{--a:#c9ad8e;background:#11100e;color:#f4f0e9}.fashion .hero{grid-template-columns:.8fr 1.2fr;padding-left:7vw}.fashion .hero-copy{order:2}.fashion .hero-img{order:1;height:92vh}.fashion .hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(70px,9vw,150px)}.fashion .section{background:#11100e}.fashion .section:nth-child(odd){background:#171512}.fashion .section h2,.fashion .feature-copy h3{font-family:Georgia,serif;font-weight:400}.fashion .pic{height:68vh}.fashion .card{background:#171512}.fashion .card b{font-family:Georgia,serif;font-weight:400}.fashion .cta{background:#c9ad8e;color:#15120f;border-radius:2px}
/* PERSONAL — light, editorial, human */
.personal{--a:#6b8d3a;background:#eeece5;color:#171714}.personal .nav{background:#eeece5df;border-color:#17171418}.personal .navlinks a{color:#171714}.personal .hero,.personal .section,.personal .section:nth-child(odd){background:#eeece5}.personal .hero{grid-template-columns:1.25fr .75fr;padding-left:9vw}.personal .hero h1{font-size:clamp(70px,10vw,155px);font-weight:500;letter-spacing:-.075em}.personal .hero-img{height:72vh;border-radius:220px 220px 8px 8px}.personal .section{border-color:#17171418}.personal .pic{border-radius:180px 0 0 0}.personal .card{background:#e3e1d8;border-color:#17171422}.personal .hero p,.personal .section-intro,.personal .feature-copy p,.personal .card p{color:#555}.personal .cta{background:#171714;color:#fff}
/* BUSINESS — Swiss corporate / consulting */
.business{--a:#087b66;background:#e5ebe8;color:#0a1714}.business .nav{background:#e5ebe8ed;color:#0a1714;border-color:#0a171422}.business .navlinks a{color:#0a1714}.business .hero,.business .section,.business .section:nth-child(odd){background:#e5ebe8}.business .hero{display:block;padding:150px 6vw 80px}.business .hero h1{font-size:clamp(78px,11vw,175px);font-weight:500;max-width:1100px}.business .hero-img{height:55vh;margin-top:60px}.business .section-head{border-bottom:1px solid #0a171422;padding-bottom:30px}.business .cards{background:#0a171422}.business .card{background:#d9e2de;border:0}.business .feature{grid-template-columns:1fr 1fr}.business .pic{height:48vh}.business .hero p,.business .section-intro,.business .feature-copy p,.business .card p{color:#52615d}.business .cta{background:#0a1714;color:white;border-radius:2px}
/* SAAS — futuristic product / glass */
.saas{--a:#9a83ff;background:#07051a;color:#f8f7ff}.saas .nav{background:#08061be8}.saas .hero,.saas .section,.saas .section:nth-child(odd){background:radial-gradient(circle at 75% 10%,#33216b 0,#110b2c 26%,#07051a 68%)}.saas .hero{display:block;text-align:center;padding:150px 5vw 100px}.saas .hero h1{font-size:clamp(65px,10vw,160px);margin-left:auto;margin-right:auto;background:linear-gradient(110deg,#fff,#a78dff);-webkit-background-clip:text;color:transparent}.saas .hero p{margin:0 auto}.saas .hero-img{height:60vh;max-width:1200px;margin:65px auto 0;border:1px solid #9a83ff55;border-radius:28px;box-shadow:0 0 100px #7650ff25}.saas .section{text-align:center}.saas .section-head{display:block}.saas .section-intro{margin:25px auto}.saas .feature{grid-template-columns:1fr 1fr;text-align:left}.saas .pic{border-radius:22px;border:1px solid #9a83ff44}.saas .cards{background:#9a83ff33}.saas .card{background:#100d28;border-radius:0}.saas .cta{background:#9a83ff;color:#090613}
/* LAUNCH — bold campaign landing page */
.launch{--a:#ff5938;background:#f4efe7;color:#111}.launch .nav{background:#f4efe7e8;color:#111;border-color:#1112}.launch .navlinks a{color:#111}.launch .hero,.launch .section,.launch .section:nth-child(odd){background:#f4efe7;color:#111}.launch .hero{display:block;padding:125px 5vw 80px}.launch .eyebrow{color:#ff5938}.launch .hero h1{font-size:clamp(80px,13vw,190px);font-weight:950;text-transform:uppercase;max-width:1250px}.launch .hero-img{height:58vh;margin-top:50px;border-radius:30px;box-shadow:25px 25px 0 #111}.launch .section-head{align-items:end}.launch .section h2{font-weight:900}.launch .feature{grid-template-columns:1.3fr .7fr}.launch .pic{height:60vh;border-radius:30px}.launch .card{background:#e8e0d4;border-color:#1112}.launch .section-intro,.launch .feature-copy p,.launch .card p{color:#555}.launch .cta{background:#111;color:#fff;border-radius:4px}
/* CREATIVE — art direction / asymmetry */
.creative{--a:#ff684f;background:#e8dfd5;color:#121212}.creative .nav{background:#e8dfd5e8;color:#121212;border-color:#12121222}.creative .navlinks a{color:#121212}.creative .hero,.creative .section,.creative .section:nth-child(odd){background:#e8dfd5;color:#121212}.creative .hero{grid-template-columns:1fr 1fr;align-items:start;padding-top:130px}.creative .hero-copy{padding-top:16vh}.creative .hero h1{text-transform:uppercase;font-weight:950;font-size:clamp(70px,10vw,160px)}.creative .hero-img{height:86vh;border-radius:0 0 0 180px}.creative .section:nth-child(even){transform:skewY(-1deg);margin:0 -2vw;padding-left:8vw;padding-right:8vw}.creative .section:nth-child(even)>*{transform:skewY(1deg)}.creative .feature{grid-template-columns:.7fr 1.3fr}.creative .feature.reverse{grid-template-columns:1.3fr .7fr}.creative .pic{height:62vh}.creative .feature-copy h3{font-weight:950;text-transform:uppercase}.creative .card{background:#171717;color:#f2eee7}.creative .card p{color:#aaa}.creative .cta{background:#ff684f;color:#111;border-radius:0}
@media(max-width:800px){.nav{padding:17px 5vw}.navlinks{display:none}.menu{display:block;background:none;border:0;color:inherit;font-size:20px}.nav.open .navlinks{display:flex;position:absolute;top:55px;left:0;right:0;padding:20px 5vw;background:inherit;flex-direction:column;gap:17px}.hero{display:block;min-height:auto;padding:105px 5vw 60px}.hero h1{font-size:clamp(54px,15vw,90px)}.hero-img{height:62vh;min-height:380px;margin-top:40px}.section{min-height:auto;padding:80px 5vw}.section-head{display:block;margin-bottom:42px}.section-intro{margin-top:22px}.feature,.feature.reverse,.business .feature,.saas .feature,.launch .feature,.creative .feature,.creative .feature.reverse{display:flex;flex-direction:column;gap:35px}.feature.reverse .pic{order:0}.pic{height:52vh;min-height:330px}.cards{grid-template-columns:1fr}.card{min-height:210px}.footer{display:block;padding:45px 5vw 100px}.footer span{display:block;margin:8px 0}.back{right:12px;bottom:12px}.ai{left:12px;bottom:12px}.chat{left:12px;bottom:72px;width:calc(100vw - 24px)}.fashion .hero{display:flex;flex-direction:column}.fashion .hero-copy{order:1}.fashion .hero-img{order:2;height:62vh}.personal .hero{display:block}.personal .hero-img{height:58vh}.business .hero{padding-top:110px}.business .hero-img{height:48vh}.saas .hero{display:block;text-align:center}.saas .hero-img{height:50vh}.launch .hero h1{font-size:clamp(58px,16vw,100px)}.launch .hero-img{height:48vh;box-shadow:12px 12px 0 #111}.creative .hero{display:block}.creative .hero-copy{padding-top:0}.creative .hero-img{height:58vh;border-radius:0 0 0 70px}.creative .section:nth-child(even){transform:none;margin:0;padding-left:5vw;padding-right:5vw}.creative .section:nth-child(even)>*{transform:none}}