:root{--ink:#08070b;--paper:#f5f2ea;--purple:#782cff;--purple-dark:#4311a8;--lilac:#b78cff;--line-light:#f5f2ea33;--line-dark:#08070b2e;--display:"Sofia Soft", "Arial Rounded MT Bold", "Avenir Next Rounded", "Trebuchet MS", sans-serif;--body:"Avenir Next", Inter, "Helvetica Neue", Arial, sans-serif;--hand:"Comic Sans MS", "Bradley Hand", cursive;--pad:clamp(20px, 4.5vw, 72px);--max:1600px;color:var(--paper);background:var(--ink);font-family:var(--body);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{background:var(--ink);min-width:320px;margin:0;overflow-x:hidden}body:after{content:"";z-index:999;pointer-events:none;opacity:.12;mix-blend-mode:soft-light;background-image:radial-gradient(circle,#ffffff57 0 .55px,#0000 .85px),radial-gradient(circle,#0006 0 .45px,#0000 .75px);background-position:0 0,4px 3px;background-size:8px 9px,11px 10px;position:fixed;inset:0}a{color:inherit;text-decoration:none}button,a{cursor:pointer}p,h1,h2,h3{margin-top:0}p{line-height:1.55}.hero{border:12px solid var(--ink);min-height:100svh;color:var(--ink);background:var(--paper);position:relative;overflow:hidden}.nav-shell{z-index:20;min-height:96px;padding:16px var(--pad);border-bottom:1px solid var(--line-dark);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:relative}.logo{width:max-content;font-family:var(--display);letter-spacing:-.075em;font-size:29px;font-weight:900;line-height:.68;display:grid}.logo span{display:block}.logo i{background:var(--purple);border-radius:50%;width:.34em;height:.34em;margin-left:.08em;display:inline-block}.nav-shell nav{gap:clamp(22px,3vw,46px);font-size:12px;display:flex}.nav-shell nav a{border-bottom:1px solid #0000;padding:9px 0}.nav-shell nav a:hover{border-color:var(--purple)}.nav-cta{justify-self:end;font-size:13px;font-weight:700}.nav-cta span{color:var(--purple)}.hero-copy{z-index:8;width:62%;padding:clamp(72px, 8vw, 132px) 0 150px var(--pad);position:relative}.kicker,.section-heading>p,.bunch-heading>p,.work-heading>p,.visibility-copy>p,.closing-copy>p{color:var(--purple-dark);letter-spacing:.13em;text-transform:uppercase;margin-bottom:24px;font-size:11px;font-weight:700}.hero h1{max-width:950px;font-family:var(--display);letter-spacing:-.082em;margin:0;font-size:clamp(66px,8.2vw,142px);font-weight:900;line-height:.79}.hero h1 span{display:block;overflow:hidden}.hero-after{color:var(--purple);font-family:var(--hand);margin:28px 0 0 clamp(8px,8vw,126px);font-size:clamp(28px,3vw,48px);font-weight:700;line-height:1;transform:rotate(-2deg)}.hero-summary{max-width:540px;margin:38px 0 0;font-size:clamp(16px,1.35vw,20px)}.hero-actions{align-items:center;gap:28px;margin-top:32px;display:flex}.button{align-items:center;gap:18px;min-height:54px;padding:0 23px;font-size:13px;font-weight:800;transition:transform .2s;display:inline-flex}.button:hover{transform:translateY(-4px)rotate(-1deg)}.button-purple{color:var(--paper);background:var(--purple);box-shadow:8px 8px 0 var(--ink)}.under-link{border-bottom:2px solid var(--ink);gap:12px;padding:11px 0;font-size:13px;font-weight:700;display:flex}.hello-scene{z-index:6;width:min(65%,1080px);position:absolute;bottom:52px;right:-5%}.hello-scene img{z-index:3;width:100%;height:auto;display:block;position:relative}.hello-art{--look-x:0px;--look-y:0px;z-index:3;width:100%;transform:translate3d(var(--look-x), var(--look-y), 0);transition:transform .65s cubic-bezier(.2,.8,.2,1);position:relative}.hello-art .hello-base{z-index:2;animation:4.6s ease-in-out infinite bunch-breathe;position:relative}.hello-art .wave-layer{z-index:5;pointer-events:none;will-change:transform;width:100%;height:auto;position:absolute;inset:0}.wave-rachel{clip-path:polygon(20% 30%,33.5% 31%,35% 71%,28% 71%,20% 57%);transform-origin:33.5% 69%;animation:3.2s ease-in-out infinite wave-rachel}.wave-khor{clip-path:polygon(86% 28%,100% 29%,100% 69%,88% 70%);transform-origin:88.5% 69%;animation:3.2s ease-in-out .22s infinite wave-khor}.wave-eraser{z-index:4;background:var(--paper);display:block;position:absolute}.wave-eraser-rachel{clip-path:polygon(0 0,86% 0,100% 100%,52% 100%,0 70%);width:16.5%;height:43%;top:29%;left:19.6%}.wave-eraser-khor{clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);width:15%;height:44%;top:28%;right:0}.hello-reaction{z-index:7;background:var(--purple);opacity:0;border-radius:5px;width:4px;height:24px;animation:3.2s ease-in-out infinite reaction-pop;position:absolute}.reaction-rachel{--reaction-angle:-38deg;top:30%;left:17%;transform:rotate(-38deg)}.reaction-rachel:before,.reaction-rachel:after,.reaction-khor:before,.reaction-khor:after{content:"";background:var(--purple);border-radius:5px;width:4px;height:20px;position:absolute}.reaction-rachel:before{top:9px;left:-13px;transform:rotate(-25deg)}.reaction-rachel:after{top:-5px;left:15px;transform:rotate(25deg)}.reaction-khor{--reaction-angle:38deg;animation-delay:.22s;top:28%;right:0;transform:rotate(38deg)}.reaction-khor:before{top:-4px;left:-14px;transform:rotate(-24deg)}.reaction-khor:after{top:9px;left:15px;transform:rotate(24deg)}.purple-swipe{z-index:1;background:var(--purple);clip-path:polygon(2% 18%,96% 0,100% 79%,5% 100%);width:72%;height:38%;position:absolute;bottom:8%;right:4%;transform:rotate(-3deg)}.hello-note{z-index:5;border:2px solid var(--ink);color:var(--purple);background:var(--paper);font-family:var(--hand);border-radius:50%;padding:12px 18px;font-size:clamp(19px,2vw,30px);font-weight:700;line-height:1;position:absolute;top:-2%;left:34%;transform:rotate(-5deg)}.hero-star{z-index:5;color:var(--purple);font-size:clamp(56px,7vw,105px);position:absolute;top:4%;right:3%}.hero-roles{z-index:10;min-height:54px;padding:0 var(--pad);border-top:1px solid var(--line-dark);letter-spacing:.13em;text-transform:uppercase;background:#f5f2eaf0;justify-content:space-around;align-items:center;font-size:10px;font-weight:800;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-roles i{background:var(--purple);border-radius:50%;width:8px;height:8px}.relationship{min-height:720px;padding:clamp(110px, 14vw, 210px) var(--pad);background:var(--ink);grid-template-columns:.55fr 1.45fr;gap:8vw;display:grid;position:relative;overflow:hidden}.relationship-label span{color:var(--purple);font-size:12px}.relationship-label p{color:#f5f2ea8a;max-width:180px;margin-top:23px;font-size:13px}.relationship-copy h2,.section-heading h2,.bunch-heading h2,.work-heading h2,.visibility-copy h2,.closing-copy h2{font-family:var(--display);letter-spacing:-.075em;margin:0;font-size:clamp(54px,7.8vw,124px);font-weight:900;line-height:.84}.relationship-copy em,.bunch-heading em{color:var(--purple);font-family:var(--hand);font-style:normal;font-weight:700}.relationship-copy>p{color:#f5f2eaa8;max-width:560px;margin:46px 0 0 auto;font-size:18px}.relationship-loop{width:110px;height:150px;position:absolute;bottom:8%;left:8%;transform:rotate(18deg)}.relationship-loop i{border:7px solid var(--purple);border-left-color:#0000;border-radius:50%;width:72px;height:42px;position:absolute;left:50%;transform:translate(-50%)rotate(-18deg)}.relationship-loop i:first-child{top:2px}.relationship-loop i:nth-child(2){width:64px;top:47px}.relationship-loop i:nth-child(3){width:56px;top:90px}.lifecycle{padding:clamp(100px, 12vw, 180px) var(--pad);color:var(--ink);background:var(--paper)}.section-heading{grid-template-columns:.55fr 1.45fr;align-items:start;gap:8vw;display:grid}.life-list{border-top:2px solid var(--ink);margin-top:clamp(70px,9vw,130px)}.life-step{border-bottom:1px solid var(--line-dark);grid-template-columns:80px 1.1fr 1fr 80px;align-items:center;gap:30px;min-height:180px;padding:26px 0;transition:padding .25s,color .25s,background .25s;display:grid;position:relative}.life-step:hover{color:var(--paper);background:var(--ink);padding-inline:24px}.life-number{color:var(--purple);font-size:12px}.life-step h3{font-family:var(--display);letter-spacing:-.06em;margin:0;font-size:clamp(36px,5vw,76px);line-height:.9}.life-step p{color:#08070b9e;max-width:430px;margin:0;font-size:14px}.life-step:hover p{color:#f5f2ea9e}.life-mark{color:var(--purple);justify-self:end;font-size:42px}.bunch{padding:clamp(110px, 14vw, 210px) var(--pad);background:var(--ink)}.bunch-heading{grid-template-columns:.55fr 1.45fr;gap:8vw;display:grid}.bunch-heading h2{grid-column:2}.bunch-intro{color:#f5f2eaa3;max-width:560px;margin:50px 0 80px auto;font-size:18px}.role-grid{border-top:1px solid var(--line-light);border-left:1px solid var(--line-light);grid-template-columns:repeat(4,1fr);display:grid}.role{border-right:1px solid var(--line-light);border-bottom:1px solid var(--line-light);outline:0;min-height:370px;padding:24px;transition:transform .22s,background .22s,color .22s}.role:hover,.role:focus-visible{z-index:2;color:var(--ink);background:var(--paper);box-shadow:12px 12px 0 var(--purple);transform:translateY(-12px)rotate(-1deg)}.role>div{color:var(--purple);justify-content:space-between;align-items:start;font-size:11px;display:flex}.role b{font-size:42px;line-height:1}.role h3{font-family:var(--display);letter-spacing:-.065em;margin:100px 0 6px;font-size:clamp(38px,4vw,62px);line-height:.9}.role strong{color:var(--purple);letter-spacing:.11em;text-transform:uppercase;font-size:11px}.role p{color:#f5f2ea8c;max-width:220px;margin:25px 0 0;font-size:13px}.role:hover p,.role:focus-visible p{color:#08070b9e}.work{padding:clamp(100px, 13vw, 200px) var(--pad);color:var(--ink);background:var(--paper)}.work-heading{grid-template-columns:.55fr 1.45fr;gap:8vw;display:grid}.work-heading h2{grid-column:2}.case-study{grid-template-columns:1.4fr .6fr;align-items:end;gap:clamp(30px,6vw,90px);margin-top:clamp(70px,9vw,130px);display:grid}.case-browser{border:2px solid var(--ink);background:var(--ink);box-shadow:18px 18px 0 var(--purple);transform:rotate(-1deg)}.browser-bar{height:36px;color:var(--paper);align-items:center;gap:6px;padding:0 12px;display:flex}.browser-bar>span{border:1px solid var(--paper);border-radius:50%;width:7px;height:7px}.browser-bar small{color:#f5f2ea94;margin-left:auto}.case-visual{aspect-ratio:16/10;color:#fff;background:#071b38;flex-direction:column;justify-content:space-between;padding:clamp(26px,5vw,70px);display:flex;position:relative;overflow:hidden}.case-kicker{z-index:2;letter-spacing:.12em;text-transform:uppercase;font-size:11px;position:relative}.case-visual strong{z-index:2;max-width:720px;font-family:var(--display);letter-spacing:-.07em;font-size:clamp(42px,6vw,96px);line-height:.87;position:relative}.case-ring{aspect-ratio:1;border:clamp(32px,6vw,88px) solid #167fc0;border-radius:50%;width:58%;position:absolute;bottom:-35%;right:-8%}.case-copy{padding-bottom:20px}.case-copy>span{color:var(--purple-dark);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.case-copy p{margin:26px 0;font-size:18px}.case-copy a{border-bottom:2px solid var(--ink);padding-bottom:7px;font-size:13px;font-weight:800;display:inline-block}.visibility{padding:clamp(110px, 14vw, 210px) var(--pad);background:var(--ink);grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(50px,8vw,130px);display:grid}.visibility-copy>span{color:#f5f2eaa3;max-width:560px;margin-top:40px;font-size:18px;line-height:1.55;display:block}.answer-demo{border:1px solid var(--paper);box-shadow:15px 15px 0 var(--purple);padding:clamp(20px,3vw,44px);transform:rotate(1deg)}.question,.answer{grid-template-columns:42px 1fr;align-items:start;gap:16px;display:grid}.question i,.answer i{width:36px;height:36px;color:var(--paper);background:var(--purple);border-radius:50%;place-items:center;font-size:11px;font-style:normal;font-weight:800;display:grid}.question p,.answer p{margin:5px 0 0}.typing{gap:5px;margin:30px 0 30px 58px;display:flex}.typing span{background:var(--purple);border-radius:50%;width:8px;height:8px;animation:.65s ease-in-out infinite alternate type}.typing span:nth-child(2){animation-delay:.12s}.typing span:nth-child(3){animation-delay:.24s}.answer{border-top:1px solid var(--line-light);padding-top:28px}.answer strong{width:max-content;font-family:var(--display);letter-spacing:-.075em;margin-top:28px;font-size:clamp(30px,4vw,56px);line-height:.68;display:block}.answer strong span{color:var(--purple)}.closing{min-height:980px;padding:clamp(110px, 13vw, 190px) var(--pad) 0;color:var(--ink);background:var(--paper);position:relative;overflow:hidden}.closing-copy{z-index:5;max-width:920px;position:relative}.closing-copy h2{font-size:clamp(68px,10vw,158px)}.closing-copy>span{max-width:510px;margin-top:30px;font-size:18px;line-height:1.55;display:block}.button-paper{color:var(--paper);background:var(--ink);box-shadow:9px 9px 0 var(--purple);margin-top:34px}.working-scene{z-index:2;width:min(92%,1500px);position:absolute;bottom:-1%;right:-3%}.working-scene img{width:100%;height:auto;animation:5.2s ease-in-out infinite work-breathe;display:block}.working-note{z-index:4;color:var(--purple);font-family:var(--hand);font-size:clamp(22px,2.5vw,38px);font-weight:700;line-height:1;position:absolute;top:2%;right:5%;transform:rotate(-4deg)}.work-motion{z-index:5;pointer-events:none;position:absolute}.work-motion i{background:var(--purple);transform-origin:0;border-radius:8px;display:block;position:absolute}.motion-pencil{width:58px;height:44px;top:53%;left:31%;transform:rotate(-15deg)}.motion-pencil i{width:4px;height:24px;animation:1.35s ease-in-out infinite work-mark}.motion-pencil i:nth-child(2){animation-delay:.12s;top:5px;left:14px}.motion-pencil i:nth-child(3){animation-delay:.24s;top:9px;left:28px}.motion-code{width:70px;height:42px;top:51%;left:62%}.motion-code i{width:30px;height:4px;animation:1.8s ease-in-out infinite code-line}.motion-code i:nth-child(2){width:44px;animation-delay:.16s;top:12px}.motion-code i:nth-child(3){width:22px;animation-delay:.32s;top:24px}.motion-copy{width:48px;height:42px;top:42%;right:12%;transform:rotate(8deg)}.motion-copy i{width:4px;height:25px;animation:1.5s ease-in-out .2s infinite work-mark}.motion-copy i:nth-child(2){animation-delay:.35s;top:7px;left:13px}.footer{padding:52px var(--pad);border-top:1px solid var(--line-light);background:var(--ink);grid-template-columns:1fr 1fr auto auto;align-items:end;gap:50px;display:grid}.footer-logo{color:var(--paper);font-size:25px}.footer>p{margin:0;font-size:18px}.footer>div{color:#f5f2ea94;gap:6px;font-size:11px;display:grid}.footer>div a{color:var(--paper)}.footer small{color:#f5f2ea66}@keyframes type{to{opacity:.35;transform:translateY(-5px)}}@keyframes bunch-breathe{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(-.25deg)}}@keyframes wave-rachel{0%,12%,45%,to{transform:rotate(0)}19%{transform:rotate(-10deg)}26%{transform:rotate(8deg)}33%{transform:rotate(-8deg)}39%{transform:rotate(5deg)}}@keyframes wave-khor{0%,12%,45%,to{transform:rotate(0)}19%{transform:rotate(11deg)}26%{transform:rotate(-8deg)}33%{transform:rotate(8deg)}39%{transform:rotate(-5deg)}}@keyframes reaction-pop{0%,12%,44%,to{opacity:0;transform:scale(.4) rotate(var(--reaction-angle,0deg))}19%,36%{opacity:1;transform:scale(1) rotate(var(--reaction-angle,0deg))}}@keyframes work-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes work-mark{0%,20%,to{opacity:0;transform:scaleY(.2)}45%,75%{opacity:1;transform:scaleY(1)}}@keyframes code-line{0%,18%,to{opacity:0;transform:scaleX(.2)}42%,78%{opacity:1;transform:scaleX(1)}}@media (width<=1050px){.hero-copy{width:72%}.hello-scene{width:67%}.role-grid{grid-template-columns:repeat(2,1fr)}.case-study{grid-template-columns:1fr}.case-copy{max-width:560px}.visibility{grid-template-columns:1fr}.answer-demo{max-width:760px}}@media (width<=760px){.hero{border-width:7px;min-height:920px}.nav-shell{grid-template-columns:1fr auto;min-height:76px;padding-inline:16px}.nav-shell nav{display:none}.logo{font-size:24px}.nav-cta{font-size:11px}.hero-copy{width:100%;padding:70px 18px 350px}.hero h1{font-size:clamp(55px,16vw,84px)}.hero-after{margin-left:12px;font-size:30px}.hero-summary{max-width:94%;margin-top:24px;font-size:15px}.hero-actions{flex-direction:column;align-items:flex-start;gap:12px}.hello-scene{width:112%;bottom:48px;right:-14%}.hello-note{font-size:18px;top:-8%;left:27%}.hero-star{font-size:54px;top:-8%;right:16%}.hero-roles{justify-content:space-between;min-height:44px;padding-inline:12px}.hero-roles span:nth-of-type(2),.hero-roles span:nth-of-type(4),.hero-roles i:nth-of-type(2),.hero-roles i:nth-of-type(4){display:none}.relationship,.section-heading,.bunch-heading,.work-heading{grid-template-columns:1fr}.relationship{gap:50px;min-height:760px;padding-block:100px}.relationship-copy h2,.section-heading h2,.bunch-heading h2,.work-heading h2,.visibility-copy h2{font-size:clamp(48px,14vw,74px)}.relationship-copy>p{margin-left:0}.relationship-loop{bottom:5%;left:auto;right:7%}.section-heading h2,.bunch-heading h2,.work-heading h2{grid-column:1}.life-step{grid-template-columns:42px 1fr 44px;gap:14px;min-height:150px}.life-step p{grid-column:2/4}.life-step h3{font-size:40px}.bunch-intro{margin-left:0}.role{min-height:300px;padding:18px}.role h3{margin-top:70px;font-size:40px}.role b{font-size:32px}.case-browser{box-shadow:10px 10px 0 var(--purple)}.case-visual{aspect-ratio:4/3}.case-visual strong{font-size:43px}.answer-demo{box-shadow:9px 9px 0 var(--purple);padding:20px 14px}.closing{min-height:850px;padding-top:100px}.closing-copy h2{font-size:clamp(62px,18vw,92px)}.working-scene{width:145%;bottom:0;right:-23%}.working-note{font-size:20px;top:-8%;right:17%}.footer{grid-template-columns:1fr;gap:28px}}@media (width<=470px){.hero{min-height:900px}.hero-copy{padding-bottom:330px}.button{min-height:50px;padding-inline:18px}.role-grid{grid-template-columns:1fr}.role{min-height:260px}.role h3{margin-top:45px}.closing{min-height:800px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}