@font-face{font-family:Inter;src:url(/teamwork/assets/InterVariable.woff2) format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#1e1b21;--lemon:#fff79a;--blue:#254bdd;--pink:#ffcbe8;--line:2px solid var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #461da3;outline-offset:4px}button{border:0}img{max-width:100%}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;top:-100px;left:15px;padding:14px;background:white;z-index:20}.skip:focus{top:4px}
body>header{background:var(--lemon);position:sticky;top:0;z-index:10}.nav{display:flex;align-items:center;gap:24px;min-height:74px}.brand{font-size:36px;font-weight:800;letter-spacing:-2.2px;display:inline-flex;align-items:center;line-height:1}.brand>span{color:#6547d3}.brand img{width:31px;margin-right:9px}.nav nav{display:flex;gap:26px;margin:auto;font-weight:620;font-size:15px}.nav nav a:hover,.textlink:hover,footer a:hover{text-decoration:underline;text-underline-offset:4px}.actions,.hero-links,.switch,.filters{display:flex;align-items:center;gap:12px}.btn,.lang{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--blue);color:white;border:var(--line);border-radius:14px;box-shadow:0 4px 0 var(--ink);font-weight:720;padding:14px 22px;transition:transform .18s,box-shadow .18s}.btn:hover,.lang:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--ink)}.small,.lang{font-size:14px;padding:9px 15px;border-radius:12px}.lang{background:transparent;color:var(--ink);padding-inline:12px}.menu{display:none}
.hero{background:var(--lemon);overflow:hidden}.hero-copy{text-align:center;padding:44px 0 0;position:relative}.eyebrow,.ft-label,.trust>span,figcaption,.phone small{font:700 11px/1.4 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em}.eyebrow{display:inline-flex;align-items:center;gap:9px}.eyebrow i{display:inline-block;width:8px;height:8px;background:var(--blue);border-radius:50%}
h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance}h1{font-size:clamp(64px,6.9vw,102px);letter-spacing:-.071em;line-height:.99;margin:19px auto 18px;font-weight:760}em{position:relative;font-style:normal;z-index:0;white-space:nowrap}em:before{content:"";position:absolute;inset:22% -2% 1%;background:var(--pink);transform:rotate(-2deg);z-index:-1;clip-path:polygon(1% 7%,97% 0,100% 83%,57% 94%,0% 100%)}.hero-copy p,.intro,.story p,.pack p,.contact p{font-size:clamp(17px,1.45vw,21px);line-height:1.53;max-width:650px}.hero-copy p{margin:auto}.hero-links{justify-content:center;margin:22px 0 0}.film-link{display:inline-flex;align-items:center;gap:9px;background:transparent;font-weight:650;padding:12px}.film-link span{font-size:10px;border:2px solid;border-radius:50%;display:grid;place-items:center;width:26px;height:26px;padding-left:2px}.spark,.plus{position:absolute;width:50px;right:4%;top:30%;transform:rotate(8deg)}.plus{left:6%;top:20%;font:400 36px/1 monospace;transform:rotate(-12deg)}
.demo{position:relative;text-align:center;padding-top:27px}.switch{width:max-content;margin:0 auto 20px;border:1.5px solid var(--ink);border-radius:25px;background:#fffbd3;padding:3px;gap:2px}.switch button,.filters button{background:none;border-radius:22px;font-size:13px;font-weight:640;padding:7px 14px}.switch [aria-pressed=true],.filters [aria-pressed=true]{background:var(--ink);color:white}.demo-stage{position:relative;max-width:930px;height:clamp(260px,32vw,420px);margin:auto}.device{border:4px solid var(--ink);background:white;box-shadow:0 12px 26px #352b1d24;margin:auto}.desk{border-radius:23px 23px 0 0;overflow:hidden;max-width:830px;width:87%}.browserbar{height:35px;display:flex;align-items:center;gap:5px;padding:0 12px;background:var(--ink);color:#fff}.browserbar i{width:7px;height:7px;border-radius:100%;background:#c4bfc9}.browserbar span{margin:auto;font-size:12px;letter-spacing:.045em}.desk>img{display:block;width:100%}.sticker{position:absolute;border:var(--line);border-radius:12px;box-shadow:3px 4px 0 var(--ink);background:#fff;padding:9px 13px;display:flex;gap:10px;align-items:center;font-size:15px;font-weight:720}.sticker b{display:grid;place-items:center;background:#b9eeda;width:30px;height:30px;border-radius:8px}.sticker.a{left:0;top:30%;transform:rotate(-6deg)}.sticker.b{right:0;top:48%;transform:rotate(5deg)}.sticker.b b{background:var(--pink)}.phone{width:235px;border-radius:28px;text-align:left;padding:10px 15px 17px}.notch{display:block;width:67px;height:9px;background:var(--ink);border-radius:20px;margin:0 auto 12px}.phone .brand{font-size:24px}.phone .brand img{width:18px}.phone small{display:block;font-size:9px;margin-top:13px}.phone h3{font-size:25px;line-height:1.1;margin:7px 0}.phone p,.phone li{font-size:12px}.phone ul{padding:0;list-style:none}.phone li{background:#f4f1fb;padding:8px;margin:5px 0;border-radius:6px}[hidden]{display:none!important}
.trust{display:flex;justify-content:center;align-items:center;gap:7%;padding:32px 0;border-bottom:1px solid #d7d7d7}.trust>div{display:flex;align-items:center;justify-content:center;gap:40px}.trust img{width:112px;height:46px;object-fit:contain;transition:transform .22s}.trust a:hover img{transform:scale(1.07)}
.section{padding:85px 0}.section h2,.story h2,.contact h2,.detail-hero h1{font-size:clamp(44px,4.8vw,74px);line-height:1.02;letter-spacing:-.065em;font-weight:730;margin:15px 0}.intro{max-width:690px;color:#514e56}.foundation{border-radius:12px;border:1.5px solid var(--ink);padding:12px 16px;display:flex;justify-content:space-between;max-width:510px;margin-top:26px;background:#fffbe5}.foundation:hover{background:var(--lemon)}.filters{flex-wrap:wrap;margin:25px 0 18px;gap:8px}.filters button{border:1.5px solid var(--ink);padding:8px 15px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature{border:var(--line);border-radius:22px;padding:25px 26px 19px;overflow:hidden;display:flex;flex-direction:column}.violet{background:#e4ddff}.peach{background:#ffddc8}.mint{background:#c7eddf}.pink{background:#ffdaec}.ft-label{display:flex;align-items:center;justify-content:space-between}.glyph{font-size:25px}.feature h3{font-size:clamp(29px,2.8vw,43px);line-height:1.06;letter-spacing:-.052em;max-width:520px;margin:14px 0 10px}.feature p{margin-bottom:18px;max-width:500px}.shot{width:100%;aspect-ratio:2.45;object-fit:cover;object-position:left top;border:1.5px solid var(--ink);border-radius:12px;margin-top:auto;display:block}.modlinks{margin-top:15px;display:flex;gap:7px;flex-wrap:wrap}.modlinks a,.textlink{font-weight:650}.modlinks a{font-size:13px;padding:7px 10px;background:#ffffffbf;border:1px solid;border-radius:20px}.modlinks a:hover{background:white}
.story{background:#e4edff;border-block:var(--line);padding:64px 0}.story-grid,.pack{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,5vw,82px)}.story figure{position:relative}.story img{display:block;border:var(--line);border-radius:24px;width:100%}.story figcaption{position:absolute;bottom:16px;left:16px;border:1.5px solid;background:var(--lemon);padding:8px;border-radius:6px;transform:rotate(-2deg)}.textlink{display:inline-block;margin-top:22px;text-decoration:underline;text-underline-offset:4px}.picker{border:var(--line);border-radius:20px;box-shadow:4px 5px var(--ink);padding:23px;background:#faf8ff}.picker>strong{display:block;border-bottom:1px solid #cecad7;padding-bottom:15px}.choices{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.choices label{position:relative;cursor:pointer}.choices input{position:absolute;opacity:0}.choices span{display:block;background:white;padding:8px 12px;border:1px solid;border-radius:20px;font-size:14px}.choices span:before{content:'+ ';font-weight:bold}.choices input:checked+span{background:var(--ink);color:white}.choices input:checked+span:before{content:'✓ '}.choices input:focus-visible+span{outline:3px solid #7352c9}.total{font-size:14px!important;margin:12px 0}.contact{text-align:center;background:var(--lemon);padding:70px 0}.contact p{margin:15px auto 22px}footer{display:flex;gap:25px;justify-content:space-between;align-items:center;padding:32px 0;font-size:13px}dialog{border:var(--line);border-radius:16px;width:min(880px,94vw);padding:12px;background:white}dialog::backdrop{background:#151322ce}dialog>div{display:flex;align-items:center;justify-content:space-between;margin:0 0 6px}dialog button{background:#eee;border-radius:50%;width:36px;height:36px;font-size:23px}video{width:100%;display:block;border-radius:6px}
.product-detail{max-width:1120px;width:calc(100% - 80px);margin:45px auto 75px}.product-detail h1{margin-inline:0}.product-detail p,.product-detail li{max-width:790px}.product-detail p{margin:12px 0}.product-detail h2{font-size:clamp(28px,3vw,43px);letter-spacing:-.055em;line-height:1.1;margin:18px 0}.product-detail img{max-width:100%;border-radius:16px;border:var(--line)}.product-detail a{text-decoration:underline;text-underline-offset:4px}.product-detail section{margin:26px 0}
@media(max-width:900px){.nav nav{gap:14px}.nav{gap:12px}.wrap,.product-detail{width:calc(100% - 46px)}.spark{right:0}.plus{left:0}}
@media(max-width:740px){html{scroll-padding-top:75px}.wrap,.product-detail{width:calc(100% - 36px)}.nav{min-height:60px;gap:10px}.nav .brand{font-size:30px}.nav .brand img{width:25px}.nav>nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;padding:14px 20px;background:var(--lemon);border-bottom:var(--line)}.nav nav.is-open{display:flex}.nav nav a{padding:7px}.menu{display:block;background:none;margin-left:auto;font-weight:700;font-size:14px;padding:8px}.actions{gap:7px}.small,.lang{font-size:12px;padding:7px 10px}.hero-copy{padding-top:35px}.hero-copy h1{font-size:clamp(44px,9.8vw,68px);margin:14px auto}.hero-copy p{max-width:540px}.spark,.plus{display:none}.hero-links{gap:8px}.btn{padding:11px 15px;font-size:15px}.small{padding:7px 10px;font-size:12px}.film-link{font-size:14px}.demo{padding-top:23px}.demo-stage{height:clamp(190px,46vw,300px)}.demo-stage:has(.phone:not([hidden])){height:310px}.desk{width:93%;border-width:3px;border-radius:14px 14px 0 0}.browserbar{height:24px}.browserbar span{font-size:9px}.sticker{font-size:11px;padding:4px 7px;gap:4px;box-shadow:2px 2px var(--ink)}.sticker b{width:19px;height:19px}.trust{flex-direction:column;gap:15px;padding:22px 0}.trust>div{gap:20px}.trust img{width:78px;height:34px}.section{padding:48px 0}.grid,.story-grid,.pack{grid-template-columns:1fr}.feature{padding:18px}.filters{gap:6px}.filters button{font-size:12px;padding:7px 10px}.story{padding:36px 0}.story h2,.contact h2,.section h2{font-size:clamp(36px,8vw,52px)}.contact{padding:48px 0}footer{flex-wrap:wrap;gap:17px;align-items:start}footer>div{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.detail-hero{padding:30px clamp(20px,4vw,54px);background:var(--lemon);border:var(--line);border-radius:22px}.detail-intro{font-size:clamp(18px,2vw,24px)}.detail-visual{margin-top:24px}.detail-visual img{width:100%;max-height:560px;object-fit:cover;object-position:top}.detail-visual figcaption{margin:8px 0 24px}.detail-workflow li{padding:8px 0}.detail-guide{display:inline-block;font-weight:700}.product-detail .detail-example,.product-detail .detail-workflow{border-top:1px solid #d9d4df;padding:14px 0}.hero-copy em:before{animation:swash .7s ease-out both;transform-origin:left center}@keyframes swash{from{transform:scaleX(.65) rotate(-3deg);opacity:.3}to{transform:scaleX(1) rotate(-2deg);opacity:1}}
@media(max-width:440px){.nav{gap:6px}.menu{white-space:nowrap;font-size:12px;padding:6px}.actions .small{white-space:nowrap}.actions{gap:5px}.nav .brand{font-size:27px}.nav .brand img{width:22px;margin-right:5px}.hero-links{gap:5px}.hero-links .btn,.hero-links .film-link{font-size:13px;padding:10px;white-space:nowrap}.hero-links .btn{gap:8px}html[lang=en] .hero-copy h1{font-size:clamp(31px,8.6vw,37px)}}
