@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
.grtr-app{background:var(--bg);min-height:100vh;color:var(--text);isolation:isolate;font-family:Inter,system-ui,sans-serif;position:relative}.grtr-app *{box-sizing:border-box}.grtr-app button,.grtr-app input,.grtr-app textarea{font:inherit}.ambient-bg{z-index:-1;pointer-events:none;background:radial-gradient(50% 35% at 72% -5%,#6366f126,#0000 70%),radial-gradient(45% 35% at 10% 45%,#6d28d912,#0000 70%);position:fixed;inset:0}.ambient-bg:after{content:"";opacity:.18;background-image:radial-gradient(#ffffff29 .6px,#0000 .6px);background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.app-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:30;background:#08090ad1;align-items:center;gap:28px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.brand{color:#fff;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;display:flex}.brand-mark{color:#100a1c;background:linear-gradient(145deg,#ddd6fe,#7c3aed);border-radius:8px;place-items:center;width:27px;height:27px;font-weight:800;display:grid;box-shadow:0 0 24px #8b5cf659}.brand-name{letter-spacing:-.04em;color:#0000;background:linear-gradient(90deg,#fff,#aaa,#fff) 0 0/200%;-webkit-background-clip:text;background-clip:text;font-size:19px;font-weight:700;animation:5s linear infinite shimmer}.brand-spark{color:#a78bfa;width:12px}.main-links{align-items:center;gap:22px;display:flex}.main-links button{color:#8f929c;cursor:pointer;background:0 0;border:0;font-size:12px}.main-links button:hover{color:#fff}.main-links span{border:1px solid var(--line);border-radius:4px;padding:2px 5px;font-family:JetBrains Mono}.main-links .upgrade-link{color:#c4b5fd}.view-switcher{border:1px solid var(--line);background:#0d0f12;border-radius:10px;margin:auto;padding:3px;display:flex}.view-switcher button{color:#70737c;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:5px;height:32px;padding:0 12px;font-size:11px;display:flex}.view-switcher svg{width:13px}.view-switcher button.active{color:#fff;background:#1a1d22;box-shadow:0 1px 6px #000}.step-number{font-family:JetBrains Mono;font-size:9px}.profile{align-items:center;gap:8px;display:flex}.tier-badge{text-transform:uppercase;letter-spacing:.08em;color:#c4b5fd;border:1px solid #8b5cf64d;border-radius:99px;padding:4px 7px;font-size:9px}.avatar{border:1px solid var(--line-bright);color:#fff;background:linear-gradient(135deg,#27272a,#5b21b6);border-radius:50%;width:30px;height:30px;font-size:10px}.mobile-menu,.mobile-nav{display:none}.view-shell{width:min(1440px,100% - 64px);margin:0 auto;padding:54px 0 90px}.section-heading{text-align:center;max-width:750px;margin:0 auto 42px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#9d8cf8;font-family:JetBrains Mono;font-size:10px}.section-heading h1,.dashboard-head h1,.blueprint-top h1{letter-spacing:-.055em;margin:12px 0;font-size:clamp(32px,4vw,50px);line-height:1.08}.section-heading p,.dashboard-head p{color:var(--muted);font-size:14px;line-height:1.6}.input-grid{grid-template-columns:.88fr 1.12fr;gap:16px;display:grid}.panel,.strategy-card,.target-card,.motion-card,.metric-card,.applications-panel,.intel-panel{border:1px solid var(--line);background:linear-gradient(145deg,#12151af0,#0b0d10f5);border-radius:14px}.panel{padding:22px}.panel-title{gap:12px;margin-bottom:25px;display:flex}.panel-title>span,.strategy-label>span{color:#8b5cf6;border:1px solid #8b5cf64d;border-radius:5px;height:max-content;padding:4px;font-family:JetBrains Mono;font-size:9px}.panel-title h2{margin:0 0 5px;font-size:15px}.panel-title p{color:var(--muted);margin:0;font-size:11px}.field-label{text-transform:uppercase;letter-spacing:.1em;color:#a1a3aa;margin:18px 0 9px;font-size:10px;display:block}.upload-zone{background:#ffffff04;border:1px dashed #ffffff24;border-radius:10px;align-items:center;gap:12px;min-height:90px;padding:16px;transition:all .2s;display:flex}.upload-zone:hover,.upload-zone:focus-visible{background:#8b5cf609;border-color:#8b5cf6;outline:none}.upload-icon{border:1px solid var(--line);background:#14161b;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.upload-icon svg{width:15px}.upload-zone>div:nth-child(2){flex-direction:column;flex:1;gap:4px;display:flex}.upload-zone strong{font-size:12px}.upload-zone span{color:var(--muted);font-size:10px}.file-chip{background:#8b5cf614;border-radius:6px;align-items:center;padding:7px 9px;display:flex;color:#c4b5fd!important;gap:6px!important;font-size:9px!important}.file-chip svg{width:12px}.file-chip button{color:#aaa;background:0 0;border:0;padding:0}.field-row{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.field-row .field-label{margin:0}.mini-toggle{border:1px solid var(--line);border-radius:7px;padding:2px;display:flex}.mini-toggle button{color:#777;background:0 0;border:0;border-radius:5px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;display:flex}.mini-toggle svg{width:11px}.mini-toggle .active{color:#fff;background:#202228}.jd-textarea,.custom-prompt textarea,.hero-strategy textarea,.custom-direction,.chat-composer textarea{resize:none;border:1px solid var(--line);color:#d7d7da;background:#0a0c0f;border-radius:9px;outline:none;width:100%}.jd-textarea{height:165px;padding:14px;font-size:11px;line-height:1.7}.jd-textarea:focus,.custom-prompt textarea:focus,.hero-strategy textarea:focus{border-color:#8b5cf699}.input-meta{color:#696c74;justify-content:space-between;margin-top:7px;font-size:9px;display:flex}.input-meta span:first-child{color:#6ee7b7;align-items:center;gap:4px;display:flex}.input-meta svg{width:10px}.design-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-bottom:17px;display:grid}.design-tabs button{color:#72757f;background:0 0;border:0;padding:0 5px 11px;font-size:10px;position:relative}.design-tabs button.active{color:#fff}.design-tabs button.active:after{content:"";background:#a78bfa;height:1px;position:absolute;bottom:-1px;left:10px;right:10px;box-shadow:0 0 8px #8b5cf6}.system-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.design-card{text-align:left;color:#fff;border:1px solid var(--line);background:#0c0e11;border-radius:10px;align-items:center;gap:11px;min-height:75px;padding:12px;display:flex;position:relative;overflow:hidden}.design-card:last-child{grid-column:span 2}.design-card:hover{border-color:var(--line-bright)}.design-card.selected{background:linear-gradient(130deg,#8b5cf61a,#0c0e11 50%)}.system-logo{width:35px;height:35px;color:var(--logo-color);background:color-mix(in srgb,var(--logo-color) 12%,transparent);border:1px solid color-mix(in srgb,var(--logo-color) 30%,transparent);border-radius:8px;place-items:center;font-family:JetBrains Mono;font-size:9px;font-weight:600;display:grid}.design-card>span:nth-child(2){flex-direction:column;gap:4px;display:flex}.design-card strong{font-size:11px}.design-card small{color:var(--muted);font-size:8px}.selected-check{color:#a78bfa;width:12px;margin-left:auto}.beam{position:relative}.beam:after{content:"";border-radius:inherit;background:conic-gradient(from var(--angle),transparent 70%,#8b5cf6,#fff,transparent);-webkit-mask-composite:xor;pointer-events:none;padding:1px;animation:4s linear infinite spin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.template-tools{gap:6px;margin-bottom:10px;display:flex}.template-tools>div{border:1px solid var(--line);border-radius:7px;flex:1;align-items:center;gap:6px;padding:0 8px;display:flex}.template-tools svg{width:11px}.template-tools input{color:#fff;background:0 0;border:0;outline:0;width:100%;font-size:9px}.template-tools button,.prompt-tags button{border:1px solid var(--line);color:#8b8e98;background:#101216;border-radius:7px;font-size:8px}.template-grid,.mood-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.template-card{border:1px solid var(--line);color:#fff;text-align:left;background:#0b0d10;border-radius:8px;flex-direction:column;gap:3px;padding:6px;display:flex}.template-preview{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:5px;flex-direction:column;gap:5px;height:65px;padding:8px;display:flex;position:relative}.preview-1{background:#d5d1c7}.preview-2{background:radial-gradient(circle at 70%,#312e81,#09090b 60%)}.preview-3{background:linear-gradient(135deg,#052e2b,#171717)}.template-preview i{background:#ffffffb3;border-radius:9px;width:30%;height:5px}.template-preview b{background:#ffffff40;border-radius:2px;width:65%;height:15px}.template-preview em{border:1px solid #fff3;border-radius:3px;width:100%;height:20px;margin-top:auto}.template-card strong{margin-top:3px;font-size:9px}.template-card small{color:#777;font-size:7px}.mood-card{border:1px solid var(--line);color:#fff;text-align:left;background:#111;border-radius:9px;flex-direction:column;align-items:flex-start;height:96px;padding:10px;display:flex}.mood-card>span{opacity:.5;font-family:JetBrains Mono;font-size:8px}.mood-card strong{margin-top:auto;font-size:10px}.mood-card small{gap:4px;font-size:8px;display:flex}.mood-card svg{width:10px}.mood-0{color:#111;background:#ddd}.mood-1{background:radial-gradient(circle at 80%,#4c1d95,#020617 70%)}.mood-2{background:#30271f;font-family:serif}.mood-3{color:#08090a;background:#ef4444;box-shadow:inset -5px -5px #000}.custom-prompt textarea{height:140px;padding:14px;font-size:11px;line-height:1.6}.prompt-tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.prompt-tags button{align-items:center;gap:4px;padding:6px 8px;display:flex}.prompt-tags svg{width:10px}.generate-bar{justify-content:center;align-items:center;gap:18px;margin-top:22px;display:flex}.generate-bar>div,.generate-bar>span{color:var(--muted);font-size:9px}.generate-bar>div{align-items:center;gap:6px;display:flex}.pulse-dot,.status-dot{background:#6ee7b7;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 4px #6ee7b714}.primary-cta{color:#fff!important;background:linear-gradient(100deg,#6d4aff,#9b6dff)!important;border:0!important;box-shadow:0 8px 30px #6d4aff33!important}.beam-button{position:relative;overflow:hidden}.beam-button:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);animation:3s infinite buttonShimmer;position:absolute;inset:0;transform:translate(-150%)}.blueprint-view{max-width:1320px}.blueprint-top{justify-content:space-between;align-items:end;margin-bottom:26px;display:flex}.blueprint-top h1{font-size:38px}.match-score{background:#8b5cf614;border:1px solid #8b5cf647;border-radius:11px;align-items:center;padding:8px 13px;display:flex}.match-score>span{letter-spacing:-.07em;font-size:27px;font-weight:700}.match-score>div{flex-direction:column;display:flex}.match-score strong{color:#a78bfa;font-size:10px}.match-score small{color:#8b8e98;font-size:8px}.blueprint-layout{grid-template-columns:1fr 270px;gap:14px;display:grid}.blueprint-main{flex-direction:column;gap:12px;display:flex}.strategy-card{padding:20px}.strategy-label{text-transform:uppercase;letter-spacing:.1em;color:#8c8f98;align-items:center;gap:8px;margin-bottom:15px;font-size:9px;display:flex}.strategy-label button{color:#a78bfa;background:0 0;border:0;margin-left:auto;font-size:9px}.hero-strategy textarea{letter-spacing:-.02em;height:90px;padding:14px;font-size:18px;font-weight:500;line-height:1.5}.confidence{color:#6ee7b7;align-items:center;gap:5px;margin-top:8px;font-size:9px;display:flex}.confidence svg{width:11px}.direction-pills{gap:6px;margin-bottom:12px;display:flex}.direction-pills button{border:1px solid var(--line);color:#7c7f87;background:#0a0c0f;border-radius:7px;padding:8px 10px;font-size:9px}.direction-pills button span{margin-right:5px;font-family:JetBrains Mono}.direction-pills .active{color:#fff;background:#8b5cf614;border-color:#8b5cf680}.deep-dive{border:1px solid var(--line);background:#0a0c0f;border-radius:9px;grid-template-columns:1fr 18px 1fr 18px 1fr;align-items:center;padding:14px;display:grid}.deep-dive small{text-transform:uppercase;color:#777;font-size:8px}.deep-dive p{color:#bec0c6;margin:5px 0;font-size:10px;line-height:1.55}.deep-dive>svg{color:#454850;width:12px}.win-proof{background:#8b5cf60f;border-radius:7px;padding:10px}.custom-direction{margin-top:9px;padding:10px 12px;font-size:9px}.case-grid{flex-direction:column;gap:7px;display:flex}.case-card{border:1px solid var(--line);background:#0c0e11;border-radius:9px;grid-template-columns:25px 1fr 70px;gap:10px;padding:12px;display:grid}.case-card>span{color:#6c6f77;font-family:JetBrains Mono;font-size:9px}.case-card small{text-transform:uppercase;color:#6f727b;font-size:7px}.case-card h3{margin:2px 0;font-size:12px}.case-card p{color:#888b94;margin:4px 0;font-size:9px}.case-card button{color:#a78bfa;background:0 0;border:0;padding:0;font-size:8px}.case-metric{border-left:1px solid var(--line);flex-direction:column;justify-content:center;padding-left:14px;display:flex}.case-metric strong{font-size:18px}.blueprint-aside{flex-direction:column;gap:12px;display:flex}.target-card,.motion-card{padding:18px}.target-card>small,.motion-card>small{text-transform:uppercase;color:#8b5cf6;letter-spacing:.1em;font-size:8px}.target-card h3,.motion-card h3{margin:8px 0 3px;font-size:16px}.target-card>p,.motion-card>p{color:#868992;font-size:9px;line-height:1.5}.target-card>div{border-top:1px solid var(--line);color:#777;justify-content:space-between;margin-top:10px;padding-top:10px;font-size:8px;display:flex}.target-card div strong{color:#ccc;font-weight:500}.orb-preview{background:radial-gradient(circle,#4c1d95,#0000 60%);height:110px;margin:-18px -18px 15px;position:relative;overflow:hidden}.orb-preview span{border:1px solid #c4b5fd40;border-radius:50%;width:60px;height:60px;animation:6s infinite alternate orb;position:absolute;top:25px;left:105px}.orb-preview span:nth-child(2){width:100px;height:100px;top:5px;left:85px}.orb-preview span:nth-child(3){width:140px;height:140px;top:-15px;left:65px}.sticky-footer{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f1115e6;border-radius:12px;justify-content:space-between;margin-top:18px;padding:10px 12px;display:flex;position:sticky;bottom:12px}.sticky-footer>div{align-items:center;gap:12px;display:flex}.sticky-footer span{color:#73767e;font-size:8px}.studio-view{grid-template-columns:minmax(300px,32%) 1fr;height:calc(100vh - 64px);display:grid}.chat-pane{border-right:1px solid var(--line);background:#0b0d10;flex-direction:column;min-height:0;display:flex}.chat-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;height:62px;padding:0 16px;display:flex}.ai-avatar{background:linear-gradient(145deg,#7c3aed,#312e81);border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.ai-avatar svg{width:13px}.chat-head>div:nth-child(2){flex-direction:column;gap:3px;display:flex}.chat-head strong{font-size:11px}.chat-head span{color:#777;font-size:8px}.chat-head i{background:#6ee7b7;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.chat-head button{color:#777;background:0 0;border:0;margin-left:auto}.chat-context{border:1px solid var(--line);background:#0f1115;border-radius:8px;grid-template-columns:1fr 1fr;margin:12px 14px 0;padding:10px;display:grid}.chat-context>span{color:#8b5cf6;letter-spacing:.1em;grid-row:span 2;font-size:7px}.chat-context strong{text-align:right;font-size:9px}.chat-context small{text-align:right;color:#777;font-size:8px}.messages{flex-direction:column;flex:1;gap:16px;padding:18px 15px;display:flex;overflow:auto}.ai-message{gap:9px;display:flex}.ai-message>span{color:#a78bfa;background:#21183a;border-radius:7px;flex:none;place-items:center;width:22px;height:22px;display:grid}.ai-message svg{width:10px}.ai-message p{color:#a5a7ad;margin:0 0 7px;font-size:10px;line-height:1.6}.suggestions{grid-template-columns:1fr 1fr;gap:6px;margin-left:31px;display:grid}.suggestions button{text-align:left;border:1px solid var(--line);color:#b5b7bd;background:#101217;border-radius:7px;justify-content:space-between;align-items:center;padding:8px;font-size:8px;display:flex}.suggestions button:hover{border-color:#8b5cf666}.suggestions svg{width:10px}.user-message{color:#ddd6fe;background:#27213b;border-radius:9px 9px 2px;align-self:flex-end;margin-left:50px;padding:9px 11px;font-size:10px;line-height:1.5}.change-note{color:#6ee7b7;background:#6ee7b70f;border-radius:5px;align-items:center;gap:5px;padding:5px 7px;font-size:8px;display:inline-flex}.change-note svg{width:9px}.chat-composer{border:1px solid var(--line);background:#101217;border-radius:9px;margin:10px 14px 14px}.chat-composer:focus-within{border-color:#8b5cf680}.chat-composer textarea{background:0 0;border:0;border-radius:0;height:65px;padding:10px;font-size:10px}.chat-composer>div{justify-content:space-between;align-items:center;padding:0 7px 7px;display:flex}.chat-composer span{color:#5e6168;font-size:7px}.chat-composer button{color:#fff;background:#7c3aed;border:0;border-radius:6px;width:25px;height:25px}.chat-composer svg{width:11px}.preview-pane{background:#111318;flex-direction:column;min-width:0;display:flex}.studio-toolbar{border-bottom:1px solid var(--line);background:#0c0e11;justify-content:space-between;align-items:center;height:52px;padding:0 14px;display:flex}.studio-toolbar>div:first-child{color:#787b83;align-items:center;gap:7px;font-size:8px;display:flex}.toolbar-actions{align-items:center;gap:9px;display:flex}.viewport-toggle{border:1px solid var(--line);border-radius:6px;padding:2px;display:flex}.viewport-toggle button{color:#666;background:0 0;border:0;border-radius:4px;width:26px;height:24px}.viewport-toggle svg{width:11px}.viewport-toggle .active{color:#fff;background:#23262b}.system-badge{color:#777;border-left:1px solid var(--line);padding-left:9px;font-size:8px}.system-badge b{color:#fff}.publish-button{color:#111!important;background:#fff!important}.preview-canvas{background-image:radial-gradient(#ffffff21 .5px,#0000 .5px);background-size:15px 15px;flex:1;place-items:start center;padding:22px;display:grid;overflow:auto}.preview-frame{border:1px solid #31343a;border-radius:10px;width:100%;max-width:1060px;transition:all .3s;overflow:hidden;box-shadow:0 20px 80px #00000080}.preview-frame.mobile{width:390px}.browser-bar{background:#191b20;align-items:center;gap:5px;height:25px;padding:0 8px;display:flex}.browser-bar>span{background:#4b4d52;border-radius:50%;width:5px;height:5px}.browser-bar>div{color:#65676e;background:#111318;border-radius:4px;margin:auto;padding:3px 50px;font-size:6px}.portfolio-preview{color:#161616;background:#ebe9e3;font-family:Inter,sans-serif}.portfolio-preview nav{border-bottom:1px solid #cbc9c3;align-items:center;height:54px;padding:0 5%;display:flex}.portfolio-preview nav strong{font-size:18px}.portfolio-preview nav strong span{color:#6d28d9}.portfolio-preview nav div{gap:22px;margin:auto;font-size:7px;display:flex}.portfolio-preview nav button{color:#fff;background:#171717;border:0;padding:8px 11px;font-size:7px}.portfolio-preview nav svg,.preview-hero button svg{width:9px}.preview-hero{flex-direction:column;min-height:360px;padding:60px 8% 42px;display:flex}.availability{letter-spacing:.08em;font-family:JetBrains Mono;font-size:6px}.availability span{background:#22c55e;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.preview-hero h2{letter-spacing:-.06em;max-width:820px;margin:26px 0 18px;font-size:clamp(28px,5vw,62px);line-height:1.02}.preview-hero h2 em{color:#6046a8;font-family:Georgia,serif;font-weight:400}.preview-hero p{color:#696969;font-size:10px}.preview-hero>div:last-child{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.preview-hero button{color:#fff;background:#191919;border:0;padding:11px 14px;font-size:7px}.preview-hero>div>span{color:#777;font-family:JetBrains Mono;font-size:6px}.teardown{color:#fff;background:#151515;padding:55px 8%}.teardown>small{color:#8c7bb9;font-family:JetBrains Mono;font-size:6px}.teardown>div:nth-child(2){grid-template-columns:1.1fr .9fr;gap:50px;margin:20px 0 40px;display:grid}.teardown h3{letter-spacing:-.04em;margin:0;font-size:25px;line-height:1.15}.teardown p{color:#969696;font-size:8px;line-height:1.6}.teardown-cards{border-top:1px solid #333;grid-template-columns:repeat(3,1fr);display:grid}.teardown-cards article{border-right:1px solid #333;padding:18px 14px 8px 0}.teardown-cards article+article{padding-left:14px}.teardown-cards span{color:#777;font-family:JetBrains Mono;font-size:6px}.teardown-cards strong{margin:18px 0 7px;font-size:9px;display:block}.preview-metrics{color:#fff;background:#6533c8;grid-template-columns:repeat(3,1fr);padding:35px 8%;display:grid}.preview-metrics div{border-right:1px solid #fff3;flex-direction:column;display:flex}.preview-metrics strong{letter-spacing:-.05em;font-size:28px}.preview-metrics span{font-size:7px}.preview-frame.mobile .portfolio-preview nav div{display:none}.preview-frame.mobile .preview-hero{min-height:420px}.preview-frame.mobile .preview-hero h2{font-size:40px}.preview-frame.mobile .teardown>div:nth-child(2),.preview-frame.mobile .teardown-cards{grid-template-columns:1fr}.preview-frame.mobile .preview-metrics strong{font-size:20px}.mobile-studio-toggle{display:none}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#000000c2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.publish-modal{border:1px solid var(--line-bright);background:#0d0f12;border-radius:16px;width:min(760px,100%);padding:28px;position:relative}.publish-modal>h2{letter-spacing:-.04em;margin:8px 0;font-size:27px}.publish-modal>p{color:#858891;margin:0 0 22px;font-size:11px}.modal-close{border:1px solid var(--line);color:#888;background:#14161a;border-radius:7px;width:28px;height:28px;position:absolute;top:16px;right:16px}.modal-close svg{width:12px}.plan-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.plan-card{border:1px solid var(--line);background:#101216;border-radius:11px;padding:18px;position:relative}.plan-card.pro{background:linear-gradient(145deg,#8b5cf61a,#101216 40%);border-color:#8b5cf673}.recommended{color:#fff;letter-spacing:.1em;background:#7c3aed;border-radius:5px;padding:3px 7px;font-size:6px;position:absolute;top:-8px;right:12px}.plan-name{justify-content:space-between;align-items:center;display:flex}.plan-name>span{font-size:14px;font-weight:700}.plan-name small{color:#858891;font-size:7px}.plan-card h3{margin:22px 0 8px;font-size:11px}.url-box,.domain-box{border:1px solid var(--line);background:#0a0c0f;border-radius:7px;align-items:center;gap:7px;height:43px;padding:0 9px;display:flex}.url-box>svg,.domain-box>svg{color:#8b5cf6;width:12px}.url-box span{color:#a7a9af;flex:1;font-size:8px}.url-box button{color:#777;background:0 0;border:0}.url-box button svg{width:11px}.domain-box>div{flex-direction:column;display:flex}.domain-box small{color:#777;font-size:6px}.domain-box strong{font-size:9px}.plan-card ul{flex-direction:column;gap:7px;margin:14px 0;padding:0;list-style:none;display:flex}.plan-card li{color:#a7a9af;gap:6px;font-size:8px;display:flex}.plan-card li svg{color:#6ee7b7;width:10px}.full-button{width:100%}.dns-helper{color:#898c94;justify-content:space-between;margin-top:12px;font-size:8px;display:flex}.dns-helper span{color:#b7bac0;gap:4px;display:flex}.dns-helper svg{color:#6ee7b7;width:10px}.analytics-view{max-width:1400px}.dashboard-head{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.dashboard-head h1{font-size:42px}.dashboard-head p{margin:0}.metric-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:13px;display:grid}.metric-card{padding:16px}.metric-card>div{align-items:center;gap:8px;display:flex}.metric-card>div>span{background:#171a1f;border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.metric-card svg{color:#a78bfa;width:12px}.metric-card small{color:#83868e;text-transform:uppercase;letter-spacing:.07em;font-size:8px}.metric-card>strong{letter-spacing:-.05em;margin:16px 0 4px;font-size:27px;display:block}.metric-card p{color:#6ee7b7;margin:0;font-size:8px}.dashboard-grid{grid-template-columns:1fr 340px;gap:13px;display:grid}.applications-panel,.intel-panel{overflow:hidden}.list-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:68px;padding:0 18px;display:flex}.list-head h2,.intel-head h2{margin:0 0 3px;font-size:13px}.list-head p{color:#777;margin:0;font-size:8px}.list-head button{border:1px solid var(--line);color:#777;background:#111318;border-radius:6px;padding:6px 8px;font-size:8px}.list-head svg{width:10px;margin-right:4px}.app-list{flex-direction:column;display:flex}.app-row{text-align:left;color:#fff;border:0;border-bottom:1px solid var(--line);background:0 0;grid-template-columns:34px minmax(150px,1fr) 48px 54px 60px 75px 12px;align-items:center;gap:10px;padding:14px 16px;transition:all .2s;display:grid}.app-row:hover,.app-row.selected{background:#ffffff08}.app-row.selected{background:#ffffff0d;border-left:2px solid #8b5cf6d9}.company-mark{background:color-mix(in srgb,var(--company-color) 16%,transparent);border:1px solid color-mix(in srgb,var(--company-color) 30%,transparent);width:30px;height:30px;color:var(--company-color);border-radius:8px;place-items:center;font-size:11px;font-weight:700;display:grid}.app-primary{flex-direction:column;gap:2px;display:flex}.app-primary strong{font-size:10px}.app-primary>span{color:#8b8e98;font-size:8px}.app-primary small{color:#5f626a;align-items:center;gap:3px;font-size:7px;display:flex}.app-primary svg{width:8px}.plan-pill{border:1px solid var(--line);color:#8b8e98;text-align:center;border-radius:99px;padding:3px 6px;font-size:7px}.plan-pill.pro{color:#c4b5fd;border-color:#8b5cf64d}.plan-pill i{background:#6ee7b7;border-radius:50%;width:4px;height:4px;margin-left:3px;display:inline-block}.app-stat,.last-view{flex-direction:column;gap:3px;display:flex}.app-stat strong{font-size:11px}.app-stat small,.last-view small{color:#656871;font-size:7px}.last-view span{font-size:8px}.app-row>svg{color:#555;width:11px}.intel-panel{padding-bottom:14px}.intel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:68px;padding:0 14px;display:flex}.intel-head>div{align-items:center;gap:9px;display:flex}.intel-head small{color:#777;font-size:7px}.intel-head button{border:1px solid var(--line);color:#777;background:0 0;border-radius:6px;width:27px;height:27px}.intel-head button svg{width:11px}.heatmap{border-bottom:1px solid var(--line);padding:16px}.heatmap>div:first-child{justify-content:space-between;font-size:8px;display:flex}.heatmap strong{color:#6ee7b7;font-weight:500}.heat-bars{flex-direction:column;gap:3px;height:38px;margin:12px 0 8px;display:flex}.heat-bars span{opacity:.85;background:linear-gradient(90deg,#6d28d9,#a78bfa);border-radius:2px;height:6px}.heat-labels{color:#666;grid-template-columns:repeat(4,1fr);font-size:6px;display:grid}.intel-feed{padding:15px}.intel-feed h3{text-transform:uppercase;letter-spacing:.08em;color:#777;margin:0 0 12px;font-size:9px}.intel-feed article{gap:10px;padding:8px 0;display:flex}.intel-feed article>span{background:#6ee7b7;border-radius:50%;flex:none;width:6px;height:6px;margin-top:4px;box-shadow:0 0 8px #6ee7b7}.intel-feed article>span.muted{box-shadow:none;background:#8b5cf6}.intel-feed p{color:#aaacb2;margin:0;font-size:9px;line-height:1.45}.intel-feed small{color:#5f6269;font-size:7px}.intel-panel>.full-button{width:calc(100% - 28px);margin:0 14px}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes spin{to{--angle:360deg}}@keyframes shimmer{to{background-position:-200%}}@keyframes buttonShimmer{0%,65%{transform:translate(-150%)}to{transform:translate(150%)}}@keyframes orb{to{transform:scale(1.15)rotate(25deg)}}@media (max-width:1100px){.main-links{display:none}.input-grid,.dashboard-grid{grid-template-columns:1fr}.intel-panel{display:none}.blueprint-layout{grid-template-columns:1fr}.blueprint-aside{grid-template-columns:1fr 1fr;display:grid}.system-grid{grid-template-columns:repeat(3,1fr)}.design-card:last-child{grid-column:auto}.view-switcher span:not(.step-number){display:none}.view-switcher button{padding:0 9px}.studio-view{grid-template-columns:300px 1fr}}@media (max-width:720px){.app-header{padding:0 16px}.view-switcher,.profile{display:none}.mobile-menu{color:#fff;background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.mobile-menu svg{width:18px}.mobile-nav{border:1px solid var(--line);background:#101216;border-radius:10px;flex-direction:column;padding:8px;display:flex;position:absolute;top:56px;left:12px;right:12px}.mobile-nav button{color:#888;text-align:left;background:0 0;border:0;border-radius:6px;padding:10px}.mobile-nav button.active{color:#fff;background:#1c1f25}.view-shell{width:calc(100% - 28px);padding-top:35px}.input-grid{display:block}.panel{margin-bottom:12px}.section-heading{text-align:left;margin-bottom:26px}.section-heading h1{font-size:35px}.system-grid{grid-template-columns:1fr 1fr}.design-card:last-child{grid-column:span 2}.generate-bar{flex-direction:column}.blueprint-top{align-items:start}.blueprint-top h1{font-size:30px}.match-score{display:none}.blueprint-aside,.deep-dive{grid-template-columns:1fr}.deep-dive>svg{margin:auto;transform:rotate(90deg)}.direction-pills{overflow:auto}.direction-pills button{white-space:nowrap}.case-card{grid-template-columns:20px 1fr}.case-metric{display:none}.sticky-footer{position:static}.sticky-footer>div{display:block}.sticky-footer span{display:none}.studio-view{height:calc(100vh - 64px);padding-top:45px;display:block;position:relative}.mobile-studio-toggle{border:1px solid var(--line);border-radius:7px;padding:2px;display:flex;position:absolute;top:6px;left:50%;transform:translate(-50%)}.mobile-studio-toggle button{color:#777;background:0 0;border:0;border-radius:5px;padding:6px 12px;font-size:9px}.mobile-studio-toggle svg{width:11px;margin-right:4px}.mobile-studio-toggle button.active{color:#fff;background:#22252a}.chat-pane,.preview-pane{height:100%;display:none}.chat-pane.mobile-show,.preview-pane.mobile-show{display:flex}.preview-canvas{padding:10px}.preview-frame{min-width:0}.studio-toolbar>div:first-child,.system-badge{display:none}.toolbar-actions{margin-left:auto}.plan-grid{grid-template-columns:1fr;max-height:65vh;overflow:auto}.publish-modal{padding:20px}.dns-helper{display:none}.dashboard-head{align-items:start}.dashboard-head h1{font-size:34px}.dashboard-head p{max-width:240px}.metric-grid{grid-template-columns:1fr 1fr}.app-row{grid-template-columns:34px 1fr 42px 12px}.app-stat,.last-view{display:none}.analytics-view{padding-bottom:40px}.preview-frame.mobile{width:100%}}html{scroll-behavior:smooth;scroll-padding-top:100px}.grtr-app{background:var(--bg);color:var(--text);--primary:#11110f;--primary-foreground:#fff;--background:#fafaf8;--foreground:#11110f;--border:#deded8;--input:#deded8;--accent:#efefeb;--accent-foreground:#11110f;font-family:Instrument Sans,sans-serif}.grtr-app button{cursor:pointer}.grtr-app :focus-visible{outline-offset:4px;outline:2px solid #686862}.ambient-bg{background:0 0}.ambient-bg:after{opacity:1;background-image:linear-gradient(#11111105 1px,#0000 1px),linear-gradient(90deg,#11111105 1px,#0000 1px);background-size:120px 112px;-webkit-mask-image:none;mask-image:none}.app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafaf8ed;border-bottom:1px solid #e7e7e180;gap:36px;height:80px;padding:0 4%}.brand,.brand-name{color:#11110f;box-shadow:none;background:0 0;animation:none}.brand-name{letter-spacing:-1.4px;font-size:29px;font-weight:400}.brand-trademark{color:var(--muted);align-self:center;margin-left:1px;font:10px JetBrains Mono,monospace}.main-links{display:none}.view-switcher{box-shadow:none;background:0 0;border:0;gap:24px;margin:auto}.view-switcher button{box-shadow:none;color:var(--muted);background:0 0;border:0;border-radius:0;padding:8px 4px;font-size:13px}.view-switcher button.active{color:var(--text);box-shadow:none;border-bottom:1px solid var(--text);background:0 0}.view-switcher button svg,.step-number{display:none}.profile{gap:14px}.tier-badge{text-transform:uppercase;letter-spacing:.08em;color:#c4b5fd;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:6px;padding:3px 7px;font-size:9px}.avatar{color:#fff;background:#11110f;border:0;border-radius:100px}.mobile-menu{color:var(--text)}.mobile-nav{background:var(--bg);box-shadow:0 12px 30px #0000000a}.mobile-nav button.active{background:var(--surface-2);color:var(--text)}.view-shell{width:calc(100% - 96px);max-width:1248px;margin:auto;padding-top:64px}.input-view{padding-top:0}.eyebrow{color:var(--muted);text-transform:none;letter-spacing:0;align-items:center;gap:14px;font:12px JetBrains Mono,monospace;display:inline-flex}.eyebrow:before{content:"";background:#aaa99f;width:28px;height:1px}.optimus-hero{isolation:isolate;padding-top:100px;position:relative}.optimus-hero h1{letter-spacing:-.065em;text-wrap:balance;max-width:1150px;margin:36px 0 44px;font-size:clamp(64px,8.1vw,116px);font-weight:400;line-height:1.02}.optimus-hero h1 span{border-bottom:7px solid #deded8}.hero-bottom{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.hero-bottom p{color:#61615c;letter-spacing:-.4px;font-size:21px;line-height:1.6}.hero-actions{align-items:center;gap:12px;padding-bottom:4px;display:flex}.hero-actions a,.hero-actions button{background:var(--bg);white-space:nowrap;color:var(--text);border:1px solid #cdcdc6;border-radius:100px;justify-content:center;align-items:center;gap:20px;padding:16px 23px;font-size:14px;text-decoration:none;transition:background .2s;display:flex}.hero-actions .hero-primary{color:#fff;background:#11110f;border-color:#11110f}.hero-actions svg{width:16px;height:16px}.hero-actions button:hover{background:#edede7}.hero-actions .hero-primary:hover{background:#373731}.hero-process{border-bottom:1px solid var(--line);justify-content:space-between;gap:24px;margin-top:75px;padding:30px 0 36px;display:flex}.hero-process>div{align-items:center;gap:22px;display:flex}.hero-process strong{letter-spacing:-2px;font-size:46px;font-weight:400;line-height:1}.hero-process span{color:var(--muted);font-size:13px}.hero-process small{letter-spacing:.4px;margin-top:7px;font:10px JetBrains Mono,monospace;display:block}.signal-art{z-index:-1;opacity:.45;width:650px;height:650px;position:absolute;top:16px;right:-30px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 55%);mask-image:linear-gradient(90deg,#0000,#000 55%)}.signal-art span{width:calc(80px + var(--ring)*67px);height:calc(80px + var(--ring)*67px);transform:translate(-50%,-50%) rotate(calc(var(--ring)*13deg));opacity:calc(.9 - var(--ring)*.065);border:3px dotted #bcbcb4;border-radius:50%;position:absolute;top:50%;left:50%}.workspace-heading{padding:72px 0 34px;scroll-margin-top:80px}.workspace-heading h2{letter-spacing:-2px;margin:20px 0 18px;font-size:clamp(36px,4.2vw,56px);font-weight:400;line-height:1.08}.workspace-heading p{color:var(--muted);font-size:15px}.input-grid{gap:24px}.panel{border:1px solid var(--line);box-shadow:none;background:#ffffffb3;border-radius:4px;padding:28px}.panel-title>span{color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:50%;font-family:JetBrains Mono,monospace}.panel-title h2{letter-spacing:-.5px;font-size:19px;font-weight:500}.panel-title p{color:var(--muted)}.field-label{color:#464640}.upload-zone{background:#f7f7f3;border-color:#d7d7d0;border-radius:3px}.upload-icon{color:#55554d;background:#edede7}.upload-zone strong{color:var(--text)}.upload-zone span{color:var(--muted)}.file-chip{color:#55554e;border-color:var(--line);background:#fff}.mini-toggle,.design-tabs{border-color:var(--line);background:0 0}.mini-toggle button,.design-tabs button{color:var(--muted)}.mini-toggle button.active,.design-tabs button.active{color:var(--text);box-shadow:none;background:#ecece6}.jd-textarea,.custom-prompt textarea,.custom-direction{border:1px solid var(--line);color:#44443e;background:#fafaf7;border-radius:3px}.input-meta{color:var(--muted)}.input-meta>span:first-child{color:#53634e}.design-card{border:1px solid var(--line);box-shadow:none;background:#fafaf7;border-radius:3px}.design-card:hover{background:#f0f0e9}.design-card.selected{box-shadow:none;background:#eeeee7;border-color:#66665d}.design-card strong{color:var(--text)}.design-card small{color:var(--muted)}.system-logo{filter:grayscale();border-radius:3px;color:#33332c!important;background:#e8e8e1!important}.selected-check{color:#222}.beam:before,.beam:after,.beam-button:before,.beam-button:after{display:none!important}.generate-bar{border-color:var(--line);color:var(--muted);background:0 0;padding:28px 0 64px}.primary-cta{border-radius:100px;font-weight:400;color:#fff!important;box-shadow:none!important;background:#11110f!important;border:1px solid #11110f!important}.primary-cta:hover{background:#383831!important}.pulse-dot{box-shadow:none;background:#636b55}.template-tools input,.template-tools>div,.template-tools button,.prompt-tags button{color:var(--text);border-color:var(--line);background:#f1f1eb}.template-card,.mood-card{border-color:var(--line);color:var(--text)}.template-card strong,.mood-card strong{color:inherit}.section-heading h1,.blueprint-top h1,.dashboard-head h1{letter-spacing:-2px;font-weight:400}.section-heading{text-align:left}.strategy-card,.target-card,.motion-card,.metric-card,.applications-panel,.intel-panel,.application-card{border-color:var(--line);box-shadow:none;background:#fff;border-radius:4px}.strategy-label,.target-card h3,.motion-card h3{color:var(--text)}.strategy-label span{color:var(--muted);background:#edede7}.hero-strategy textarea{color:var(--text);background:0 0}.confidence{color:#626758}.direction-pills button{color:#62625b;border-color:var(--line);background:#f3f3ee}.direction-pills button.active{color:#11110f;background:#deded5;border-color:#a5a59a}.deep-dive{border-color:var(--line);background:#f2f2ec}.deep-dive p{color:#56564e}.strategy-label button,.case-card button,.target-card>small,.motion-card>small{color:#62625b}.match-score{border-color:var(--line);background:#eeeee7}.target-card strong{color:#34342e}.deep-dive small,.case-card small{color:var(--muted)}.win-proof,.case-card{border-color:var(--line);background:#f7f7f2}.case-card h3,.case-metric strong,.match-score span,.match-score strong{color:var(--text)}.sticky-footer{border-color:var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafaf8ed}.orb-preview{filter:grayscale()}.metric-card strong{color:var(--text)}.chat-pane,.chat-head,.chat-context,.chat-composer,.studio-toolbar,.preview-pane{background:var(--bg);color:var(--text);border-color:var(--line)}.chat-context strong,.chat-head strong{color:var(--text)}.ai-avatar,.ai-message>span{color:#333;background:#e8e8e1}.ai-message p{color:#56564e}.ai-message strong{color:var(--text)}.user-message,.change-note{color:#42423a;border-color:var(--line);background:#eaeae3}.suggestions button,.chat-composer textarea{color:#62625a;border-color:var(--line);background:#fff}.preview-canvas{background:#eaeae4}.preview-frame{border-color:#d2d2c9;box-shadow:0 8px 30px #00000008}.studio-toolbar button,.studio-toolbar span{color:var(--muted)}.publish-modal{background:var(--bg);color:var(--text);border-color:var(--line)}.publish-modal h2{letter-spacing:-1px;font-weight:400}.plan-card,.plan-card.pro{border-color:var(--line);background:#fff}.url-box,.domain-box{color:#42423a;background:#f3f3ed}.plan-card h3{color:var(--text)}.recommended{color:#fff;background:#25251f}.modal-close{color:var(--text)}@media (min-width:1101px){.input-grid,.system-grid{grid-template-columns:1fr 1fr}}@media (max-width:1100px){.view-switcher span:not(.step-number){display:inline}.view-switcher{gap:14px}.optimus-hero{padding-top:65px}.hero-bottom{flex-direction:column;align-items:flex-start}.hero-bottom p{font-size:19px}.hero-process{margin-top:50px}.hero-process strong{font-size:36px}.hero-process>div{gap:12px}.signal-art{width:500px;height:500px;right:-24px}.system-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:720px){.app-header{height:70px;padding:0 24px}.view-shell{width:calc(100% - 48px)}.optimus-hero{padding-top:48px}.optimus-hero h1{letter-spacing:-.065em;margin:26px 0 32px;font-size:clamp(45px,9.3vw,67px)}.optimus-hero h1 span{border-bottom-width:4px}.hero-bottom p{font-size:17px}.hero-actions{flex-wrap:wrap;gap:10px}.hero-actions a,.hero-actions button{gap:12px;padding:12px 17px;font-size:12px}.hero-process{gap:12px;margin-top:38px;padding:26px 0}.hero-process>div{flex-direction:column;align-items:flex-start;gap:12px}.hero-process strong{font-size:32px}.hero-process span{font-size:11px}.hero-process small{font-size:8px}.signal-art{opacity:.24;width:360px;height:400px;top:0;right:-20px}.workspace-heading{padding-top:48px}.workspace-heading h2{font-size:40px}.panel{padding:20px}.system-grid{grid-template-columns:1fr 1fr}.mobile-nav{top:65px}.generate-bar .primary-cta{font-size:12px}.mobile-studio-toggle button.active{color:#111;background:#deded5}.mobile-menu{color:#111}.blueprint-top h1{font-size:36px}.hero-bottom{gap:24px}}:root{--bg:#0c0d0e;--surface:#111316;--surface-2:#191c21;--line:#232530;--line-bright:#545966;--text:#eceef1;--muted:#a0a6b2;--violet:#bac5d5;--indigo:#9baac0;--green:#a8b9ae;--orange:#c9bba5}.grtr-app{--bg:#0c0d0e;--surface:#111316;--surface-2:#191c21;--line:#232530;--line-bright:#545966;--text:#eceef1;--muted:#a0a6b2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#eceef1;--primary-foreground:#0c0d0e;--background:#0c0d0e;--foreground:#eceef1;--border:#232530;--input:#232530;--accent:#191c21;--accent-foreground:#eceef1;background:var(--bg);font-family:Instrument Sans,sans-serif}.grtr-app h1,.grtr-app h2,.grtr-app h3,.font-serif{letter-spacing:-.025em;font-family:Instrument Serif,serif;font-weight:400}.font-sans{font-family:Instrument Sans,sans-serif}.grtr-app small,.grtr-app .tier-badge,.grtr-app .system-badge,.grtr-app .case-metric strong,.font-mono{font-family:JetBrains Mono,monospace}.grtr-app .ambient-bg{display:none}.grtr-app .app-header,.grtr-app .sticky-footer,.grtr-app .mobile-nav{background:var(--bg);border-color:var(--line)}.grtr-app .brand-name,.grtr-app .mobile-menu{color:var(--text)}.grtr-app .view-shell{padding-top:28px}.grtr-app .input-view{padding-top:0}.grtr-app .workspace-heading{justify-content:space-between;align-items:center;gap:20px;padding:12px 0 16px;display:flex}.workspace-heading h1{margin:0 0 4px;font-size:40px}.grtr-app .workspace-heading p{color:var(--muted);margin:0;font-size:13px}.career-signal{align-items:center;gap:8px;display:flex}.career-signal canvas{touch-action:pan-y;width:120px;height:104px}.career-signal button{color:var(--muted);background:0 0;border:0;font-size:10px}.grtr-app .input-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.grtr-app .input-grid>section{min-width:0}.grtr-app .field-label{text-transform:none;letter-spacing:normal}.grtr-app .panel{padding:22px}.grtr-app .panel-title h2{font-size:26px}.grtr-app .panel-title p{font-size:12px}.grtr-app .generate-bar{padding:22px 0}.grtr-app .eyebrow{display:none}.grtr-app .panel,.grtr-app .strategy-card,.grtr-app .target-card,.grtr-app .motion-card,.grtr-app .metric-card,.grtr-app .applications-panel,.grtr-app .intel-panel,.grtr-app .application-card,.grtr-app .publish-modal,.grtr-app .plan-card{background:var(--surface);border-color:var(--line);color:var(--text)}.grtr-app .upload-zone,.grtr-app .jd-textarea,.grtr-app .design-card,.grtr-app .custom-prompt textarea,.grtr-app .custom-direction,.grtr-app .file-chip,.grtr-app .case-card,.grtr-app .deep-dive,.grtr-app .win-proof,.grtr-app .match-score,.grtr-app .suggestions button,.grtr-app .chat-composer textarea,.grtr-app .url-box,.grtr-app .domain-box,.grtr-app .direction-pills button{background:var(--bg);border-color:var(--line);color:var(--text)}.grtr-app .design-card.selected,.grtr-app .design-card:hover,.grtr-app .mini-toggle button.active,.grtr-app .design-tabs button.active,.grtr-app .direction-pills button.active,.grtr-app .viewport-toggle button.active,.grtr-app .mobile-studio-toggle button.active{background:var(--surface-2);border-color:var(--line-bright);color:var(--text)}.grtr-app .system-logo{background:var(--surface-2)!important;color:var(--text)!important}.grtr-app .upload-icon,.grtr-app .ai-avatar,.grtr-app .ai-message>span{background:var(--surface-2);color:var(--text)}.grtr-app .field-label,.grtr-app .selected-check,.grtr-app .target-card strong,.grtr-app .deep-dive p,.grtr-app .ai-message p,.grtr-app .chat-context strong,.grtr-app .chat-head strong{color:var(--text)}.grtr-app .confidence,.grtr-app .input-meta>span:first-child,.grtr-app .strategy-label button,.grtr-app .case-card button,.grtr-app .target-card>small,.grtr-app .motion-card>small{color:var(--muted)}.grtr-app .primary-cta{background:var(--text)!important;color:var(--bg)!important;border-color:var(--text)!important}.grtr-app .primary-cta:hover{background:#d5dae2!important}.grtr-app .avatar{background:var(--surface-2);color:var(--text)}.avatar svg{width:20px;height:20px}.grtr-app small,.grtr-app .availability,.grtr-app .chat-context>span,.grtr-app .strategy-label,.grtr-app .recommended{text-transform:none;letter-spacing:normal}.grtr-app .user-message,.grtr-app .change-note{background:var(--surface-2);color:var(--text)}.grtr-app .preview-canvas{background:var(--bg);overflow:auto}.grtr-app .preview-frame{border-color:var(--line);flex-shrink:0;max-width:100%;transition:width .3s;container-type:inline-size}.grtr-app .portfolio-preview{background:var(--surface);color:var(--text)}.grtr-app .portfolio-preview p,.grtr-app .portfolio-preview small,.grtr-app .portfolio-preview span{color:var(--muted)}.grtr-app .portfolio-preview h2,.grtr-app .portfolio-preview h3,.grtr-app .portfolio-preview strong{color:var(--text)}.grtr-app .portfolio-preview em{color:inherit;background:0 0}.grtr-app .teardown,.grtr-app .teardown-cards article,.grtr-app .preview-metrics{background:var(--surface);border-color:var(--line)}.grtr-app .case-metric strong{overflow-wrap:anywhere;font-size:13px}.grtr-app .preview-metrics strong{overflow-wrap:anywhere;font-size:20px}.studio-chat-interactive{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.studio-chat-interactive .messages{flex:1;min-height:0;overflow:auto}.studio-chat-interactive .suggestions{flex-shrink:0;padding:12px 20px}.studio-chat-interactive .ai-message p{font-size:13px;line-height:1.7}.studio-chat-interactive button:disabled{opacity:.5;cursor:not-allowed}.grtr-app .orb-preview,.grtr-app .orb-preview span{animation:none}.grtr-app .pulse-dot{box-shadow:none;animation:none}@container (max-width:450px){.portfolio-preview nav{padding:20px}.portfolio-preview nav>div{display:none}.portfolio-preview .preview-hero{padding:32px 22px}.portfolio-preview .preview-hero h2{font-size:36px}.portfolio-preview .preview-hero>div:last-child{flex-direction:column;gap:16px}.portfolio-preview .teardown{padding:24px 22px}.portfolio-preview .teardown>div,.portfolio-preview .teardown-cards,.portfolio-preview .preview-metrics{flex-direction:column;gap:20px;display:flex}}@media (max-width:760px){.grtr-app .view-shell{width:calc(100% - 32px)}.grtr-app .panel{padding:16px}.grtr-app .panel-title h2{font-size:23px}.grtr-app .system-grid{grid-template-columns:1fr}.career-signal button{display:none}.grtr-app .workspace-heading h1{font-size:34px}.grtr-app .system-logo{width:26px;height:26px}.grtr-app .design-card{padding:10px}.grtr-app .generate-bar{flex-wrap:wrap;gap:12px}}.grtr-app .upload-zone{flex-wrap:wrap;gap:12px;display:flex}.grtr-app .upload-zone>div:nth-child(2){flex:1;min-width:140px}.grtr-app .upload-zone .file-chip{overflow-wrap:anywhere;flex-basis:100%;max-width:100%}.grtr-app .tier-badge,.grtr-app .system-badge{text-transform:none;letter-spacing:normal}.grtr-app .studio-view{height:calc(100dvh - 80px);min-height:0;overflow:hidden}.grtr-app .chat-pane,.grtr-app .preview-pane{height:100%;min-height:0}.grtr-app .preview-canvas{flex:1;min-height:0}.grtr-app .preview-frame{height:max-content}.grtr-app .chat-context>span{color:var(--muted)}@media (max-width:720px){.grtr-app .studio-view{height:calc(100dvh - 70px)}.grtr-app .chat-pane,.grtr-app .preview-pane{height:calc(100% - 42px)}}@media (max-width:599px){.grtr-app .input-grid{grid-template-columns:1fr}.grtr-app .system-grid{grid-template-columns:1fr 1fr}.grtr-app .workspace-heading{padding:8px 0}.career-signal canvas{width:90px;height:90px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.grtr-app .template-tools{gap:8px;margin-bottom:14px;display:flex}.grtr-app .template-tools>div{border-radius:8px;flex:1;align-items:center;gap:8px;padding:6px 12px;display:flex;background:var(--surface)!important;border:1px solid var(--line)!important}.grtr-app .template-tools input{width:100%;font-size:11px;color:var(--text)!important;background:0 0!important;border:none!important;outline:none!important}.grtr-app .template-tools button{cursor:pointer;border-radius:8px;padding:6px 12px;font-size:11px;transition:all .15s;background:var(--surface)!important;color:var(--muted)!important;border:1px solid var(--line)!important}.grtr-app .template-tools button:hover,.grtr-app .template-tools button.active{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--line-bright)!important}.grtr-app .template-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.grtr-app .curated-template-card{background:var(--surface);border:1px solid var(--line);text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;padding:12px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.grtr-app .curated-template-card:hover{border-color:var(--line-bright);transform:translateY(-1px)}.grtr-app .curated-template-card.selected{background:linear-gradient(135deg, #8b5cf614, var(--surface) 60%);border-color:#8b5cf6;box-shadow:0 0 20px #8b5cf626}.grtr-app .template-visual{border:1px solid #ffffff14;border-radius:6px;flex-direction:column;justify-content:space-between;height:80px;margin-bottom:10px;padding:8px 10px;display:flex;position:relative;overflow:hidden}.grtr-app .template-visual.swiss{background:#090a0c;border-left:2px solid #e11d48}.grtr-app .template-visual.kinetic{background:radial-gradient(circle at 80% 20%,#8b5cf64d,#090a0f 70%)}.grtr-app .template-visual.editorial{background:linear-gradient(145deg,#181512,#0d0c0a);border-left:2px solid #d4af37}.grtr-app .template-visual.terminal{background:#08090a;border:1px solid #10b98133}.grtr-app .mood-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.grtr-app .curated-mood-card{background:var(--surface);border:1px solid var(--line);text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;justify-content:space-between;min-height:110px;padding:14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.grtr-app .curated-mood-card:hover{border-color:var(--line-bright)}.grtr-app .curated-mood-card.selected{background:linear-gradient(145deg, #8b5cf61a, var(--surface) 50%);border-color:#8b5cf6;box-shadow:0 0 20px #8b5cf626}.grtr-app .mood-palette-dots{gap:5px;margin-top:8px;display:flex}.grtr-app .mood-palette-dots span{border:1px solid #ffffff26;border-radius:50%;width:10px;height:10px}.grtr-app .prompt-directive-preview{color:#c4b5fd;background:#08090b;border:1px solid #8b5cf640;border-radius:8px;margin-top:14px;padding:12px 14px;font-family:JetBrains Mono,monospace;font-size:10px;line-height:1.6}.grtr-app .executive-generate-bar{border:1px solid var(--line);background:linear-gradient(#ffffff05,#0006);border-radius:16px;flex-direction:column;align-items:center;gap:12px;margin-top:32px;padding:24px;display:flex}.grtr-app .executive-cta-button{cursor:pointer;justify-content:center;align-items:center;gap:12px;min-width:340px;height:52px;padding:0 28px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;color:#fff!important;letter-spacing:-.01em!important;background:linear-gradient(135deg,#18191f 0%,#0e0f14 100%)!important;border:1px solid #ffffff29!important;border-radius:12px!important;font-family:Instrument Sans,sans-serif!important;font-size:14px!important;font-weight:600!important;box-shadow:inset 0 1px #ffffff1f,0 8px 24px #0009!important}.grtr-app .executive-cta-button:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(135deg,#22232b 0%,#13141a 100%)!important;border-color:#a78bfa99!important;box-shadow:inset 0 1px #fff3,0 0 24px #8b5cf64d,0 8px 24px #000c!important}.grtr-app .executive-cta-button:active:not(:disabled){transform:translateY(0)}.grtr-app .executive-cta-button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale()}.grtr-app .case-grid{flex-direction:column!important;gap:14px!important;width:100%!important;display:flex!important}.grtr-app .case-card{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:12px!important;flex-direction:row!important;grid-template-columns:none!important;justify-content:space-between!important;align-items:flex-start!important;gap:24px!important;width:100%!important;padding:22px 24px!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;display:flex!important}.grtr-app .case-card:hover{border-color:var(--line-bright)!important;background:var(--surface-2)!important}.grtr-app .case-card>div:first-child,.grtr-app .case-content{flex-direction:column!important;flex:auto!important;width:auto!important;min-width:0!important;max-width:none!important;display:flex!important}.grtr-app .case-content h3{color:#f4f4f5!important;letter-spacing:-.015em!important;margin:0 0 6px!important;font-size:16px!important;font-weight:600!important;line-height:1.4!important}.grtr-app .case-content p{color:#9ca3af!important;max-width:720px!important;margin:0 0 10px!important;font-size:13px!important;line-height:1.6!important}.grtr-app .case-swap-btn{color:#c4b5fd!important;cursor:pointer!important;background:#8b5cf61a!important;border:1px solid #8b5cf640!important;border-radius:6px!important;align-items:center!important;gap:4px!important;width:fit-content!important;padding:4px 10px!important;font-family:JetBrains Mono,monospace!important;font-size:11px!important;transition:all .2s!important;display:inline-flex!important}.grtr-app .case-swap-btn:hover{color:#fff!important;background:#8b5cf633!important;border-color:#8b5cf6!important}.grtr-app .case-metric{text-align:right!important;background:#8b5cf60d!important;border:1px solid #8b5cf633!important;border-radius:10px!important;flex-direction:column!important;flex-shrink:0!important;justify-content:center!important;align-items:flex-end!important;min-width:130px!important;margin-left:auto!important;padding:12px 18px!important;display:flex!important}.grtr-app .case-metric strong{color:#34d399!important;letter-spacing:-.03em!important;margin-bottom:4px!important;font-family:JetBrains Mono,monospace!important;font-size:26px!important;font-weight:700!important;line-height:1!important}.grtr-app .case-metric small{color:#9ca3af!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-size:10px!important;font-weight:500!important}.synthesis-hud-overlay{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040507d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.synthesis-hud-card{background:linear-gradient(145deg,#12151b 0%,#0a0b0e 100%);border:1px solid #8b5cf640;border-radius:18px;width:100%;max-width:520px;padding:28px;position:relative;overflow:hidden;box-shadow:0 24px 60px #000c,0 0 30px #8b5cf626}.synthesis-hud-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.synthesis-hud-badge{text-transform:uppercase;letter-spacing:.08em;color:#c4b5fd;background:#8b5cf61f;border:1px solid #8b5cf64d;border-radius:99px;align-items:center;gap:8px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-flex}.synthesis-hud-progress-track{background:#ffffff14;border-radius:99px;height:4px;margin-bottom:22px;overflow:hidden}.synthesis-hud-progress-fill{background:linear-gradient(90deg,#8b5cf6,#34d399);border-radius:99px;height:100%;box-shadow:0 0 12px #8b5cf699}.synthesis-hud-current{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;margin-bottom:20px;padding:14px 16px}.synthesis-hud-steps{flex-direction:column;gap:8px;display:flex}.synthesis-step-row{border-radius:8px;align-items:center;gap:12px;padding:8px 10px;transition:all .2s;display:flex}.synthesis-step-row.active{color:#fff;background:#8b5cf614}.synthesis-step-row.completed{color:#9ca3af}.synthesis-step-row.pending{color:#4b5563}.synthesis-step-indicator{border:1px solid var(--line);background:var(--surface-2);border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-family:JetBrains Mono,monospace;font-size:10px;display:grid}.synthesis-step-row.active .synthesis-step-indicator{color:#c4b5fd;background:#8b5cf633;border-color:#8b5cf6;box-shadow:0 0 10px #8b5cf666}.synthesis-step-row.completed .synthesis-step-indicator{background:#34d39926;border-color:#34d399}.enhanced-motion-card{padding:20px!important}.physics-tester-box{background:#08090b;border:1px solid #ffffff14;border-radius:10px;margin-bottom:16px;padding:12px}.physics-stage{cursor:pointer;background:#ffffff05;border:1px dashed #ffffff1f;border-radius:8px;align-items:center;height:48px;padding:0 12px;display:flex;position:relative;overflow:hidden}.physics-track-line{z-index:1;background:#ffffff14;height:1px;position:absolute;left:12px;right:12px}.physics-puck{z-index:2;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:99px;justify-content:center;align-items:center;height:32px;padding:0 14px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;display:flex;position:relative;box-shadow:0 0 16px #8b5cf666}.physics-specs-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.spec-item{background:#ffffff06;border:1px solid #ffffff0f;border-radius:6px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.spec-label{text-transform:uppercase;color:#8b8e98;letter-spacing:.05em;font-family:JetBrains Mono,monospace;font-size:9px}.spec-val{color:#e4e4e7;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.interactive-portfolio{color:#f4f4f5;background:#08090a;flex-direction:column;min-height:600px;display:flex}.interactive-preview-nav{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e1013e6;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.interactive-preview-nav .nav-tabs{gap:8px;display:flex}.interactive-preview-nav .nav-tab{color:#8b8e98;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .2s}.interactive-preview-nav .nav-tab.active,.interactive-preview-nav .nav-tab:hover{color:#fff;background:#ffffff0f}.interactive-preview-hero{text-align:left;border-bottom:1px solid var(--line);background:radial-gradient(60% 40% at 50% 0,#8b5cf61f,#0000 70%);padding:48px 36px 36px;position:relative}.interactive-preview-hero h2{letter-spacing:-.03em;color:#fff;max-width:820px;margin:16px 0 12px;font-size:32px;font-weight:600;line-height:1.2}.interactive-teardown-section{border-bottom:1px solid var(--line);padding:36px}.teardown-angle-pills{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.teardown-angle-pill{border:1px solid var(--line);background:var(--surface);color:#8b8e98;cursor:pointer;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:500;transition:all .2s}.teardown-angle-pill.active{color:#fff;background:#8b5cf626;border-color:#8b5cf6;box-shadow:0 0 14px #8b5cf640}.teardown-angle-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:24px;display:grid}@media (max-width:768px){.teardown-angle-card{grid-template-columns:1fr}}.teardown-col small{text-transform:uppercase;color:#8b5cf6;letter-spacing:.08em;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:10px;display:block}.teardown-col p{color:#d1d5db;margin:0;font-size:13px;line-height:1.6}.interactive-case-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;padding:36px;display:grid}.interactive-case-card{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:space-between;padding:20px;transition:all .2s;display:flex}.interactive-case-card:hover{border-color:#8b5cf666;transform:translateY(-2px);box-shadow:0 12px 24px #0006}.interactive-case-card.highlighted{background:linear-gradient(145deg, #8b5cf614, var(--surface));border-color:#8b5cf6}.grtr-app .chat-pane{flex-direction:column!important;height:100%!important;min-height:0!important;display:flex!important;overflow:hidden!important}.grtr-app .chat-pane-header{flex-shrink:0!important}.grtr-app .chat-context{flex-shrink:0!important;max-height:68px!important;overflow:hidden!important}.grtr-app .chat-context strong,.grtr-app .chat-context small{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;display:block!important;overflow:hidden!important}.grtr-app .studio-chat-interactive{flex-direction:column!important;flex:1!important;height:auto!important;min-height:0!important;display:flex!important;overflow:hidden!important}.grtr-app .studio-chat-interactive .messages{flex:1!important;min-height:0!important;overflow-y:auto!important}.grtr-app .studio-chat-interactive .suggestions{border-top:1px solid var(--line)!important;background:var(--bg)!important;flex-direction:column!important;flex-shrink:0!important;gap:6px!important;margin:0!important;padding:12px 16px!important;display:flex!important}.grtr-app .studio-chat-interactive .suggestions button{border:1px solid var(--line)!important;color:#c4c7d0!important;text-align:left!important;cursor:pointer!important;background:#ffffff08!important;border-radius:8px!important;justify-content:space-between!important;align-items:center!important;width:100%!important;padding:8px 12px!important;font-size:11px!important;line-height:1.4!important;transition:all .15s!important;display:flex!important}.grtr-app .studio-chat-interactive .suggestions button:hover{color:#fff!important;background:#8b5cf61a!important;border-color:#8b5cf666!important}.grtr-app .studio-chat-interactive .ai-message{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important;display:flex!important}.grtr-app .studio-chat-interactive .ai-message>*{width:100%!important;max-width:100%!important}.grtr-app .match-score,.grtr-app .motion-card,.grtr-app .heatmap,.grtr-app .career-signal{display:none!important}.grtr-app .reorder-btn{cursor:pointer!important;border-radius:6px!important;align-items:center!important;gap:4px!important;padding:4px 11px!important;font-family:JetBrains Mono,monospace!important;font-size:11px!important;transition:all .15s!important;display:inline-flex!important}.grtr-app .reorder-btn.active{color:#fff!important;background:#9333ea!important;border:1px solid #a855f7!important;font-weight:600!important;box-shadow:0 0 12px #a855f766!important}.grtr-app .reorder-btn:not(.active){color:#c084fc!important;background:#ffffff0d!important;border:1px solid #c084fc4d!important}.grtr-app .reorder-btn:not(.active):hover{color:#fff!important;background:#c084fc26!important}.grtr-app .studio-chat-interactive .chat-composer{flex-shrink:0!important}.grtr-app .studio-view{min-height:0;position:relative;overflow:hidden;grid-template-columns:minmax(360px,35%) 1fr!important;height:calc(100vh - 64px)!important;display:grid!important}.grtr-app .chat-pane{border-right:1px solid var(--line)!important;background:var(--surface)!important;flex-direction:column!important;height:100%!important;min-height:0!important;display:flex!important;overflow:hidden!important}.grtr-app .preview-pane{background:var(--bg)!important;flex-direction:column!important;height:100%!important;min-height:0!important;display:flex!important;overflow:hidden!important}.grtr-app .positioning-hook-textarea{resize:none!important;letter-spacing:-.015em!important;border:1px solid var(--line)!important;width:100%!important;min-height:88px!important;max-height:320px!important;color:var(--text)!important;box-sizing:border-box!important;background:#12151ad9!important;border-radius:12px!important;padding:16px 18px!important;font-family:Instrument Serif,Georgia,serif!important;font-size:24px!important;font-weight:400!important;line-height:1.38!important;transition:border-color .2s,box-shadow .2s!important;overflow-y:auto!important;box-shadow:inset 0 2px 4px #0000004d!important}.grtr-app .positioning-hook-textarea:focus{border-color:#8b5cf699!important;outline:none!important;box-shadow:0 0 0 3px #8b5cf626,inset 0 2px 4px #0000004d!important}@media (max-width:768px){.grtr-app .studio-view{height:calc(100vh - 64px)!important;display:block!important}}