@font-face{font-family:Manrope;src:url("fonts/Manrope-Variable.ttf") format("truetype");font-weight:200 800;font-display:swap}
:root{--paper:#f6f3ea;--ink:#101010;--vermilion:#f23a1d;--cobalt:#165cc6;--muted:#686861;--line:#dfded6;--lg-tint:246 243 234;--lg-opacity:.5;--lg-blur:11px;--lg-saturate:115%;--lg-radius:24px;--lg-shadow:0 4px 18px rgb(16 16 16 / .07);--lg-edge-red:rgb(242 58 29 / .08);--lg-edge-cyan:rgb(22 92 198 / .06)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.65 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--cobalt);outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500}h1,h2{letter-spacing:-.05em;line-height:1.13}h2{font-size:clamp(31px,3.5vw,48px)}[hidden]{display:none!important}.page-wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--paper);padding:12px}.skip:focus{top:10px}.glass-filter{position:absolute;pointer-events:none}
.site-nav{position:fixed;top:22px;left:50%;transform:translateX(-50%);width:min(1280px,calc(100% - 112px));z-index:40;--lg-scene-background:url("assets/tatumo-atmosphere.png")}.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:70px;padding:10px 13px 10px 25px;gap:25px}.nav-brand{display:block;text-decoration:none}.nav-brand img{width:125px;height:27px;object-fit:contain}.site-nav nav{display:flex;gap:32px;font-size:13px}.site-nav nav a{text-decoration:none;padding:12px 0;color:#45453f}.site-nav nav a:hover{color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:0;border-radius:12px;padding:15px 22px;min-height:49px;background:var(--ink);color:#fff;font-size:13px;font-weight:500;white-space:nowrap;transition:background .16s,transform .16s}.button:hover{background:#30302d;transform:translateY(-1px)}.button span{font-size:17px}.button-small{min-height:46px;padding:12px 20px;font-size:12px}.hero-actions .button{background:var(--vermilion)}.hero-actions .button:hover{background:#d92d14}.menu-button{display:none;border:0;background:none;width:44px;height:44px;padding:12px}.menu-button span{display:block;height:1.5px;background:var(--ink);margin:5px 0}.mobile-menu{position:fixed;left:20px;right:20px;top:99px;z-index:39;background:var(--paper);border-radius:16px;box-shadow:0 10px 25px #0002;padding:18px}.mobile-menu a,.mobile-menu button{display:block;text-decoration:none;padding:13px 8px;background:none;border:0;width:100%;text-align:left}
.hero{position:relative;isolation:isolate;overflow:hidden;padding:192px 0 40px}.hero-atmosphere{position:absolute;z-index:-1;left:38%;right:-8%;top:135px;bottom:0;background:url("assets/tatumo-atmosphere.png") center/cover;filter:blur(30px);opacity:.34;mask-image:radial-gradient(ellipse at 70% 50%,#000 15%,transparent 73%)}.hero-wrap{position:relative}.hero-main{display:grid;grid-template-columns:1fr 1.28fr;gap:60px;align-items:center;min-height:530px}.hero-copy{padding-bottom:25px}.intro-note{font-size:12px;line-height:1.5;color:var(--muted);margin-bottom:24px}.hero h1{font-size:clamp(45px,5vw,73px);line-height:1.13;letter-spacing:-.052em;font-weight:500}.hero-description{font-size:18px;line-height:1.65;max-width:400px;color:#62625d;margin-top:25px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:34px}.text-link{font-size:13px;text-decoration:none;border-bottom:1px solid #88877d;padding-bottom:3px;white-space:nowrap}.hero-product{min-width:0;position:relative;z-index:2}.screenshot-button{border:1px solid #30302f;background:var(--ink);padding:0;overflow:hidden;border-radius:17px;display:block;width:100%;box-shadow:0 18px 45px rgb(16 16 16 / .16);transition:transform .2s}.screenshot-button:hover{transform:translateY(-2px)}.screenshot-button img{width:100%;height:auto}.hero-product figcaption{font-size:10px;color:#65655f;padding-top:16px;display:flex;align-items:center;gap:7px;line-height:1.5}.caption-dot{width:4px;height:4px;flex:none;border-radius:50%;background:#555}.screenshot-note{margin-left:auto;font-size:9px}.hero-bottom{margin-top:35px;padding-top:32px;border-top:1px solid #dfded680;display:flex;justify-content:space-between;align-items:end;gap:30px;color:#77766d;font-size:11px}.hero-bottom a{text-decoration:none}.hero-bottom a span{margin-right:10px}
.workspace-section{padding:102px 0 84px;display:grid;grid-template-columns:1fr 2.2fr;gap:60px;border-top:1px solid var(--line)}.section-intro{padding-top:10px}.section-intro h2{font-size:39px;line-height:1.2}.section-intro p{font-size:15px;color:var(--muted);margin-top:25px;max-width:280px}.workspace-demo{min-width:0}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.tabs{display:flex;gap:4px}.tabs button{background:transparent;border:0;color:#77766f;font-size:12px;min-height:43px;padding:10px 17px;border-radius:10px}.tabs button[aria-selected=true]{background:#e9e7de;color:var(--ink)}.sample-label{font-size:10px;color:#77766f;white-space:nowrap}.work-panel{background:var(--ink);color:#eeede8;border-radius:17px;display:grid;grid-template-columns:200px 1fr;min-height:370px;overflow:hidden;box-shadow:0 12px 30px #0001}.work-sidebar{background:#19191a;padding:21px 12px;display:flex;flex-direction:column}.work-studio{display:flex;gap:10px;align-items:center;font-size:11px;padding:0 7px 24px}.work-studio small{display:block;color:#9c9c9f;font-size:9px}.studio-dot{width:27px;height:27px;flex:none;border-radius:50%;background:#fa5f05;color:#fff;display:grid;place-items:center;font-size:11px}.sample-items{display:flex;flex-direction:column;gap:5px}.sample-item{border:0;background:none;color:#b6b6b7;text-align:left;padding:12px 10px;border-radius:9px;display:flex;align-items:center;gap:9px;font-size:11px;min-height:49px}.sample-item[aria-pressed=true]{background:#28282a;color:#eee}.sample-item small{display:block;color:#939397;font-size:9px;padding-top:2px}.item-mark{width:24px;height:24px;flex:none;border-radius:50%;background:#333335;display:grid;place-items:center;color:#c4c4c4;font-size:10px}.work-footnote{font-size:9px;color:#939393;margin-top:auto;padding:17px 8px 0}.work-content{padding:25px;min-width:0}.work-top{display:flex;justify-content:space-between;align-items:start;gap:10px}.work-state{font-size:10px;color:#faab8c;margin-bottom:8px}.work-top h3{font-size:20px;font-weight:500;letter-spacing:-.4px;line-height:1.25}.quiet-button{background:#272729;color:#c4c4c5;border:0;font-size:9px;padding:8px 11px;border-radius:9px;min-height:36px;white-space:nowrap}.quiet-button span{margin-left:5px}.work-view{margin-top:29px}.work-message{display:flex;gap:10px}.work-message p{font-size:12px;line-height:1.65;color:#cdcdcf}.work-message strong{font-size:10px;display:block;color:#979799;font-weight:400;margin-bottom:9px}.brief-points{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.brief-points span{background:#242426;padding:5px 8px;font-size:9px;color:#a7a7aa;border-radius:7px}.draft-action{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#212123;border-radius:10px;margin-top:28px;padding:12px;font-size:10px;color:#acacb1}.draft-action button{border:0;padding:8px 12px;background:#e9e7de;color:#101010;font-size:9px;border-radius:8px;min-height:36px}.saved-note{font-size:12px;color:#bfbfc3;line-height:1.6}.agent-glance{margin-top:14px;border-radius:10px;overflow:hidden}.agent-glance img{width:100%}.sample-response{padding:14px;margin-top:14px;border-radius:9px;background:#252528;color:#ccc;font-size:11px;line-height:1.65}
.studio-section{border-top:1px solid var(--line);padding:64px 0 82px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.studio-heading .intro-note{margin-bottom:20px}.studio-heading h2{font-size:38px}.studio-copy>p{max-width:465px;font-size:16px;line-height:1.8;color:var(--muted)}.studio-copy>p+p{margin-top:18px}.text-button{border:0;background:none;border-bottom:1px solid #a3a197;min-height:42px;padding:8px 0;font-size:12px;margin-top:23px}.text-button span{margin-left:14px}
.workflow-section{padding:80px 0 56px;background:var(--ink);color:var(--paper)}.workflow-intro{display:flex;justify-content:space-between;gap:50px;align-items:end}.workflow-intro h2{font-size:48px}.workflow-intro p{font-size:13px;color:#9e9e9a;padding-bottom:3px;line-height:1.7}.workflow{list-style:none;margin:57px 0 65px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.workflow li{padding-top:18px;border-top:1px solid #373736;position:relative}.step-number{font-size:10px;color:#92928e;display:block;margin-bottom:17px}.workflow h3{font-size:16px;font-weight:500;margin-bottom:13px}.workflow p{font-size:12px;color:#a5a5a1;line-height:1.65;max-width:190px}.closing{border-top:1px solid #373736;padding-top:35px;display:flex;justify-content:space-between;align-items:center;gap:40px}.closing p{font-size:24px;letter-spacing:-.6px}.closing-brand{font-size:12px;letter-spacing:.02em;color:#93938e;display:block;margin-top:15px}.closing .button{background:var(--paper);color:#101010}.closing .button:hover{background:#dedbd2}.site-footer{padding:26px 0;display:flex;justify-content:space-between;gap:25px;font-size:10px;color:#76766e}.site-footer>div{display:flex;gap:22px}.site-footer a{text-decoration:none}.site-footer a:hover{text-decoration:underline}
dialog{width:min(1080px,calc(100% - 40px));max-height:calc(100dvh - 40px);padding:26px;border:0;border-radius:20px;background:var(--paper);color:var(--ink);box-shadow:0 30px 90px #0006}dialog::backdrop{background:#101010bb;backdrop-filter:blur(6px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.dialog-top h2{font-size:29px}.dialog-top .intro-note{margin-bottom:9px}.dialog-close{width:44px;height:44px;flex:none;border-radius:50%;background:#e5e2d8;border:0;font-size:25px}.dialog-body{display:grid;grid-template-columns:3fr 1fr;gap:28px;align-items:center}.dialog-body>img{width:100%;border-radius:12px}.dialog-notes p{font-size:13px;margin-bottom:21px}.dialog-notes p:last-child{font-size:11px;color:var(--muted)}.dialog-actions{display:flex;gap:25px;align-items:center;justify-content:end;margin-top:25px}.dialog-actions .text-button{margin:0}.dialog-open{overflow:hidden}
.glass-opaque .liquid-glass{background:var(--paper);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 4px 15px #0001}.glass-opaque .liquid-glass__refraction{display:none}.glass-opaque .liquid-glass::before{background:var(--paper)}.glass-opaque .liquid-glass::after{display:none}
@media(max-width:1100px){.page-wrap,.site-nav{width:calc(100% - 64px)}.site-nav nav{gap:23px}.nav-brand img{width:109px}.nav-inner{padding-left:22px;gap:15px}.hero{padding-top:154px}.hero-main{gap:32px;min-height:410px}.hero h1{font-size:50px}.hero-description{font-size:16px}.hero-actions{gap:20px}.button{font-size:12px;padding:14px 18px}.hero-product figcaption{font-size:9px}.screenshot-note{display:none}.workspace-section{grid-template-columns:1fr;gap:32px;padding-top:69px;padding-bottom:67px}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:45px}.section-intro h2{font-size:36px}.section-intro p{max-width:350px;margin:0;font-size:14px}.work-panel{min-height:365px}.studio-section{gap:55px;padding:50px 0 62px}.studio-heading h2{font-size:32px}.studio-copy>p{font-size:14px}.workflow-intro h2{font-size:40px}.workflow{gap:28px}.closing p{font-size:23px}.site-footer>div{gap:17px}}
@media(max-width:760px){html{scroll-padding-top:110px}.page-wrap,.site-nav{width:calc(100% - 40px)}.site-nav{top:17px;--lg-radius:18px}.nav-inner{min-height:63px;padding:9px 10px 9px 20px}.nav-brand img{width:113px;height:24px}.site-nav nav,.site-nav .button-small{display:none}.menu-button{display:block}.hero{padding:143px 0 31px}.hero-main{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:38px}.hero-copy{padding:0}.intro-note{font-size:11px;margin-bottom:20px}.hero h1{font-size:clamp(41px,10.5vw,56px);line-height:1.15;font-weight:500;letter-spacing:-.05em}.hero-description{font-size:15px;margin-top:24px;max-width:330px;line-height:1.8}.hero-actions{margin-top:27px;gap:24px}.button{font-size:11px;min-height:48px;padding:13px 17px;gap:13px}.text-link{font-size:11px}.screenshot-button{height:244px;border-radius:12px}.screenshot-button img{height:100%;width:100%;object-fit:cover;object-position:35% top}.hero-product figcaption{font-size:9px;padding-top:13px;line-height:1.65}.hero-bottom{padding-top:23px;margin-top:28px;font-size:9px;gap:18px;align-items:start}.hero-atmosphere{left:5%;right:-15%;top:390px;bottom:0;opacity:.27;filter:blur(25px);mask-image:radial-gradient(ellipse at 70% 60%,#000 10%,transparent 74%)}.workspace-section{padding:49px 0 47px;gap:29px}.section-intro{display:block;padding:0}.section-intro h2{font-size:31px}.section-intro p{margin-top:21px;font-size:13px;max-width:360px;line-height:1.8}.workspace-heading{flex-wrap:wrap;gap:12px;margin-bottom:15px}.tabs{width:100%;gap:3px}.tabs button{flex:1;padding:10px 12px;font-size:11px;min-height:42px}.sample-label{font-size:9px}.work-panel{display:block;min-height:0;border-radius:13px}.work-sidebar{padding:12px}.work-studio,.work-footnote{display:none}.sample-items{flex-direction:row;overflow:auto;gap:7px;padding-bottom:2px}.sample-item{flex:0 0 auto;min-height:46px;padding:9px 11px;font-size:10px}.sample-item small{display:none}.sample-item .item-mark{width:22px;height:22px}.work-content{padding:19px}.work-top h3{font-size:19px}.work-state{font-size:9px}.quiet-button{font-size:8px;padding:8px 10px}.work-view{margin-top:25px}.work-message p{font-size:12px}.brief-points{margin-top:21px}.brief-points span{font-size:8px}.draft-action{font-size:9px;margin-top:24px;padding:11px;gap:10px}.draft-action button{font-size:8px;padding:8px 10px;white-space:nowrap}.studio-section{display:block;padding:40px 0 48px}.studio-heading h2{font-size:31px}.studio-heading .intro-note{margin-bottom:18px}.studio-copy{margin-top:27px}.studio-copy>p{font-size:13px;max-width:370px;line-height:1.85}.text-button{font-size:11px;margin-top:19px}.workflow-section{padding:48px 0 42px}.workflow-intro{display:block}.workflow-intro h2{font-size:32px}.workflow-intro p{font-size:12px;margin-top:23px}.workflow{grid-template-columns:1fr 1fr;gap:32px 28px;margin:35px 0 39px}.workflow li{padding-top:15px}.step-number{font-size:9px;margin-bottom:14px}.workflow h3{font-size:14px;margin-bottom:11px}.workflow p{font-size:11px;max-width:180px}.closing{display:block;padding-top:29px}.closing p{font-size:22px}.closing-brand{font-size:10px;margin-top:13px}.closing>.button{margin-top:25px}.site-footer{display:block;font-size:9px;padding:24px 0}.site-footer>div{margin-top:13px;gap:16px;flex-wrap:wrap}.dialog-top h2{font-size:23px}.dialog-top{margin-bottom:20px}.dialog-body{display:block}.dialog-notes{margin-top:20px}.dialog-notes p{font-size:12px;margin-bottom:12px}.dialog-actions{flex-direction:column;align-items:start;gap:12px}dialog{padding:20px}.dialog-close{width:40px;height:40px}.agent-glance img{min-height:150px;object-fit:cover;object-position:40% top}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(prefers-reduced-transparency:reduce){.liquid-glass{background:var(--paper);backdrop-filter:none;-webkit-backdrop-filter:none}.liquid-glass__refraction{display:none}.liquid-glass::before{background:var(--paper)}.liquid-glass::after{display:none}}
.theme-toggle{display:grid;place-items:center;border:0;background:none;width:44px;height:44px;flex:none;color:var(--ink);border-radius:12px;font-size:21px;margin-left:-10px}.theme-toggle:hover{background:#10101009}.theme-symbol{line-height:1}.nav-inner nav{margin-left:auto;margin-right:auto}
:root[data-theme="dark"]{--paper:#111214;--ink:#eeede8;--muted:#a0a09d;--line:#2e3033;--lg-tint:25 26 28;--lg-opacity:.55;--lg-border-opacity:.16;--lg-shadow:0 8px 28px #0003}
[data-theme="dark"] .nav-brand img{filter:invert(1)}
[data-theme="dark"] .site-nav nav a{color:#b8b8b5}
[data-theme="dark"] .site-nav nav a:hover{color:#eeede8}
[data-theme="dark"] .theme-toggle:hover{background:#ffffff0c}
[data-theme="dark"] .button{background:#eeede8;color:#111214}
[data-theme="dark"] .button:hover{background:#d9d8d2}
[data-theme="dark"] .hero-actions .button{background:var(--vermilion);color:white}
[data-theme="dark"] .hero-actions .button:hover{background:#d92d14}
[data-theme="dark"] .hero-description{color:#a6a6a2}
[data-theme="dark"] .hero-atmosphere{opacity:.2;mask-image:radial-gradient(ellipse at 75% 55%,#000 8%,transparent 72%)}
[data-theme="dark"] .hero-product figcaption,[data-theme="dark"] .screenshot-note{color:#a1a19c}
[data-theme="dark"] .caption-dot{background:#a1a19c}
[data-theme="dark"] .hero-bottom{color:#90918d;border-color:#2a2c2e}
[data-theme="dark"] .screenshot-button{background:#101010;border-color:#424345;box-shadow:0 24px 55px #0005}
[data-theme="dark"] .tabs button{color:#a0a09d}
[data-theme="dark"] .tabs button[aria-selected="true"]{background:#292b2e;color:#eeede8}
[data-theme="dark"] .sample-label{color:#90918d}
[data-theme="dark"] .work-panel{background:#161719;color:#eeede8;box-shadow:0 16px 35px #0003;border:1px solid #323437}
[data-theme="dark"] .work-sidebar{background:#1d1e20}
[data-theme="dark"] .workflow-section{background:#0c0d0f;color:#eeede8}
[data-theme="dark"] .workflow-intro p,[data-theme="dark"] .workflow p{color:#a5a5a1}
[data-theme="dark"] .closing .button{background:#eeede8;color:#111214}
[data-theme="dark"] .site-footer{color:#92938e}
[data-theme="dark"] .dialog-close{background:#2c2e31;color:#eeede8}
[data-theme="dark"] .mobile-menu{box-shadow:0 10px 35px #0005;border:1px solid #323437}
[data-theme="dark"] .menu-button span{background:#eeede8}
@media(min-width:761px) and (max-width:1000px){.hero-main{grid-template-columns:1fr;gap:37px;max-width:720px;margin:auto}.hero-copy{padding:0}.hero h1{font-size:58px}.hero-description{max-width:500px}.hero-product{max-width:720px}.hero{padding-top:162px}.hero-atmosphere{top:375px;left:16%;opacity:.3}.site-nav nav{gap:18px}.nav-inner{gap:16px}.button-small{padding:11px 14px;font-size:11px}.nav-brand img{width:106px}}
@media(max-width:760px){.theme-toggle{margin-left:auto;margin-right:-3px}.nav-inner{gap:9px}.hero-description{font-size:16px}.work-top .quiet-button{font-size:9px}}