@font-face{font-family:Nunito;src:url(/fonts/nunito.woff2)format("woff2");font-weight:200 1000;font-style:normal;font-display:swap}:root{color:#102b3f;font-synthesis:none;--cream:#fff8ee;--ink:#102b3f;--teal:#216961;--aqua:#78ded8;--coral:#ff806f;background:#fff8ee;font-family:Nunito,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}a:focus-visible,button:focus-visible{outline-offset:6px;outline:3px solid #216961}::selection{color:#102b3f;background:#78ded8}html{scroll-behavior:smooth;scroll-padding-top:100px}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:10px;padding:12px 20px;position:fixed;top:-90px;left:20px}.skip-link:focus{top:15px}.site-header{z-index:20;border-bottom:1px solid #0000;transition:background .25s,border-color .25s;position:fixed;inset:0 0 auto}.site-header.scrolled{backdrop-filter:blur(12px);background:#fff8eef2;border-color:#102b3f18}nav{justify-content:space-between;align-items:center;gap:20px;max-width:1480px;height:94px;margin:auto;padding:0 5%;display:flex}.brand{align-items:center;display:flex}.brand img{object-fit:contain;width:150px;height:auto;max-height:48px}.nav-links{align-items:center;gap:32px;font-size:14px;font-weight:750;display:flex}.locale-link{letter-spacing:.08em;border-left:1px solid #102b3f22;padding-left:27px;font-size:12px}.nav-cta{border:1px solid #102b3f35;border-radius:100px;align-items:center;gap:14px;padding:12px 21px;transition:box-shadow .2s,transform .12s;display:inline-flex;box-shadow:0 2px #102b3f12}.hero{isolation:isolate;background:var(--cream);height:100svh;min-height:900px;max-height:1260px;position:relative;overflow:hidden}.hero-copy{z-index:3;text-align:center;max-width:850px;margin:auto;padding:170px 24px 0;position:relative}h1{letter-spacing:-.055em;margin:0 0 28px;font-size:clamp(58px,5.8vw,88px);font-weight:900;line-height:1.04}h1>span{color:var(--teal);display:inline-block;position:relative}h1>span svg{fill:none;stroke:#efb6a0;stroke-width:5px;stroke-linecap:round;z-index:-1;width:100%;height:15px;position:absolute;bottom:-10px;left:0}.hero-description{color:#5e6a6c;max-width:510px;margin:0 auto 25px;font-size:18px;font-weight:500;line-height:1.65}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.button{white-space:nowrap;border-radius:100px;justify-content:center;align-items:center;gap:28px;min-height:52px;padding:15px 26px;font-size:15px;font-weight:800;transition:box-shadow .2s,transform .12s;display:inline-flex}.button-primary{background:var(--teal);color:#fff;box-shadow:0 3px #174d46}.button-quiet{background:#fff8ee75;border:1px solid #102b3f25;box-shadow:0 3px #e1d9cc}.button-icon{flex:0 0 22px;width:22px;height:22px;display:inline-block;position:relative;overflow:hidden}.button-icon svg{width:22px;height:22px;transition:transform .36s cubic-bezier(.22,.75,.25,1);position:absolute;inset:0}.button-icon .icon-in{transform:translateY(120%)}@media (hover:hover){:is(.button,.nav-cta):hover .icon-out{transform:translateY(-120%)}:is(.button,.nav-cta):hover .icon-in{transform:translateY(0)}.button-primary:hover{box-shadow:0 4px #174d46,0 7px 13px #123f381a}.button-quiet:hover,.nav-cta:hover{box-shadow:0 4px #e1d9cc,0 7px 13px #102b3f0c}}:is(.button,.nav-cta):focus-visible .icon-out{transform:translateY(-120%)}:is(.button,.nav-cta):focus-visible .icon-in{transform:translateY(0)}:is(.button,.nav-cta):active{transform:translateY(3px);box-shadow:0 0 #0000,inset 0 2px 4px #102b3f24}.store-badges{justify-content:center;align-items:center;gap:12px;margin:28px 0 10px;display:flex}.store-badge{text-align:left;color:#64706c;background:#fff8ee88;border:1px solid #102b3f20;border-radius:10px;align-items:center;gap:10px;min-width:144px;padding:8px 16px;display:flex}.store-badge svg{fill:currentColor;flex:none;width:22px;height:25px}.store-badge small{letter-spacing:.04em;font-size:9px;font-weight:700;line-height:1.3;display:block}.store-badge strong{font-size:15px;line-height:1.3;display:block}.platform-note{color:#64706c;letter-spacing:.025em;margin:0;font-size:11px}.wall-notes{z-index:1;pointer-events:none;position:absolute;inset:0}.sticky{transform-origin:50% 5%;color:#4d574d;width:156px;min-height:159px;padding:26px 19px 14px;font-size:17px;font-weight:650;line-height:1.4;animation:7s ease-in-out infinite alternate sway;position:absolute;box-shadow:2px 8px 12px #5c422b0b,1px 2px 2px #5c422b0b}.sticky p{margin:5px 0}.tape{clip-path:polygon(3% 0,98% 4%,96% 15%,100% 35%,97% 55%,100% 75%,97% 100%,0 97%,3% 75%,0 55%,3% 30%,0 12%);background:#dbcaac70;width:56px;height:25px;position:absolute;top:-12px;left:calc(50% - 28px);transform:rotate(-4deg)}.sticky-idea{--tilt:-10deg;background:#f8d4bd;top:26%;left:8%;transform:rotate(-10deg)}.sticky-idea svg{fill:none;stroke:#915e48;stroke-width:2.6px;stroke-linecap:round;width:37px;height:37px}.note-doodle{color:#af7460;font-size:26px;position:absolute;bottom:10px;right:14px}.sticky-time{--tilt:9deg;background:#d9e9c9;width:153px;animation-delay:-2s;top:28%;right:8%;transform:rotate(9deg)}.sticky-time svg{stroke:#6a8254;stroke-width:2.5px;fill:none;stroke-linecap:round;width:84px;height:40px}.sticky-plan{--tilt:-6deg;background:#f6e7b4;width:139px;min-height:139px;font-size:14px;animation-delay:-4s;top:50%;left:16%;transform:rotate(-6deg)}.check-line{align-items:center;gap:8px;margin-bottom:6px;font-size:16px;display:flex}.check-line i{background:#ab9c6b70;width:62px;height:2px}.check-line:nth-child(3) i{width:44px}.wall-spark{color:#d49d7c;font-size:29px;position:absolute}.spark-one{top:56%;left:29%}.spark-two{color:#8eaa8d;font-size:24px;top:23%;right:22%}@keyframes sway{0%{transform:rotate(calc(var(--tilt) - 2deg))}to{transform:rotate(calc(var(--tilt) + 2deg))}}.desk-scene{z-index:2;pointer-events:none;aspect-ratio:3;width:max(100%,1250px);position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}.desk{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.tudi-group{aspect-ratio:1;width:17%;position:absolute;bottom:14%;left:59%}.tudi-mascot{z-index:2;position:absolute;inset:0}.tudi-mascot picture,.tudi-mascot img{object-fit:contain;width:100%;height:100%;display:block}.tudi-shadow{filter:blur(4px);background:#72513424;border-radius:50%;width:60%;height:6%;position:absolute;bottom:2%;left:26%}.tudi-greeting{z-index:4;white-space:nowrap;color:var(--ink);background:#fffaf2;border:1px solid #d8d0c1;border-radius:15px;padding:9px 14px;font-size:14px;font-weight:750;line-height:1.4;position:absolute;bottom:98%;left:50%;transform:translate(-50%);box-shadow:0 3px #e9e0d0}.tudi-greeting:after{content:"";background:#fffaf2;border-bottom:1px solid #d8d0c1;border-right:1px solid #d8d0c1;width:10px;height:10px;position:absolute;top:calc(100% - 5px);left:calc(50% - 5px);transform:rotate(45deg)}.meet-section{text-align:center;max-width:1240px;margin:auto;padding:110px 7% 65px}h2{letter-spacing:-.04em;margin:0 0 18px;font-size:38px;line-height:1.2}.meet-intro{color:#65716f;max-width:550px;margin:0 auto;line-height:1.65}.module-number{color:#65877c;font-size:12px;font-weight:800}.product-spaces{overflow:hidden}.product-space{grid-template-columns:minmax(300px,.82fr) minmax(470px,1.18fr);align-items:center;gap:9%;max-width:1280px;min-height:670px;margin:0 auto;padding:70px 7%;display:grid}.product-space:nth-child(2n) .space-copy{order:2}.product-space:nth-child(2n) .space-visual{order:1}.space-copy{max-width:480px}.space-copy .module-number{border:1px solid #2169612f;border-radius:50%;place-items:center;width:40px;height:40px;margin-bottom:24px;display:inline-grid}.space-copy h2{font-size:clamp(38px,4vw,58px)}.space-copy>p{color:#65716f;margin:0;font-size:17px;line-height:1.75}.space-copy ul{gap:8px;margin:28px 0 0;padding:0;list-style:none;display:grid}.space-copy li{align-items:center;gap:14px;font-size:14px;font-weight:750;display:flex}.point-icon{object-fit:contain;flex:none;width:44px;height:44px}.space-visual{background:#e3f0e4;border-radius:56px;place-items:center;min-height:510px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #102b3f0a}.space-visual:before,.space-visual:after{content:"";opacity:.55;border-radius:50%;position:absolute}.space-visual:before{background:#f7d3c1;width:260px;height:260px;top:-110px;right:-80px}.space-visual:after{border:2px dashed #21696120;width:190px;height:190px;bottom:-90px;left:-45px}.product-space-notebooks .space-visual{background:#f8e4d8}.product-space-board .space-visual{background:#f3e8c8}.planner-ui{z-index:1;filter:drop-shadow(0 24px 25px #465b4c1b);width:78%;height:390px;position:relative;transform:rotate(1.5deg)}.planner-tabs{color:#fff;background:#216961;border-radius:18px 0 0 18px;align-content:start;justify-items:center;gap:22px;width:54px;padding-top:35px;display:grid;position:absolute;top:25px;bottom:22px;left:0}.planner-tabs i{background:#fff9;border-radius:2px;width:17px;height:3px}.planner-tabs span{background:#ff806f;border-radius:50%;place-items:center;width:30px;height:30px;margin-top:105px;font-size:11px;font-weight:900;display:grid}.planner-page{background:#fffdf8;border:1px solid #102b3f14;border-radius:18px 28px 28px 18px;grid-template-columns:95px 1fr;gap:27px;padding:54px 45px;display:grid;position:absolute;inset:0 0 0 45px}.planner-page:before{content:"";opacity:.25;background:repeating-linear-gradient(#102b3f 0 3px,#0000 3px 21px);width:8px;position:absolute;inset:17px auto 17px 15px}.planner-date{text-align:center;border-right:1px solid #102b3f13;padding-right:25px}.planner-date small,.planner-date em{letter-spacing:.14em;color:#7e8983;font-size:10px;font-style:normal;font-weight:900;display:block}.planner-date strong{color:var(--teal);margin:9px 0;font-size:64px;line-height:1;display:block}.planner-lines{grid-template-columns:18px 1fr;align-content:start;gap:14px 8px;display:grid}.planner-lines b{grid-column:1/-1;margin-bottom:2px;font-size:16px}.planner-lines span{width:17px;height:17px;color:var(--teal);border:1px solid #21696150;border-radius:4px;place-items:center;font-size:11px;display:grid}.planner-lines i{border-bottom:2px solid #102b3f12;transform:translateY(-6px)}.planner-note{color:#b36f5e;font-size:13px;font-weight:700;position:absolute;bottom:36px;left:170px;right:40px;transform:rotate(-2deg)}.planner-note svg{fill:none;stroke:#e29a87;stroke-width:2px;stroke-linecap:round;width:105px;display:block}.planner-pen{z-index:3;background:#ff806f;border-radius:10px;width:210px;height:15px;position:absolute;bottom:30px;right:-75px;transform:rotate(-32deg);box-shadow:inset -38px 0 #102b3f,2px 6px 8px #102b3f20}.planner-pen:before{content:"";border:8px solid #0000;border-left:20px solid #102b3f;position:absolute;top:0;right:-25px}.notebooks-ui{z-index:1;width:88%;height:420px;position:relative}.notebook-stack{width:49%;height:330px;position:absolute;top:28px;left:1%}.cover{color:#fff;border-left:12px solid #102b3f24;border-radius:11px 22px 22px 11px;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:205px;height:280px;font-size:44px;display:flex;position:absolute;top:25px;left:8%;box-shadow:8px 14px 18px #6c493c1b}.cover b{letter-spacing:.08em;font-size:14px}.cover-coral{background:#ef927b;transform:rotate(-13deg)translate(-25px,25px)}.cover-yellow{background:#e8c96f;transform:rotate(-4deg)translate(8px,10px)}.cover-teal{background:#4ca79d;transform:rotate(6deg)translate(40px,-4px)}.open-notebook{background:#fffdf8;border:1px solid #102b3f12;border-radius:15px 28px 28px 15px;width:53%;height:340px;position:absolute;top:40px;right:0;overflow:hidden;transform:rotate(5deg);box-shadow:13px 17px 22px #6c493c1a}.notebook-ring{opacity:.25;background:repeating-linear-gradient(#102b3f 0 3px,#0000 3px 21px);width:10px;position:absolute;top:22px;bottom:22px;left:12px}.grid-paper{background-image:linear-gradient(#78a7a41c 1px,#0000 1px),linear-gradient(90deg,#78a7a41c 1px,#0000 1px);background-size:21px 21px;padding:48px 32px 30px 45px;position:absolute;inset:0}.grid-paper b{background:#fffdf8cc;font-size:17px}.grid-paper i{border-bottom:2px solid #102b3f17;width:80%;margin-top:38px;display:block}.grid-paper svg{fill:none;stroke:#ef927b;stroke-width:3px;stroke-linecap:round;width:115px;position:absolute;bottom:34px;right:26px}.board-ui{z-index:1;background:#d9b98d;border:12px solid #f5eee1;border-radius:24px;width:82%;height:400px;position:relative;box-shadow:inset 0 0 45px #6d4b2523,0 20px 25px #76542b18}.board-note{color:#47544f;width:145px;min-height:140px;padding:28px 18px 17px;font-size:15px;line-height:1.45;position:absolute;box-shadow:3px 8px 10px #5d3a2415}.board-note b,.board-note small{display:block}.board-note small{margin-top:10px}.note-coral{background:#f5c7b5;top:17%;left:8%;transform:rotate(-7deg)}.note-coral i{color:#ad6e57;position:absolute;bottom:10px;right:14px}.note-yellow{background:#f2e3a7;grid-template-columns:18px 1fr;gap:12px 6px;display:grid;top:9%;right:8%;transform:rotate(8deg)}.note-yellow b{grid-column:1/-1}.note-yellow em{border-bottom:2px solid #8c805125}.note-green{background:#d7e5c7;bottom:8%;left:33%;transform:rotate(2deg)}.board-tape{z-index:2;background:#fff8d292;width:57px;height:24px;position:absolute}.tape-one{top:12%;left:17%;transform:rotate(-12deg)}.tape-two{top:6%;right:19%;transform:rotate(13deg)}.board-sticker{background:#78ded8;border:5px solid #f9f3e6;border-radius:50%;place-items:center;width:63px;height:63px;font-size:28px;display:grid;position:absolute;bottom:8%;right:11%;transform:rotate(9deg)}.board-arrow{fill:none;stroke:#fff8eed9;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:100px;position:absolute;bottom:5%;left:8%}.closing-section{background:#dceee6;border-radius:42px;grid-template-columns:180px 1fr auto;align-items:center;gap:45px;max-width:1160px;min-height:260px;margin:85px auto 110px;padding:52px 65px;display:grid;box-shadow:inset 0 0 0 1px #102b3f0d}.closing-section h2{margin-bottom:10px}.closing-section p{color:#5f706a;margin:0;line-height:1.6}.closing-tudi{width:180px;height:165px;position:relative}.closing-tudi .tudi-mascot{inset:0}.site-footer{color:#65716f;border-top:1px solid #102b3f18;justify-content:space-between;align-items:center;gap:25px;margin:0 5%;padding:30px 0;font-size:11px;display:flex}.footer-signature{align-items:center;gap:30px;display:flex}.social-links{align-items:center;gap:9px;display:flex}.social-links a{min-height:38px;color:var(--ink);border:1px solid #102b3f18;border-radius:100px;align-items:center;gap:7px;padding:8px 12px;font-weight:800;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.social-links svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.social-links .filled{fill:currentColor;stroke:none}@media (hover:hover){.social-links a:hover{background:#fffdf8;transform:translateY(-2px);box-shadow:0 4px #e1d9cc}}@media (width>=1600px){.hero-copy{padding-top:180px}.desk-scene{width:max(100%,1560px)}.hero{min-height:1000px}.sticky-idea{left:13%}.sticky-time{right:13%}.sticky-plan{left:20%}}@media (width<=1100px){.sticky-idea{width:125px;font-size:15px;top:30%;left:3%}.sticky-time{width:125px;font-size:15px;top:30%;right:3%}.sticky-plan{width:120px;top:54%;left:6%}.hero-copy{max-width:680px}.hero{min-height:920px}.spark-one{top:54%;left:10%}.tudi-group{left:57%}}@media (width>=1001px) and (height<=820px){.hero{min-height:700px}.hero-copy{padding-top:130px}h1{margin-bottom:24px;font-size:64px}.hero-description{max-width:475px;margin-bottom:19px;font-size:16px}.button{min-height:48px;padding:12px 24px}.store-badges{margin-top:20px}.desk-scene{width:max(100%,1100px)}.tudi-group{width:15%;bottom:13%}.sticky{scale:.9}.sticky-plan{display:none}.platform-note{visibility:hidden}}@media (width<=1000px){nav{height:78px;padding:0 22px}.brand img{width:123px}.nav-links{gap:19px}.nav-discover{display:none}.locale-link{border:0;padding-left:0}.nav-cta{gap:7px;padding:10px 15px;font-size:12px}.hero{min-height:844px;max-height:none}.hero-copy{max-width:620px;padding:135px 25px 0}h1{margin-bottom:27px;font-size:clamp(40px,10.8vw,62px);line-height:1.06}.hero-description{max-width:390px;margin-bottom:24px;font-size:16px;line-height:1.7}.sticky-idea{width:105px;min-height:112px;padding:18px 13px 10px;font-size:12px;top:auto;bottom:215px;left:6%}.sticky-idea svg{width:25px;height:25px}.sticky-time{width:105px;min-height:112px;padding:22px 13px 6px;font-size:12px;top:auto;bottom:210px;right:6%}.sticky-time svg{width:60px;height:25px}.sticky-plan,.wall-spark{display:none}.desk-scene{width:980px;bottom:0;left:53%}.tudi-group{width:160px;bottom:16%;left:43%}.tudi-greeting{padding:8px 12px;font-size:12px}.store-badges{margin-top:27px}.platform-note{visibility:hidden;font-size:10px}.meet-section{padding:65px 27px}.meet-section h2{font-size:31px}.module-list{gap:25px}.product-space{grid-template-columns:minmax(260px,.75fr) minmax(400px,1.25fr);gap:5%;padding:55px 5%}.space-visual{min-height:455px}.planner-ui{width:84%;transform:scale(.9)rotate(1.5deg)}.notebooks-ui{transform:scale(.88)}.board-ui{width:88%}.closing-section{grid-template-columns:140px 1fr;margin:65px 25px 90px;padding:40px}.closing-tudi{width:140px;height:140px}.closing-section .button{grid-column:2;justify-self:start}.site-footer{text-align:center;flex-wrap:wrap;justify-content:center;margin:0 25px}.footer-signature{justify-content:center;width:100%}}@media (width<=760px){.meet-section{padding-bottom:35px}.product-space,.product-space:nth-child(2n){grid-template-columns:1fr;gap:38px;min-height:auto;padding:52px 25px 72px}.product-space:nth-child(2n) .space-copy,.product-space .space-copy{order:1}.product-space:nth-child(2n) .space-visual,.product-space .space-visual{order:2}.space-copy h2{font-size:39px}.space-copy>p{font-size:16px}.space-copy .module-number{margin-bottom:18px}.space-visual{border-radius:35px;width:100%;min-height:390px}.planner-ui{width:102%;transform:scale(.78)rotate(1.5deg)}.notebooks-ui{width:110%;transform:scale(.76)}.board-ui{width:92%;height:340px}.board-note{scale:.85}.note-coral{left:1%}.note-yellow{right:0}.note-green{bottom:3%;left:28%}.closing-section{text-align:center;grid-template-columns:1fr;gap:18px;margin:35px 20px 75px;padding:36px 28px}.closing-tudi{margin:auto}.closing-section .button{grid-column:1;justify-self:center}.social-links{flex-wrap:wrap;justify-content:center;width:100%}.social-links a{padding:8px 11px}.footer-signature span:nth-child(2){display:none}}@media (width<=420px){.hero-copy{padding-top:130px}.hero-actions{max-width:330px;margin-inline:auto}.hero-actions .button{flex:145px}.button{gap:12px;padding:14px 18px;font-size:14px}.store-badge{min-width:136px;padding:8px 13px}.nav-links{gap:15px}.nav-cta{padding:10px 12px}.brand img{width:110px}.space-visual{min-height:350px}.planner-ui{transform:scale(.68)rotate(1.5deg)}.notebooks-ui{transform:scale(.68)}.board-ui{width:98%;transform:scale(.92)}.social-links a span{display:none}.social-links a{justify-content:center;width:40px;padding:8px}}@media (width<=360px){.hero{min-height:900px}.hero-copy{padding-left:18px;padding-right:18px}.hero-actions{gap:8px}.button{gap:8px;padding:12px 14px;font-size:13px}.store-badges{gap:8px}.store-badge{gap:7px;min-width:0;padding:8px 10px}.store-badge strong{font-size:13px}nav{gap:12px;padding:0 18px}.brand img{width:100px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:620px;min-height:100svh;margin:auto;padding:60px 24px;display:flex}.not-found-tudi{width:190px;height:150px;margin-bottom:24px;position:relative}.not-found h1{margin-bottom:14px;font-size:clamp(36px,7vw,54px)}.not-found p{color:#5e6a6c;margin:0 0 10px;line-height:1.65}.not-found .not-found-en{margin-bottom:30px;font-size:14px}.not-found .hero-actions{flex-wrap:wrap}