@import url('font.css');

*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:#171717;background:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #2fa36b;outline-offset:5px}.preview{padding:8px 4%;font-size:10px;letter-spacing:1.5px;background:#fafaf8;display:flex;justify-content:space-between;border-bottom:1px solid #ededea}.preview span{letter-spacing:0;color:#666}header{height:105px;margin:0 4%;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{font-size:43px;font-weight:1000;letter-spacing:-3.5px;line-height:1;font-family:'Arial Rounded MT Bold',Arial,sans-serif;position:relative}.logo>span:first-child{display:inline-block;transform:rotate(-8deg)}.logo .logo-dot{font-size:23px;letter-spacing:0;color:#e9423a;position:absolute;right:-23px;top:-4px}nav{display:flex;gap:35px;font-size:13px}nav a:hover{color:#2fa36b}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid #171717;border-radius:40px;background:#171717;color:white;padding:19px 26px;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.button:hover{background:#333;transform:translateY(-3px)}.button span{font-size:21px;line-height:1}.button.small{font-size:12px;padding:14px 20px}.hero{position:relative;max-width:1600px;margin:auto;padding:55px 4% 112px;display:grid;grid-template-columns:1.04fr 1fr;gap:15px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;display:flex;align-items:center;gap:10px;line-height:1.6}.dot{width:7px;height:7px;background:#2fa36b;display:inline-block;border-radius:50%;flex-shrink:0}h1{font-size:clamp(43px,4.75vw,78px);letter-spacing:-3.9px;line-height:1.015;font-weight:600;margin:28px 0 29px}h1 em,h2 em{font-style:normal;color:#2fa36b}.last-line{position:relative;display:inline-block}.last-line svg{position:absolute;width:54%;height:21px;bottom:-14px;right:0;fill:none;stroke:#2fa36b;stroke-width:3;stroke-linecap:round}.intro{font-size:23px;letter-spacing:-.6px;line-height:1.35;margin:28px 0 14px}.description{font-size:14px;max-width:350px;line-height:1.7;color:#666;margin-bottom:25px}.micro{font-size:10px;line-height:1.7;color:#73736d}.hero-copy>.micro{margin-top:14px}.visual{position:relative;padding:35px 12px 35px 28px;transform:rotate(2deg)}.visual-label{font-size:9px;letter-spacing:2px;margin-bottom:15px;text-align:center}.calendar{background:#f6f5ef;border:1px solid #e8e6dd;border-radius:27px;padding:15px;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:87px;gap:8px;box-shadow:0 20px 45px #1717170a;position:relative}.door{background:#fffdf7;border:1px solid #deddd4;border-radius:12px;text-align:left;font-size:29px;letter-spacing:-1.5px;position:relative;transition:transform .25s,box-shadow .25s;overflow:hidden;padding:9px;color:#171717}.door:hover{transform:rotate(-5deg) scale(1.06);box-shadow:0 7px 15px #0001;z-index:2}.door:after{content:'';position:absolute;right:7px;top:50%;width:3px;height:7px;border-radius:3px;background:currentColor;opacity:.4}.door.red{background:#e9423a;color:white;border-color:#e9423a}.door.green{background:#2fa36b;border-color:#2fa36b;color:#fff}.door.blue{background:#ddeBff}.door.yellow{background:#f4d76b}.door.special{grid-column:span 2;grid-row:span 2;font-size:86px;line-height:1;background:#2fa36b;color:#fff;border-color:#2fa36b;display:flex;align-items:flex-end}.door .ornament{position:absolute;right:6px;bottom:4px;font-size:40px;line-height:1;opacity:.85}.door.special .ornament{top:12px;right:10px;font-size:66px}.door.striped{background:repeating-linear-gradient(135deg,#fffdf7 0 10px,#e9423a 10px 15px);font-size:0}.door.striped:before{content:attr(data-door);display:grid;place-items:center;border-radius:50%;background:#fffdf7;width:40px;height:40px;font-size:25px}.sticker{position:absolute;right:-8px;top:8px;background:#f4d76b;transform:rotate(11deg);border-radius:50%;width:130px;height:130px;text-align:center;padding:24px 10px;font-size:11px;line-height:1.5;box-shadow:0 7px 20px #0000000a}.sticker span{font-size:22px}.try{border:0;background:white;position:relative;display:block;margin:17px auto 0;font-size:15px;transform:rotate(-7deg);font-family:Georgia,serif;font-style:italic}.try span{font-size:30px}.demo-label{text-align:center;font-size:9px;transform:rotate(-2deg);margin-top:23px;display:flex;align-items:center;justify-content:center;gap:7px}.demo-label .dot{width:5px;height:5px}.scroll{border:1px solid #bdbdb7;border-radius:50%;width:50px;height:50px;display:grid;place-items:center;position:absolute;bottom:25px;left:4%;font-size:24px}.scroll:hover{background:#f4d76b}.hero-foot{position:absolute;bottom:44px;right:4%;font-size:9px;letter-spacing:1.5px}.ribbon{border-top:1px solid #ededea;border-bottom:1px solid #ededea;padding:27px 4%;display:flex;align-items:center;justify-content:space-around;gap:25px;font-size:20px;letter-spacing:-.6px}.spark{color:#e9423a;font-size:35px}.section{padding:110px 7%;max-width:1600px;margin:auto}h2{font-size:clamp(33px,4vw,60px);letter-spacing:-2.5px;line-height:1.08;font-weight:500;margin:25px 0 35px}.muted{color:#a2a29a}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:55px}.step-art{height:240px;position:relative;display:flex;align-items:center;justify-content:center}.ticket{background:#fafaf8;border-radius:24px;flex-direction:column;transform:rotate(-3deg);border:1px solid #ededea}.ticket span{font-size:10px;letter-spacing:2px}.ticket b{font-size:46px;letter-spacing:-2px;margin:18px 0}.ticket i{font-size:11px;font-style:normal;border-top:1px dashed #aaa;padding-top:16px;width:80%;text-align:center}.mini-door{background:#fff7df;border-radius:24px}.mini-door button{background:#e9423a;border:1px solid #cf312a;width:125px;height:167px;border-radius:65px 65px 9px 9px;color:white;font-size:80px;transform:rotate(8deg);text-align:left;padding:14px;box-shadow:7px 7px #e6c6ad}.mini-door button span{font-size:20px;position:absolute;bottom:12px;right:15px}.art-star{position:absolute;color:#2fa36b;font-size:60px;left:18px;top:8px}.bubbles{background:#ddeBff;border-radius:24px;flex-direction:column;gap:13px}.bubbles span{padding:17px 24px;background:white;border-radius:30px 30px 30px 3px;transform:translateX(-24px) rotate(-6deg);font-size:23px;letter-spacing:-1px}.bubbles span+span{background:#2fa36b;color:white;border-radius:30px 30px 3px 30px;transform:translateX(20px) rotate(5deg);font-size:18px}.bubbles i{position:absolute;bottom:7px;right:20px;font-size:45px;font-style:normal;color:#e9423a}h3{font-size:22px;letter-spacing:-.7px;font-weight:500;margin:30px 0 12px}h3>span{font-size:11px;color:#888;margin-right:15px}article p{font-size:13px;line-height:1.8;color:#696962;max-width:290px}.idea{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:100px}.idea p:not(.eyebrow){font-size:14px;color:#666;line-height:1.8;max-width:340px}.envelope-art{height:530px;background:#fafaf8;border-radius:30px;position:relative;overflow:hidden;display:grid;place-items:center}.letter{background:#fffdf7;width:67%;height:340px;padding:35px 28px;transform:rotate(-10deg) translateY(-20px);box-shadow:0 8px 30px #0001;font-size:30px;letter-spacing:-1px;line-height:1.15;position:relative;z-index:1}.letter b{color:#e9423a;font-weight:500}.letter span{font-family:Georgia,serif;display:block;font-style:italic;font-size:17px;margin-top:25px}.envelope{position:absolute;bottom:25px;background:#ddeBff;width:79%;height:230px;transform:rotate(5deg);clip-path:polygon(0 0,50% 45%,100% 0,100% 100%,0 100%);z-index:2}.envelope:after{content:'';position:absolute;inset:0;background:#c9dcf8;clip-path:polygon(0 100%,50% 28%,100% 100%)}.big-star{position:absolute;font-size:160px;right:-23px;top:-35px;color:#2fa36b}.postmark{position:absolute;bottom:56px;right:50px;z-index:3;border:1px solid #171717;border-radius:50%;width:80px;height:80px;text-align:center;padding-top:19px;font-size:10px;line-height:1.5;transform:rotate(12deg)}.demo-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;background:#fafaf8;max-width:none}.demo-section p:not(.eyebrow):not(.micro){font-size:14px;color:#666;line-height:1.8}.text-button{background:none;border:0;border-bottom:1px solid #171717;padding:15px 0;font-size:13px;display:inline-flex;gap:35px}.text-button:hover{color:#2fa36b}.big-door{height:420px;width:80%;margin:auto;border-radius:170px 170px 22px 22px;background:#2fa36b;color:#fff;border:1px solid #208756;box-shadow:12px 12px #dfebe0;position:relative;transition:transform .3s}.big-door:hover{transform:rotate(-4deg)}.big-door>span{font-size:180px;letter-spacing:-14px}.big-door i{position:absolute;font-size:10px;bottom:27px;left:27px;font-style:normal;letter-spacing:2px}.big-door b{position:absolute;font-size:90px;color:#f4d76b;right:-38px;top:0;font-weight:400}.moment{text-align:center}.moment>.eyebrow{justify-content:center}.moment p:not(.eyebrow):not(.micro){max-width:540px;margin:30px auto 14px;font-size:14px;line-height:1.8;color:#666}.time-line{display:flex;align-items:center;justify-content:center;gap:24px;margin:60px 0 25px;font-size:20px}.time-line>span{border:1px solid #ddd;border-radius:50px;padding:17px 24px}.time-line div{font-size:11px;border-bottom:1px solid #bbb;padding-bottom:9px;display:flex;gap:45px}.easy{display:grid;grid-template-columns:1.2fr 1fr;border-top:1px solid #ededea;gap:65px}.easy h2{margin-top:0}.easy h2 span{background:#f4d76b;border-radius:30px;padding:0 8px}.easy-details>p:first-child{font-size:16px;line-height:1.7;margin-top:0}.easy ul{list-style:none;padding:0;font-size:13px;line-height:2.8}.easy li:before{content:'↗';color:#2fa36b;margin-right:14px}.signup{background:#f7f7f2;max-width:none;display:grid;grid-template-columns:1.1fr 1fr;gap:90px}.signup h2{font-size:clamp(40px,4.2vw,65px)}.signup>div>p:not(.micro):not(.eyebrow){font-size:16px;line-height:1.6}.pilot-tags{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0 15px}.pilot-tags span{font-size:10px;padding:9px 12px;border:1px solid #d4d4ca;border-radius:20px}.signup>div>.micro{max-width:400px}form{background:white;border-radius:28px;padding:35px;align-self:center;box-shadow:0 12px 36px #11111106}.form-label{font-size:9px;letter-spacing:1.4px}form h3{font-size:35px;margin:20px 0 10px}form>p:not(.micro){font-size:12px;line-height:1.6;color:#666}form>label:not(.check){display:block;font-size:11px;margin:25px 0 8px}input[type=email]{width:100%;border:1px solid #d9d9d2;background:#fafaf8;padding:16px;border-radius:12px;font-size:13px}fieldset{border:0;padding:0;margin:25px 0}legend{font-size:11px;margin-bottom:12px}legend span{color:#888}fieldset label{font-size:12px;border:1px solid #ddd;border-radius:25px;padding:10px 12px;display:inline-flex;gap:6px;align-items:center;margin-right:4px}input{accent-color:#2fa36b}.check{display:flex;gap:10px;align-items:center;font-size:11px}.check input{width:17px;height:17px}form .button{width:100%;margin-top:15px}#form-status{color:#216d49;font-size:12px}.faq{max-width:1050px}.faq .eyebrow{justify-content:center}.faq h2{text-align:center;font-size:42px;margin-bottom:55px}details{border-bottom:1px solid #deded8;padding:23px 0}summary{cursor:pointer;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:22px;font-weight:400}details[open] summary:after{content:'−'}details p{font-size:13px;line-height:1.8;color:#666;max-width:640px}footer{border-top:1px solid #ededea;display:flex;justify-content:space-between;align-items:center;padding:50px 4%;gap:30px}footer p,footer>span{font-size:11px;color:#777}.footer-links{display:flex;flex-wrap:wrap;gap:20px;max-width:270px;justify-content:flex-end}.footer-links button{border:0;background:none;font-size:11px;padding:0}.footer-links small{font-size:9px;color:#999;flex-basis:100%;text-align:right}dialog{border:0;border-radius:28px;padding:40px;max-width:520px;width:calc(100% - 30px);box-shadow:0 20px 90px #0002}dialog::backdrop{background:#17171766;backdrop-filter:blur(5px)}.close{position:absolute;right:17px;top:12px;font-size:26px;background:none;border:0}.dialog-art{font-size:90px;letter-spacing:-7px;background:#ddeBff;padding:25px;border-radius:20px;position:relative;margin:25px 0}.dialog-art span{color:#e9423a;position:absolute;right:15px;top:0;font-size:70px}dialog h2{font-size:35px;margin:20px 0}dialog p:not(.eyebrow):not(.micro){font-size:16px;line-height:1.6}dialog .text-button{display:block;margin:12px auto 0}#legal-dialog{padding-top:40px}
@media(min-width:1500px){.calendar{grid-auto-rows:105px}}@media(max-width:1000px){.hero{padding-top:30px}.calendar{grid-auto-rows:65px;gap:6px;padding:10px}.door{font-size:23px;padding:7px}.door.special{font-size:64px}.door .ornament{font-size:29px}.door.special .ornament{font-size:43px}.sticker{width:105px;height:105px;font-size:9px;padding-top:17px}.hero h1{letter-spacing:-2.8px}.section{padding:80px 5%}.idea,.signup,.demo-section{gap:45px}.step-grid{gap:20px}.step-art{height:200px}.envelope-art{height:460px}.letter{font-size:25px;padding:25px 18px}.big-door{width:90%}nav{gap:20px}.easy{gap:35px}.signup form{padding:25px}}
@media(max-width:700px){.preview{font-size:8px;letter-spacing:1px}.preview span{font-size:8px}header{height:85px}.logo{font-size:36px}nav{display:none}.button.small{font-size:10px;padding:12px 14px;gap:15px}.hero{grid-template-columns:1fr;padding-top:15px;gap:40px;padding-bottom:90px}h1{font-size:clamp(46px,10vw,67px);letter-spacing:-3px!important}.eyebrow{font-size:9px}.intro{font-size:22px}.description{max-width:330px}.visual{padding:12px 7px 10px;max-width:470px;width:95%;margin:auto}.calendar{grid-auto-rows:72px}.sticker{right:-8px;top:-10px}.hero-foot{font-size:8px;bottom:44px}.ribbon{padding:19px 4%;gap:12px;font-size:13px;overflow:hidden}.ribbon>span:nth-last-child(-n+2){display:none}.spark{font-size:25px}.section{padding:65px 6%}h2{letter-spacing:-1.8px}.step-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}.step-art{height:220px}.step-grid article{display:grid;grid-template-columns:110px 1fr;gap:0 20px;align-items:center}.step-art{grid-row:span 2;height:150px}.ticket b{font-size:23px;letter-spacing:-1px}.ticket span{font-size:7px;letter-spacing:0}.ticket i{font-size:8px}.step-grid h3{font-size:20px;margin:10px 0 0}.step-grid h3>span{display:block;font-size:10px;margin-bottom:10px}.step-grid p{font-size:12px;margin:8px 0}.mini-door button{width:65px;height:100px;font-size:43px;padding:8px}.art-star{font-size:32px;left:0;top:3px}.bubbles span{padding:10px;font-size:14px;transform:rotate(-6deg);letter-spacing:-.5px}.bubbles span+span{font-size:10px;transform:rotate(5deg);padding:8px}.bubbles i{font-size:25px;bottom:0;right:4px}.idea,.demo-section,.easy,.signup{grid-template-columns:1fr;gap:35px}.idea .envelope-art{order:2;height:390px}.letter{font-size:28px;padding-top:25px;width:65%;height:280px}.envelope{height:180px}.idea p:not(.eyebrow){max-width:none}.big-door{height:350px;width:70%;max-width:300px}.big-door>span{font-size:150px}.demo-section .big-door{margin-top:15px}.moment h2{font-size:34px}.time-line{gap:8px;margin-top:35px}.time-line>span{font-size:14px;padding:12px}.time-line div{font-size:8px;gap:8px}.signup h2{font-size:43px}.signup form{padding:27px 22px}.faq h2{font-size:33px}.faq summary{font-size:14px}footer{align-items:flex-start;flex-wrap:wrap;padding:35px 6%}footer>span{display:none}.footer-links{max-width:180px;gap:15px}dialog{padding:30px 24px}.dialog-art{font-size:70px}.dialog-art span{font-size:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Fließtexte: lokale DM Sans; Wortmarke und Überschriften behalten ihre Gestaltung. */
p,li,summary,form,nav,.button,.text-button,.pilot-tags,.time-line,.demo-label,.footer-links,footer>span,.preview,.visual-label,.hero-foot{font-family:'DM Sans',sans-serif}
h1,h2,h3{font-family:Arial,Helvetica,sans-serif}
.hero-copy,.visual,.signup>div,form{min-width:0}
.registration-fields{display:block;min-width:0;border:0;padding:0;margin:0}
.registration-fields>label:not(.check):not(.honeypot){display:block;border:0;border-radius:0;padding:0;font-size:11px;margin:25px 0 8px}
.registration-fields>.check{display:flex;border:0;border-radius:0;padding:0;margin:18px 0;align-items:flex-start;line-height:1.6;font-size:11px}
.registration-fields>.check input{flex-shrink:0;margin:1px 0 0}
.registration-fields>p:not(.micro){font-size:12px;line-height:1.6;color:#666}
.registration-fields .form-label{display:block}
.registration-fields input[type=email]{font-size:16px}
.registration-fields:disabled{opacity:.65}
.registration-fields:disabled button{cursor:not-allowed;transform:none}
.button:disabled{opacity:.55;cursor:wait;transform:none}
.privacy-link{text-decoration:underline;text-underline-offset:3px}
.honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);padding:0!important;border:0!important}
#form-status.error,#action-status.error{color:#aa2e27}
#form-status.notice,#action-status.notice{color:#216d49}
.action-page,.privacy-page{max-width:900px;padding-top:65px}
.action-page h1,.privacy-page h1{font-size:clamp(34px,6vw,65px);overflow-wrap:anywhere}
.action-page p,.privacy-page p{line-height:1.8;max-width:680px;font-size:15px}
.privacy-page h2{font-size:27px;letter-spacing:-1px;margin-top:45px}
.privacy-notice,#legal-text{white-space:pre-line}
.action-page .text-button{display:flex;width:max-content}
.close{min-width:44px;min-height:44px}
@media(max-width:700px){
  .hero h1{font-size:clamp(30px,10.1vw,60px)}
  .hero{grid-template-columns:minmax(0,1fr)}
  .visual{transform:none;width:100%;padding:25px 0 10px;margin-top:15px}
  .calendar{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:68px;gap:8px;padding:12px}
  .door{min-width:0;min-height:48px;touch-action:manipulation;font-size:25px}
  .door.special{font-size:70px}
  .sticker{right:5px;top:-55px;width:95px;height:95px;font-size:8px;padding:15px 8px;pointer-events:none}
  .visual-label{text-align:left;font-size:8px;letter-spacing:1.2px}
  .demo-label{transform:none;line-height:1.6;font-size:9px;max-width:100%;padding:0 4px}
  .try{min-height:44px}
  .description{max-width:100%}
  .registration-fields fieldset label{padding:11px;min-height:44px}
  .footer-links button{min-height:44px;min-width:44px}
}
@media(max-width:380px){
  .hero h1{font-size:clamp(30px,10.1vw,38px);letter-spacing:-2px!important}
  .hero .intro{font-size:21px}
  .preview{gap:10px;line-height:1.5}
  .preview span{max-width:190px;text-align:right}
  .signup h2{font-size:36px}
  .calendar{gap:7px;padding:10px;grid-auto-rows:64px}
  .registration-fields fieldset label{margin:0 3px 7px 0;padding:10px}
}
.logo{white-space:nowrap;flex-shrink:0}
@media(max-width:700px){header .logo{font-size:clamp(26px,6.4vw,34px);letter-spacing:-2px}header{gap:12px}header>.button.small{max-width:145px}header .logo .logo-dot{font-size:17px;right:-16px;top:-5px}}
.footer-links a{font-size:11px;min-height:32px;display:inline-flex;align-items:center}.footer-links a:hover{text-decoration:underline}.legal-page{max-width:980px;padding-top:60px}.legal-page h1{font-size:clamp(32px,6vw,62px);letter-spacing:-.05em;overflow-wrap:anywhere}.legal-page h2{font-size:26px;letter-spacing:-.03em;margin-top:38px}.legal-page p,.legal-page li,.legal-page address{font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.8;font-style:normal;overflow-wrap:anywhere}.legal-page a{text-decoration:underline;text-underline-offset:3px}.legal-page ul{padding-left:22px}.legal-nav{display:flex;flex-wrap:wrap;gap:16px;font-size:12px}.legal-page .legal-date{font-size:11px;color:#73736d}
h1,h2,h3,.door,.big-door>span{font-family:'DM Sans',sans-serif;font-weight:600}
h1{letter-spacing:-.055em}h2{letter-spacing:-.045em}h3{letter-spacing:-.035em}
.mistletoe{display:block;width:80px;height:100px;pointer-events:none;flex-shrink:0}
.calendar-sprig{position:absolute;left:-17px;top:-25px;width:76px;height:95px;transform:rotate(-25deg);z-index:3}
.letter-sprig{position:absolute;left:18px;bottom:37px;width:98px;height:122px;transform:rotate(-28deg);z-index:3}
.moment>.mistletoe{margin:0 auto 28px;transform:rotate(12deg)}
.letter{transition:transform .65s cubic-bezier(.2,.7,.2,1),box-shadow .65s ease;will-change:transform}
.envelope-art:focus-visible .letter{transform:rotate(-6deg) translateY(-65px);box-shadow:0 15px 40px #00000012}
@media(hover:hover) and (pointer:fine){.envelope-art:hover .letter{transform:rotate(-6deg) translateY(-65px);box-shadow:0 15px 40px #00000012}}
@media(max-width:700px){.calendar-sprig{width:58px;height:73px;left:-1px;top:-38px}.visual-label{padding-left:47px}.letter-sprig{width:75px;height:94px;left:7px;bottom:28px}.moment>.mistletoe{width:65px;height:82px}.hero h1{letter-spacing:-.055em!important}}
@media(prefers-reduced-motion:reduce){.letter{will-change:auto}.envelope-art:hover .letter,.envelope-art:focus-visible .letter{transform:rotate(-10deg) translateY(-20px)}}
.icebreaker-preview{padding:22px 15px 32px;gap:12px}
.icebreaker-preview span{max-width:82%;padding:14px 18px;font-size:17px;line-height:1.35;letter-spacing:-.4px;transform:translateX(-14px) rotate(-6deg)}
.icebreaker-preview span+span{max-width:78%;padding:13px 17px;font-size:16px;line-height:1.35;transform:translateX(16px) rotate(5deg)}
.step-grid .icebreaker-note{font-size:10px;margin-top:10px;color:#73736d}
@media(min-width:701px) and (max-width:1000px){.icebreaker-preview{padding:14px 8px 24px;gap:8px}.icebreaker-preview span{font-size:14px;padding:10px 12px;transform:translateX(-8px) rotate(-6deg)}.icebreaker-preview span+span{font-size:13px;padding:9px 11px;transform:translateX(9px) rotate(5deg)}}
@media(max-width:700px){.step-grid article:has(.icebreaker-preview){display:block}.step-grid .icebreaker-preview{height:225px;margin-top:8px}.icebreaker-preview span{font-size:17px;max-width:80%;padding:14px 18px;transform:translateX(-14px) rotate(-6deg)}.icebreaker-preview span+span{font-size:16px;max-width:78%;padding:13px 17px;transform:translateX(16px) rotate(5deg)}.icebreaker-preview i{font-size:35px;right:14px;bottom:5px}.step-grid article:has(.icebreaker-preview) h3{margin-top:24px}.step-grid article:has(.icebreaker-preview) h3>span{display:inline-block}}
@media(min-width:701px) and (max-width:900px){.hero{grid-template-columns:minmax(0,1fr);gap:35px}.visual{max-width:520px;width:90%;margin:0 auto}.hero-copy .description{max-width:420px}.hero h1{font-size:52px}}
@media(max-width:700px){header{gap:16px}header>.button.small{gap:10px;padding:12px 13px;line-height:1.4}dialog{max-height:calc(100dvh - 24px);overflow:auto}dialog h2{font-size:28px;letter-spacing:-1.4px}.dialog-art{font-size:65px}}