@font-face{font-family:Montserrat Local;src:url(/assets/Montserrat-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-display:swap}:root{--ink-1000: #05070c;--ink-950: #0a0e17;--ink-900: #10141f;--ink-700: #1e2535;--ink-300: #8892a6;--ink-50: #f2f4f8;--blue-500: #2e5cff;--blue-400: #4e7bff;--gold-500: #edaa3c;--gold-600: #c98812;--crystal: #f3f4f8;--surface: #ffffff;--border: #e2e6ee;--border-strong: #c8cfdb;--dur-fast: .14s;--dur-base: .24s;--dur-slow: .48s;--ease-kuble: cubic-bezier(.2, .8, .2, 1);--scroll-progress: 0;font-family:Montserrat Local,Arial,sans-serif;color:var(--ink-950);background:var(--crystal);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}.deep-link-target{scroll-margin-top:24px}button,textarea,input{font:inherit}button{color:inherit}body{margin:0;min-width:320px;min-height:100vh;background:var(--crystal);-webkit-font-smoothing:antialiased}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--ui-accent, var(--blue-500));outline-offset:2px}.lab{--ui-accent: var(--blue-500);width:min(100%,1600px);min-height:100vh;margin:0 auto;overflow-x:clip;background:var(--crystal);border-inline:1px solid var(--border-strong)}.scroll-progress{position:fixed;z-index:50;top:0;left:0;width:100%;height:3px;pointer-events:none;background:var(--blue-500);transform:scaleX(var(--scroll-progress));transform-origin:left center}.masthead{position:relative;isolation:isolate;min-height:270px;padding:32px 34px 28px;display:flex;align-items:flex-end;justify-content:space-between;overflow:hidden;color:var(--ink-50);background:var(--ink-1000);border-bottom:1px solid var(--ink-700)}.masthead:after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#05070cf0,#05070c9e 52%,#05070c3d),linear-gradient(0deg,rgba(5,7,12,.7) 0%,transparent 60%)}.masthead-media{position:absolute;z-index:-2;top:-16%;right:-3%;bottom:-16%;left:-3%;transform:scale(1.04)}.masthead-media video{width:100%;height:100%;object-fit:cover;object-position:70% 52%}.masthead-title,.masthead-meta{position:relative;z-index:1}.masthead-title{display:flex;flex-direction:column;font-size:clamp(4rem,8.2vw,8.4rem);font-weight:800;line-height:.72;letter-spacing:-.07em;text-transform:uppercase}.masthead-title span{font-weight:780}.masthead-title strong{color:var(--blue-400);font-weight:320}.masthead-meta{width:min(430px,34vw);padding-bottom:10px;display:grid;gap:16px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.14em}.masthead-meta span{padding-bottom:12px;color:var(--blue-400);border-bottom:1px solid rgba(242,244,248,.34);font-size:.75rem}.masthead-meta strong{font-size:.78rem;font-weight:500}.top-actions{position:relative;z-index:2;min-height:56px;display:flex;align-items:stretch;justify-content:space-between;color:var(--ink-300);background:var(--surface);border-bottom:1px solid var(--border-strong)}.top-actions>span{padding:0 22px;display:flex;align-items:center;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.67rem;letter-spacing:.12em;text-transform:uppercase}.top-actions button{min-width:190px;padding:0 26px;border:0;border-left:1px solid var(--border-strong);background:transparent;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:color var(--dur-fast) var(--ease-kuble),background var(--dur-fast) var(--ease-kuble)}.top-actions button:hover{color:var(--blue-500);background:var(--crystal)}.workspace{position:relative;z-index:2;display:grid;grid-template-columns:220px minmax(520px,1.7fr) minmax(340px,1fr);background:var(--surface);border-bottom:1px solid var(--border-strong)}.direction-index,.preview-column,.prompt-panel{min-width:0}.direction-index{padding:24px 20px;display:flex;flex-direction:column;background:var(--crystal);border-right:1px solid var(--border-strong)}.section-label,.panel-heading,.variable-field>span,.index-note,footer{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.1em}.section-label{margin:0 0 18px;color:var(--blue-500);font-size:.68rem}.direction-index ol{list-style:none;margin:0;padding:0}.direction-index li{border-top:1px solid var(--border-strong)}.direction-index li:last-child{border-bottom:1px solid var(--border-strong)}.direction-index button{width:100%;min-height:88px;padding:13px 8px;display:grid;grid-template-columns:27px 1fr;gap:4px 6px;text-align:left;border:1px solid transparent;border-radius:4px;background:transparent;cursor:pointer;transition:color var(--dur-fast) var(--ease-kuble),background var(--dur-fast) var(--ease-kuble),border-color var(--dur-fast) var(--ease-kuble)}.direction-index button>span{color:var(--blue-500);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.65rem}.direction-index button strong{font-size:.7rem;text-transform:uppercase}.direction-index button small{grid-column:2;color:#687184;font-size:.64rem;line-height:1.5}.direction-index button:hover{background:#fff}.direction-index button.active{color:var(--ink-950);border-color:var(--blue-500);background:#fff}.index-note{margin-top:auto;padding-top:26px;color:#687184;font-size:.61rem;line-height:1.6}.index-note span{color:var(--gold-600)}.index-note p{margin:10px 0 0;text-transform:none;letter-spacing:0}.preview-column{background:var(--surface);border-right:1px solid var(--border-strong)}.panel-heading{min-height:52px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;color:var(--blue-500);background:var(--surface);border-bottom:1px solid var(--border-strong);font-size:.67rem}.panel-heading span:last-child{color:var(--gold-600)}.inspector-tabs{min-height:52px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid var(--border-strong)}.inspector-tabs button{padding:0 12px;border:0;border-right:1px solid var(--border-strong);background:var(--crystal);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color var(--dur-fast) var(--ease-kuble),background var(--dur-fast) var(--ease-kuble)}.inspector-tabs button:last-child{border-right:0}.inspector-tabs button:hover{background:#fff}.inspector-tabs button.active{color:var(--blue-500);background:#fff;box-shadow:inset 0 -3px var(--blue-500)}.live-preview{--preview-accent: var(--blue-500);--type-scale: 1;--line-height-scale: 1;--letter-spacing-adjust: 0em;--headline-leading: .92;--headline-tracking: -.055em;--preview-space: 0px;--preview-height: clamp(500px, 50vw, 660px);--preview-scroll-progress: 0;--preview-media-y: 0px;--preview-copy-y: 0px;--preview-facts-y: 0px;--section-gap: 24px;--preview-media-scale: 1.2;position:relative;isolation:isolate;height:var(--preview-height);margin:20px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--preview-accent) rgba(255,255,255,.16);scrollbar-width:thin;color:#fff;background:var(--ink-1000);border-radius:14px}.live-preview::-webkit-scrollbar{width:8px}.live-preview::-webkit-scrollbar-track{background:#ffffff1f}.live-preview::-webkit-scrollbar-thumb{background:var(--preview-accent);border-radius:999px}.live-preview:focus-visible{outline-color:var(--preview-accent);outline-offset:4px}.preview-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#05070cd6,#05070c6b 62%,#05070c1f),linear-gradient(0deg,rgba(5,7,12,.72) 0%,transparent 54%)}.preview-media{position:sticky;z-index:0;top:0;width:100%;height:calc(var(--preview-height) + 120px);margin-bottom:calc((var(--preview-height) + 120px) * -1);overflow:hidden}.preview-media video,.preview-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transform:translate3d(0,calc(var(--preview-media-y) - 56px),0) scale(var(--preview-media-scale));transform-origin:center center;transition:transform var(--dur-slow) var(--ease-kuble),object-position var(--dur-slow) var(--ease-kuble);will-change:transform}.preview-scroll-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--section-gap)}.preview-hero{position:relative;flex:0 0 auto;min-height:var(--preview-height)}.preview-copy{position:absolute;z-index:1;inset:calc(38px + var(--preview-space)) calc(38px + var(--preview-space)) auto;max-width:78%;transform:translate3d(0,var(--preview-copy-y),0);transition:transform var(--dur-base) var(--ease-kuble);will-change:transform}.preview-copy>span,.preview-facts,.preview-copy button{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.14em}.preview-copy>span{color:var(--preview-accent);font-size:.68rem}.preview-copy h1{margin:24px 0 18px;max-width:12ch;font-family:Montserrat Local,Arial,sans-serif;font-size:calc(clamp(3.1rem,5vw,6rem) * var(--type-scale));font-weight:720;line-height:calc(var(--headline-leading) * var(--line-height-scale));letter-spacing:calc(var(--headline-tracking) + var(--letter-spacing-adjust));text-wrap:balance}.label-hidden .preview-copy h1{margin-top:0}.preview-copy p{max-width:540px;margin:0;font-size:calc(.98rem * var(--type-scale));line-height:calc(1.5 * var(--line-height-scale));letter-spacing:var(--letter-spacing-adjust)}.preview-copy button{margin-top:28px;min-height:42px;padding:0 20px;color:#fff;border:1px solid rgba(255,255,255,.48);border-radius:999px;background:#05070c29;font-size:.65rem;cursor:pointer;transition:color var(--dur-fast) var(--ease-kuble),background var(--dur-fast) var(--ease-kuble),border-color var(--dur-fast) var(--ease-kuble)}.preview-copy button:hover{color:#fff;border-color:var(--preview-accent);background:var(--preview-accent)}.preview-facts{position:absolute;z-index:1;left:calc(38px + var(--preview-space));right:calc(38px + var(--preview-space));bottom:calc(27px + var(--preview-space));display:flex;justify-content:space-between;font-size:.56rem;transform:translate3d(0,var(--preview-facts-y),0);will-change:transform}.preview-scroll-cue{position:absolute;z-index:2;right:calc(38px + var(--preview-space));bottom:calc(58px + var(--preview-space));width:min(190px,38%);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.52rem;letter-spacing:.12em;text-transform:uppercase}.preview-scroll-cue>span{display:block;margin-bottom:8px;text-align:right}.preview-scroll-cue i{height:2px;display:block;overflow:hidden;background:#ffffff47}.preview-scroll-cue b{width:100%;height:100%;display:block;background:var(--preview-accent);transform:scaleX(var(--preview-scroll-progress));transform-origin:left center}.preview-chapter{position:relative;min-height:calc(var(--preview-height) * .82);padding:clamp(46px,7vw,84px) calc(38px + var(--preview-space));display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;background:#05070cd6;border-top:1px solid rgba(255,255,255,.18)}.preview-chapter>span,.chapter-heading>span,.principle-list article>span{color:var(--preview-accent);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}.preview-chapter h2{max-width:13ch;margin:22px 0;font-size:calc(clamp(2.5rem,4.2vw,5rem) * var(--type-scale));line-height:calc(.94 * var(--line-height-scale));letter-spacing:calc(-.05em + var(--letter-spacing-adjust));text-wrap:balance}.preview-chapter>p{max-width:620px;margin:0;font-size:calc(.92rem * var(--type-scale));line-height:calc(1.58 * var(--line-height-scale));letter-spacing:var(--letter-spacing-adjust)}.preview-principles{min-height:var(--preview-height);justify-content:flex-start}.chapter-heading{margin-bottom:42px}.principle-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.24)}.principle-list article{min-height:190px;padding:22px 16px 12px 0;border-right:1px solid rgba(255,255,255,.24)}.principle-list article+article{padding-left:16px}.principle-list article:last-child{border-right:0}.principle-list strong{min-height:40px;margin:28px 0 14px;display:block;font-size:.74rem;line-height:1.4;text-transform:uppercase}.principle-list p{margin:0;color:#ffffffb3;font-size:.67rem;line-height:1.55}.preview-closing{min-height:calc(var(--preview-height) * .72);background:var(--preview-accent)}.preview-closing>span{color:#ffffffb8}.preview-closing h2{max-width:10ch}.preview-closing button{width:fit-content;min-height:42px;margin-top:28px;padding:0 20px;color:#fff;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:transparent;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.scroll-animations-on [data-preview-reveal]{opacity:0;filter:blur(8px);transition:opacity .64s var(--ease-kuble),transform .76s var(--ease-kuble),filter .68s var(--ease-kuble),clip-path .76s var(--ease-kuble);will-change:transform,opacity,filter}.scroll-animations-on.reveal-fade [data-preview-reveal]{clip-path:inset(3% 0 3% 0);transform:scale(.975)}.scroll-animations-on.reveal-links [data-preview-reveal]{clip-path:inset(0 14% 0 0);transform:translate3d(-88px,0,0)}.scroll-animations-on.reveal-rechts [data-preview-reveal]{clip-path:inset(0 0 0 14%);transform:translate3d(88px,0,0)}.scroll-animations-on.reveal-unten [data-preview-reveal]{clip-path:inset(0 0 16% 0);transform:translate3d(0,72px,0)}.scroll-animations-on [data-preview-reveal].is-preview-visible,.scroll-animations-off [data-preview-reveal]{opacity:1;filter:blur(0);clip-path:inset(0 0 0 0);transform:translateZ(0)}.scroll-animations-on .preview-chapter>*{opacity:0;transform:translate3d(0,24px,0);transition:opacity .48s var(--ease-kuble),transform .62s var(--ease-kuble)}.scroll-animations-on .preview-chapter.is-preview-visible>*{opacity:1;transform:translateZ(0)}.scroll-animations-on .preview-chapter.is-preview-visible>:nth-child(2){transition-delay:90ms}.scroll-animations-on .preview-chapter.is-preview-visible>:nth-child(3){transition-delay:.17s}.scroll-animations-on .preview-chapter.is-preview-visible>:nth-child(4){transition-delay:.25s}.scroll-animations-on .principle-list article{opacity:0;transform:translate3d(0,22px,0);transition:opacity .44s var(--ease-kuble),transform .56s var(--ease-kuble)}.scroll-animations-on .preview-principles.is-preview-visible .principle-list article{opacity:1;transform:translateZ(0)}.scroll-animations-on .preview-principles.is-preview-visible .principle-list article:nth-child(1){transition-delay:.18s}.scroll-animations-on .preview-principles.is-preview-visible .principle-list article:nth-child(2){transition-delay:.26s}.scroll-animations-on .preview-principles.is-preview-visible .principle-list article:nth-child(3){transition-delay:.34s}.direction-technical{--headline-leading: .88;--headline-tracking: -.065em}.direction-technical .preview-media:after{background:linear-gradient(90deg,#050e17e6,#050e177a 70%,#050e1729),linear-gradient(0deg,rgba(5,14,23,.8) 0%,transparent 58%)}.direction-technical .preview-media video,.direction-technical .preview-media img{object-position:52% center}.direction-technical .preview-copy{max-width:84%}.direction-technical .preview-copy h1{font-weight:780}.direction-technical .preview-facts{padding-top:12px;border-top:1px solid var(--preview-accent)}.direction-organic{--headline-leading: .98}.direction-organic .preview-media:after{background:linear-gradient(0deg,#10141fdb,#10141f2e 70%)}.direction-organic .preview-media video,.direction-organic .preview-media img{object-position:64% center}.direction-organic .preview-copy{inset:auto 36px calc(92px + var(--preview-space));max-width:72%}.direction-organic .preview-copy h1{font-weight:520}.direction-organic .preview-copy>span{letter-spacing:.18em}.direction-soft{--headline-leading: 1;color:var(--ink-950);background:var(--crystal)}.direction-soft .preview-media:after{background:linear-gradient(90deg,#f3f4f8eb,#f3f4f88f 66%,#f3f4f81a),linear-gradient(0deg,rgba(243,244,248,.8) 0%,transparent 52%)}.direction-soft .preview-media video,.direction-soft .preview-media img{object-position:62% center}.direction-soft .preview-copy{max-width:70%}.direction-soft .preview-copy h1{font-weight:360}.direction-soft .preview-copy p,.direction-soft .preview-facts{color:#252b38}.direction-soft .preview-copy button{color:var(--ink-950);border-color:#0a0e1766;background:#ffffff38}.direction-soft .preview-copy button:hover{color:#fff}.direction-brutal{--headline-leading: .82;--headline-tracking: -.075em;--preview-media-scale: 1.24}.direction-brutal .preview-media:after{background:linear-gradient(90deg,#05070cd1,#05070c61 72%),linear-gradient(0deg,rgba(5,7,12,.82) 0%,transparent 62%)}.direction-brutal .preview-media video,.direction-brutal .preview-media img{object-position:65% center}.direction-brutal .preview-copy{max-width:94%}.direction-brutal .preview-copy h1{margin-top:16px;max-width:13ch;font-weight:860;font-size:calc(clamp(3rem,4.6vw,5.5rem) * var(--type-scale));text-transform:uppercase;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.direction-brutal .preview-copy>span{padding:6px 9px;color:#fff;background:var(--preview-accent)}.direction-brutal .preview-facts{padding-top:12px;border-top:3px solid var(--preview-accent);font-weight:700}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border-strong)}.why-grid>div{min-height:132px;padding:16px 13px;border-right:1px solid var(--border)}.why-grid>div:last-child{border-right:0}.why-grid span{color:var(--blue-500);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.62rem}.why-grid strong{display:block;margin:12px 0 8px;font-size:.66rem;text-transform:uppercase}.why-grid p{margin:0;color:#616b7d;font-size:.62rem;line-height:1.5}.field-list{padding-bottom:8px}.variable-field{padding:13px 18px;display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;align-items:start;border-bottom:1px solid var(--border)}.variable-field>span{padding-top:10px;font-size:.61rem}.variable-field textarea{width:100%;min-height:58px;padding:9px 11px;resize:vertical;color:var(--ink-950);border:1px solid var(--border-strong);border-radius:8px;background:var(--crystal);font-size:.73rem;line-height:1.45;transition:border-color var(--dur-fast) var(--ease-kuble),background var(--dur-fast) var(--ease-kuble)}.variable-field textarea:hover,.variable-field textarea:focus{border-color:var(--blue-500);background:#fff}.lower-workspace{position:relative;z-index:2;background:var(--surface);border-bottom:1px solid var(--border-strong)}.generated-prompt{position:relative}.generated-prompt pre{min-height:360px;margin:18px 190px 18px 18px;padding:22px;overflow:auto;white-space:pre-wrap;color:var(--ink-50);background:var(--ink-950);border:1px solid var(--ink-700);border-radius:8px;font:.71rem/1.68 JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.copy-button{position:absolute;top:86px;right:18px;width:150px;min-height:44px;color:#fff;border:0;border-radius:999px;background:var(--blue-500);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background var(--dur-fast) var(--ease-kuble),transform var(--dur-fast) var(--ease-kuble)}.copy-button:hover{background:var(--ink-950);transform:translateY(-2px)}.copy-hint{position:absolute;top:150px;right:18px;width:150px;margin:0;color:#687184;font-size:.63rem;line-height:1.5}.example-library{position:relative;z-index:2;background:var(--crystal);border-bottom:1px solid var(--border-strong)}.library-header{min-height:250px;padding:42px 34px;display:grid;grid-template-columns:190px minmax(0,760px);gap:34px;align-items:start;color:#fff;background:var(--ink-950)}.library-header>span,.resource-intro>span,.source-links a,.slop-example summary>span,.reference-grid button>span,.reference-grid button>small,.reference-grid button>b,.tool-grid a>span,.tool-grid a>b{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.1em}.library-header>span{color:var(--blue-400);font-size:.66rem}.library-header h2{max-width:16ch;margin:0;font-size:clamp(2.5rem,5vw,5.4rem);line-height:.92;letter-spacing:-.055em;text-wrap:balance}.library-header p{max-width:640px;margin:28px 0 0;color:#aeb7c8;font-size:.9rem;line-height:1.6}.resource-block{padding:34px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:34px;border-top:1px solid var(--border-strong)}.resource-intro>span{color:var(--blue-500);font-size:.63rem}.resource-intro h3{margin:16px 0 12px;font-size:1.25rem;line-height:1.1}.resource-intro p{margin:0;color:#687184;font-size:.72rem;line-height:1.55}.source-links{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px}.source-links a{padding:7px 9px;color:var(--ink-950);border:1px solid var(--border-strong);background:#fff;font-size:.55rem;text-decoration:none}.source-links a:hover{color:#fff;border-color:var(--blue-500);background:var(--blue-500)}.slop-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border-strong)}.slop-example{min-width:0;background:#fff;border-right:1px solid var(--border-strong)}.slop-example:last-child{border-right:0}.slop-example summary{min-height:88px;padding:16px;display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:start;cursor:pointer;list-style:none}.slop-example summary::-webkit-details-marker{display:none}.slop-example summary>span{color:var(--blue-500);font-size:.6rem}.slop-example summary strong{font-size:.7rem;line-height:1.35;text-transform:uppercase}.slop-example summary i{font-style:normal;transition:transform var(--dur-base) var(--ease-kuble)}.slop-example[open] summary i{transform:rotate(45deg)}.slop-example>p{margin:0;padding:12px 16px;color:#586174;border-top:1px solid var(--border);font-size:.68rem;line-height:1.55}.slop-example>p strong{color:var(--ink-950)}.slop-sample{min-height:180px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;color:#fff;background:#151827}.slop-sample span{font:.52rem/1.2 JetBrains Mono,ui-monospace,monospace;letter-spacing:.12em}.slop-sample b{max-width:11ch;margin-top:18px;font-size:1.45rem;line-height:.9;letter-spacing:-.06em}.slop-sample i{width:72px;height:24px;margin-top:18px;border-radius:999px;background:#fff;opacity:.9}.slop-purple{background:radial-gradient(circle at 74% 24%,#a86cff 0 15%,transparent 16%),linear-gradient(135deg,#121627,#5d2fc0 58%,#2e5cff)}.slop-premium{background:linear-gradient(115deg,#000000db,#0000002e),url(/assets/kuble-motion/guardian-lion.webp) center/cover}.slop-copy{color:var(--ink-950);background:repeating-linear-gradient(0deg,#fff 0,#fff 34px,#e2e6ee 35px)}.slop-copy i{background:var(--blue-500)}.reference-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--border-strong)}.reference-grid button{min-height:280px;padding:18px;display:flex;flex-direction:column;text-align:left;border:0;border-right:1px solid var(--border-strong);background:#fff;cursor:pointer}.reference-grid button:last-child{border-right:0}.reference-grid button:hover{color:#fff;background:var(--ink-950)}.reference-grid button>span{color:var(--blue-500);font-size:.58rem}.reference-grid button>strong{margin:18px 0;font-size:.76rem;line-height:1.2;text-transform:uppercase}.reference-grid button>p{margin:0;color:#687184;font-size:.66rem;line-height:1.55}.reference-grid button:hover>p{color:#b7c0d1}.reference-grid button>small{margin-top:auto;padding-top:22px;color:var(--gold-600);font-size:.5rem;line-height:1.5}.reference-grid button>b{margin-top:14px;color:var(--blue-500);font-size:.53rem}.variant-process{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border-strong)}.variant-process li{min-height:220px;padding:22px;border-right:1px solid var(--border-strong);background:#fff}.variant-process li:last-child{border-right:0}.variant-process span{display:block;color:var(--blue-500);font-size:4rem;font-weight:760;line-height:.8;letter-spacing:-.08em}.variant-process strong{display:block;margin:28px 0 10px;font-size:.78rem;text-transform:uppercase}.variant-process p{margin:0;color:#687184;font-size:.69rem;line-height:1.55}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border-strong)}.tool-grid a{min-height:250px;padding:20px;display:flex;flex-direction:column;color:inherit;border-right:1px solid var(--border-strong);background:#fff;text-decoration:none}.tool-grid a:last-child{border-right:0}.tool-grid a:hover{color:#fff;background:var(--blue-500)}.tool-grid a>span{color:var(--gold-600);font-size:.53rem}.tool-grid a>strong{margin:24px 0 16px;font-size:1rem}.tool-grid a>p{margin:0;color:#687184;font-size:.67rem;line-height:1.55}.tool-grid a:hover>span,.tool-grid a:hover>p{color:#ffffffc7}.tool-grid a>b{margin-top:auto;padding-top:24px;color:var(--blue-500);font-size:.54rem}.tool-grid a:hover>b{color:#fff}.slider-row,.control-row{min-height:92px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:13px;align-items:center;border-bottom:1px solid var(--border);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.slider-row strong{color:var(--blue-500);font-weight:500}.slider-row input{grid-column:1 / -1;width:100%;accent-color:var(--blue-500)}.gap-slider-row{min-height:142px}.gap-presets{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr)}.gap-presets button{min-height:30px;border:1px solid var(--border-strong);background:transparent;font-size:.58rem;cursor:pointer}.gap-presets button+button{border-left:0}.gap-presets button:first-child{border-radius:999px 0 0 999px}.gap-presets button:last-child{border-radius:0 999px 999px 0}.gap-presets button.active{color:#fff;border-color:var(--blue-500);background:var(--blue-500)}.control-row{min-height:84px}.swatches{display:flex;gap:10px}.swatches button{width:28px;height:28px;border:3px solid #fff;border-radius:4px;outline:1px solid var(--border-strong);cursor:pointer}.swatches button.active{outline:2px solid var(--ink-950)}.motion-control{grid-template-columns:100px 1fr}.binary-control{grid-template-columns:140px 1fr}.reveal-control{min-height:126px;grid-template-columns:100px 1fr}.motion-control>div,.binary-control>div,.reveal-control>div{display:grid}.motion-control>div{grid-template-columns:repeat(3,1fr)}.binary-control>div{grid-template-columns:repeat(2,1fr)}.reveal-control>div{grid-template-columns:repeat(2,1fr)}.motion-control button,.binary-control button,.reveal-control button{min-height:38px;border:1px solid var(--border-strong);background:transparent;font-size:.58rem;text-transform:uppercase;cursor:pointer;transition:color var(--dur-fast) var(--ease-kuble),background var(--dur-fast) var(--ease-kuble)}.motion-control button+button,.binary-control button+button{border-left:0}.motion-control button:first-child,.binary-control button:first-child{border-radius:999px 0 0 999px}.motion-control button:last-child,.binary-control button:last-child{border-radius:0 999px 999px 0}.motion-control button.active,.binary-control button.active,.reveal-control button.active{color:#fff;border-color:var(--blue-500);background:var(--blue-500)}.reveal-control button:nth-child(2n){border-left:0}.reveal-control button:nth-child(n+3){border-top:0}.reveal-control button:first-child{border-radius:18px 0 0}.reveal-control button:nth-child(2){border-radius:0 18px 0 0}.reveal-control button:nth-child(3){border-radius:0 0 0 18px}.reveal-control button:last-child{border-radius:0 0 18px}.live-preview.motion-dezent:hover .preview-copy{transform:translate3d(0,calc(var(--preview-copy-y) - 5px),0)}.live-preview.motion-moderat:hover .preview-copy{transform:translate3d(7px,calc(var(--preview-copy-y) - 8px),0)}.live-preview.motion-moderat:hover{--preview-media-scale: 1.24}.live-preview.motion-aus .preview-media video,.live-preview.motion-aus .preview-media img{transition:none}.motion-ready [data-reveal]{opacity:0;transform:translate3d(0,42px,0);transition:opacity .62s var(--ease-kuble) var(--reveal-delay, 0ms),transform .62s var(--ease-kuble) var(--reveal-delay, 0ms),clip-path .7s var(--ease-kuble) var(--reveal-delay, 0ms);will-change:transform,opacity}.motion-ready [data-reveal].is-visible{opacity:1;transform:translateZ(0)}.motion-ready [data-reveal=hero]{transform:translateZ(0)}.motion-ready [data-reveal=left]{transform:translate3d(-46px,0,0)}.motion-ready [data-reveal=right]{transform:translate3d(46px,0,0)}.motion-ready [data-reveal=section]{clip-path:inset(0 0 16% 0);transform:translate3d(0,54px,0) scale(.988)}.motion-ready [data-reveal=card]{transform:translate3d(0,48px,0)}.motion-ready [data-reveal=bar]{transform:translate3d(0,24px,0)}.motion-ready [data-reveal=left].is-visible,.motion-ready [data-reveal=right].is-visible,.motion-ready [data-reveal=section].is-visible,.motion-ready [data-reveal=card].is-visible,.motion-ready [data-reveal=bar].is-visible{clip-path:inset(0 0 0 0);transform:translateZ(0) scale(1)}footer{position:relative;z-index:2;min-height:58px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;color:#687184;background:var(--crystal);border-bottom:1px solid var(--border-strong);font-size:.6rem}@media(max-width:1160px){.workspace{grid-template-columns:190px minmax(470px,1fr)}.prompt-panel{grid-column:1 / -1;border-top:1px solid var(--border-strong)}.field-list{display:grid;grid-template-columns:repeat(2,1fr)}.variable-field{grid-template-columns:105px 1fr}.field-list .variable-field:last-child{grid-column:1 / -1}.resource-block{grid-template-columns:160px minmax(0,1fr)}.reference-grid{grid-template-columns:repeat(3,1fr)}.reference-grid button:nth-child(3){border-right:0}.reference-grid button:nth-child(n+4){border-top:1px solid var(--border-strong)}.tool-grid{grid-template-columns:repeat(2,1fr)}.tool-grid a:nth-child(2){border-right:0}.tool-grid a:nth-child(n+3){border-top:1px solid var(--border-strong)}}@media(max-width:760px){.lab{border-inline:0}.masthead{min-height:220px;padding:24px 20px;align-items:flex-start}.masthead-title{font-size:clamp(3rem,16vw,5.4rem)}.masthead-meta{width:43%;padding-top:6px}.masthead-meta span,.masthead-meta strong{font-size:.55rem}.masthead-media{top:-12%;right:-24%;bottom:-12%;left:-24%}.top-actions{min-height:48px}.top-actions>span{display:none}.top-actions button{min-width:150px;padding:0 18px;margin-left:auto;font-size:.6rem}.workspace{display:flex;flex-direction:column}.direction-index{border-right:0;border-bottom:1px solid var(--border-strong)}.direction-index ol{display:flex;overflow-x:auto;scroll-snap-type:x proximity}.direction-index li{min-width:175px;border-bottom:1px solid var(--border-strong);scroll-snap-align:start}.index-note{display:none}.preview-column{border-right:0}.live-preview{--preview-height: 620px;margin:12px;border-radius:10px}.preview-copy{inset:calc(28px + var(--preview-space)) calc(24px + var(--preview-space)) auto;max-width:91%}.preview-copy h1{max-width:10ch;font-size:calc(clamp(2.65rem,13vw,4.3rem) * var(--type-scale))}.preview-copy p{font-size:calc(.88rem * var(--type-scale))}.preview-facts{left:calc(24px + var(--preview-space));right:calc(24px + var(--preview-space));flex-direction:column;gap:5px}.direction-organic .preview-copy{inset:auto 24px calc(112px + var(--preview-space));max-width:90%}.direction-brutal .preview-copy h1{font-size:calc(clamp(2.5rem,12vw,4rem) * var(--type-scale))}.preview-scroll-cue{right:calc(24px + var(--preview-space));bottom:calc(76px + var(--preview-space));width:48%}.preview-chapter{padding:54px calc(24px + var(--preview-space))}.preview-chapter h2{font-size:calc(clamp(2.5rem,11vw,4rem) * var(--type-scale))}.principle-list{grid-template-columns:1fr}.principle-list article,.principle-list article+article{min-height:auto;padding:20px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.24)}.principle-list article:last-child{border-bottom:0}.principle-list strong{min-height:0;margin:14px 0 8px}.why-grid{grid-template-columns:repeat(2,1fr)}.why-grid>div:nth-child(2){border-right:0}.why-grid>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.field-list{display:block}.variable-field{grid-template-columns:92px 1fr}.generated-prompt pre{min-height:500px;margin-right:18px;padding-bottom:110px}.copy-button{top:auto;right:38px;bottom:42px;width:calc(100% - 76px)}.copy-hint{display:none}.swatches{flex-wrap:wrap;justify-content:flex-end}.library-header,.resource-block{padding:28px 20px;grid-template-columns:1fr;gap:24px}.library-header{min-height:0}.slop-example-grid,.reference-grid,.variant-process,.tool-grid{grid-template-columns:1fr}.slop-example,.reference-grid button,.variant-process li,.tool-grid a{border-right:0;border-bottom:1px solid var(--border-strong)}.slop-example:last-child,.reference-grid button:last-child,.variant-process li:last-child,.tool-grid a:last-child{border-bottom:0}.reference-grid button{min-height:230px}footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}[data-reveal]{opacity:1!important;transform:none!important}[data-parallax]{transform:none!important}[data-preview-reveal]{opacity:1!important;clip-path:none!important;transform:none!important}.preview-media,.preview-media video,.preview-media img,.preview-copy,.preview-facts{transform:none!important}.scroll-progress{display:none}}