@font-face{font-family:DM;src:url('/assets/dm-sans.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--paper:#fafbff;--ink:#141518;--muted:#5d626c;--line:#dce3ef;--blue:#2f6bff;--button-blue:#2865f8;--pale:#edf3ff;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 DM,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
a{color:inherit;text-decoration:none}
button{color:inherit;cursor:pointer}
button,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
::selection{background:#cbdcff;color:var(--ink)}
h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3,h4{font-weight:400;line-height:1.12}
em{font-family:inherit;font-style:normal;font-weight:inherit}
small{font-size:14px}
[hidden]{display:none!important}
.wrap{width:calc(100% - 112px);max-width:1328px;margin-inline:auto}
.skip-link{position:fixed;top:12px;left:15px;z-index:30;clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap;background:var(--ink);color:white}
.skip-link:focus{clip-path:none;height:auto;width:auto;padding:14px}
.site-header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
.brand{display:flex;gap:10px;align-items:center;flex-shrink:0;line-height:1}
.brand img{width:34px;height:36px;object-fit:contain}
.brand>span:nth-child(2){font-size:27px;letter-spacing:-1.2px}
.brand-sub{display:block;font-size:14px;letter-spacing:1.4px;margin-top:7px}
.ai-tag{font-size:14px;letter-spacing:0;border:1px solid #cad3e4;border-radius:5px;padding:4px 6px;align-self:flex-start}
.site-header nav{display:flex;gap:25px;align-items:center;font-size:14px}
.site-header nav a{padding:10px 0;position:relative;white-space:nowrap}
.site-header nav a:after{content:'';position:absolute;left:0;right:100%;bottom:4px;height:2px;background:var(--blue);transition:right .3s var(--ease)}
.site-header nav a:hover:after{right:0}
.header-cta{display:flex;align-items:center;gap:22px;padding:12px 17px;border-radius:6px;background:var(--ink);color:white;font-size:14px;white-space:nowrap;transition:background .25s}
.header-cta:hover{background:var(--button-blue)}
.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:20px;align-items:center;padding-block:60px 48px;min-height:620px}
.hero h1{font-size:clamp(62px,6.1vw,91px);line-height:1.02;letter-spacing:-4.5px;margin-bottom:27px}
.hero h1 em{color:var(--blue)}
.hero-description{font-size:18px;line-height:1.75;max-width:480px;margin-bottom:29px;color:var(--muted)}
.hero-description strong{font-weight:600;color:var(--ink)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:13px 19px;min-height:48px;font-size:15px;font-weight:500;line-height:1.4;border:1px solid transparent;border-radius:6px;transition:background .25s,box-shadow .25s,transform .3s var(--ease)}
.primary{background:var(--button-blue);color:white;box-shadow:0 4px 12px #2f6bff17}
.primary:hover{background:#1c5ef5;box-shadow:0 7px 20px #2f6bff2c;transform:translateY(-2px)}
.secondary{background:white;border-color:#aebddd;color:#202a40}
.secondary:hover{border-color:var(--blue);background:#eaf1ff;transform:translateY(-1px)}
.button>span,.header-cta>span{transition:transform .35s var(--ease)}
.button:hover>span,.header-cta:hover>span{transform:translate(2px,-2px)}
.experience-mini{display:flex;align-items:center;gap:16px;margin-top:32px;width:max-content;max-width:100%}
.mini-number{font-size:42px;letter-spacing:-2px;border-right:1px solid #cbd5e7;padding-right:16px;line-height:1}
.mini-number span{font-size:27px;vertical-align:8px}
.experience-mini>span:nth-child(2){font-size:14px;line-height:1.5;color:var(--muted)}
.experience-mini strong{font-weight:500;color:var(--ink)}
.mini-arrow{font-size:20px;margin-left:9px}
.hero-visual{position:relative;min-width:0}
.world{position:relative;width:100%;aspect-ratio:640/540;isolation:isolate;--mx:0deg;--my:0deg}
.world-svg{width:100%;height:100%;position:absolute;inset:0;z-index:1;transform:perspective(1000px) rotateX(var(--my)) rotateY(var(--mx));transition:transform 1.2s var(--ease)}
.world-orbit{position:absolute;width:86%;height:55%;left:7%;top:29%;border:1px solid #2f6bff10;border-radius:50%;transform:rotate(-15deg)}
.orbit-two{width:75%;height:66%;left:13%;top:23%;transform:rotate(20deg)}
.scene-tag{position:absolute;display:flex;gap:12px;align-items:center;z-index:2;background:#fffffff2;border:1px solid #d1dced;border-radius:7px;box-shadow:0 9px 30px #2d467211;padding:15px 18px;font-size:15px;max-width:355px}
.tag-answer{bottom:0;right:0;min-height:89px}
.scene-tag strong{font-weight:500;display:block}
.scene-tag small{display:block;font-size:14px;color:var(--muted);margin-top:3px;line-height:1.5}
.spark-mark{display:inline-block;width:1em;height:1em;background:currentColor;clip-path:polygon(43% 0,57% 0,59% 34%,82% 17%,90% 28%,65% 45%,100% 43%,100% 57%,65% 59%,83% 82%,72% 90%,55% 65%,57% 100%,43% 100%,41% 65%,18% 83%,10% 72%,35% 55%,0 57%,0 43%,35% 41%,17% 18%,28% 10%,45% 35%);vertical-align:middle;flex-shrink:0}
.answer-spark{font-size:29px;color:var(--blue)}
.signal{stroke-dasharray:12 220;stroke-dashoffset:232;opacity:.8}
.scene-running .signal{animation:route 2.8s linear infinite}
.scene-running .signal-1{animation-delay:-.9s}
.scene-running .signal-2{animation-delay:-1.8s}
.scene-running .hatu-model{animation:hub-float 6s ease-in-out infinite}
.scene-running .truck-model{animation:truck-idle 8s ease-in-out infinite}
.packet{fill:var(--blue);stroke:white;stroke-width:1}
@keyframes route{to{stroke-dashoffset:-232}}
@keyframes hub-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes truck-idle{0%,100%{transform:translate(0,0)}50%{transform:translate(-7px,4px)}}
.intro-strip{border-block:1px solid var(--line);min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}
.intro-strip>span{color:var(--muted)}
.intro-strip>div{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.intro-strip i{font-style:normal;color:#8993a4}
.offerings,.knowledge{padding-block:68px 48px;scroll-margin-top:16px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:25px}
.section-heading h2{font-size:40px;letter-spacing:-1.6px;margin-bottom:14px}
.section-intro{font-size:16px;line-height:1.7;color:var(--muted);margin-bottom:0;max-width:520px}
.mode-switch{display:flex;gap:4px;padding:5px;border:1px solid #cbd6ec;background:#edf2fc;border-radius:8px;flex-shrink:0}
.mode-switch button{font-size:14px;border:0;min-height:46px;padding:11px 19px;border-radius:5px;background:transparent;transition:background .3s,color .3s;white-space:nowrap}
.mode-switch button[aria-pressed=true]{background:var(--button-blue);color:white;box-shadow:0 3px 8px #2f6bff22}
.mode-switch button:hover:not([aria-pressed=true]){background:#dce7ff}
.product-guide{font-size:14px;color:var(--muted);margin:25px 0 15px}
.product-index{display:flex;border:1px solid var(--line);border-bottom:0;border-radius:9px 9px 0 0;overflow:hidden;background:white}
.product-index button{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;padding:18px 12px;min-height:68px;font-size:14px;border:0;border-bottom:3px solid transparent;background:transparent;white-space:nowrap;transition:background .3s,border-color .3s}
.product-index button[data-product="dailyPulse"]{white-space:normal;line-height:1.25}
.product-index button[aria-pressed=true]{background:#dce8ff;border-bottom-color:var(--blue);font-weight:600}
.product-route-links{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px;font-size:14px}.product-route-links a{padding:7px 10px;border-radius:4px;color:#31527f;text-decoration:underline;text-decoration-color:#afc2e4;text-underline-offset:4px}.product-route-links a:hover{background:#eaf1ff;color:#174dbd}
.product-index button:hover{background:#e9f0ff}
.product-symbol{font-size:21px;line-height:1}
.featured{font-size:14px;background:white;border:1px solid #b1c6f1;border-radius:4px;padding:3px 7px;font-weight:400}
.product-stage{display:grid;grid-template-columns:.93fr 1.07fr;min-height:480px;background:#eef3ff;border:1px solid var(--line);border-radius:0 0 9px 9px;overflow:hidden}
.product-copy{padding:38px 34px}
.product-kicker{font-size:18px;color:#245bcb;font-weight:500;margin-bottom:16px;line-height:1.5}
.product-copy h3,.custom-intro h3{font-size:39px;letter-spacing:-1.5px;line-height:1.12;margin-bottom:20px}
.product-copy>p:not(.product-kicker),.custom-intro>p{font-size:16px;line-height:1.75;color:var(--muted);max-width:415px;margin-bottom:20px}
.product-features{font-size:14px;display:flex;flex-direction:column;gap:7px;margin-bottom:25px}
.product-copy .button{font-size:14px;padding:12px 15px;gap:15px}
.product-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.product-visual{min-width:0;align-self:center;margin:27px 27px 27px 0;padding:22px;border:1px solid #cad7ee;background:white;border-radius:8px;box-shadow:0 12px 32px #21468308}
.demo-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}
.hatu-wordmark{font-size:27px;font-weight:600;letter-spacing:-1.3px;line-height:1;display:flex;gap:5px}
.hatu-wordmark>span{font-size:16px;color:var(--blue)}
.sample-label{font-size:14px;color:var(--muted);line-height:1.4;text-align:right;max-width:170px}
.demo-instruction{font-size:14px;margin-bottom:13px;color:var(--muted);line-height:1.5}
.question-choices{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}
.question-choices button{border:1px solid #b9c9e9;border-radius:5px;font-size:14px;background:white;padding:7px 9px;min-height:39px;transition:background .25s}
.question-choices button[aria-pressed=true]{background:var(--button-blue);color:white;border-color:var(--button-blue)}
.question-choices button:hover:not([aria-pressed=true]){background:#eaf1ff}
.question-bubble{display:flex;justify-content:space-between;gap:12px;background:#ecf2ff;border:1px solid #d6e2f8;border-radius:6px;padding:13px;font-size:15px;line-height:1.5}
.question-arrow{flex-shrink:0;color:#5b6a85}
.answer-box{margin-top:13px;border:1px solid #dce4f1;border-radius:6px;padding:16px 14px;background:#fff;min-height:200px}
.answer-heading{display:flex;gap:9px;align-items:flex-start;font-size:15px;line-height:1.5}
.small-spark{font-size:21px;color:var(--blue);line-height:1}
.chart{display:flex;flex-direction:column;gap:12px;margin:20px 0}
.chart-row{display:grid;grid-template-columns:58px 1fr 38px;gap:11px;align-items:center;font-size:14px;line-height:1.3}
.chart-row>div{height:16px;background:#edf2fc;border-radius:2px;overflow:hidden}
.chart-row i{display:block;height:100%;width:var(--bar);background:var(--blue);border-radius:2px;transition:width .7s var(--ease)}
.chart-row:nth-child(2) i{background:#7ea4ff}.chart-row:nth-child(3) i{background:#bdd2ff}
.chart-row strong{font-size:14px;font-weight:400;text-align:right}
.answer-source{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid #e1e7f1;color:var(--muted);font-size:14px;line-height:1.5}
.answer-source button{font-size:14px;border:1px solid #b7c7e5;background:#f7faff;padding:7px 9px;border-radius:4px;color:#233451;min-height:38px}
.answer-source button:hover{background:#e8f0ff}
#working{font-size:14px;background:#f0f5ff;padding:13px;line-height:1.7;margin:15px 0 0;border-radius:4px}
.demo-foot{font-size:14px;line-height:1.6;color:var(--muted);margin-top:17px}
.demo-foot strong{color:#245bcb;display:inline-block;font-weight:500}
.demo-foot a:hover strong{text-decoration:underline;text-underline-offset:4px}
.offering-note{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;font-size:15px;color:var(--muted)}
.offering-note .button{font-size:14px}
.custom-view{display:grid;grid-template-columns:1fr 1.08fr;gap:50px;background:#eef3ff;border:1px solid var(--line);border-radius:9px;padding:40px;min-height:535px}
.custom-intro{padding-top:16px}
.service-list{align-self:center}
.service-list details{border-bottom:1px solid #c7d3e9}
.service-list summary{display:flex;gap:15px;align-items:center;font-size:16px;padding:21px 0;cursor:pointer;list-style:none;line-height:1.5}
.service-list summary::-webkit-details-marker{display:none}
.service-list summary>span:first-child{font-size:14px;color:#55637b}
.service-list .plus{margin-left:auto;font-size:22px;transition:transform .3s}
.service-list details[open] .plus{transform:rotate(45deg)}
.service-list details>div{padding:0 0 23px 32px;animation:rise .45s var(--ease)}
.service-list p{font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:15px}
.service-list a{display:inline-flex;min-height:44px;align-items:center;font-size:14px;padding:8px 13px;border:1px solid #aebfdf;border-radius:5px;background:white;color:#243855}
.service-list a:hover{background:#dfebff;border-color:var(--blue)}
.service-actions{display:flex;flex-wrap:wrap;gap:9px}
.experience{padding:63px 0;background:#111214;color:#fff}
.experience-grid{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:65px}
.experience-number{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;max-width:370px}
.experience-number>span{font-size:148px;letter-spacing:-10px;line-height:.9}
.experience-number sup{font-size:69px;line-height:1;color:#89adff;margin-left:8px}
.experience-number p{width:100%;text-align:center;font-size:14px;line-height:1.6;color:#c3c8d3;margin-top:26px;margin-bottom:0}
.experience-copy h2{font-size:37px;letter-spacing:-1.1px;line-height:1.2;margin-bottom:20px}
.experience-copy h2 em{color:#a9c3ff}
.experience-copy>p{font-size:16px;color:#c7cbd4;line-height:1.8;max-width:560px;margin-bottom:26px}
.light-button{font-size:14px;background:white;color:#141518;border-color:white}
.light-button:hover{background:#dfeaff;border-color:#dfeaff;transform:translateY(-2px)}
.knowledge{padding-block:65px}
.knowledge .section-heading{align-items:center;margin-bottom:28px}
.knowledge .section-heading h2{margin-bottom:13px}
.knowledge .section-heading>.button{flex-shrink:0}
.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.article-card{display:flex;flex-direction:column;background:white;border:1px solid #dbe3f1;border-radius:8px;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s}
.article-card:hover{transform:translateY(-5px);box-shadow:0 13px 30px #1e438912}
.article-art{height:130px;position:relative;overflow:hidden;background:#eaf1ff;isolation:isolate}
.article-content{padding:23px;display:flex;flex-direction:column;flex:1}
.article-category{font-size:14px;color:#446391;margin-bottom:13px}
.article-content h3{font-size:22px;line-height:1.3;letter-spacing:-.5px;margin-bottom:14px}
.article-content p{font-size:15px;color:var(--muted);line-height:1.7;margin-bottom:20px}
.article-action{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:500;color:#2356c2;margin-top:auto;padding-top:12px;border-top:1px solid #e0e7f3}
.article-action>span{font-size:20px;transition:transform .3s}.article-card:hover .article-action>span{transform:translate(3px,-3px)}
.art-network:before,.art-network:after{content:'';position:absolute;width:160px;height:1px;background:#adc5f5;left:calc(50% - 80px);top:65px;transform:rotate(27deg)}
.art-network:after{transform:rotate(-27deg)}
.art-network i{position:absolute;width:27px;height:27px;border:1px solid #adbfdf;background:white;border-radius:6px;left:calc(50% - 82px);top:22px;box-shadow:0 4px 8px #3867b510}
.art-network i:nth-child(2){left:calc(50% + 55px)}.art-network i:nth-child(3){top:82px}.art-network i:nth-child(4){left:calc(50% + 55px);top:82px}
.art-network b{position:absolute;width:40px;height:40px;left:calc(50% - 20px);top:45px;border:8px solid #81a7ff;background:var(--blue);border-radius:8px;box-shadow:0 4px 10px #2f6bff24}
.article-card:hover .art-network b{transform:rotate(90deg)}
.article-art b,.article-art i{transition:transform .7s var(--ease)}
.art-sheet>div{position:absolute;left:calc(50% - 68px);top:22px;width:115px;height:92px;border:1px solid #aec4eb;background:white;border-radius:6px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:17px;transform:rotate(-8deg);box-shadow:6px 5px 0 #d6e3fa}
.art-sheet i{display:block;border-radius:2px;background:#d4e2fe;height:9px}.art-sheet i:first-child{background:#729efd}
.art-sheet>b{position:absolute;left:calc(50% + 28px);top:38px;background:var(--blue);color:white;border:5px solid #eaf1ff;border-radius:12px;width:52px;height:52px;font-size:30px;line-height:42px;text-align:center;font-weight:400}
.article-card:hover .art-sheet>b{transform:translate(5px,-5px)}
.art-steps{display:flex;align-items:flex-end;justify-content:center;gap:9px;padding-bottom:20px}
.art-steps i{width:32px;height:28px;background:#bdd2ff;box-shadow:6px -5px 0 #d7e4ff;transform:skewY(-12deg)}
.art-steps i:nth-child(2){height:48px;background:#8fb2ff}.art-steps i:nth-child(3){height:73px;background:var(--blue)}
.art-steps b{font-size:43px;position:absolute;left:calc(50% - 88px);top:0;color:#3f79fc;font-weight:400}
.article-card:hover .art-steps i{transform:skewY(-12deg) translateY(-5px)}
.contact{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:53px 59px}
.contact h2{font-size:39px;letter-spacing:-1.5px;margin-bottom:15px}
.contact .section-intro{max-width:600px}
.contact-action{display:flex;flex-direction:column;align-items:center;gap:15px}
.contact-action .button{min-width:220px}
.contact-email{font-size:14px;color:var(--muted);overflow-wrap:anywhere}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid var(--line);min-height:86px;font-size:14px;color:var(--muted);padding-block:20px}
.site-footer>div{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.site-footer a:hover{text-decoration:underline}
.site-footer button{font-size:14px;border:1px solid #c8d4e8;border-radius:4px;background:white;color:#3b4960;padding:8px 11px;min-height:40px;white-space:nowrap}
.site-footer button:before{content:'';display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:50%;margin-right:7px;vertical-align:2px}
.site-footer button[aria-pressed=true]:before{background:#767b84}
dialog{border:1px solid #c7d4ec;border-radius:12px;background:var(--paper);color:var(--ink);width:min(620px,calc(100% - 36px));max-height:85vh;padding:43px;box-shadow:0 20px 140px #18254330}
dialog::backdrop{background:#141b2b70;backdrop-filter:blur(6px)}
dialog[open]{animation:dialog-in .35s var(--ease)}
dialog h2{font-size:32px;letter-spacing:-1px;margin-bottom:25px}
.dialog-close{position:absolute;right:12px;top:9px;width:42px;height:42px;font-size:29px;border:0;background:transparent}
dialog h3{font-size:18px;margin-top:25px;margin-bottom:10px}
dialog p,dialog li{font-size:16px;line-height:1.8;color:var(--muted)}
dialog li{margin-bottom:12px}
dialog ol{padding-left:21px}
dialog .button{margin-top:18px}
.text-link{font-size:15px;color:#245bcb;text-decoration:underline;text-underline-offset:4px}
.alternate-visual{min-height:345px;display:flex;flex-direction:column;justify-content:center}
.alt-label{font-size:17px;font-weight:500;margin-bottom:20px;color:#245bcb}
.alt-heading{font-size:28px;letter-spacing:-.8px;line-height:1.2;margin-bottom:25px}
.alt-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 0;border-top:1px solid #dce5f2;font-size:15px;line-height:1.5}
.alt-row>span{display:flex;align-items:center;gap:10px}.alt-row b{font-weight:500}.alt-row small{font-size:14px;color:var(--muted);text-align:right}
.alt-icon{display:flex;width:30px;height:30px;align-items:center;justify-content:center;border:1px solid #bdcde8;border-radius:5px;font-size:18px;flex-shrink:0}
.alt-note{font-size:15px;line-height:1.7;color:var(--muted);margin:20px 0 0}
.nojs-products{padding:26px;border:1px solid var(--line)}
@keyframes rise{from{opacity:.2;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes dialog-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1500px){.hero{min-height:665px}.hero h1{font-size:98px}.product-copy{padding:45px}.product-copy h3{font-size:43px}.product-visual{margin:35px 35px 35px 0;padding:27px}}
@media(max-width:1150px){
 .wrap{width:calc(100% - 64px)}.site-header{gap:18px;flex-wrap:wrap;position:relative;padding-bottom:40px;padding-top:18px;min-height:129px}.site-header nav{position:absolute;bottom:4px;left:0;right:0;justify-content:center;gap:35px}.hero{gap:8px;padding-block:48px 40px}.hero h1{font-size:67px;letter-spacing:-3.5px}.hero-description{font-size:17px}.hero-actions .button{font-size:14px;padding:12px 14px;gap:13px}.scene-tag{max-width:300px;padding:13px;gap:9px}.section-heading h2{font-size:36px}.mode-switch button{padding-inline:13px}.product-symbol{display:none}.product-index button{padding-inline:10px;gap:7px}.featured{display:none}.product-copy{padding:30px 25px}.product-copy h3{font-size:34px}.product-copy>p:not(.product-kicker){font-size:15px}.product-visual{padding:17px;margin:23px 23px 23px 0}.question-choices button{padding-inline:8px}.question-bubble,.answer-heading{font-size:14px}.sample-label{max-width:155px}.chart-row{grid-template-columns:57px 1fr 32px;gap:7px}.answer-box{padding:14px 11px}.custom-view{gap:30px;padding:32px}.custom-intro h3{font-size:34px}.experience-grid{gap:40px}.experience-copy h2{font-size:33px}.article-content{padding:20px}.article-content h3{font-size:20px}.site-footer{align-items:flex-start}.site-footer>span{max-width:230px}.site-footer>div{gap:16px}.contact{gap:25px}.contact h2{font-size:35px}
}
@media(max-width:850px){
 .section-heading{display:block}.mode-switch{width:max-content;margin-top:23px}.knowledge .section-heading>.button{margin-top:20px}.product-stage{grid-template-columns:.95fr 1.05fr}.product-copy{padding:28px 22px}.product-copy h3{font-size:31px}.product-visual{padding:14px;margin:18px 18px 18px 0}.demo-head{gap:10px}.question-choices button{padding:7px}.sample-label{max-width:155px}.intro-strip{flex-direction:column;justify-content:center;gap:9px;padding-block:17px}.custom-view{gap:25px;padding:27px}.service-list summary{gap:10px}.service-list details>div{padding-left:25px}.knowledge-grid{gap:15px}.article-content{padding:17px}.article-content h3{font-size:19px}.article-category{font-size:14px}.experience-copy h2{font-size:29px}.experience-number>span{font-size:120px}.experience-number sup{font-size:58px}.contact{align-items:flex-start}.contact h2{font-size:31px}.site-footer{flex-direction:column;gap:15px}.site-footer>span{max-width:none}.site-footer>div{justify-content:space-between;width:100%}
}
@media(max-width:700px){
 .wrap{width:calc(100% - 40px)}.site-header{min-height:126px;padding-top:17px;padding-bottom:43px;gap:12px}.brand{gap:7px}.brand img{width:28px;height:31px}.brand>span:nth-child(2){font-size:24px}.brand-sub{font-size:14px;letter-spacing:.7px;margin-top:5px}.ai-tag{font-size:14px;padding:3px 4px}.header-cta{font-size:14px;padding:9px 12px;gap:9px}.site-header nav{gap:0;justify-content:space-between;bottom:6px}.site-header nav a{font-size:14px;padding:7px 0}.hero{display:flex;flex-direction:column;align-items:stretch;gap:22px;min-height:0;padding-top:33px;padding-bottom:35px}.hero h1{font-size:51px;letter-spacing:-2.8px;line-height:1.05;margin-bottom:23px}.hero-description{font-size:16px;line-height:1.75;max-width:100%;margin-bottom:24px}.hero-actions{gap:10px}.hero-actions .button{font-size:14px;padding:12px 14px;gap:14px;flex:1;white-space:nowrap}.experience-mini{margin-top:28px;gap:13px}.mini-number{font-size:37px;padding-right:14px}.mini-number span{font-size:25px;vertical-align:7px}.experience-mini>span:nth-child(2){font-size:14px}.mini-arrow{margin-left:1px;font-size:19px}.hero-visual{margin:0 -8px}.world{aspect-ratio:640/575}.scene-tag{max-width:290px;font-size:14px;padding:12px 14px;gap:9px;min-height:85px;right:6px;bottom:0}.scene-tag small{font-size:14px;line-height:1.45}.answer-spark{font-size:26px}.intro-strip{align-items:flex-start;text-align:left;font-size:14px;padding-block:18px;gap:11px}.intro-strip>div{gap:7px 12px;font-size:14px}.intro-strip i{display:none}.intro-strip>div>span:not(:last-child):after{content:'·';margin-left:12px;color:#8390a5}.offerings{padding-block:42px 34px}.section-heading h2{font-size:32px;letter-spacing:-1.1px;line-height:1.2;margin-bottom:14px}.section-intro{font-size:15px;line-height:1.7}.mode-switch{width:100%;margin-top:23px;gap:4px}.mode-switch button{flex:1;font-size:14px;padding:11px 9px;min-height:47px}.product-guide{font-size:14px;margin:23px 0 14px;line-height:1.5}.product-index{display:grid;grid-template-columns:repeat(3,1fr)}.product-index button{font-size:14px;padding:12px 5px;min-height:50px;border-bottom-width:3px}.product-index button:first-child{border-radius:7px 0 0 0}.product-symbol,.featured{display:none}.product-stage{grid-template-columns:1fr}.product-copy{padding:25px 23px 20px}.product-kicker{font-size:18px;margin-bottom:13px}.product-copy h3{font-size:32px;margin-bottom:18px;line-height:1.15}.product-copy>p:not(.product-kicker){font-size:16px;line-height:1.75;max-width:100%}.product-features{font-size:14px;gap:8px;margin-bottom:23px}.product-copy .button{font-size:14px;padding:12px 15px;gap:16px}.product-visual{margin:5px 13px 17px;padding:16px}.demo-head{gap:18px;margin-bottom:19px}.hatu-wordmark{font-size:26px}.sample-label{font-size:14px;max-width:170px;line-height:1.35}.demo-instruction{font-size:14px}.question-choices{gap:6px}.question-choices button{font-size:14px;padding:8px 9px;min-height:40px}.question-bubble,.answer-heading{font-size:14px}.question-bubble{padding:12px;gap:8px}.answer-box{padding:14px 11px}.chart-row{font-size:14px;grid-template-columns:56px 1fr 36px;gap:8px}.chart-row strong{font-size:14px}.chart{gap:14px}.answer-source{font-size:14px;gap:10px;align-items:flex-start}.answer-source button{font-size:14px;padding:7px 10px}.demo-foot{font-size:14px;line-height:1.65}.offering-note{display:flex;align-items:flex-start;flex-direction:column;gap:13px;font-size:15px;line-height:1.6;margin-top:20px}.offering-note .button{font-size:14px}.custom-view{display:block;padding:28px 23px;min-height:0}.custom-intro{padding-top:0}.custom-intro h3{font-size:31px}.custom-intro>p{font-size:16px;line-height:1.75}.service-list summary{font-size:16px;gap:10px;padding:20px 0}.service-list summary>span:first-child{font-size:14px}.service-list details>div{padding-left:0}.service-list p{font-size:15px}.service-list a{font-size:14px}.experience{padding-block:42px}.experience-grid{display:flex;flex-direction:column;align-items:stretch;gap:30px}.experience-number{max-width:none;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.experience-number>span{font-size:96px;letter-spacing:-7px}.experience-number sup{font-size:48px;align-self:flex-start;margin-left:5px}.experience-number p{font-size:14px;text-align:left;width:auto;margin:8px 0 0 19px;line-height:1.5}.experience-copy h2{font-size:31px;line-height:1.18;letter-spacing:-1px}.experience-copy>p{font-size:16px;line-height:1.8;margin-bottom:24px}.light-button{font-size:14px}.knowledge{padding-block:42px}.knowledge .section-heading>.button{margin-top:20px}.knowledge-grid{grid-template-columns:1fr;gap:18px}.article-art{height:118px}.article-content{padding:22px}.article-content h3{font-size:24px;line-height:1.25;letter-spacing:-.6px}.article-content p{font-size:16px;line-height:1.7}.article-category,.article-action{font-size:14px}.contact{flex-direction:column;align-items:stretch;gap:25px;padding-block:39px}.contact h2{font-size:33px;line-height:1.2}.contact .section-intro{font-size:16px}.contact-action{align-items:flex-start;gap:14px}.contact-action .button{font-size:15px;min-width:225px}.contact-email{font-size:14px}.site-footer{font-size:14px;padding-block:23px;gap:17px}.site-footer>div{justify-content:flex-start;gap:10px 23px}.site-footer a{font-size:14px;display:inline-flex;align-items:center;min-height:38px}.site-footer button{font-size:14px}.alternate-visual{min-height:325px}.alt-label{font-size:17px}.alt-heading{font-size:27px}.alt-row{font-size:15px;gap:10px;align-items:flex-start}.alt-row small{font-size:14px;max-width:130px}.alt-icon{display:none}.alt-note{font-size:15px}dialog{padding:37px 25px 28px}dialog h2{font-size:29px}dialog p,dialog li{font-size:16px}dialog .button{font-size:14px;gap:13px}
}
@media(max-width:700px){.site-header nav{gap:12px}.site-header nav a[href="#why-us"]{display:none}.article-art{display:none}}
@media(max-width:365px){.wrap{width:calc(100% - 32px)}.brand img{width:24px;height:26px}.brand>span:nth-child(2){font-size:22px}.brand-sub{letter-spacing:0}.ai-tag{display:none}.header-cta{padding:9px 10px}.site-header nav{flex-wrap:wrap;gap:4px 16px;justify-content:flex-start;position:static;width:100%;margin-top:10px}.site-header{padding-bottom:10px}.hero h1{font-size:45px}.hero-actions{flex-wrap:wrap}.hero-actions .button{flex:none}.product-index{grid-template-columns:repeat(2,1fr)}.product-copy{padding-inline:20px}.product-visual{padding:13px;margin-inline:10px}.question-choices button{padding:8px}.experience-number>span{font-size:80px}.experience-number sup{font-size:42px}.experience-number p{margin-left:15px}.scene-tag{max-width:274px;right:0}.contact-email{font-size:14px}.knowledge .section-heading h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.world-svg{transform:none!important}}
html.motion-off{scroll-behavior:auto}.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important}.motion-off .world-svg{transform:none!important}

/* Offering choice stays visible while details change in place. */
.offerings>.section-heading{display:block}.offerings .mode-switch{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-top:28px;padding:0;gap:14px;border:0;background:none}.offerings .mode-switch button{text-align:left;white-space:normal;min-height:114px;padding:20px 24px;border:1px solid #bdcce7;border-radius:9px;background:white;color:var(--ink)}.mode-switch strong{display:flex;justify-content:space-between;gap:15px;font-size:22px;font-weight:500;line-height:1.3}.mode-switch small{display:block;font-size:14px;line-height:1.6;margin-top:9px;color:#545d6c}.offerings .mode-switch button[aria-pressed=true]{background:var(--button-blue);border-color:var(--button-blue);color:white}.mode-switch button[aria-pressed=true] small{color:white}.product-features{gap:10px;line-height:1.5}.product-copy h3{font-size:clamp(32px,3vw,43px);letter-spacing:-1.4px}.custom-value{display:block;padding:36px;background:#141e34;border:0;color:white;position:relative;isolation:isolate;overflow:hidden}.custom-value:before{content:'';position:absolute;width:650px;height:650px;right:-260px;top:-280px;border:1px solid #6a95ff50;border-radius:50%;box-shadow:0 0 0 65px #2f6bff15,0 0 0 130px #2f6bff10;z-index:-1}.custom-value-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:35px;margin-bottom:30px}.custom-value-heading h3{font-size:42px;line-height:1.1;letter-spacing:-1.6px;margin:0}.custom-value-heading em{color:#8cb3ff}.custom-value-heading>p{font-size:16px;line-height:1.75;color:#d4def1;margin:0;max-width:450px}.custom-value-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.custom-value-card{min-width:0;background:white;border-radius:10px;padding:26px;color:var(--ink);display:flex;flex-direction:column}.custom-value-card .service-name{font-size:14px;color:#2456b7;margin-bottom:17px}.custom-value-card h4{font-size:31px;letter-spacing:-.9px;line-height:1.15;margin-bottom:16px;min-height:72px}.custom-value-card>p:not(.service-name){font-size:15px;line-height:1.75;color:#545d6c;margin-bottom:20px;min-height:105px}.custom-value-card ul{padding-left:19px;margin:22px 0;font-size:14px;line-height:1.7;color:#424f65}.custom-value-card>.button{margin-top:auto;font-size:14px}.custom-signal{border:1px solid #d1dff6;border-radius:8px;background:#edf3ff;padding:20px 16px;min-height:335px;position:relative;overflow:hidden}.signal-inputs{display:flex;justify-content:space-between;gap:6px}.signal-inputs>span{font-size:14px;background:white;border:1px solid #ccd9ee;padding:7px 10px;border-radius:5px}.signal-join{height:25px;display:flex;justify-content:space-around;padding-inline:20px}.signal-join i{border-left:1px solid #7a9bcf;height:100%}.signal-join i:first-child{transform:rotate(-30deg)}.signal-join i:last-child{transform:rotate(30deg)}.signal-platforms{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.signal-platforms button{font-size:14px;min-height:44px;border:1px solid #abc0e5;border-radius:5px;background:white;padding:9px 18px}.signal-platforms button[aria-pressed=true]{background:#2458bf;border-color:#2458bf;color:white}.signal-answer{padding:16px;background:white;border:1px solid #d7e2f3;border-radius:6px;margin-top:18px}.signal-answer>span{font-size:14px;color:#5a6372}.signal-answer strong{font-size:15px;line-height:1.5;display:block;margin:10px 0}.signal-answer p{font-size:14px;line-height:1.6;margin:0;color:#545d6c}.workflow-signal>p{font-size:14px;color:#5a6372;line-height:1.6}.signal-flow{display:flex;align-items:center;gap:7px;margin:32px 0}.signal-flow>div{flex:1;min-width:0;text-align:center}.signal-flow>div>span{display:grid;place-items:center;width:36px;height:36px;margin:0 auto 12px;border-radius:50%;background:white;border:1px solid #b5c9ed;font-size:14px}.signal-flow strong{display:block;font-size:15px;font-weight:500}.signal-flow small{display:block;font-size:14px;line-height:1.5;color:#545d6c;margin-top:6px}.signal-flow i{font-size:18px;color:#2458bf;font-style:normal}.signal-result{display:flex;gap:12px;align-items:center;background:white;padding:17px 14px;border:1px solid #d7e2f3;border-radius:6px}.signal-result>span{font-size:21px;color:#225dbf}.signal-result strong{font-size:15px}.signal-result p{font-size:14px;color:#545d6c;line-height:1.6;margin:7px 0 0}.custom-more{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:30px;padding-top:26px;border-top:1px solid #8da8dd44}.custom-more>a{display:block;min-width:0}.custom-more span{font-size:14px;color:#acc9ff}.custom-more h4{font-size:25px;line-height:1.2;letter-spacing:-.5px;margin:15px 0}.custom-more p{font-size:15px;line-height:1.7;color:#d4def1}.custom-more strong{font-size:14px;font-weight:500;color:white;display:inline-block;padding:8px 0}.custom-more a:hover strong{text-decoration:underline;text-underline-offset:5px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.custom-signal.is-live .signal-flow>div>span{animation:signal-step 4.8s ease-in-out infinite}.custom-signal.is-live .signal-flow>div:nth-of-type(2)>span{animation-delay:1.2s}.custom-signal.is-live .signal-flow>div:nth-of-type(3)>span{animation-delay:2.4s}.custom-signal.is-live .signal-join i{animation:signal-line 3s ease-in-out infinite}.custom-signal.is-live .signal-join i:nth-child(2){animation-delay:.4s}.custom-signal.is-live .signal-join i:nth-child(3){animation-delay:.8s}@keyframes signal-step{0%,65%,100%{box-shadow:0 0 0 0 #2f6bff00;transform:translateY(0)}25%{box-shadow:0 0 0 7px #2f6bff18;transform:translateY(-4px)}}@keyframes signal-line{0%,100%{opacity:.3}50%{opacity:1}}
@media(max-width:1050px){.custom-value{padding:28px}.custom-value-card{padding:21px}.custom-value-card h4{font-size:27px}.custom-value-card>p:not(.service-name){min-height:132px}.custom-value-heading h3{font-size:36px}.signal-inputs>span{padding:6px}.custom-signal{padding:17px 12px}.custom-value-grid{gap:16px}}
@media(max-width:850px){.custom-value-grid{grid-template-columns:1fr}.custom-value-card h4,.custom-value-card>p:not(.service-name){min-height:0}.custom-signal{min-height:0}.custom-value-heading{grid-template-columns:1fr;gap:19px}.custom-value-card{padding:26px}.signal-flow{gap:16px}.signal-flow small{font-size:14px}.custom-value-heading h3{font-size:39px}}
@media(max-width:700px){.offerings .mode-switch{gap:10px;margin-top:23px}.offerings .mode-switch button{padding:17px 14px;min-height:155px}.mode-switch strong{font-size:18px;align-items:start}.mode-switch small{font-size:14px}.mode-switch strong>span{display:none}.custom-value{padding:25px 16px}.custom-value-heading{padding-inline:4px}.custom-value-heading h3{font-size:32px}.custom-value-heading>p{font-size:15px}.custom-value-card{padding:22px 18px}.custom-value-card h4{font-size:28px}.custom-value-card .service-name{line-height:1.6}.custom-value-card>p:not(.service-name){font-size:15px}.signal-flow{gap:5px}.signal-flow strong{font-size:14px}.signal-flow i{font-size:14px}.signal-flow small{font-size:14px}.signal-platforms button{padding:9px 15px}.signal-inputs>span{font-size:14px;padding:6px}.custom-more{grid-template-columns:1fr;gap:26px}.custom-more>a+ a{border-top:1px solid #8da8dd44;padding-top:26px}.custom-value-card ul{font-size:14px}.custom-value-card>.button{padding:12px;gap:8px}.custom-signal{padding:16px 10px}}
@media(max-width:365px){.custom-value{padding:22px 12px}.custom-value-card{padding:20px 12px}.signal-inputs{flex-wrap:wrap;justify-content:center}.signal-join{padding-inline:10px}.signal-flow{flex-wrap:wrap}.signal-flow small{overflow-wrap:anywhere}.offerings .mode-switch button{padding:15px 11px}.mode-switch strong{font-size:16px}}

.custom-value-grid{align-items:stretch}.custom-value-card h4{min-height:76px}.custom-value-card>.custom-signal{flex:1}.setup-deliverables{padding:0;background:none;border:0}.setup-deliverables>strong{margin:17px 0;font-weight:500}.setup-deliverables dl{margin:0}.setup-deliverables dl>div{padding:12px 0;border-top:1px solid #c9d8ef}.setup-deliverables dt{font-size:14px;font-weight:600;color:#202c40}.setup-deliverables dd{margin:5px 0 0;font-size:14px;line-height:1.6;color:#545d6c}.service-records>p,.website-deliverables>p{font-size:14px;color:#545d6c;margin-bottom:16px}.service-records>div{background:white;border:1px solid #d1dff6;border-radius:6px;padding:14px;margin-bottom:12px}.service-records strong,.website-deliverables strong{display:block;font-size:15px;font-weight:500;line-height:1.5}.service-records span,.service-records small{display:block;font-size:14px;line-height:1.6;color:#545d6c;margin-top:6px}.service-records .record-access{margin:0;background:transparent;border:0;padding:2px 0;font-size:14px;color:#2456b7}.website-deliverables>div{display:flex;gap:13px;padding:17px 0;border-top:1px solid #c9d8ef;align-items:start}.website-deliverables>div>span{display:grid;place-items:center;flex:none;width:33px;height:33px;border:1px solid #bdceea;border-radius:6px;background:white;font-size:14px;color:#2456b7}.website-deliverables small{display:block;font-size:14px;line-height:1.6;color:#545d6c;margin-top:7px}
@media(max-width:850px){.custom-value-card h4{min-height:0}.custom-value-card>.custom-signal{flex:none}}