:root{--bg:#f6f7fb;--panel:#ffffffd6;--line:#e5e7eb;--ink:#111827;--muted:#64748b;--brand-a:#4f46e5;--brand-b:#9333ea;--brand-soft:#7c3aed1f;--shadow:0 24px 80px #0f172a14}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);font-family:var(--font-inter), sans-serif;background:radial-gradient(circle at top,#7c3aed1f,#0000 34%),linear-gradient(#fcfcfe 0%,#f3f5fb 100%);margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.landing-page,.editor-root{min-height:100vh}.landing-nav,.editor-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #94a3b82e;justify-content:space-between;align-items:center;gap:20px;width:min(1200px,100% - 64px);margin:0 auto;padding:20px 32px;display:flex}.brand-mark{font-size:1.05rem;font-weight:700;font-family:var(--font-sora), "Sora", sans-serif;align-items:center;gap:12px;display:inline-flex}.brand-mark-logo{background:linear-gradient(135deg, var(--brand-a), var(--brand-b));color:#fff;border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;box-shadow:0 14px 34px #4f46e547}.primary-button,.toolbar-button,.tab-button,.icon-card,.swatch{border:1px solid #0000;transition:all .18s}.primary-button{background:linear-gradient(135deg, var(--brand-a), var(--brand-b));color:#fff;border-radius:14px;align-items:center;gap:10px;padding:12px 18px;font-weight:600;display:inline-flex;box-shadow:0 18px 40px #7c3aed38}.primary-button:hover,.toolbar-button:hover,.tab-button:hover,.icon-card:hover,.swatch:hover{transform:translateY(-1px)}.hero-section{grid-template-columns:1.05fr 1fr;align-items:center;gap:28px;min-height:calc(100vh - 84px);padding:64px 32px 28px;display:grid}.hero-copy h1{letter-spacing:-.05em;max-width:680px;margin:16px 0;font-size:clamp(3rem,6vw,5rem);line-height:1.02}.hero-copy p{max-width:600px;color:var(--muted);margin:0;font-size:1.1rem;line-height:1.7}.hero-badge,.hero-proof{color:#4338ca;background:#ffffffb8;border:1px solid #7c3aed29;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;display:inline-flex}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px;display:flex}.hero-preview{justify-content:center;display:flex}.hero-app-window{width:min(100%,760px);min-height:520px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb8;border:1px solid #94a3b82e;border-radius:30px;grid-template-columns:180px 1fr 180px;gap:16px;padding:18px;display:grid}.hero-panel,.editor-sidebar,.control-card,.note-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd6;border-radius:24px}.hero-panel{padding:16px}.hero-panel-title,.sidebar-heading p{margin:0;font-size:.9rem;font-weight:700}.hero-search{border:1px solid var(--line);color:var(--muted);border-radius:14px;margin-top:16px;padding:10px 12px}.hero-icon-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}.hero-icon-grid span,.hero-preview-card{aspect-ratio:1;background:linear-gradient(135deg,#4f46e514,#9333ea1f),#fff;border:1px solid #94a3b829;border-radius:18px}.hero-canvas{background:radial-gradient(circle at top,#7c3aed14,#0000 45%),linear-gradient(#ffffffe6,#f8fafcf2);border:1px solid #94a3b829;border-radius:26px;justify-content:center;align-items:center;display:flex}.hero-logo-mark{color:#fff;background:linear-gradient(135deg,#4f46e5,#9333ea);border-radius:42px;justify-content:center;align-items:center;width:220px;height:220px;display:inline-flex;box-shadow:0 28px 60px #4f46e547}.hero-logo-mark svg{width:64px;height:64px}.hero-panel-right{align-content:start;gap:16px;display:grid}.hero-preview-card.is-tall{aspect-ratio:.72}.feature-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:min(1200px,100% - 64px);margin:0 auto;padding:18px 32px 60px;display:grid}.feature-card{box-shadow:var(--shadow);background:radial-gradient(circle at 100% 0,#4f46e524,#0000 30%),linear-gradient(#fffffff0,#f6f8fce6);border:1px solid #94a3b829;border-radius:24px;align-content:start;gap:12px;padding:24px;transition:transform .22s,box-shadow .22s,border-color .22s;display:grid;position:relative;overflow:hidden}.feature-card:before{content:"";opacity:.7;background:radial-gradient(circle,#4f46e538,#0000 68%);border-radius:50%;width:160px;height:160px;transition:transform .26s,opacity .22s;position:absolute;inset:auto -40px -48px auto}.feature-card:nth-child(2):before{background:radial-gradient(circle,#0ea5e938,#0000 68%)}.feature-card:nth-child(3):before{background:radial-gradient(circle,#ec489933,#0000 68%)}.feature-card:hover{border-color:#4f46e53d;transform:translateY(-10px)rotate(-.5deg);box-shadow:0 36px 110px #0f172a24}.feature-card:hover:before{opacity:1;transform:scale(1.15)}.feature-card-top{justify-content:space-between;align-items:center;display:flex}.feature-label{color:#4338ca;background:#4f46e51a;border-radius:999px;padding:8px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.feature-arrow{color:#4338ca;background:#ffffffd1;border:1px solid #94a3b829;border-radius:12px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.feature-card:hover .feature-arrow{transform:translate(2px,-2px)}.feature-visual{justify-content:space-between;align-items:center;gap:14px;display:flex}.feature-card h2{margin:4px 0 0;font-size:1.1rem}.feature-card p,.sidebar-heading span,.asset-meta span,.note-card p{color:var(--muted);margin:0;line-height:1.6}.feature-icon{background:var(--brand-soft);color:#5b21b6;border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;margin-top:18px;transition:transform .18s,background .18s;display:inline-flex}.feature-card:hover .feature-icon{background:#7c3aed2e;transform:translateY(-2px)scale(1.04)}.feature-metric{letter-spacing:-.05em;color:#0f172a;font-size:2rem;line-height:1}.feature-note{color:#4338ca;background:#ffffffdb;border:1px solid #94a3b829;border-radius:999px;align-items:center;width:fit-content;padding:8px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.identity-section{grid-template-columns:1.1fr .9fr;gap:24px;width:min(1200px,100% - 64px);margin:0 auto;padding:0 32px 72px;display:grid}.identity-copy,.identity-panel-card,.site-footer{border:1px solid #94a3b829;border-radius:28px}.identity-copy{box-shadow:var(--shadow);background:radial-gradient(circle at 0 0,#7c3aed1f,#0000 34%),#ffffffc7;padding:32px}.identity-badge{color:#4338ca;background:#4f46e51a;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-weight:600;display:inline-flex}.identity-copy h2{margin:18px 0 14px;font-size:clamp(2rem,3vw,3rem);line-height:1.05}.identity-copy p{color:var(--muted);margin:0;line-height:1.8}.identity-points{gap:14px;margin-top:24px;display:grid}.identity-point{background:#ffffffb3;border:1px solid #94a3b824;border-radius:18px;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.identity-point svg{color:#4338ca;flex-shrink:0;margin-top:2px}.identity-panel{align-content:center;gap:18px;display:grid}.identity-panel-card{box-shadow:var(--shadow);background:#ffffffd6;padding:24px;transition:transform .22s,box-shadow .22s,border-color .22s}.identity-panel-card:hover{transform:translateY(-8px);box-shadow:0 36px 100px #0f172a24}.identity-panel-card.is-primary{color:#fff;background:linear-gradient(135deg,#4f46e5fa,#9333eaf0)}.identity-panel-card span{color:inherit;opacity:.8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:.8rem;display:inline-flex}.identity-panel-card strong{margin-bottom:10px;font-size:1.2rem;display:block}.identity-panel-card p{color:inherit;opacity:.86;margin:0;line-height:1.7}.site-footer{width:min(1200px,100% - 64px);box-shadow:var(--shadow);background:radial-gradient(circle at 100% 0,#4f46e529,#0000 28%),linear-gradient(#ffffffeb,#f6f8fce0);margin:0 auto 40px}.footer-inner{grid-template-columns:1fr auto;align-items:center;gap:24px;padding:24px 32px;display:grid}.footer-brand p{color:#0f172a;margin:12px 0 0;font-weight:700}.footer-brand span{color:var(--muted);max-width:360px;margin-top:8px;line-height:1.7;display:block}.footer-social-panel{gap:14px;min-width:min(100%,360px);display:grid}.footer-panel-copy strong{margin-bottom:4px;font-size:1rem;display:block}.footer-panel-copy span{color:var(--muted);line-height:1.6}.footer-socials{flex-wrap:wrap;gap:12px;display:flex}.footer-socials a{background:#fffffff0;border:1px solid #94a3b824;border-radius:18px;align-items:center;gap:12px;min-width:168px;padding:14px 16px;transition:transform .22s,border-color .22s,box-shadow .22s;display:inline-flex}.footer-socials a:hover{color:#4338ca;border-color:#4f46e53d;transform:translateY(-4px);box-shadow:0 24px 56px #0f172a1f}.footer-social-icon{color:#4338ca;background:linear-gradient(135deg,#4f46e524,#9333ea29);border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.editor-root{background:radial-gradient(circle at top,#7c3aed24,#0000 22%),linear-gradient(#fbfcfe 0%,#f3f5fb 100%)}.back-link{color:var(--muted);align-items:center;gap:8px;display:inline-flex}.editor-page{flex-direction:column;height:calc(100vh - 88px);padding:20px 20px 28px;display:flex}.editor-shell{grid-template-columns:320px minmax(0,1fr) 320px;gap:18px;height:calc(100vh - 120px);min-height:0;display:grid}.editor-sidebar{height:100%;min-height:0;padding:18px;overflow-y:auto}.sidebar-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.panel-export-button{width:100%;margin-bottom:18px}.export-button{background:linear-gradient(135deg, var(--brand-a), var(--brand-b));color:#fff;cursor:pointer;border:1px solid #0000;border-radius:16px;padding:12px 16px;font-weight:600;transition:all .18s}.export-button:disabled{opacity:.55;cursor:not-allowed}.panel-tabs{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.tab-button,.toolbar-button,.icon-card,.field input,.field select,.search-box{border:1px solid var(--line);background:#ffffffd1;border-radius:16px;align-items:center;gap:8px;display:inline-flex}.tab-button,.toolbar-button{color:var(--muted);justify-content:center;padding:12px}.tab-button.is-active,.icon-card.is-selected,.swatch.is-active{color:#4c1d95;background:#7c3aed14;border-color:#7c3aed66}.search-box{color:var(--muted);margin-bottom:14px;padding:0 14px}.search-box input{background:0 0;border:0;outline:none;width:100%;padding:12px 0}.icon-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:420px;padding-right:4px;display:grid;overflow:auto}.icon-card{cursor:pointer;justify-content:center;min-height:56px}.control-card{margin-top:18px;padding:18px}.field{gap:8px;margin-bottom:14px;display:grid}.field-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.field span{font-size:.92rem;font-weight:600}.reset-button{border:1px solid var(--line);cursor:pointer;color:#0000;background:#ffffffe6;border-radius:12px;justify-content:center;align-items:center;width:34px;height:34px;font-size:0;display:inline-flex;position:relative}.reset-button:before{content:"↺";color:var(--ink);font-size:1rem;line-height:1}.reset-button:hover{background:#7c3aed14;border-color:#7c3aed66}.field input,.field select{outline:none;width:100%;padding:12px 14px}.field input[type=color]{border:1px solid var(--line);background:#fff;border-radius:18px;width:100%;height:48px;padding:0}.field input[type=range]{accent-color:#7c3aed;background:#94a3b82e;border-radius:999px;width:100%;height:14px;padding:0}.field input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#7c3aed;border:3px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 4px 12px #7c3aed3d}.field input[type=range]::-moz-range-thumb{cursor:pointer;background:#7c3aed;border:3px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 4px 12px #7c3aed3d}.font-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:320px;margin-bottom:14px;display:grid;overflow:auto}.font-card{text-align:left;border:1px solid var(--line);cursor:pointer;background:#ffffffe6;border-radius:18px;gap:4px;min-height:84px;padding:14px;transition:all .18s;display:grid}.font-card strong{font-size:1rem;line-height:1.2;display:block}.font-card span{color:var(--muted);align-items:center;font-size:.78rem;display:inline-flex}.font-card.is-selected{background:#7c3aed14;border-color:#7c3aed66}.selected-font{color:var(--muted);font-size:.9rem}.shape-row{flex-wrap:wrap;gap:10px;display:flex}.shape-pill{border:1px solid var(--line);cursor:pointer;background:#ffffffe6;border-radius:16px;flex:1;padding:10px 12px;transition:all .18s}.shape-pill.is-active{color:#4c1d95;background:#7c3aed1f;border-color:#7c3aed66}.weight-row{flex-wrap:wrap;gap:10px;display:flex}.weight-pill{border:1px solid var(--line);cursor:pointer;color:var(--ink);background:#ffffffe6;border-radius:999px;padding:10px 14px}.weight-pill.is-active{color:#4c1d95;background:#7c3aed1f;border-color:#7c3aed66}.swatch-row{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.color-mode-row{gap:10px;display:flex}.mode-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#ffffffeb;border-radius:16px;flex:1;padding:12px 14px}.mode-button.is-active{color:#4c1d95;background:#7c3aed1a;border-color:#7c3aed66}.swatch{cursor:pointer;border-radius:16px;height:48px}.editor-main{gap:18px;display:grid}.editor-toolbar{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe0;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex;position:sticky;top:18px;box-shadow:0 8px 24px #0f172a0f}.toolbar-group{gap:10px;display:inline-flex}.canvas-wrap{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffff9e;border-radius:30px;position:sticky;top:18px;overflow:hidden}.canvas-stage{background:linear-gradient(#94a3b814 1px,#0000 1px) 0 0/36px 36px,linear-gradient(90deg,#94a3b814 1px,#0000 1px) 0 0/36px 36px,radial-gradient(circle,#7c3aed14,#0000 45%),#f8fafc;place-items:center;min-height:760px;padding:24px;display:grid}.logo-card{background:#fff;border:1px solid #94a3b829;border-radius:40px;flex-direction:column;justify-content:center;align-items:center;gap:24px;width:min(100%,640px);min-height:600px;padding:28px;display:flex;box-shadow:0 32px 90px #0f172a14}.logo-icon{border-radius:48px;justify-content:center;align-items:center;display:flex;box-shadow:0 24px 50px #4f46e538}.logo-name{letter-spacing:.02em;text-align:center;margin-top:0;font-size:clamp(2.2rem,3.4vw,3.4rem);font-weight:700}.logo-tagline{color:var(--muted);letter-spacing:.24em;text-transform:uppercase;margin:12px 0 0}.asset-stack{gap:14px;display:grid}.asset-card{border:1px solid var(--line);text-align:left;background:#ffffffd1;border-radius:22px;width:100%;padding:14px;display:grid}.export-asset-card{cursor:pointer;transition:all .18s}.export-asset-card.is-selected{background:#7c3aed1a;border-color:#7c3aed6b}.export-asset-card:hover{transform:translateY(-1px)}.asset-mockup{background:radial-gradient(circle at top,#7c3aed14,#0000 42%),linear-gradient(#fff,#f8fafc);border:1px solid #94a3b829;border-radius:20px;justify-content:center;align-items:center;min-height:190px;display:flex}.asset-horizontal{min-height:140px}.asset-stacked{min-height:170px}.asset-only-icon{min-height:140px}.asset-transparent{background:#ffffffb3}.asset-logo{flex-direction:column;align-items:center;gap:12px;display:flex}.asset-logo-horizontal{flex-direction:row;align-items:center;gap:14px}.asset-logo-stacked{flex-direction:column;gap:12px}.asset-logo-only-icon{justify-content:center}.asset-logo-mark{border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;transition:all .18s;display:flex;box-shadow:0 14px 28px #4f46e533}.asset-logo-mark.asset-logo-transparent{box-shadow:none;border-style:solid;border-width:1px}.asset-logo-text{text-align:center;font-size:1.2rem;font-weight:700}.asset-meta{gap:4px;margin-top:12px;display:grid}.note-card{gap:12px;margin-top:16px;padding:16px;display:flex}.icon-selector-btn{border:1px solid var(--line);cursor:pointer;width:100%;color:var(--ink);background:#ffffffe6;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;font-size:.95rem;transition:all .18s;display:flex}.icon-selector-btn:hover{background:#7c3aed0a;border-color:#7c3aed4d}.icon-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.icon-modal{background:#fff;border-radius:32px;flex-direction:column;width:min(90vw,720px);max-height:80vh;display:flex;overflow:hidden;box-shadow:0 48px 120px #0f172a29}.icon-modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.icon-modal-header h2{color:var(--ink);margin:0;font-size:1.3rem;font-weight:700}.icon-modal-close{border:1px solid var(--line);cursor:pointer;width:40px;height:40px;color:var(--muted);background:#ffffffe6;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:all .18s;display:flex}.icon-modal-close:hover{background:#7c3aed14;border-color:#7c3aed4d}.icon-modal-search{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:12px;padding:16px 24px;display:flex}.icon-modal-search input{color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:1rem}.icon-modal-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:12px;min-height:280px;padding:24px;display:grid;overflow-y:auto}.icon-modal-status,.icon-modal-sentinel{grid-column:1/-1}.icon-modal-status{color:var(--muted);justify-content:center;padding:10px 0 2px;font-size:.92rem;display:flex}.icon-modal-sentinel{height:1px}.export-modal{width:min(92vw,1040px);max-height:86vh}.export-modal-copy{justify-content:space-between;align-items:center;gap:12px;padding:18px 24px 0;display:flex}.export-modal-copy p,.export-modal-copy span{margin:0}.export-modal-copy span{color:var(--muted)}.export-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:24px;display:grid;overflow-y:auto}.export-modal-actions{justify-content:flex-end;gap:12px;padding:0 24px 24px;display:flex}.secondary-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#ffffffeb;border-radius:16px;padding:12px 16px}.secondary-button:disabled{opacity:.55;cursor:not-allowed}@media (max-width:1180px){.hero-section,.editor-shell,.feature-strip,.identity-section,.hero-app-window{grid-template-columns:1fr}.hero-panel-left,.hero-panel-right{min-height:180px}.footer-inner{grid-template-columns:1fr}}@media (max-width:720px){.landing-nav,.editor-header,.hero-section,.feature-strip,.identity-section,.editor-page{padding-left:16px;padding-right:16px}.landing-nav,.editor-header,.hero-actions,.editor-toolbar{flex-direction:column;align-items:stretch}.panel-tabs,.swatch-row{grid-template-columns:repeat(2,1fr)}.icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.canvas-stage{min-height:520px}.logo-card{min-height:420px;padding:20px}.landing-nav,.feature-strip,.identity-section,.site-footer{width:calc(100% - 32px)}.footer-inner{flex-direction:column;align-items:flex-start;padding:20px}.header-contact-button,.export-modal-actions .export-button,.secondary-button{width:100%}.export-modal-grid{grid-template-columns:1fr}.export-modal-actions{flex-direction:column}}