@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,sans-serif;color:#f8fafc;background:#090b12;--indigo:#6366f1;--muted:#9298ab}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#242145 0,#0d101a 32%,#090b12 65%);min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}header{height:78px;max-width:1280px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10}.logo{display:flex;align-items:center;gap:11px}.logo>span{width:36px;height:36px;border:1px solid #ffffff1f;border-radius:11px;display:grid;place-items:center;background:#ffffff08;font-weight:800;box-shadow:inset 0 1px #fff2}.logo div{display:flex;flex-direction:column;font-size:11px;letter-spacing:.15em}.logo small{font-size:8px;color:#7c8297;margin-top:2px}header nav{display:flex;gap:26px;align-items:center;color:#a4a9b8;font-size:12px}header nav a:last-child{border:1px solid #ffffff18;padding:9px 12px;border-radius:8px}header nav svg{width:11px;vertical-align:middle}.hero{min-height:550px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:70px 20px}.orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.35}.orb.one{width:310px;height:310px;background:#4f46e5;filter:blur(110px);top:50px}.orb.two{width:180px;height:180px;background:#7c3aed;filter:blur(90px);right:15%;bottom:10px}.kicker{color:#a5b4fc;font-size:10px;letter-spacing:.18em;font-weight:700;display:flex;align-items:center;gap:7px}.kicker svg{width:13px}.hero h1{font-size:64px;line-height:1.06;letter-spacing:-.055em;margin:20px 0;position:relative}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#a5b4fc,#c4b5fd,#818cf8);-webkit-background-clip:text;background-clip:text;color:transparent}.hero>p{max-width:620px;color:#9298ab;line-height:1.7;font-size:15px}.heroactions{display:flex;align-items:center;gap:22px;margin-top:22px;color:#70768a;font-size:11px}.primary{background:linear-gradient(135deg,#6d70f7,#5558df);border:0;color:#fff;border-radius:9px;padding:12px 17px;font-weight:600;display:flex;align-items:center;gap:9px;box-shadow:0 10px 35px #6366f144}.primary svg{width:15px}.content{max-width:1180px;margin:auto;padding:50px 30px 100px}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.sectionhead h2{margin:8px 0 0;font-size:26px}.search{width:280px;height:40px;border:1px solid #ffffff14;background:#ffffff08;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:9px;display:flex;align-items:center;gap:9px;padding:0 11px;color:#646a7d}.search svg{width:15px}.search input{background:none;border:0;outline:0;color:#fff;width:100%}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project{border:1px solid #ffffff12;border-radius:16px;overflow:hidden;background:#11141fbb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:.25s}.project:hover{transform:translateY(-4px);border-color:#ffffff26}.visual{height:210px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 20%,color-mix(in srgb,var(--accent),transparent 25%),transparent 35%),linear-gradient(145deg,#15182a,#0c0e17)}.visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent);mask-image:linear-gradient(to bottom,#000,transparent)}.visual>svg{position:absolute;width:80px;height:80px;color:var(--accent);left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 30px var(--accent));z-index:1}.number{position:absolute;top:18px;left:20px;color:#fff3;font-weight:700;font-size:11px}.miniwire{position:absolute;right:20px;bottom:18px;display:flex;gap:5px;z-index:2}.miniwire i{display:block;width:34px;height:4px;border-radius:5px;background:#ffffff20}.projectbody{padding:21px}.projectbody>div:first-child{display:flex;justify-content:space-between}.status{display:flex;align-items:center;gap:5px;font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#fcd34d}.status svg{width:11px}.status.approved{color:#6ee7b7}.status.building{color:#a5b4fc}.status.archived{color:#94a3b8}.revision{font-size:10px;color:#646a7d}.project h3{font-size:18px;margin:14px 0 8px}.project p{font-size:12px;line-height:1.6;color:#8d93a6;margin:0;min-height:38px}.project footer{display:flex;justify-content:space-between;margin-top:22px;padding-top:15px;border-top:1px solid #ffffff0d;color:#6f7588;font-size:10px}.project footer svg{width:11px;vertical-align:middle}.detail,.brief{max-width:1180px;margin:auto;padding:70px 30px}.back{display:flex;align-items:center;gap:8px;color:#8e94a8;font-size:12px;margin-bottom:50px}.back svg{width:14px}.detailgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.detail h1{font-size:48px;letter-spacing:-.05em;margin:20px 0}.lede{color:#969caf;line-height:1.8}.tags{display:flex;gap:8px;margin:25px 0}.tags span{font-size:10px;border:1px solid #ffffff16;background:#ffffff08;padding:7px 9px;border-radius:20px;color:#b2b7c5}.detail dl{display:flex;gap:35px;border-top:1px solid #ffffff12;padding-top:24px}.detail dl div{display:flex;flex-direction:column;gap:6px}.detail dt{font-size:9px;color:#646a7d;text-transform:uppercase}.detail dd{margin:0;font-size:11px}.previewcard{border:1px solid #ffffff18;border-radius:16px;background:#11141f;overflow:hidden;box-shadow:0 30px 100px #0008}.browserbar{height:42px;background:#171a27;display:flex;align-items:center;gap:6px;padding:0 13px}.browserbar i{width:7px;height:7px;border-radius:50%;background:#fff2}.browserbar span{margin-left:9px;color:#555b70;font-size:9px}.mockpage{height:330px;padding:55px;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent),transparent 65%),transparent 55%),#0d1019;display:flex;flex-direction:column;align-items:center;gap:16px}.mockpage b{font-size:25px}.mockpage span{width:65%;height:7px;border-radius:10px;background:#ffffff16}.mockpage span:nth-child(3){width:48%}.mockpage div{margin-top:20px;width:110px;height:34px;border-radius:8px;background:var(--accent)}.previewcard>a{height:54px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px}.previewcard>a svg{width:12px}.previewtop{height:58px;background:#11141f;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#7c8295;font-size:10px}.previewtop a{display:flex;gap:7px;align-items:center}.previewtop svg{width:13px}.previewframe{height:calc(100vh - 58px);display:grid;place-items:center;background:linear-gradient(145deg,#141827,#090b12)}.previewframe>div{text-align:center;max-width:560px;padding:30px}.previewframe svg{color:#818cf8}.previewframe h1{font-size:40px}.previewframe p{color:#9298ab;line-height:1.7}.previewframe button{margin-top:15px;background:#6366f1;border:0;color:#fff;padding:12px 18px;border-radius:8px}.formglass{max-width:720px;margin:auto;border:1px solid #ffffff16;background:#11141fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:42px}.formglass h1{font-size:34px;margin:18px 0 10px}.formglass>p,.success p{color:#9298ab;line-height:1.6}.formglass form{display:flex;flex-direction:column;gap:18px;margin-top:30px}.formglass label{display:flex;flex-direction:column;gap:8px;color:#aeb3c1;font-size:11px}.formglass input,.formglass textarea,.formglass select{background:#090b12aa;border:1px solid #ffffff16;border-radius:8px;color:#fff;padding:12px;outline:0}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formglass button{width:max-content}.success{text-align:center;padding:50px 0}.success>svg{color:#6ee7b7;width:42px;height:42px}.success a{color:#a5b4fc;font-size:12px}.notfound{padding:100px;text-align:center}@media(max-width:760px){header{padding:0 20px}header nav a:not(:nth-child(2)){display:none}.hero{min-height:480px}.hero h1{font-size:42px}.sectionhead{align-items:start;gap:20px;flex-direction:column}.search{width:100%}.projects{grid-template-columns:1fr}.content{padding:40px 18px}.detail,.brief{padding:45px 20px}.detailgrid{grid-template-columns:1fr;gap:35px}.detail h1{font-size:38px}.detail dl{flex-wrap:wrap}.formglass{padding:25px}.twocol{grid-template-columns:1fr}.previewtop>span{display:none}}