@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');
:root{--deep:#0A2B42;--ink:#080b12;--violet:#7B61FF;--blue:#0066FF;--green:#00FF9C;--amber:#FFC857;--red:#FF3B3B;--pink:#EC0972;--neutral:#DECECF;--white:#f7f7f5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f0ef;color:#10131a;font-family:Montserrat,Arial,sans-serif}button,input,textarea,select{font:inherit}.top{height:78px;position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:26px;padding:0 3.2vw;background:rgba(8,11,18,.94);backdrop-filter:blur(18px);border-bottom:1px solid #27313d;color:#fff}.brandlock{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:12px;letter-spacing:.12em}.dial-mini{width:27px;height:27px;border:5px dashed var(--violet);border-radius:50%;position:relative}.dial-mini:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--pink);position:absolute;left:5px;top:5px}.top nav{display:flex;gap:20px;flex:1;justify-content:center}.top nav a,.portal{font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;color:#c9d0d9}.top nav a:hover,.portal:hover{color:var(--green)}.portal{white-space:nowrap}.hero{min-height:calc(100vh - 78px);position:relative;overflow:hidden;background:radial-gradient(circle at 70% 36%,rgba(123,97,255,.32),transparent 24%),radial-gradient(circle at 78% 62%,rgba(0,255,156,.13),transparent 22%),linear-gradient(130deg,#05070c,#0a1a28 48%,#0A2B42);color:white;display:flex;align-items:center;padding:8vw}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,102,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,102,255,.08) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to right,#000,transparent 72%)}.hero-copy{position:relative;z-index:3;max-width:850px}.kicker,.section-no,.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700;text-transform:uppercase}.hero h1,.manifesto h2,.create-head h2,.asset-head h2{font:800 clamp(58px,8.3vw,128px)/.82 Montserrat,sans-serif;letter-spacing:-.065em;text-transform:uppercase;margin:24px 0}.hero h1 em,.manifesto h2 em,.create-head h2 em{font-style:normal;color:var(--violet)}.hero .lead{font-size:16px;line-height:1.7;color:#c8d2df;max-width:650px}.hero-actions{display:flex;gap:12px;margin-top:34px}.hero-actions a{padding:16px 20px;border:1px solid var(--green);color:#07151a;background:var(--green);font-size:10px;font-weight:800;letter-spacing:.09em;text-decoration:none}.hero-actions .ghost{background:transparent;color:#fff;border-color:#55616f}.hero-dial{position:absolute;width:min(46vw,620px);aspect-ratio:1;right:-8vw;top:50%;transform:translateY(-50%);border:56px dashed rgba(123,97,255,.82);border-radius:50%;animation:spin 34s linear infinite}.hero-dial:before{content:"";position:absolute;inset:19%;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--violet));box-shadow:0 0 90px rgba(123,97,255,.55)}.hero-dial span{position:absolute;width:12%;height:28%;background:var(--green);left:42%;top:18%;border-radius:999px;transform:rotate(-20deg);transform-origin:center 120%}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.hero-orbit{position:absolute;border:1px solid rgba(0,102,255,.28);border-radius:50%}.orbit-a{width:70vw;height:70vw;right:-15vw}.orbit-b{width:52vw;height:52vw;right:-6vw}.split{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:110px 7vw}.manifesto h2{font-size:clamp(50px,6.5vw,100px)}.copy{font-size:15px;line-height:1.85;color:#474c55;max-width:600px}.axis{margin-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.axis span{padding:18px;background:#e7e2e1;font-size:9px;letter-spacing:.12em}.axis b{display:block;margin-top:9px;font-size:11px;letter-spacing:0}.dark-panel{background:#080b12;color:#f7f7f5}.logo-section,.type,.colors,.curator,.assets,.projects{padding:105px 7vw}.section-title{display:flex;align-items:center;gap:18px;margin-bottom:48px}.section-title span{width:43px;height:43px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:10px}.section-title h2{font-size:13px;letter-spacing:.15em;margin:0}.logo-stage{display:grid;grid-template-columns:1.25fr .75fr;gap:5vw;align-items:center;min-height:500px;border-top:1px solid #29323d;border-bottom:1px solid #29323d}.logo-display{height:300px;background:var(--violet);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-size:contain}.logo-notes h3,.curator-copy h3{font:800 clamp(42px,5vw,82px)/.9 Montserrat,sans-serif;letter-spacing:-.045em;margin:15px 0}.logo-notes p,.curator-copy p{color:#a9b2be;line-height:1.75}.logo-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#26303b;margin-top:24px}.logo-rules article{background:#0d1118;padding:25px}.logo-rules b{font-size:10px;letter-spacing:.12em}.logo-rules span{display:block;color:#8d99a8;font-size:11px;line-height:1.6;margin-top:12px}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.type-grid article{border-top:1px solid #aaa;padding-top:28px}.type-grid small{font-size:9px;letter-spacing:.13em}.type-grid h3{font-size:52px;margin:22px 0 8px}.moga{font-family:Georgia,serif}.chennai{font-family:Arial,sans-serif;letter-spacing:.04em}.mont{font-family:Montserrat,sans-serif}.type-grid p,.font-note{font-size:12px;line-height:1.6;color:#6a6e75}.font-note{margin-top:30px}.ratio{display:flex;align-items:baseline;gap:12px;margin:-12px 0 45px;color:#8a95a3;font-size:10px;letter-spacing:.12em}.ratio b{font-size:38px;color:#fff;margin-left:20px}.ratio b:first-child{margin-left:0}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.swatches div{background:var(--c);min-height:190px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;color:white}.swatches div:nth-child(4),.swatches div:nth-child(7){color:#111}.swatches b{font-size:11px}.swatches small{font-size:9px;margin-top:6px}.curator-grid{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center}.curator-visual{min-height:680px;background:#0a0e16 center/cover no-repeat;position:relative;border-radius:3px;overflow:hidden}.curator-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 60%,rgba(8,11,18,.8))}.curator-visual span{position:absolute;z-index:2;left:20px;bottom:18px;color:white;font-size:9px;letter-spacing:.15em}.traits{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.traits span{border:1px solid #cfc9c8;padding:10px 12px;font-size:9px;letter-spacing:.06em}.create{padding-top:110px}.create-head{max-width:900px}.create-head h2{font-size:clamp(52px,6.5vw,100px)}.create-head p:last-child{color:#9ba7b5}.studio{display:grid;grid-template-columns:250px minmax(420px,1fr) 280px;gap:18px;align-items:start;margin-top:50px}.controls{background:#0e131c;border:1px solid #26303a;padding:18px;position:sticky;top:96px}.controls label{display:block;font-size:8px;letter-spacing:.12em;font-weight:700;color:#8e99a7;margin:14px 0 7px}.controls input[type=text],.controls input:not([type]),.controls textarea,.controls select{width:100%;background:#080b12;color:#fff;border:1px solid #34404e;padding:10px}.controls textarea{min-height:70px;resize:vertical}.controls input[type=range]{width:100%;accent-color:var(--pink)}.seg{display:grid;grid-template-columns:1fr 1fr}.seg button,.controls button,.upload{border:1px solid #34404e;background:#080b12;color:#c9d1da;padding:10px;font-size:8px;letter-spacing:.08em;cursor:pointer}.seg button.active,.controls button:hover,.upload:hover{border-color:var(--green);color:var(--green)}.upload{display:block!important;text-align:center}.chips{display:flex;gap:7px}.chips button{width:32px;height:32px;padding:0;background:var(--c);border-radius:50%;border:2px solid #1f2731}.image-tray{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;min-height:30px}.image-tray .thumb{aspect-ratio:1;padding:0;overflow:hidden}.image-tray img{width:100%;height:100%;object-fit:cover}.canvas-wrap{min-width:0}.canvas-meta{display:flex;justify-content:space-between;color:#828d99;font-size:8px;letter-spacing:.12em;margin-bottom:8px}.canvas-meta b{color:var(--green)}canvas{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain;background:#0A2B42;border:1px solid #2c3744;touch-action:none;cursor:move}.canvas-help{display:block;color:#66717e;font-size:9px;margin-top:7px}.text-layout{border-top:1px solid #293440;margin-top:18px;padding-top:5px}.export,#pvSave{width:100%;margin-top:12px}.export{background:var(--pink)!important;color:#fff!important;border-color:var(--pink)!important}.assets{background:#f4f0ef}.asset-head{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.asset-head h2{font-size:clamp(50px,6vw,92px)}.asset-head>p{font-size:12px;line-height:1.7;color:#656971}.asset-tabs{display:flex;gap:6px;margin:32px 0 18px}.asset-tabs button{border:1px solid #a9a3a1;background:transparent;padding:10px 14px;font-size:9px;font-weight:800;letter-spacing:.1em}.asset-tabs button.active{background:#0A2B42;color:white;border-color:#0A2B42}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.asset-card{background:#fff;border:1px solid #d5cfcd;min-height:260px;display:flex;flex-direction:column;text-decoration:none;color:#111;overflow:hidden}.asset-card .preview{height:210px;background:#0a0d12 center/cover no-repeat;display:grid;place-items:center;padding:20px}.asset-card .preview.logo-preview{background:#131820}.asset-card .preview img{max-width:90%;max-height:170px;object-fit:contain}.asset-card .meta{padding:15px;display:flex;justify-content:space-between;gap:10px}.asset-card b{font-size:10px;letter-spacing:.08em}.asset-card small{color:#777}.projects-head{display:flex;justify-content:space-between;align-items:center;color:#929eaa;font-size:11px;line-height:1.6}.projects-head button{background:transparent;color:#9ca7b4;border:1px solid #303b48;padding:10px;font-size:8px;letter-spacing:.1em}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.project-card{border:1px solid #293440;padding:18px;background:#0d121a}.project-card h4{font-size:14px;margin:0 0 8px}.project-card small{color:#75818e}.project-actions{display:flex;gap:6px;margin-top:15px}.project-actions button{border:1px solid #33404e;background:transparent;color:#c1c8d0;padding:8px;font-size:8px}.empty{color:#727d89}.logo-controls{border-top:1px solid #293440;margin-top:18px;padding-top:3px}footer{padding:28px 5vw;background:#05070b;color:#7d8792;border-top:1px solid #202832;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em}footer b{color:#fff}@media(max-width:1100px){.top nav{display:none}.studio{grid-template-columns:1fr}.controls{position:static}.canvas-wrap{order:-1}.swatches{grid-template-columns:repeat(2,1fr)}.asset-grid,.project-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.top{height:68px}.hero{padding:12vw 6vw}.hero h1{font-size:16vw}.hero-dial{opacity:.35;width:95vw;right:-48vw}.split,.logo-stage,.curator-grid,.asset-head{grid-template-columns:1fr}.type-grid{grid-template-columns:1fr}.swatches,.asset-grid,.project-grid{grid-template-columns:1fr}.logo-rules{grid-template-columns:1fr}.logo-section,.type,.colors,.curator,.assets,.projects{padding:72px 6vw}.studio{margin-top:25px}.ratio{flex-wrap:wrap}}