:root{--ink:#080f1c;--ink2:#0c1924;--ivory:#f3f0e5;--green:#50edb2;--gold:#d6bd88;--muted:#b6c3c8;--line:#24413d;font-family:Arial,Helvetica,sans-serif;color:var(--ivory);background:var(--ink);font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--green);outline-offset:6px}button svg,.button svg,.text-link svg{width:23px;height:23px;flex-shrink:0}button{color:inherit}p{line-height:1.6;margin:0 0 22px}h1,h2,h3{margin:0;letter-spacing:-.045em}h2{font-size:clamp(32px,3.6vw,52px);line-height:1.08;font-weight:750}h3{font-size:21px;line-height:1.25}.wrap{max-width:1320px;margin:auto;padding-left:58px;padding-right:58px}.header{height:92px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{font-size:24px;font-weight:750;letter-spacing:-.04em;white-space:nowrap}.brand span{color:var(--gold)}nav{display:flex;gap:30px;font-size:14px}nav a{padding:10px 0}nav a:hover,.text-link:hover{color:var(--green)}.languages{display:flex;gap:10px;font-size:13px;white-space:nowrap;align-items:center}.languages [aria-current]{color:var(--green);font-weight:700}.languages>span{opacity:.45}.hero{display:grid;grid-template-columns:1fr 1.05fr;position:relative;min-height:660px;align-items:center;padding-bottom:44px}.hero-copy{z-index:1;padding-top:12px;padding-bottom:50px}h1{font-size:clamp(43px,4.8vw,69px);line-height:1.025;letter-spacing:-.055em;font-weight:750}.hero-lead{font-size:23px;line-height:1.35;margin:24px 0 28px;letter-spacing:-.025em}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:50px;padding:14px 20px;border-radius:10px;font-weight:700;font-size:14px;border:1px solid transparent;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--green);color:#071917;box-shadow:0 6px 25px #50edb216}.primary:hover{background:#77ffc8}.outline{border-color:#7c9695;background:transparent}.micro{font-size:12px;line-height:1.6;color:var(--muted)}.hero-under{margin:19px 0 0}.hero-art{height:610px;position:relative;isolation:isolate;touch-action:pan-y}.hero-art:before{content:"";position:absolute;inset:20% -10% 1%;background:radial-gradient(ellipse at 50% 80%,#2a695044,transparent 62%);z-index:-1}.hero-art canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity .4s}.hero-art[data-scene="ready"] canvas{opacity:1}.hero-art[data-scene="ready"] .scene-fallback{opacity:0}.motion-toggle{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);border:1px solid #436159;border-radius:20px;background:#0b171ccf;padding:8px 13px;font-size:11px;white-space:nowrap}.hero-art-note{position:absolute;right:-15px;top:45%;max-width:94px;font-size:10px;letter-spacing:.1em;line-height:1.7}.hero-art-note:after{content:"";display:block;width:40px;height:2px;background:var(--gold);margin-top:20px}.scene-fallback{position:absolute;inset:70px 45px;display:grid;place-items:center;transition:opacity .3s;pointer-events:none}.fallback-cube{width:90%;aspect-ratio:1;border:2px solid var(--green);box-shadow:0 0 28px #50edb22a,inset 0 0 35px #50edb218;transform:perspective(800px) rotateY(-20deg) rotateX(8deg);padding:48px 25px;background:linear-gradient(135deg,#284b3e20,#16253040)}.fallback-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.fallback-icons span{display:grid;place-items:center;border:1px solid #b6ab8590;background:#23433760;padding:12px;border-radius:6px}.fallback-icons svg{width:100%;height:auto}.light{background:var(--ivory);color:#0b1924}.light p{color:#35434b}.product-inner{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:75px;min-height:590px;padding-top:70px;padding-bottom:70px}.product p{max-width:430px;font-size:16px;margin-top:20px}.icon-grid{display:grid;grid-template-columns:repeat(4,48px);gap:24px;margin:32px 0 15px}.product-icon{display:block;aspect-ratio:1}.product-icon svg{width:100%;height:100%;stroke-width:2.1}.text-link{border:0;background:transparent;display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:700;padding:7px 0;border-bottom:1px solid currentColor}.light .text-link:hover{color:#006846}.tablet-scene{position:relative;perspective:1300px;padding:25px 0 20px}.tablet{padding:13px;border-radius:27px;background:linear-gradient(135deg,#8b8c7e,#1a2020 17%,#111719 95%);box-shadow:3px 10px 3px #2a303054,18px 25px 25px #283d3935;transform:rotateY(-14deg) rotateX(12deg) rotateZ(-6deg);min-height:350px}.tablet-screen{background:#fbf9f1;display:grid;grid-template-columns:.9fr 1.2fr;gap:20px;border-radius:15px;padding:30px 22px;min-height:320px;overflow:hidden}.tablet-screen h3{font-weight:500;font-size:19px;letter-spacing:-.02em;margin-bottom:25px}.planner-nav{border-right:1px solid #c4c4b660;padding-right:20px}.planner-nav span{display:flex;align-items:center;gap:12px;font-size:12px;margin-bottom:17px}.planner-nav svg{width:15px;height:15px}.planner-main{position:relative}.planner-main label{display:flex;align-items:center;gap:8px;margin:14px 0;font-size:12px;cursor:pointer;position:relative;z-index:2}.planner-main input{accent-color:#2e5142;width:14px;height:14px}.planner-art{position:absolute;right:-32px;bottom:-55px;width:140px;height:150px;opacity:.75;transform:rotate(-15deg)}.planner-art span{position:absolute;width:43px;height:100px;border-radius:0 100% 0 100%;background:linear-gradient(100deg,#3d674a,#728167);transform:rotate(20deg);bottom:0;left:15px}.planner-art span:nth-child(2){transform:rotate(-55deg);left:45px;bottom:20px}.planner-art span:nth-child(3){transform:rotate(55deg);left:65px;bottom:0}.planner-art span:nth-child(4){transform:rotate(-5deg);left:55px;bottom:50px}.stylus{position:absolute;right:-20px;top:35px;width:9px;height:285px;border-radius:10px;background:linear-gradient(90deg,#aaa99c,#fffef1 35%,#b7b3a6);transform:rotate(-6deg);box-shadow:5px 8px 7px #374b3030}.demo-label{text-align:center!important;font-size:11px!important;margin:20px auto 0!important}.workflow{padding-top:76px;padding-bottom:60px}.section-intro{font-size:16px;color:var(--muted);margin:15px 0 30px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:38px}.step{background:none;border:0;padding:0;display:grid;grid-template-columns:38px 1fr;grid-template-rows:36px 24px 160px;column-gap:13px;text-align:left;opacity:.75;transition:opacity .2s}.step.active,.step:hover{opacity:1}.step-number{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#263a3c;font-weight:750;color:var(--green);grid-row:1/3}.step.active .step-number{background:var(--green);color:#071917}.step strong{font-size:15px;align-self:center;letter-spacing:-.02em}.step>span:last-of-type{font-size:12px;color:var(--muted)}.step-object{grid-column:1/3;justify-self:center;align-self:end;width:105px;height:113px;display:grid;place-items:center;transform:perspective(500px) rotateY(-15deg) rotateX(10deg);background:linear-gradient(145deg,#4658557d,#0a171b);border:2px solid #928f77;border-radius:12px;box-shadow:10px 10px 0 #152323,12px 12px 0 #9d967563,0 18px 22px #0007;transition:transform .45s}.step.active .step-object{transform:perspective(500px) rotateY(5deg) rotateX(-4deg) translateY(-9px)}.step-object svg{width:63px;height:63px;stroke-width:1.4}.object-0{border-radius:50%;width:100px;height:100px;box-shadow:8px 8px 0 #142023,9px 9px 0 #9d967575,0 18px 20px #0008}.object-3{background:linear-gradient(140deg,#806d42,#1b2119);border-color:var(--gold);transform:perspective(500px) rotateY(-22deg) rotateX(12deg)}.step-explanation{display:grid;grid-template-columns:38px 1fr auto;align-items:start;gap:18px;border-top:1px solid #355248;margin-top:45px;padding-top:24px}.step-explanation>span{color:var(--green);font-size:15px;line-height:1.7}.step-explanation p{font-size:15px;color:#ced8da;max-width:680px;margin:0;min-height:72px}.step-explanation button{font-size:12px;color:var(--green);white-space:nowrap}.guide-tip{font-size:13px;color:var(--gold);padding-left:56px;margin:15px 0 0}.quality{padding:64px 0 44px}.quality h2{font-size:clamp(29px,3.1vw,44px)}.quality p{margin-top:17px}.quality-stage{display:flex;justify-content:center;gap:50px;align-items:center;margin:34px auto 10px}.quality-example{text-align:center;max-width:250px;flex:1}.quality-example strong{display:block;font-size:15px;margin-bottom:12px}.icon-tile{width:143px;height:143px;background:#fbf9f2;border-radius:22px;padding:22px;margin:auto;box-shadow:0 6px 12px #29352928,inset 0 1px 0 #fff;transition:transform .4s,box-shadow .4s}.icon-tile svg{width:100%;height:100%;fill:none;stroke:#17211f;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.quality-example p{font-size:12px;line-height:1.4;margin:15px 0}.quality-arrow{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--gold);border:0;color:white;box-shadow:0 4px 8px #b49b7130}.quality-arrow[aria-pressed=true]{background:#1b6f57}.quality-stage[data-checked=true] .good{box-shadow:0 0 0 2px #2b9470,0 15px 22px #193a352c;transform:scale(1.08)}.quality>.wrap>.micro{text-align:center;font-size:11px}.repeat{padding-top:70px;padding-bottom:50px}.repeat-top{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.repeat-top p{max-width:430px;color:var(--muted);margin:0}.delivery-scene{display:flex;justify-content:space-between;align-items:center;gap:38px;margin:50px 0 27px;padding:0 50px}.file-pack{width:165px;height:164px;position:relative;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#4a5143,#111e22);border:1px solid #d6bd88a0;border-radius:7px;color:var(--gold);padding:20px;font-size:28px;line-height:1.05;font-weight:650;transform:perspective(650px) rotateY(-22deg);box-shadow:12px 7px 0 #263638,13px 7px 0 #cab68e,0 20px 22px #0006}.file-pack:before{content:"";position:absolute;left:9px;top:-14px;width:64px;height:18px;border:1px solid #bbad86;background:#233434;border-radius:5px 5px 0 0}.file-pack small{font-size:10px;margin-top:14px;letter-spacing:.08em}.delivery-line svg{width:48px;color:var(--ivory)}.recipient{height:180px;width:150px;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;position:relative}.recipient-head{width:47px;height:59px;border-radius:50%;background:radial-gradient(ellipse at 30% 28%,#caeee0 0,#4b8871 25%,#1b3734 55%,#020f11 85%);box-shadow:3px 0 0 #60958d}.recipient-body{height:70px;width:80px;margin-top:4px;border-radius:44% 44% 14% 14%;background:linear-gradient(95deg,#021014,#34645a 28%,#6c8d71 41%,#12392f 66%,#011619);box-shadow:3px 5px 0 #273731}.recipient:nth-child(4) .recipient-head{background:radial-gradient(ellipse at 30% 28%,#fff3be,#aa8a54 27%,#33251a 66%,#150f0a)}.recipient:nth-child(4) .recipient-body{background:linear-gradient(95deg,#21170c,#998064 30%,#e8c49b 42%,#614a28 67%,#1c1108)}.recipient:nth-child(5) .recipient-head{background:radial-gradient(ellipse at 30% 28%,white,#cbd5da 29%,#536773 64%,#111d27)}.recipient:nth-child(5) .recipient-body{background:linear-gradient(95deg,#152530,#9aadbb 30%,#f8fff7 42%,#5e7782 67%,#142732)}.recipient span{font-size:13px;margin-top:15px;text-align:center}.free-note{padding:43px 0}.free-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.free-inner h2{font-size:32px}.free-inner p{font-size:15px;margin:0}.guide{background:radial-gradient(ellipse at 3% 5%,#13846360,transparent 55%),radial-gradient(ellipse at 93% 20%,#17ad7750,transparent 60%),#06131b;padding:55px 0}.guide-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;min-height:410px}.book-scene{height:350px;position:relative;perspective:1000px;display:flex;align-items:center}.book{position:relative;width:220px;height:300px;z-index:2;transform:rotateY(-19deg) rotateZ(-3deg);transform-style:preserve-3d}.book-front{position:absolute;inset:0;background:linear-gradient(130deg,#213531,#07171d 32%,#142020);border:1px solid #ccb98390;box-shadow:0 20px 30px #0009;padding:33px 25px;display:flex;flex-direction:column}.book-front strong{font-size:34px;letter-spacing:-.055em;line-height:1.03}.book-front>span{font-size:13px;letter-spacing:.07em;color:var(--gold);margin:18px 0 22px}.book-front small{font-size:10px;margin-top:auto;letter-spacing:.1em}.book-icons{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:92px}.book-icons svg{width:36px;height:36px;stroke-width:1.5}.book-spine{position:absolute;inset:0;left:-16px;width:17px;background:linear-gradient(90deg,#020d12,#2a443c);transform:rotateY(-90deg);transform-origin:right}.book-pages{position:absolute;top:3px;bottom:3px;left:100%;width:16px;background:repeating-linear-gradient(90deg,#dddcc7 0 1px,#fbfaf0 1px 3px);transform:rotateY(90deg);transform-origin:left}.sample-page{position:absolute;width:215px;height:285px;left:206px;background:#efeee2;box-shadow:18px 16px 32px #0007;padding:40px 23px;transform:rotateY(-12deg) rotateZ(-8deg);color:#12202a;z-index:1}.sample-page strong{font-size:24px;letter-spacing:-.04em}.sample-page p{font-size:12px;margin-top:24px}.sample-icons{display:flex;gap:16px;margin-top:45px}.sample-icons svg{width:30px;height:30px}.guide-copy p{max-width:440px;margin:24px 0;color:#c5d4d3;font-size:17px}.guide-copy .micro{font-size:12px;margin:12px 0 0}.faq{padding:65px 0}.faq-list{margin-top:30px;border-top:1px solid #b4bcb2}.faq details{border-bottom:1px solid #b4bcb2;padding:18px 0}.faq summary{font-size:16px;cursor:pointer;font-weight:600;display:flex;justify-content:space-between;gap:20px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:20px;font-weight:400}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{font-size:14px;max-width:940px;margin:18px 0 0}.sources{margin-top:38px}.sources h3{font-size:17px}.sources p{font-size:12px;margin:12px 0}.sources a{display:inline-block;text-decoration:underline;font-size:12px;margin-right:22px;margin-bottom:8px}footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;padding-top:38px!important;padding-bottom:23px!important}footer p{font-size:12px;color:var(--muted);margin:12px 0 0}.footer-links{display:flex;gap:23px;font-size:12px}.copyright{width:100%;padding-top:15px;border-top:1px solid #263537;font-size:10px}.legal-page{padding-top:65px;padding-bottom:80px;max-width:900px}.legal-page h1{font-size:47px;margin:50px 0 25px}.legal-page address{font-style:normal;line-height:1.7;margin-bottom:25px}.legal-page a{text-decoration:underline}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:var(--green);color:#08241b;padding:15px}.skip:focus{top:20px}.ad-consent{margin:35px 0;padding:22px;border:1px solid #36534c;border-radius:12px}.ad-consent h3{font-size:17px}.ad-consent p{font-size:13px;color:var(--muted);margin:12px 0}.ad-consent button{font-size:12px;padding:10px 14px;background:#152a29;border:1px solid #577d69;border-radius:6px;margin-right:10px}.ad-consent [data-accept]{background:var(--green);color:#061b14}.ad-label{font-size:10px;letter-spacing:.06em;color:var(--muted);display:block;margin-bottom:8px}.ad-partner{font-size:12px;text-decoration:underline;display:inline-block;margin-top:12px}.related-projects{border-top:1px solid #2a413d;padding:28px 0;margin-top:20px}.related-projects p{font-size:12px}.related-projects a{font-size:13px;margin-right:20px;color:var(--green);text-decoration:underline}@media(min-width:1550px){.hero-art{height:640px}.hero{min-height:730px}}@media(max-width:1100px){.wrap{padding-left:38px;padding-right:38px}.hero{min-height:580px}.hero-art{height:530px}.hero-art-note{display:none}.hero-lead{font-size:20px}.button{font-size:12px;padding:13px 15px;gap:10px}.product-inner{gap:50px}.steps{gap:14px}.step{column-gap:8px}.step strong{font-size:13px}.step-explanation{grid-template-columns:32px 1fr}.step-explanation button{grid-column:2;justify-self:start}.guide-tip{padding-left:50px}.guide-inner{gap:25px}.book{width:185px;height:270px}.book-front{padding:28px 20px}.book-front strong{font-size:30px}.sample-page{left:165px;width:170px;height:250px;padding:28px 20px}.delivery-scene{padding:0 20px;gap:15px}.recipient{width:115px}.stylus{right:-14px}}@media(max-width:760px){.wrap{padding-left:24px;padding-right:24px}.header{height:77px;gap:15px}.brand{font-size:20px}.header nav{display:none}.languages{font-size:12px;gap:7px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-bottom:20px}.hero-copy{padding:27px 0 0}h1{font-size:clamp(42px,10vw,62px);line-height:1.025}.hero-lead{font-size:20px;margin:22px 0 23px}.hero-art{height:390px;width:100%;margin-top:2px;overflow:hidden}.hero-under{font-size:11px}.button{min-height:48px;font-size:12px}.actions{gap:10px}.hero-art canvas{width:100%;height:100%}.motion-toggle{bottom:2px}.scene-fallback{inset:32px 40px}.fallback-cube{padding:35px 20px}.fallback-icons{gap:10px}.fallback-icons span{padding:7px}.product-inner{display:flex;flex-direction:column;gap:15px;align-items:stretch;padding-top:47px;padding-bottom:45px;min-height:0}h2{font-size:36px}.product p{font-size:15px;max-width:100%}.icon-grid{grid-template-columns:repeat(4,42px);gap:22px;margin:26px 0 10px}.product .micro{font-size:11px;margin:15px 0}.tablet-scene{padding:30px 8px 10px}.tablet{min-height:285px;padding:9px;border-radius:20px;transform:rotateY(-8deg) rotateX(9deg) rotateZ(-5deg)}.tablet-screen{min-height:260px;padding:24px 18px;gap:13px;border-radius:12px}.tablet-screen h3{font-size:16px;margin-bottom:20px}.planner-nav{padding-right:13px}.planner-nav span{font-size:11px;gap:9px}.planner-main label{font-size:10px}.stylus{right:-4px;top:40px;height:240px;width:7px}.workflow{padding-top:48px;padding-bottom:40px}.section-intro{font-size:14px}.steps{grid-template-columns:1fr 1fr;gap:35px 22px;margin-top:28px}.step{grid-template-columns:30px 1fr;grid-template-rows:35px 22px 114px;column-gap:8px}.step-number{width:29px;height:29px;font-size:13px}.step strong{font-size:13px}.step>span:last-of-type{font-size:10px}.step-object{width:76px;height:83px;border-radius:9px;box-shadow:7px 7px 0 #142723,8px 8px 0 #a0967470,0 16px 16px #0008}.step-object svg{width:44px;height:44px}.object-0{border-radius:50%;width:75px;height:75px}.step-explanation{margin-top:28px;padding-top:20px;gap:12px}.step-explanation p{font-size:14px;min-height:90px}.guide-tip{padding-left:44px;font-size:12px;margin-top:20px}.quality{padding:45px 0 30px}.quality h2{font-size:32px}.quality p{font-size:14px}.quality-stage{gap:13px;margin-top:28px}.icon-tile{width:116px;height:116px;padding:19px;border-radius:17px}.quality-arrow{width:34px;height:34px;flex-shrink:0}.quality-arrow svg{width:20px}.quality-example p{font-size:10px}.quality-example strong{font-size:12px}.repeat{padding-top:45px;padding-bottom:36px}.repeat-top{display:block}.repeat-top p{font-size:14px;margin-top:18px}.delivery-scene{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin:34px 0 22px;padding:0}.file-pack{grid-column:1/4;justify-self:center;width:115px;height:115px;font-size:22px;padding:18px}.delivery-line{display:none}.recipient{width:100%;height:143px}.recipient-head{width:34px;height:42px}.recipient-body{width:63px;height:54px}.recipient span{font-size:11px}.free-note{padding:32px 0}.free-inner{display:block}.free-inner h2{font-size:30px}.free-inner p{font-size:14px;margin-top:18px}.guide{padding:35px 0 45px}.guide-inner{display:flex;flex-direction:column;align-items:stretch;gap:25px}.book-scene{height:295px;max-width:340px;width:100%;margin:auto}.book{width:185px;height:263px}.sample-page{left:157px;width:162px;height:240px}.guide-copy h2{font-size:36px}.guide-copy p{font-size:15px;margin:20px 0}.guide-copy .button{font-size:13px}.faq{padding:45px 0}.faq h2{font-size:32px}.faq details{padding:17px 0}.faq summary{font-size:14px}.faq details p{font-size:13px}.sources a{margin-right:15px}.footer-links{font-size:11px;gap:17px}footer{gap:22px;padding-top:30px!important}.copyright{font-size:9px}.legal-page h1{font-size:36px}}@media(max-width:350px){.wrap{padding-left:18px;padding-right:18px}.brand{font-size:18px}.languages{font-size:11px}h1{font-size:40px}.hero-art{height:330px}.button{font-size:11px;padding:12px 11px}.icon-tile{width:100px;height:100px}.book-scene{transform:scale(.9);transform-origin:left center}.planner-main label{font-size:9px}.planner-nav span{font-size:10px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Decorative compositions stay inside the viewport; controls retain their full bounds. */ body{overflow-x:hidden}
/* Contain the product artwork and the viewport decoration together. */ #beispiel{overflow:clip} html{overflow-x:clip}