@font-face{font-family:Bricolage;src:url('assets/fonts/bricolage-800.woff2')}@font-face{font-family:Space;src:url('assets/fonts/space-grotesk.woff2');font-weight:300 700}@font-face{font-family:Instrument;src:url('assets/fonts/instrument-italic.woff2');font-style:italic}@font-face{font-family:Plex;src:url('assets/fonts/ibm-plex-mono-400.woff2')}
:root{--ink:#18171B;--pink:#FF19A3;--lime:#C2FF00;--violet:#6236FF;--orange:#FF5B00;--mint:#00FFD1;--lilac:#F5ECFF;--paper:#FFFDF5;--pool:var(--mint);--milk:var(--lilac);--hero:var(--pink);--stage:var(--mint);--hero-text:var(--ink);--stage-text:var(--ink);--brand-sour:#C8FF00;--brand-melon:#FF3987;--line:2px solid var(--ink);--radius:12px;--gap:clamp(24px,4vw,64px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--paper);background:var(--ink);font:16px/1.5 Space,Arial,sans-serif}body[data-theme=lime]{--hero:var(--lime);--stage:var(--violet);--stage-text:var(--paper)}body[data-theme=violet]{--hero:var(--violet);--stage:var(--orange);--hero-text:var(--paper)}body[data-theme=orange]{--hero:var(--orange);--stage:var(--milk)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.45}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Bricolage,Arial,sans-serif;line-height:.98;letter-spacing:-.055em}h1{font-size:clamp(64px,8.4vw,136px)}h2{font-size:clamp(36px,4.4vw,68px)}h3{font-size:clamp(28px,3vw,48px)}.serif{font-family:Instrument,Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.055em}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.09em;line-height:1.4}.micro{font-size:12px;line-height:1.6}.reference{color:var(--ink);background:var(--lime);padding:7px 4%;display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.06em}.site-header{max-width:1600px;margin:auto;display:flex;align-items:center;gap:32px;padding:22px 4%;color:var(--paper)}.brand{display:flex;align-items:center;gap:7px;font-family:Bricolage,sans-serif;font-size:31px;letter-spacing:-1.8px;white-space:nowrap}.brand img{width:47px;height:38px;object-fit:contain}.brand b:first-child{color:var(--brand-sour)}.brand b:last-child{color:var(--brand-melon)}.site-header nav{display:flex;gap:25px;align-items:center;margin-left:auto;font-size:13px}.site-header nav a{padding:9px 0;border-bottom:2px solid transparent}.site-header nav a.active{border-color:var(--lime);color:var(--paper)}.button{min-height:52px;padding:13px 22px;border:var(--line);border-radius:9px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-size:14px;font-weight:700;background:transparent;line-height:1.3;transition:background .15s,color .15s}.button span{font-size:22px;line-height:1}.button:hover{background:var(--paper);color:var(--ink)}.button.ink{background:var(--ink);color:var(--paper)}.button.ink:hover{background:#34303b}.button.lime{background:var(--lime);color:var(--ink)}.button.lime:hover{background:#d9ff86}.button.violet{background:var(--violet);color:var(--paper)}.button.small{min-height:44px;padding:10px 16px;font-size:12px;gap:16px}.round-button{color:var(--ink);width:48px;height:48px;display:inline-grid;place-items:center;border:var(--line);border-radius:50%;background:var(--lime);font-size:29px;flex-shrink:0}.round-button:hover{background:var(--paper)}.text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:5px;border:0;background:transparent;padding:0;text-align:left}.quiet{border:0;background:transparent;min-height:44px;padding:8px 12px;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.view{max-width:1600px;margin:auto}.view[hidden]{display:none}.lp-hero{display:grid;grid-template-columns:1fr 1fr;min-height:740px}.lp-copy{background:var(--pink);padding:55px var(--gap) 48px;position:relative}.lp-copy h1{margin:23px 0 25px;font-size:clamp(74px,9vw,146px);line-height:.84;letter-spacing:-.065em}.lp-copy h1 .serif{font-size:1.12em}.dot{color:var(--violet)}.lead{font-size:18px;line-height:1.5;max-width:430px}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin:27px 0 16px}.lp-art{background:var(--violet);min-width:0;position:relative;display:flex;align-items:center;justify-content:center;padding:80px 60px 100px;overflow:hidden}.lp-book{display:block;width:70%;max-width:315px;position:relative;z-index:1;border:1px solid #ffffff45;box-shadow:0 25px 55px #1d074a60}.lp-book img{width:100%;display:block}.round-label{position:absolute;top:32px;right:27px;width:105px;height:105px;background:var(--lime);border:var(--line);border-radius:50%;display:grid;place-content:center;text-align:center;font-family:Bricolage;font-size:18px;line-height:1.05;z-index:2}.art-scribble{position:absolute;left:20px;top:6%;font-size:420px;line-height:1;color:var(--pink);font-family:Arial}.lp-fruit{position:absolute;width:210px;bottom:80px;right:4%;z-index:2}.art-caption{position:absolute;bottom:30px;left:30px;right:30px;display:flex;justify-content:space-between;gap:20px;color:var(--paper);font-size:11px;font-weight:700;letter-spacing:.04em}.art-caption a{text-decoration:underline;text-underline-offset:4px}.format-strip{background:var(--lime);display:flex;justify-content:space-around;align-items:center;padding:22px 3%;gap:18px;font-family:Bricolage;font-size:clamp(16px,2.5vw,36px);letter-spacing:-.04em;overflow:hidden}.format-strip i{font-style:normal;font-size:1.2em}.discovery{background:var(--milk);padding:70px var(--gap)}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:32px}.section-heading>p{max-width:240px;font-size:16px}.section-heading .eyebrow{margin-bottom:12px}.featured{display:grid;grid-template-columns:1.1fr 1fr;border:var(--line);border-radius:16px;overflow:hidden}.featured-visual{background:var(--orange);position:relative;min-height:360px;display:flex;align-items:center;justify-content:center;padding:35px}.featured-visual>img{height:300px;max-width:65%;object-fit:contain;box-shadow:0 12px 28px #56221133}.pill{display:inline-flex;align-items:center;min-height:29px;font-size:10px;font-weight:700;padding:5px 10px;border:1.5px solid currentColor;border-radius:50px;letter-spacing:.04em;white-space:nowrap}.featured-visual .pill{position:absolute;left:20px;top:20px;background:var(--milk)}.circle-arrow{position:absolute;bottom:20px;right:20px;border:var(--line);border-radius:50%;width:55px;height:55px;display:grid;place-items:center;font-size:34px;background:var(--lime)}.featured-info{padding:45px;display:flex;flex-direction:column;justify-content:space-between;gap:30px;background:var(--paper)}.featured-info h3{margin:15px 0}.featured:hover h3{text-decoration:underline;text-underline-offset:7px}.bring{background:var(--lime);padding:70px var(--gap);display:grid;grid-template-columns:1fr 1fr;gap:60px}.bring h2{margin-top:18px}.bring>div:last-child>p:first-child{font-size:18px;max-width:430px}.bring .button{margin:25px 0 15px}.creator-bar{background:var(--milk);padding:9px 4%;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:10px;font-weight:700;letter-spacing:.04em}.creator-bar>span{display:flex;align-items:center;gap:8px}.creator-bar>div{display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--violet)}.work-hero{display:grid;grid-template-columns:1.05fr 1fr}.work-copy{padding:38px var(--gap) 45px;background:var(--hero);color:var(--hero-text);position:relative;min-width:0;min-height:710px}.work-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.byline{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.byline img{width:45px;height:45px}.work-copy h1{font-size:clamp(46px,6.65vw,110px);line-height:.95;margin:45px 0 22px;overflow-wrap:anywhere}.work-copy h1 .serif{font-size:1.42em;line-height:.9;display:inline-block}.work-sub{font-size:19px;max-width:360px;margin:24px 0}.work-copy>.micro{margin-top:14px;max-width:310px}.scribble{width:180px;height:70px;display:block;margin-top:25px;fill:none;stroke:currentColor;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.side-note{position:absolute;bottom:36px;right:40px;font-family:Bricolage;font-size:25px;line-height:1;letter-spacing:-.04em}.side-note .serif{font-size:1.25em}.work-stage{background:var(--stage);color:var(--stage-text);position:relative;display:flex;align-items:center;justify-content:center;padding:85px 55px 70px;min-width:0;min-height:710px;overflow:hidden}.stage-head{position:absolute;top:22px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.04em}.book-button{padding:0;border:0;background:transparent;width:70%;max-width:330px;box-shadow:0 25px 45px #132e2530;position:relative;z-index:1}.book-button img{display:block;width:100%}.book-label{color:var(--ink);position:absolute;left:25px;bottom:70px;background:var(--lime);border:var(--line);border-radius:50%;width:110px;height:110px;display:grid;place-content:center;font-family:Bricolage;font-size:16px;line-height:1.05;text-align:center;z-index:2}.stage-fruit{position:absolute;right:10px;bottom:57px;width:165px;z-index:2}.stage-foot{position:absolute;left:25px;right:25px;bottom:23px;display:flex;justify-content:space-between;gap:15px;font-size:10px;font-weight:700;letter-spacing:.03em}.pages-section{background:var(--milk);padding:65px var(--gap)}.page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.page-preview{border:0;text-align:left;background:transparent;padding:0;display:flex;flex-direction:column;gap:13px;font-size:12px;font-weight:700}.page-preview img{width:100%;border:1px solid #18171b40;transition:border-color .15s}.page-preview:hover img{border-color:var(--violet)}.page-preview>span:first-child{font-size:10px;letter-spacing:.05em}.feedback-section{background:var(--orange);padding:65px var(--gap);display:grid;grid-template-columns:1fr 1.2fr;gap:65px}.feedback-section h2{margin-top:20px}.feedback-fruit{width:155px;margin-top:25px}.feedback-box{background:var(--paper);border:var(--line);border-radius:14px;padding:30px;align-self:center}.feedback-box label{display:block;font-family:Bricolage;font-size:24px;line-height:1.15;letter-spacing:-.03em;margin-bottom:22px}textarea,input{width:100%;border:1.5px solid var(--ink);background:transparent;border-radius:6px;padding:13px;color:var(--ink);font-size:15px}textarea{resize:vertical;min-height:130px}textarea::placeholder{color:var(--ink)}.feedback-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0}.feedback-bottom>span{font-size:12px}.card-link{background:transparent;border:0;text-align:left;padding:12px 0;min-height:44px;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.feedback-box .micro{margin-top:8px;color:var(--ink)}.profile-intro{background:var(--lime);padding:55px var(--gap);display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.profile-intro h1{font-size:clamp(100px,16vw,220px);margin:20px 0}.profile-intro p:not(.eyebrow){font-size:18px;margin-bottom:26px}.profile-character{position:relative;display:flex;align-items:center;justify-content:center;min-height:400px}.profile-character>img{width:65%;max-width:310px;position:relative;z-index:1}.halo{position:absolute;font-size:450px;line-height:1;color:var(--violet)}.profile-character>.button{position:absolute;bottom:0;z-index:2}.profile-works{padding:65px var(--gap);background:var(--milk)}.profile-works h2{margin:15px 0 30px}.profile-work{display:grid;grid-template-columns:240px 1fr;gap:45px;background:var(--pink);padding:35px;border-radius:14px;border:var(--line);align-items:center}.profile-work>img{width:100%;max-height:330px;object-fit:contain}.profile-work h3{font-size:clamp(40px,5vw,80px);margin:20px 0}.profile-work span{font-size:12px;font-weight:700}.avatar-picker{padding:35px var(--gap);background:var(--paper)}.avatar-picker h2{font-size:35px;margin-bottom:15px}.avatar-picker>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.avatar-picker button{border:var(--line);border-radius:12px;background:var(--milk);padding:4px;width:85px;height:85px}.avatar-picker button img{width:100%}.system-hero{background:var(--violet);color:var(--paper);padding:65px var(--gap)}.system-hero h1{font-size:clamp(58px,8.5vw,130px);margin:25px 0}.system-hero p:last-child{max-width:550px;font-size:20px}.system-section{background:var(--milk);padding:60px var(--gap);border-bottom:var(--line)}.system-section>p:last-child{max-width:730px;margin-top:24px}.system-section h2{margin-bottom:30px}.swatches{display:grid;grid-template-columns:repeat(6,1fr)}.swatches>div{background:var(--swatch);height:150px;padding:15px;display:flex;flex-direction:column;justify-content:space-between;font-size:10px;font-weight:700;border:1px solid var(--ink)}.swatches span{font-family:Plex;font-size:11px}.type-section{background:var(--pink)}.type-section h2{font-size:clamp(45px,7vw,110px);margin-top:20px}.button-examples{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.fruit-line{display:flex;gap:30px;flex-wrap:wrap}.fruit-line img{width:calc(25% - 23px);max-width:200px}footer{max-width:1600px;margin:auto;color:var(--paper);padding:45px 4%;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}footer>p{font-family:Instrument;font-size:30px;font-style:italic}footer>a:not(.brand){font-size:12px;text-decoration:underline;text-underline-offset:4px}footer>.micro{text-align:right;color:var(--paper)}dialog{border:var(--line);padding:28px;border-radius:16px;background:var(--milk);color:var(--ink);max-width:min(760px,calc(100% - 24px));max-height:calc(100dvh - 30px);overflow:auto}dialog::backdrop{background:#18171bcc}.dialog-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:24px}.dialog-head>div:last-child{display:flex;align-items:center;gap:20px}.dialog-head h2{font-size:42px}.dialog-head .eyebrow{margin-bottom:6px}.dialog-head p:not(.eyebrow){font-size:12px}.reader{width:900px;background:var(--pool)}.reader-image{display:flex;justify-content:center;background:#729d9520;padding:18px;border-radius:8px}.reader-image img{max-width:100%;max-height:66dvh;object-fit:contain}.reader-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px}.reader-controls>span{font-size:12px}.page-text{margin-top:20px;font-size:13px}.page-text summary{cursor:pointer;padding:10px 0}.page-text pre{font:14px/1.6 Space;white-space:pre-wrap}.editor{width:620px;background:var(--pink)}.editor-note{margin-bottom:20px}.editor label{display:block;margin:20px 0 7px;font-weight:700;font-size:13px}.editor input,.editor textarea{background:#ffffffd9}.editor textarea{min-height:90px}.editor .micro{margin:17px 0}.editor h2{line-height:1}.theme-picks{display:flex;gap:14px;margin:25px 0}.theme-picks button{width:48px;height:48px;background:var(--pick);border:var(--line);border-radius:50%}.theme-picks button[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:4px}#notice{width:550px;padding:30px;background:var(--lime)}#notice p{margin-bottom:25px;font-size:17px}#notice h2{font-size:36px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:14px 22px;border:1px solid var(--lime);border-radius:9px;z-index:99;max-width:calc(100% - 24px);font-size:13px;opacity:0;pointer-events:none}.toast.visible{opacity:1}
@media(min-width:1600px){.work-copy h1{font-size:110px}.lp-copy h1{font-size:146px}}@media(max-width:1000px){.site-header{gap:18px}.site-header nav{gap:15px}.work-copy{padding:30px}.work-copy h1{font-size:6.1vw}.work-stage{padding:85px 25px 80px}.stage-fruit{width:125px}.work-hero,.work-copy,.work-stage{min-height:620px}.side-note{right:25px;font-size:21px}.lp-art{padding:85px 30px 100px}.lp-fruit{width:165px}.feedback-section{gap:30px}.feedback-box{padding:24px}.feedback-bottom{align-items:start;flex-direction:column}.swatches{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.reference{padding:6px 16px}.reference>span:last-child{display:none}.site-header{flex-wrap:wrap;padding:17px 20px;gap:15px;justify-content:space-between}.brand{font-size:28px}.brand img{width:38px;height:32px}.site-header nav{order:3;flex-basis:100%;margin:0;justify-content:space-between;gap:10px;font-size:12px}.site-header>.button{font-size:11px;padding:10px;gap:10px}.lp-hero{grid-template-columns:1fr;min-height:0}.lp-copy{padding:35px 24px}.lp-copy h1{font-size:clamp(85px,18vw,128px);margin:25px 0}.lead{font-size:17px;max-width:440px}.lp-art{min-height:520px;padding:55px 35px 80px}.lp-book{width:53%;max-width:250px}.lp-fruit{width:170px;right:8%;bottom:65px}.art-scribble{font-size:360px;left:8%}.round-label{width:90px;height:90px;font-size:16px}.format-strip{padding:16px;gap:14px;justify-content:start;font-size:22px}.format-strip span{flex-shrink:0}.discovery,.pages-section,.profile-works{padding:40px 22px}.section-heading{align-items:start;flex-direction:column;gap:15px}.section-heading h2{font-size:42px}.featured{grid-template-columns:1fr}.featured-visual{min-height:330px}.featured-info{padding:26px}.bring{grid-template-columns:1fr;padding:40px 24px;gap:25px}.bring h2{font-size:40px}.bring>div:last-child>p:first-child{font-size:16px}.creator-bar{padding:9px 15px;align-items:start}.creator-bar>span{max-width:96px;font-size:9px;line-height:1.4;padding-top:7px}.creator-bar .quiet{font-size:11px;padding:8px 4px}.creator-bar .button{font-size:11px;padding:9px 12px}.work-hero{grid-template-columns:1fr;min-height:0}.work-copy{min-height:0;padding:25px 24px 35px}.work-copy h1{font-size:clamp(44px,10.5vw,76px);margin:29px 0 20px}.work-sub{font-size:18px;max-width:350px}.work-copy>.micro{max-width:245px}.scribble{display:none}.side-note{display:none}.work-stage{min-height:550px;padding:80px 35px}.book-button{width:61%;max-width:270px}.stage-fruit{width:145px;bottom:50px;right:9px}.book-label{left:17px;bottom:55px;width:90px;height:90px;font-size:13px}.stage-head{left:20px;right:20px}.stage-head>span{font-size:9px;max-width:190px}.stage-foot{left:20px;right:20px;font-size:9px}.page-grid{grid-template-columns:1fr 1fr;gap:20px}.page-preview:last-child{display:none}.page-preview{font-size:11px}.feedback-section{padding:40px 22px;grid-template-columns:1fr;gap:25px}.feedback-section>div:first-child{position:relative;min-height:110px}.feedback-section h2{font-size:48px}.feedback-fruit{width:100px;position:absolute;right:0;top:0;margin:0}.feedback-box{padding:23px}.feedback-box label{font-size:22px}.feedback-bottom{flex-direction:row;align-items:center;flex-wrap:wrap}.feedback-bottom .button{font-size:12px;padding:12px;gap:10px}.profile-intro{grid-template-columns:1fr;padding:40px 24px;gap:15px}.profile-intro h1{font-size:130px;margin:20px 0}.profile-character{min-height:320px}.halo{font-size:350px}.profile-character>img{width:65%;max-width:240px}.profile-work{grid-template-columns:1fr;padding:25px;gap:25px}.profile-work>img{height:260px}.profile-work h3{font-size:47px}.system-hero,.system-section{padding:40px 24px}.system-hero h1{font-size:clamp(45px,10vw,76px)}.system-hero p:last-child{font-size:18px}.system-section h2{font-size:38px}.swatches{grid-template-columns:repeat(2,1fr)}.swatches>div{height:130px}.fruit-line{gap:16px}.fruit-line img{width:calc(50% - 8px)}footer{padding:35px 24px;grid-template-columns:1fr;gap:20px}footer>.micro{text-align:left}footer>p{font-size:27px}dialog{padding:18px}.dialog-head{gap:12px}.dialog-head>div:last-child{gap:10px}.dialog-head h2{font-size:32px}.dialog-head .text-link{font-size:11px}.round-button{color:var(--ink);width:44px;height:44px}.reader-image{padding:5px}.reader-controls .button{padding:10px;font-size:11px;gap:4px}.reader-controls>span{font-size:10px}.reader-controls{gap:8px}.reader-image img{max-height:60dvh}#notice{padding:24px}.theme-picks{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* V2: Interaktive Projekte zuerst, Neonfarben und Aliasprofile. */
.lp-copy h1{font-size:clamp(55px,6.6vw,106px);line-height:.98}.lp-copy h1 .serif{font-size:1.08em;white-space:nowrap}.lp-copy{padding-top:48px}.lp-hero{min-height:700px}.gruvi-art{background:var(--violet);padding:70px 45px 170px}.live-label{position:absolute;top:30px;left:30px;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--paper)}.gruvi-cover{position:relative;padding:0;width:80%;max-width:365px;border:0;background:transparent;border-radius:28px;overflow:hidden;box-shadow:0 20px 45px #24143d55}.gruvi-cover>img{width:100%;display:block}.play-disc{position:absolute;right:16px;bottom:16px;width:70px;height:70px;background:var(--lime);color:var(--ink);border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:25px;padding-left:5px}.gruvi-art .art-caption{align-items:end;bottom:30px;font-size:14px;letter-spacing:0}.art-caption strong{display:block;font-family:Bricolage;font-size:24px;line-height:1.05;letter-spacing:-.025em}.art-caption span{display:block;font-size:11px;margin-top:10px;max-width:220px;font-weight:400;line-height:1.5}.gruvi-art .lp-fruit{width:155px;right:5%;bottom:142px}.art-caption .button{font-size:12px;gap:10px;padding:12px}.project-feed{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:start}.feed-card{border:var(--line);border-radius:16px;overflow:hidden;background:var(--paper)}.feed-main{grid-row:span 2}.feed-image{padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.player-image{background:var(--pool);min-height:410px}.player-image>img{width:min(85%,280px);border-radius:20px}.game-image{background:var(--orange);min-height:220px;flex-direction:row}.game-image>img{width:40%;height:150px;object-fit:contain}.game-image .button{font-size:12px;gap:10px;padding:12px;flex-shrink:0}.feed-body{padding:28px}.feed-body h3{margin:20px 0;font-size:38px}.feed-body>p{font-size:15px;max-width:450px;margin-bottom:18px}.feed-site{display:grid;grid-template-columns:1fr 1fr;grid-column:span 2}.website-thumb{background:var(--pink);padding:28px;position:relative;min-height:260px;overflow:hidden}.mini-nav{display:flex;justify-content:space-between;font-size:18px;border-bottom:1px solid var(--ink);padding-bottom:12px}.mini-nav b{font-family:Bricolage;letter-spacing:-1px}.mini-nav span{color:#3a244d}.mini-nav i{font-style:normal}.website-thumb>strong{display:block;font-family:Bricolage;line-height:.98;font-size:34px;letter-spacing:-.04em;margin-top:30px;max-width:280px}.mini-button{display:inline-block;font-size:10px;font-weight:700;padding:8px 12px;background:var(--ink);color:var(--paper);border-radius:5px;margin-top:20px}.website-thumb>img{position:absolute;right:10px;bottom:10px;width:100px}.prototype-offer{background:var(--violet);color:var(--paper);padding:65px var(--gap);display:grid;grid-template-columns:1fr 220px;gap:45px;align-items:center}.prototype-offer h2{margin:25px 0;font-size:clamp(35px,4vw,60px)}.prototype-offer p{max-width:650px;font-size:17px;line-height:1.6;margin-bottom:25px}.prototype-offer>img{width:100%}.prototype-offer .button{background:var(--lime);color:var(--ink)}.work-copy h1{font-size:clamp(45px,5.7vw,90px);line-height:1.05}.work-copy h1 .serif{font-size:1.03em}.work-copy,.work-stage{min-height:640px}.record-cover{padding:0;border:0;position:relative;background:transparent;width:90%;max-width:340px;box-shadow:0 20px 40px #153d3833;border-radius:24px;overflow:hidden}.record-cover img{width:100%;display:block}.project-detail{margin-top:45px;border-top:1px solid currentColor;padding-top:18px;max-width:340px}.project-detail>span{font-size:10px;font-weight:700;letter-spacing:.07em}.project-detail p{margin-top:10px;font-size:14px}.stage-fruit{width:135px;right:15px;bottom:55px}.project-context{padding:60px var(--gap);background:var(--milk);display:grid;grid-template-columns:1fr 1fr;gap:65px}.project-context h2{margin-top:20px}.project-context>div:last-child p{margin-bottom:18px;font-size:17px;max-width:520px}.profile-intro .eyebrow{font-size:10px}.profile-privacy{font-size:13px!important;max-width:350px;line-height:1.6;margin-top:20px}.profile-character{background:transparent}.profile-character>img{width:72%;max-width:340px}.profile-projects{display:grid;grid-template-columns:1fr 1fr;gap:24px}.profile-work{display:flex;flex-direction:column;align-items:start;gap:20px;padding:25px;text-align:left;width:100%;font:inherit;color:var(--ink)}.profile-work>img{height:200px;max-width:100%;object-fit:contain;align-self:center;border-radius:12px}.profile-work h3{font-size:42px;margin:18px 0}.game-profile{background:var(--orange)}.profile-works h2{font-size:45px}.demo-dialog{width:min(1100px,calc(100% - 30px));max-width:calc(100% - 30px);background:var(--milk);padding:22px;max-height:calc(100dvh - 20px)}.demo-dialog.expanded{width:calc(100vw - 24px)}.demo-dialog .dialog-head{margin-bottom:12px;align-items:center}.demo-dialog h2{font-size:27px;letter-spacing:-.04em}.demo-dialog>.dialog-head>div:last-child{gap:10px}.demo-dialog>p{font-size:13px;margin-bottom:15px;max-width:650px}.embedded-runtime{background:var(--ink);border:var(--line);border-radius:12px;overflow:hidden;height:min(65dvh,720px);min-height:380px}.expanded .embedded-runtime{height:calc(100dvh - 210px)}.embedded-runtime iframe{width:100%;height:100%;border:0;display:block;background:var(--paper)}.demo-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:12px;font-size:11px}.demo-bottom>span{max-width:450px}.demo-bottom .text-link{font-size:11px;flex-shrink:0}.import-dialog,.build-dialog{width:650px;background:var(--milk)}.import-dialog h2,.build-dialog h2{font-size:40px;line-height:1.05}.import-options{display:grid;gap:14px;margin:25px 0}.import-options>button{display:flex;flex-direction:column;text-align:left;gap:8px;border:var(--line);border-radius:12px;background:var(--lime);padding:20px}.import-options>button:nth-child(2){background:var(--pink)}.import-options>button:nth-child(3){background:var(--pool)}.import-options span{font-size:13px}.import-options b{font-family:Bricolage;font-size:22px;line-height:1.1;letter-spacing:-.03em}.build-intro{margin-top:22px}.build-steps{padding-left:22px;margin:25px 0}.build-steps li{padding:0 0 20px 6px}.build-steps b{font-size:16px}.build-steps p{margin-top:6px;font-size:14px}.build-dialog>.micro{margin-top:15px}.theme-picks button{min-width:48px}.feedback-section h2{font-size:clamp(38px,4vw,60px)}.reader .dialog-head .text-link{font-size:12px}.system-section .fruit-line{align-items:center}footer>p{font-family:Space;font-size:16px;font-style:normal}
@media(max-width:1000px){.project-feed{gap:20px}.feed-body{padding:23px}.feed-body h3{font-size:33px}.lp-copy h1{font-size:6.3vw}.lp-copy{padding:35px 30px}.lp-copy .actions{gap:15px}.gruvi-art{padding:80px 30px 180px}.art-caption strong{font-size:21px}.gruvi-art .art-caption{flex-direction:column;align-items:start;gap:15px}.gruvi-art .lp-fruit{bottom:155px;width:130px}.game-image{flex-direction:column}.game-image>img{width:70%;height:130px}.prototype-offer{grid-template-columns:1fr 150px}.work-copy h1{font-size:5.7vw}.profile-work h3{font-size:33px}}
@media(max-width:720px){.lp-copy{padding:35px 24px}.lp-copy h1{font-size:clamp(44px,10.4vw,75px);line-height:1.02}.lp-copy h1 .serif{font-size:1.07em}.lp-hero{min-height:0}.gruvi-art{min-height:580px;padding:70px 35px 180px}.gruvi-cover{max-width:300px;width:82%}.gruvi-art .art-caption{bottom:25px;left:25px;right:25px;flex-direction:row;align-items:end;gap:10px}.art-caption strong{font-size:21px}.art-caption span{font-size:10px;max-width:185px}.art-caption .button{font-size:11px;padding:12px;min-width:105px;justify-content:center}.gruvi-art .lp-fruit{width:125px;bottom:155px;right:10px}.project-feed{grid-template-columns:1fr;gap:24px}.feed-main{grid-row:auto}.feed-site{grid-column:auto;grid-template-columns:1fr}.player-image{min-height:340px;padding:25px}.player-image>img{width:230px;max-width:90%}.game-image{flex-direction:row;min-height:220px;gap:20px}.game-image>img{width:40%;height:145px}.game-image .button{font-size:11px}.feed-body h3{font-size:38px}.website-thumb{min-height:280px}.website-thumb>strong{font-size:37px}.prototype-offer{grid-template-columns:1fr;padding:40px 24px;gap:20px}.prototype-offer>img{display:none}.prototype-offer h2{font-size:39px}.prototype-offer p{font-size:16px}.work-copy,.work-stage{min-height:0}.work-copy h1{font-size:clamp(41px,10vw,70px);line-height:1.1}.work-copy h1 .serif{font-size:1.03em}.work-copy .micro{max-width:340px}.project-detail{margin-top:30px}.player-stage{min-height:480px;padding:80px 40px}.record-cover{max-width:290px;width:88%}.stage-fruit{width:115px;bottom:55px}.project-context{grid-template-columns:1fr;padding:40px 24px;gap:25px}.project-context h2{font-size:44px}.project-context>div:last-child p{font-size:16px}.profile-intro h1{font-size:115px}.profile-projects{grid-template-columns:1fr}.profile-work{padding:25px}.profile-work h3{font-size:40px}.profile-character{min-height:300px}.profile-character>img{max-width:250px;width:80%}.profile-intro p.profile-privacy{margin-bottom:5px}.demo-dialog{padding:15px;width:calc(100% - 14px);max-width:calc(100% - 14px);max-height:calc(100dvh - 14px);border-radius:12px}.demo-dialog .dialog-head{align-items:start;gap:8px}.demo-dialog h2{font-size:20px;max-width:180px}.demo-dialog .eyebrow{font-size:9px}.demo-dialog .quiet{font-size:10px;padding:5px}.demo-dialog>.dialog-head>div:last-child{gap:4px}.demo-dialog .round-button{color:var(--ink);width:44px;height:44px}.demo-dialog>p{font-size:12px}.embedded-runtime{height:60dvh;min-height:330px}.demo-bottom{align-items:start;flex-direction:column;gap:3px}.demo-bottom .text-link{min-height:44px}.expanded .embedded-runtime{height:calc(100dvh - 255px)}.import-dialog,.build-dialog{padding:22px}.import-dialog h2,.build-dialog h2{font-size:32px}.build-dialog .pill{font-size:8px;white-space:normal}.editor h2{font-size:32px}.creator-bar>span{max-width:90px}.creator-bar>div{gap:5px}.creator-bar .button{font-size:10px;max-width:125px;white-space:normal;text-align:left}.creator-bar .quiet{max-width:90px;text-align:left;line-height:1.3}.feedback-fruit{width:85px;top:-8px}.feedback-section>div:first-child{min-height:90px}.feedback-section h2{max-width:245px;font-size:42px}.feedback-box label{font-size:22px}.reader-controls .button{font-size:10px}.button.small{min-height:44px}.profile-works h2{font-size:40px}}
@media(max-width:360px){.site-header{padding:15px}.brand{font-size:25px}.brand img{width:32px}.site-header>.button{font-size:10px;gap:5px}.lp-copy h1{font-size:10vw}.art-caption strong{font-size:18px}.gruvi-art .art-caption{flex-direction:column;align-items:start;gap:12px}.gruvi-art{min-height:570px;padding-bottom:200px}.gruvi-art .lp-fruit{bottom:175px}.game-image{flex-direction:column}.game-image>img{height:120px}.reader .dialog-head>div:last-child{gap:5px}.dialog-head .text-link{font-size:10px}.work-copy h1{font-size:10vw}}
.avatar-picker fieldset{border:0;border-top:1px solid #18171b50;margin:25px 0;padding:20px 0 0}.avatar-picker legend{font-weight:700;font-size:13px;padding:0 12px 0 0}.avatar-picker fieldset>div{display:flex;flex-wrap:wrap;gap:12px}.avatar-picker #avatar-options button{width:84px;height:84px;border:2px solid var(--ink);background:var(--milk);border-radius:12px;padding:4px}.avatar-picker #avatar-options img{width:100%;height:100%}.avatar-picker button[aria-pressed=true]{outline:3px solid var(--violet);outline-offset:4px}.avatar-picker .avatar-palettes button{width:auto;height:auto;min-height:48px;padding:12px 18px;background:var(--choice,var(--lime));font-weight:700;font-size:12px;border:var(--line);border-radius:8px}.avatar-selects{display:flex;gap:25px;flex-wrap:wrap}.avatar-selects label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;min-width:220px}.avatar-selects select{font:inherit;color:var(--ink);background:var(--milk);padding:12px 15px;min-height:48px;border:var(--line);border-radius:8px}.avatar-picker>.micro{margin-top:20px}.profile-character>img[data-motion=breathe]{animation:avatar-breathe 4s ease-in-out infinite}@keyframes avatar-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}@media(max-width:720px){.avatar-picker{padding:35px 24px}.avatar-picker h2{font-size:36px}.avatar-selects{gap:18px}.avatar-selects label{width:100%;min-width:0}}@media(prefers-reduced-motion:reduce){.profile-character>img[data-motion=breathe]{animation:none}}
.feedback-kinds{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.feedback-kinds button{border:1px solid var(--ink);border-radius:50px;background:transparent;padding:10px 12px;min-height:44px;font-size:11px;font-weight:700}.feedback-kinds button[aria-pressed=true]{background:var(--lime);border-width:2px}.feedback-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:5px}.feedback-tools .text-link{font-size:11px}.feedback-tools>span{font-size:10px;white-space:nowrap}.over-limit{color:#b00035;font-weight:700}.dictate-dialog{width:600px;background:var(--pool)}.dictate-dialog h2{font-size:36px}.dictate-dialog ol{padding-left:22px;font-size:14px;margin:25px 0}.dictate-dialog li{padding-bottom:14px}.dictate-dialog .micro{margin-top:20px}@media(max-width:390px){.feedback-tools{flex-wrap:wrap;gap:0}.feedback-kinds button{padding:9px 10px;font-size:10px}.dictate-dialog h2{font-size:30px}}
.inbox-dialog{width:700px;background:var(--milk)}.inbox-dialog h2{font-size:38px}.inbox-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.inbox-tabs button{min-height:44px;border:var(--line);border-radius:50px;background:var(--lime);padding:10px 16px;font:700 12px Space}.inbox-tabs button:disabled{background:transparent}.inbox-empty{padding:30px;border:1px solid #18171b70;border-radius:12px;background:var(--paper);margin-bottom:25px}.inbox-empty b{font-family:Bricolage;font-size:25px;letter-spacing:-.04em}.inbox-empty p{margin-top:12px;font-size:14px}.creator-bar .quiet{font-size:12px}@media(max-width:720px){.creator-bar{flex-wrap:wrap}.creator-bar>span{max-width:none}.creator-bar>div{flex-wrap:wrap;gap:9px}.creator-bar .quiet{max-width:none}.creator-bar .button{max-width:none}.inbox-dialog h2{font-size:31px}.inbox-empty{padding:22px}}
.overview-intro{background:var(--lime);padding:50px var(--gap)}.overview-intro h1{font-size:clamp(50px,7vw,100px);margin:25px 0}.overview-intro>p:last-child{font-size:18px}.overview-grid{padding:40px var(--gap);background:var(--milk);display:grid;grid-template-columns:1fr 1fr;gap:25px}.overview-card{background:var(--paper);border:var(--line);border-radius:15px;overflow:hidden}.overview-image{display:flex;align-items:center;justify-content:center;min-height:250px;width:100%;border:0;background:var(--pool);padding:25px}.overview-image>img{height:200px;max-width:90%;object-fit:contain;border-radius:12px}.overview-image.game-image{background:var(--orange)}.overview-body{padding:25px}.overview-body>h2{font-size:30px;margin:18px 0}.overview-actions{display:flex;gap:25px;flex-wrap:wrap}.project-pulse{display:block;width:100%;padding:18px;border:1px solid var(--ink);border-radius:16px;text-align:left;background:var(--milk);margin:20px 0;font-family:Space;color:var(--ink)}.pulse-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;gap:15px}.pulse-heading>span{font-size:10px;font-weight:400}.pulse-heading>b{font-size:23px}.pulse-track{height:53px;display:flex;align-items:end;gap:7px;margin:14px 0 10px}.pulse-track i{height:var(--h,8%);min-height:3px;flex:1;border-radius:7px;background:var(--ink)}.pulse-track.empty{height:24px;opacity:.2}.pulse-summary{font-size:14px;font-weight:700;display:block}.pulse-details{font-size:10px;margin-top:7px;display:block}.pulse-positive{background:var(--lime)}.pulse-negative{background:var(--pink)}.pulse-examples{display:grid;grid-template-columns:1fr 1fr;gap:25px}.inbox-sender-layout{display:flex;align-items:center;gap:14px;margin-top:22px;border-top:1px solid #18171b50;padding-top:18px}.inbox-sender-layout img{width:50px;height:50px;object-fit:contain}.inbox-sender-layout b{display:block;font-size:13px}.inbox-sender-layout span{display:block;font-size:11px;margin-top:3px}.quote-summary{margin:22px 0;padding:23px;background:var(--lime);border:var(--line);border-radius:12px}.quote-summary>span{font-size:10px;font-weight:700;letter-spacing:.05em}.quote-summary>strong{font-family:Bricolage;display:block;font-size:35px;margin:12px 0;letter-spacing:-.04em}.quote-summary>p{font-size:14px}.quote-summary>small{display:block;font-size:11px;line-height:1.6;margin-top:15px}.payment-note{padding:20px;background:var(--paper);border-radius:9px;font-size:13px;margin:20px 0}.site-header nav{gap:20px}@media(max-width:720px){.overview-intro{padding:35px 24px}.overview-intro h1{font-size:50px}.overview-grid{padding:25px 22px;grid-template-columns:1fr}.overview-body{padding:22px}.overview-body>h2{font-size:28px}.pulse-examples{grid-template-columns:1fr}.site-header nav{font-size:11px;gap:10px}.inbox-sender-layout{align-items:start}.inbox-sender-layout span{font-size:10px}}
@media(max-width:720px){.site-header{gap:12px}.site-header .brand{font-size:25px}.site-header .brand img{width:32px;height:30px}.site-header>.button{font-size:10px;padding:10px;gap:7px}.profile-intro{position:relative;display:block;padding:35px 24px}.profile-intro>div:first-child>.eyebrow{max-width:150px;font-size:9px}.profile-intro h1{font-size:clamp(56px,18vw,74px);margin:27px 0 48px;max-width:205px}.profile-intro .profile-character{position:absolute;top:38px;right:20px;width:115px;height:160px;min-height:0;display:flex;flex-direction:column;justify-content:start;gap:2px}.profile-character>img{width:115px;height:115px;max-width:none}.profile-character>.button{position:static;font-size:10px;min-height:44px;padding:8px;gap:4px;white-space:nowrap}.profile-intro>div:first-child>p:not(.eyebrow){font-size:16px}.profile-intro>div:first-child>.profile-privacy{font-size:12px!important}}@media(max-width:360px){.site-header .brand{font-size:22px}.site-header .brand img{width:28px}.site-header>.button{font-size:9px;padding:9px;gap:5px}.profile-intro .profile-character{right:16px;width:108px}.profile-character>img{width:108px;height:108px}.profile-character>.button{font-size:9px}.profile-intro h1{font-size:56px}}
@media(max-width:720px){.profile-intro h1{margin-bottom:70px}}
/* V2.1: Funktionen auswählen, Preisklasse nur anzeigen. */
.offer-dialog{width:720px;background:var(--milk)}.reference-note{font-size:12px;line-height:1.6;border-left:3px solid var(--ink);padding-left:12px;margin:18px 0 24px}.state-preview{border:1px solid var(--ink);padding:15px;border-radius:10px;display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 30px}.state-preview legend{font-size:11px;font-weight:700;padding:0 8px}.state-preview button{min-height:44px;background:var(--paper);border:1px solid var(--ink);border-radius:7px;font:700 11px Space;padding:10px 12px}.state-preview button[aria-pressed=true]{background:var(--lime)}.offer-section-title{font-size:28px;line-height:1.1;margin-bottom:12px}.offer-intro{font-size:14px;margin-bottom:20px}.offer-functions{display:grid;gap:12px}.offer-function{display:flex;align-items:start;gap:15px;border:var(--line);border-radius:12px;padding:20px;background:var(--paper);cursor:pointer}.offer-function.selected{background:var(--pool)}.offer-function input{width:23px;height:23px;flex-shrink:0;margin:1px 0 0;accent-color:var(--ink)}.offer-function strong{display:block;font-family:Bricolage;font-size:20px;line-height:1.2;letter-spacing:-.025em}.function-promise{display:block;margin:8px 0;font-size:14px}.offer-function small{display:block;font-size:11px;line-height:1.6}.price-class-display{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.price-class-display>span{padding:8px 12px;border:1px solid var(--ink);border-radius:30px;font-size:11px;background:transparent}.price-class-display>span.calculated{background:var(--ink);color:var(--paper)}.offer-build-plan{margin:30px 0}.offer-build-plan ol{padding-left:22px;font-size:14px}.offer-build-plan li{padding:5px 0 10px}.legal-consents{border:1px solid #18171b65;border-radius:10px;padding:18px;margin:25px 0}.legal-consents legend{font-size:12px;font-weight:700;padding:0 8px}.legal-consents label{display:flex;gap:12px;align-items:start;font-size:13px;line-height:1.5;margin:10px 0 18px}.legal-consents input{width:20px;height:20px;flex-shrink:0;margin-top:2px}.legal-consents p{font-size:11px;margin-top:20px}.offer-dialog #offer-other-material{display:flex;margin-top:15px}.offer-dialog #offer-submit{min-width:220px}.offer-dialog #offer-submit-reason{margin-top:12px}.offer-dialog #offer-result-panel h3{font-size:38px;line-height:1.05;margin:22px 0}.offer-dialog #offer-result-panel p{margin:20px 0}.offer-dialog #offer-result-panel>.text-link{display:flex;margin-top:15px}.result-checks{padding-left:20px;font-size:14px}.result-checks li{padding:10px 0}.build-activity{height:9px;background:var(--paper);border:1px solid var(--ink);border-radius:20px;margin:25px 0;overflow:hidden}.build-activity i{display:block;width:30%;height:100%;background:var(--violet);animation:build-activity 2s ease-in-out infinite alternate}@keyframes build-activity{from{transform:translateX(0)}to{transform:translateX(230%)}}@media(prefers-reduced-motion:reduce){.build-activity i{animation:none}}@media(max-width:720px){.offer-dialog{padding:20px}.offer-dialog h2{font-size:34px}.offer-section-title{font-size:25px}.offer-function{padding:17px;gap:12px}.offer-function strong{font-size:19px}.offer-dialog #offer-result-panel h3{font-size:31px}.offer-dialog #offer-submit{min-width:0;width:100%}}

.result-checks strong,.result-checks span,.result-checks small{display:block}.result-checks span{margin:8px 0}.result-checks small{font-size:11px}

main{color:var(--ink)}
