@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#f6f3fc;background:#100d18;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-weight:400;--bg:#100d18;--panel:#171320;--panel2:#1c1727;--muted:#827c91;--line:rgba(230,219,255,.09);--purple:#a787ff;--lavender:#c9b8ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:360px;min-height:100vh;background:var(--bg)}a{color:inherit;text-decoration:none}button,input{font:inherit}.page-shell{min-height:100vh;position:relative;overflow:hidden}.ambient{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0}.ambient-one{width:420px;height:420px;background:rgba(113,74,186,.14);top:-280px;left:24%}.ambient-two{width:500px;height:400px;background:rgba(83,53,144,.1);top:120px;right:-360px}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;padding:29px 18px;background:rgba(18,15,25,.84);border-right:1px solid var(--line);z-index:4;display:flex;flex-direction:column;backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:11px;padding:2px 8px 53px}.brand-symbol{width:30px;height:30px;border-radius:10px;background:linear-gradient(145deg,#b39aff,#815ce3);display:grid;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px);align-content:center;justify-content:center;gap:3px;box-shadow:0 5px 20px rgba(143,103,240,.25);transform:rotate(-7deg)}.brand-symbol span{background:white;border-radius:2px;opacity:.96}.brand-symbol span:nth-child(2){opacity:.64}.brand-symbol span:nth-child(3){opacity:.76}.brand-word{font-family:Manrope,sans-serif;font-weight:800;font-size:17px;letter-spacing:1.5px}.brand-dot{color:#ad8dff}.side-label,.section-kicker{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#777185}.side-label{padding:0 10px 12px}.nav-item{height:43px;padding:0 10px;display:flex;align-items:center;gap:12px;border-radius:10px;color:#9b95a8;font-size:12px;margin-bottom:4px;transition:.2s}.nav-item:hover,.nav-item.active{background:rgba(166,133,255,.11);color:#e6dcff}.nav-item.active{box-shadow:inset 2px 0 0 #a888ff}.nav-item.active svg{color:#b89cff}.nav-count{margin-left:auto;font-size:10px;color:#aaa0bd;font-variant-numeric:tabular-nums}.sidebar-bottom{margin-top:auto}.sidebar-note{color:#888294;font-size:11px;line-height:1.7;padding:0 10px 25px;max-width:175px}.sidebar-foot{border-top:1px solid var(--line);padding:18px 8px 0;color:#a8a1b3;font-size:10px;display:flex;align-items:center;gap:8px}.online-dot,.view-dot{width:6px;height:6px;background:#79d9a7;border-radius:50%;box-shadow:0 0 10px rgba(121,217,167,.65);display:inline-block}.version{margin-left:auto;color:#6c6676}.main-content{position:relative;z-index:1;margin-left:236px;max-width:1500px;padding:0 7.1%;min-height:100vh}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.breadcrumbs{display:flex;align-items:center;gap:12px;color:#888294;font-size:11px}.breadcrumbs strong{font-weight:500;color:#dad4e4}.crumb-slash{color:#4f495a}.profile-button{display:flex;align-items:center;gap:9px;color:#ded8e8;background:transparent;border:0;font-size:11px;cursor:pointer}.avatar{width:27px;height:27px;border:1px solid rgba(174,144,255,.35);border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#302442,#201a2c);font-size:10px;color:#d4c1ff}.profile-button svg{color:#777184}.hero{min-height:315px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative}.hero-copy{padding:31px 0 35px;position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:9px;color:#a99ebc;font-size:9px;font-weight:600;letter-spacing:1.7px}.eyebrow-line{width:19px;height:1px;background:#a989ff}.hero h1{font-family:Manrope,sans-serif;font-size:54px;line-height:1.09;letter-spacing:-2.9px;margin:19px 0 13px;font-weight:700}.hero h1 span{color:#a98bff}.hero-copy>p{font-size:12px;line-height:1.8;color:#9690a1;margin:0}.hero-meta{display:flex;align-items:center;gap:9px;margin-top:25px;font-size:10px;color:#8f899a}.hero-meta b{color:#d3cddd;font-weight:500}.meta-avatar-stack{display:flex;padding-left:2px}.meta-avatar-stack span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#2f263e;border:2px solid #100d18;font-size:9px;color:#d7c9fa;margin-left:-3px}.meta-avatar-stack span:nth-child(2){background:#423052;color:#f3c8bb}.meta-avatar-stack span:nth-child(3){background:#34434a;color:#c6e7d2}.meta-separator{height:12px;width:1px;background:var(--line);margin:0 4px}.hero-visual{width:330px;height:260px;position:relative;display:grid;place-items:center;margin-right:10px}.visual-glow{position:absolute;width:120px;height:120px;border-radius:50%;background:#7f5bd4;filter:blur(62px);opacity:.34}.visual-orbit{position:absolute;border:1px solid rgba(183,156,255,.13);border-radius:50%;transform:rotate(-23deg)}.orbit-one{width:245px;height:128px}.orbit-two{width:286px;height:183px;transform:rotate(29deg)}.visual-center{width:83px;height:83px;border:1px solid rgba(208,187,255,.35);background:linear-gradient(145deg,rgba(183,155,255,.22),rgba(74,52,107,.35));box-shadow:0 0 50px rgba(152,114,230,.23),inset 0 0 18px rgba(190,161,255,.09);backdrop-filter:blur(8px);border-radius:25px;display:grid;place-items:center;transform:rotate(-8deg);z-index:1}.brand-symbol.big{width:42px;height:42px;border-radius:13px;grid-template-columns:repeat(2,10px);grid-template-rows:repeat(2,10px);gap:4px}.float-icon{position:absolute;width:38px;height:38px;border-radius:13px;border:1px solid rgba(215,199,255,.18);background:rgba(37,29,50,.8);display:grid;place-items:center;color:#c9b4ff;box-shadow:0 12px 25px rgba(0,0,0,.2)}.float-a{top:35px;left:89px;transform:rotate(-12deg)}.float-b{right:44px;top:75px;color:#a2c9ff}.float-c{left:47px;bottom:55px;color:#efb9d3}.visual-caption{position:absolute;bottom:10px;display:flex;gap:7px;align-items:center;color:#8e879b;font-size:9px}.projects-section{padding:37px 0 0}.section-heading,.recent-heading{display:flex;align-items:end;justify-content:space-between}.section-kicker{margin-bottom:8px}.section-heading h2,.recent-heading h2{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.5px;margin:0;font-weight:650}.title-count{font-family:'DM Sans',sans-serif;vertical-align:middle;font-size:9px;color:#aaa0ba;border:1px solid var(--line);padding:3px 7px;border-radius:20px;margin-left:5px}.search-box{height:37px;width:218px;display:flex;align-items:center;gap:9px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:rgba(26,22,35,.56);color:#777183}.search-box input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:#eee8f8;font-size:10px}.search-box input::placeholder{color:#777183}.search-box kbd{font-size:9px;color:#736d7d;border:1px solid rgba(230,219,255,.1);padding:3px 5px;border-radius:4px;font-family:inherit}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:21px 0 14px}.filters{display:flex;gap:5px}.filter-chip{border:1px solid transparent;background:transparent;color:#888193;padding:7px 11px;font-size:10px;border-radius:7px;cursor:pointer;transition:.18s}.filter-chip:hover{color:#d9d1e6}.filter-chip.selected{background:rgba(169,137,255,.13);border-color:rgba(169,137,255,.14);color:#c9b6ff}.view-label{font-size:9px;color:#827b8e;display:flex;align-items:center;gap:7px}.view-dot{width:5px;height:5px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.project-card{position:relative;min-height:87px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,rgba(30,25,40,.9),rgba(23,19,31,.88));display:flex;align-items:center;padding:15px;gap:12px;transition:border-color .2s,transform .2s,background .2s;overflow:hidden}.project-card:hover{border-color:rgba(177,149,255,.34);transform:translateY(-2px);background:linear-gradient(145deg,rgba(38,31,51,.95),rgba(26,21,35,.92))}.featured-card{grid-column:span 2;min-height:108px;padding:19px 20px;background:radial-gradient(ellipse at 100% 0%,rgba(130,95,200,.17),transparent 52%),linear-gradient(145deg,#211a30,#181421);border-color:rgba(185,154,255,.2)}.featured-card:before{content:'';position:absolute;width:130px;height:130px;right:34px;top:-86px;border:1px solid rgba(197,175,255,.11);border-radius:50%;box-shadow:0 0 0 18px rgba(197,175,255,.025),0 0 0 37px rgba(197,175,255,.02)}.app-icon{width:39px;height:39px;flex:none;border-radius:12px;display:grid;place-items:center}.featured-card .app-icon{width:47px;height:47px;border-radius:15px}.lilac{background:linear-gradient(145deg,#624b8c,#3b2c52);color:#d9c8ff}.blue{background:linear-gradient(145deg,#314b76,#233348);color:#b9d7ff}.peach{background:linear-gradient(145deg,#754d43,#48342e);color:#ffd1b9}.mint{background:linear-gradient(145deg,#365f58,#253d3c);color:#b9edcf}.pink{background:linear-gradient(145deg,#704561,#493047);color:#f5c3e4}.green{background:linear-gradient(145deg,#3d5d4b,#2b4038);color:#c6edcf}.card-text{min-width:0;z-index:1}.card-title-line{display:flex;align-items:center;gap:6px}.project-card h3{margin:0;font-size:11px;font-weight:600;color:#f0ebf6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.featured-card h3{font-size:13px}.project-card p{font-size:9px;color:#8c8598;margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.featured-card p{font-size:10px}.external-icon{color:#92859f}.card-arrow{margin-left:auto;color:#635b70;opacity:0;transform:translateX(-4px);transition:.2s;z-index:1}.project-card:hover .card-arrow{opacity:1;transform:translateX(0)}.placeholder-card{cursor:default}.placeholder-card:hover{transform:none}.setup-tag{position:absolute;right:12px;bottom:10px;color:#797284;font-size:8px;opacity:0;transition:.2s}.placeholder-card:hover .setup-tag{opacity:1}.empty-state{padding:28px;text-align:center;color:#898294;border:1px dashed var(--line);border-radius:12px;font-size:11px}.recent-section{padding:37px 0 0}.recent-heading{margin-bottom:15px}.recent-heading h2{font-size:17px}.see-all{display:flex;align-items:center;gap:7px;color:#a897c8;font-size:10px}.see-all:hover{color:#d1c1ff}.recent-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.recent-item{min-height:59px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(24,20,32,.68);display:flex;align-items:center;gap:10px;transition:.2s}.recent-item:hover{border-color:rgba(177,149,255,.3);background:rgba(35,28,46,.8)}.recent-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;flex:none}.recent-name{font-size:10px;color:#ded8e8;display:flex;flex-direction:column;gap:4px}.recent-name small{font-size:8px;color:#81798d}.recent-status{margin-left:auto;font-size:8px;color:#8f8999;display:flex;align-items:center;gap:6px}.recent-status .online-dot{width:5px;height:5px}.recent-arrow{color:#716a7d;margin-left:4px}.footer{border-top:1px solid var(--line);margin-top:37px;padding:17px 0 22px;display:flex;justify-content:space-between;color:#716b7b;font-size:9px}.footer b{color:#a9a1b5;font-weight:600}.footer>span:last-child{display:flex;align-items:center;gap:6px}.footer svg{color:#8e7aad}@media(min-width:1440px){.main-content{padding-left:8%;padding-right:8%}.hero{min-height:350px}.hero-visual{transform:scale(1.08)}}@media(max-width:1100px){.main-content{padding:0 5%}.hero-visual{width:270px;transform:scale(.9);margin-right:-8px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-card{grid-column:span 2}}@media(max-width:760px){.sidebar{width:66px;padding:21px 10px;align-items:center}.brand{padding:3px 0 40px}.brand-word,.side-label,.nav-item span,.sidebar-bottom{display:none}.nav-item{width:43px;height:43px;justify-content:center;padding:0;margin:0 0 9px}.main-content{margin-left:66px;padding:0 22px}.topbar{height:62px}.profile-name{display:none}.hero{min-height:275px}.hero h1{font-size:45px}.hero-visual{position:absolute;right:-39px;opacity:.72;transform:scale(.75)}.hero-copy{z-index:2}.hero-copy>p{max-width:260px}.hero-meta{font-size:9px}.section-heading{align-items:start;gap:16px;flex-direction:column}.search-box{width:100%}.toolbar{margin-top:15px}.project-grid{gap:8px}.project-card{padding:11px;gap:9px;min-height:76px}.featured-card{min-height:90px}.app-icon{width:34px;height:34px;border-radius:10px}.project-card p{font-size:8px}.project-card h3{font-size:10px}.featured-card h3{font-size:12px}.setup-tag{display:none}.recent-list{grid-template-columns:1fr}.recent-section{padding-top:30px}.footer{margin-top:29px}}@media(max-width:470px){.main-content{padding:0 15px}.hero h1{font-size:39px}.hero-visual{right:-78px;opacity:.5;transform:scale(.66)}.desktop-break{display:none}.project-grid{grid-template-columns:1fr}.featured-card{grid-column:span 1}.project-card{min-height:70px;padding:12px}.featured-card{min-height:84px}.view-label{font-size:8px}.filter-chip{padding:6px 8px}.footer>span:last-child{display:none}}
/* Tablette / iOS launchpad tiles */
.projects-section { padding-top: 42px; }
.project-grid { grid-template-columns: repeat(auto-fill, minmax(170px, 205px)); gap: 18px; align-items: start; }
.project-card.app-placeholder { width: 100%; aspect-ratio: 1 / 1; min-height: 0; padding: 20px 14px 18px; border-radius: 22px; flex-direction: column; justify-content: center; align-items: center; gap: 15px; text-align: center; background: radial-gradient(circle at 50% 25%, rgba(151,116,226,.18), transparent 55%), linear-gradient(145deg, #211a30, #171320); border-color: rgba(185,154,255,.22); cursor: default; }
.project-card.app-placeholder:hover { transform: none; }
.project-card.app-placeholder .app-icon { width: 66px; height: 66px; border-radius: 21px; }
.project-card.app-placeholder .card-text { width: 100%; }
.project-card.app-placeholder h3 { white-space: normal; font-family: Manrope, sans-serif; font-size: 13px; }
.project-card.app-placeholder p { white-space: normal; line-height: 1.6; font-size: 10px; }
.dev-badge { position: absolute; bottom: 13px; padding: 5px 8px; border: 1px solid rgba(178,149,255,.18); border-radius: 20px; background: rgba(169,137,255,.09); color: #bca5f5; font-size: 7px; letter-spacing: 1px; font-weight: 700; }
@media (max-width: 760px) { .project-grid { grid-template-columns: repeat(auto-fill, minmax(145px, 175px)); gap: 13px; } .project-card.app-placeholder { border-radius: 19px; } }
@media (max-width: 470px) { .project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .project-card.app-placeholder { width: 100%; } }
.hero[hidden], .services-page[hidden] { display: none !important; }
.services-page { min-height: 410px; padding-top: 42px; }
.services-empty { min-height: 280px; margin-top: 20px; padding: 35px; border: 1px solid var(--line); border-radius: 16px; background: radial-gradient(ellipse at 50% 0%, rgba(130,95,200,.12), transparent 60%), rgba(24,20,32,.55); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.services-icon { width: 58px; height: 58px; border: 1px solid rgba(185,154,255,.22); background: rgba(169,137,255,.1); color: #bca5f5; border-radius: 18px; display: grid; place-items: center; margin-bottom: 18px; }
.services-empty h3 { margin: 0; color: #eee8f7; font: 600 16px Manrope, sans-serif; }
.services-empty p { max-width: 390px; color: #9690a1; font-size: 11px; line-height: 1.8; margin: 10px 0 18px; }
.services-note { border: 1px solid var(--line); background: rgba(16,13,24,.55); color: #898294; font-size: 9px; border-radius: 20px; padding: 7px 11px; }
.brand { gap: 0; padding-left: 8px; }
.brand-logo { width: 99px; height: auto; display: block; }
.brand { gap: 0; padding-left: 8px; }
.brand-logo { display: none; }
.brand-crop { position: relative; display: block; width: 82px; height: 18px; overflow: hidden; flex: none; }
.brand-logo-image { position: absolute; width: 100px; height: auto; max-width: none; left: -12.5px; top: -51px; }

/* Mobile layout: full-width brand/navigation bar and clearer launchpad tiles. */
@media (max-width: 760px) {
  .sidebar {
    position: sticky;
    inset: 0 0 auto;
    width: 100%;
    height: 62px;
    padding: 0 18px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: rgba(18, 15, 25, .96);
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .brand { padding: 0; }
  .side-label, .sidebar-bottom { display: none; }
  .nav-item {
    width: auto;
    height: 38px;
    padding: 0 10px;
    margin: 0 0 0 5px;
    gap: 7px;
    font-size: 10px;
    white-space: nowrap;
  }
  .nav-item span { display: inline; }
  .main-content { margin-left: 0; padding: 0 22px; }
  .topbar { height: 58px; }
  .hero { min-height: 0; padding: 38px 0 34px; }
  .hero-copy { padding: 0; }
  .hero h1 { font-size: clamp(39px, 10vw, 46px); letter-spacing: -2px; }
  .hero-copy > p { max-width: 100%; font-size: 12px; }
  .hero-visual { right: -65px; opacity: .12; transform: scale(.72); }
  .hero-meta { margin-top: 18px; }
  .projects-section { padding-top: 30px; }
  .project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .project-card.app-placeholder {
    aspect-ratio: 1 / 1;
    padding: 14px 10px 38px;
    gap: 9px;
    border-radius: 19px;
  }
  .project-card.app-placeholder .app-icon { width: 56px; height: 56px; border-radius: 17px; }
  .project-card.app-placeholder h3 { font-size: 12px; }
  .project-card.app-placeholder p { font-size: 9px; line-height: 1.45; }
  .dev-badge { bottom: 10px; font-size: 6.5px; }
  .footer { margin-top: 28px; }
}

@media (max-width: 390px) {
  .sidebar { padding: 0 12px; }
  .nav-item { padding: 0 7px; gap: 5px; font-size: 9px; }
  .nav-item svg { width: 15px; height: 15px; }
  .main-content { padding: 0 16px; }
  .hero-visual { display: none; }
  .project-grid { gap: 9px; }
  .project-card.app-placeholder { border-radius: 16px; }
}