@font-face{font-family:Peyda;src:url('/assets/Peyda-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Peyda;src:url('/assets/Peyda-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Peyda;src:url('/assets/Peyda-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Ndot;src:url('/assets/Ndot57-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;background:var(--bg);max-width:100%;overflow-x:clip}
:root{
  --bg:#202020;--surface:#272727;--surface-2:#2d2d2d;--fg:#f1f1f1;--fg-strong:#fff;
  --muted:#b7b7b7;--faint:#8c8c8c;--line:rgba(255,255,255,.34);--line-soft:rgba(255,255,255,.13);
  --inverse:#1c1c1c;--inverse-fg:#f1f1f1;--header:rgba(32,32,32,.82);
  --space-page:clamp(20px,4vw,64px);--frame:clamp(10px,1.25vw,18px);
  --ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.7,0,.84,0);--ease-standard:cubic-bezier(.2,.8,.2,1);
}
html[data-theme="light"]{
  --bg:#d9d9d9;--surface:#d2d2d2;--surface-2:#c9c9c9;--fg:#1e1e1e;--fg-strong:#111;
  --muted:#4f4f4f;--faint:#646464;--line:rgba(28,28,28,.62);--line-soft:rgba(28,28,28,.16);
  --inverse:#f0f0f0;--inverse-fg:#1c1c1c;--header:rgba(217,217,217,.84);
}
body{margin:0;min-width:320px;width:100%;max-width:100%;background:var(--bg);color:var(--fg);font-family:Peyda,Tahoma,sans-serif;font-size:16px;line-height:1.85;overflow-x:clip;text-rendering:optimizeLegibility}
body::before{content:"";position:fixed;z-index:80;inset:var(--frame);border:1px solid var(--line);box-shadow:0 0 0 100vmax var(--bg);pointer-events:none}
body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{animation-play-state:paused!important}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
svg{display:block}
::selection{background:var(--fg);color:var(--bg)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.skip-link{position:fixed;z-index:200;inset-block-start:8px;inset-inline-start:16px;transform:translateY(-150%);padding:10px 16px;background:var(--fg);color:var(--bg);border:2px solid var(--bg)}
.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:2px solid var(--fg-strong);outline-offset:4px}
html[data-theme="light"] :focus-visible{outline-color:#111}
.page-grain{position:fixed;z-index:79;inset:var(--frame);pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.scroll-progress{position:fixed;z-index:100;inset-block-start:0;inset-inline:0;height:2px;background:transparent;direction:ltr}
.scroll-progress span{display:block;width:100%;height:100%;background:var(--fg);transform:scaleX(0);transform-origin:left center}

.site-header{position:fixed;z-index:70;inset-block-start:var(--frame);inset-inline:var(--frame);height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-inline:clamp(14px,3vw,48px);background:var(--header);border-bottom:1px solid var(--line-soft);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .4s var(--ease-out),background .25s ease}
.site-header.is-hidden{transform:translateY(calc(-100% - var(--frame)))}
.brand{display:inline-flex;align-items:center;gap:12px;width:max-content;min-height:48px}
.brand-mark{width:34px;height:34px;fill:currentColor}
.brand-copy{display:grid;line-height:1.05}.brand-copy strong{font-size:18px;font-weight:700}.brand-copy small{margin-top:5px;font-family:Ndot,monospace;font-size:8px;letter-spacing:.28em;direction:ltr}
.desktop-nav{display:flex;align-items:center;gap:clamp(20px,3vw,44px)}
.desktop-nav a,.site-footer nav a{position:relative;min-height:44px;display:inline-flex;align-items:center;color:var(--muted);font-size:13px;font-weight:500;transition:color .2s ease}
.desktop-nav a::after,.site-footer nav a::after{content:"";position:absolute;inset-inline:0;inset-block-end:-7px;height:1px;background:currentColor;transform:scaleX(0);transition:transform .25s var(--ease-out)}
.desktop-nav a:hover,.desktop-nav a.is-active,.site-footer nav a:hover{color:var(--fg)}
.desktop-nav a:hover::after,.desktop-nav a.is-active::after,.site-footer nav a:hover::after{transform:scaleX(1)}
.header-actions{justify-self:end;display:flex;align-items:center;gap:8px}
.icon-button,.menu-button{min-width:48px;height:48px;border:1px solid var(--line-soft);background:transparent;cursor:pointer;display:grid;place-items:center;transition:background .2s ease,border-color .2s ease,color .2s ease}
.icon-button:hover,.menu-button:hover{background:var(--surface-2);border-color:var(--line)}
.icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square}
.language-toggle{font-family:Peyda,Arial,sans-serif;font-size:13px;font-weight:600;direction:ltr;touch-action:manipulation}
.language-toggle[hidden]{display:none}
.menu-button{display:none;width:auto;padding-inline:14px;grid-template-columns:auto 18px;gap:10px}.menu-button i{position:relative;width:18px;height:10px;border-block:1px solid currentColor}
.mobile-nav{position:absolute;inset-block-start:76px;inset-inline:0;padding:18px;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 24px 50px rgba(0,0,0,.18)}
.mobile-nav[hidden]{display:none}.mobile-nav a{display:flex;align-items:center;min-height:52px;padding-inline:12px;border-bottom:1px solid var(--line-soft);font-weight:600}

.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:10px 20px;border:1px solid var(--line);font-weight:600;cursor:pointer;transition:background .22s ease,color .22s ease,border-color .22s ease,transform .22s var(--ease-out)}
.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}
.button-primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}.button-primary:hover{background:transparent;color:var(--fg)}
.button-ghost{background:transparent;color:var(--fg)}.button-ghost:hover{background:var(--fg);color:var(--bg)}
.button-small{min-height:44px;padding-inline:18px;font-size:13px}

main{width:100%;max-width:100%;overflow-x:clip}
.section-frame{position:relative;margin:var(--frame);border:1px solid var(--line);overflow:hidden}
.section-shell{width:min(1320px,calc(100% - (var(--space-page) * 2)));margin-inline:auto;padding-block:clamp(72px,8vw,120px)}
.hero{min-height:calc(100svh - (var(--frame) * 2));display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;padding:clamp(120px,14vw,190px) clamp(24px,7vw,110px) clamp(84px,8vw,120px);isolation:isolate}
.hero-grid{position:absolute;z-index:-3;inset:0;background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:clamp(64px,8vw,120px) clamp(64px,8vw,120px);-webkit-mask-image:linear-gradient(90deg,black,transparent 63%);mask-image:linear-gradient(90deg,black,transparent 63%);opacity:.32}
.hero-lines{position:absolute;z-index:-2;inset-inline-end:-6%;inset-block-start:50%;width:min(68vw,940px);height:auto;transform:translateY(-50%);fill:none;stroke:var(--line);stroke-width:1}
.trace-lines path,.trace-lines rect{stroke-dasharray:1600;stroke-dashoffset:1600;animation:draw-lines 2.2s .25s var(--ease-out) forwards}
.signal-nodes{fill:var(--fg);stroke:none;animation:signal-pulse 2.8s ease-in-out infinite}
@keyframes draw-lines{to{stroke-dashoffset:0}}
@keyframes signal-pulse{0%,100%{opacity:.25}50%{opacity:1}}
.hero-copy{position:relative;z-index:2;max-width:780px}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 24px;color:var(--muted);font-family:Ndot,Peyda,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.eyebrow span{display:inline-grid;place-items:center;min-width:34px;height:24px;border:1px solid var(--line);font-variant-numeric:tabular-nums}
.hero h1,.section-heading h2,.hati-copy h2,.final-cta h2{margin:0;font-size:clamp(50px,7.5vw,118px);font-weight:700;line-height:1.3;letter-spacing:normal;text-wrap:balance}
.hero-title{display:grid;justify-items:start;gap:.12em}
.hero-title>span{color:var(--muted);font-size:.34em;font-weight:400;line-height:1.55;letter-spacing:normal}
.hero-title>strong{font:inherit;color:var(--fg);line-height:1.2}
.hero-lead{max-width:610px;margin:34px 0 0;color:var(--muted);font-size:clamp(17px,1.45vw,21px);line-height:1.9}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:38px}
.hero-tags{display:flex;flex-wrap:wrap;gap:0;margin:42px 0 0;padding:0;list-style:none;color:var(--faint);font-family:Ndot,Peyda,monospace;font-size:10px;letter-spacing:.08em}
.hero-tags li{padding:7px 13px;border:1px solid var(--line-soft);margin-inline-end:-1px}
.thought-core{position:relative;justify-self:center;width:min(30vw,400px);aspect-ratio:1;display:grid;place-items:center;transition:transform .5s var(--ease-out)}
.core-orbit{position:absolute;inset:12%;border:1px solid var(--line);animation:orbit 18s linear infinite}.orbit-two{inset:26%;animation-duration:12s;animation-direction:reverse;transform:rotate(45deg)}
.core-orbit::before,.core-orbit::after{content:"";position:absolute;width:10px;height:10px;background:var(--fg)}.core-orbit::before{inset-block-start:-5px;inset-inline-start:20%}.core-orbit::after{inset-block-end:-5px;inset-inline-end:20%}
@keyframes orbit{to{transform:rotate(1turn)}}
.core-mark{position:relative;z-index:2;width:42%;height:42%;display:flex;align-items:center;justify-content:center;gap:8%}
.core-mark span{width:9%;height:32%;background:var(--fg);animation:wave 1.4s ease-in-out infinite}.core-mark span:nth-child(2),.core-mark span:nth-child(4){height:62%;animation-delay:-.25s}.core-mark span:nth-child(3){height:100%;animation-delay:-.5s}
@keyframes wave{0%,100%{transform:scaleY(.65)}50%{transform:scaleY(1)}}
.core-label{position:absolute;color:var(--muted);font-size:11px}.core-label-top{inset-block-start:0}.core-label-bottom{inset-block-end:0}
.scroll-cue{position:absolute;inset-block-end:18px;inset-inline-start:50%;min-height:44px;padding-block:8px;transform:translateX(50%);display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;direction:rtl}.scroll-cue i{display:block;width:52px;height:1px;background:var(--line);position:relative}.scroll-cue i::after{content:"";position:absolute;inset-inline-end:0;inset-block-start:-3px;width:7px;height:7px;border-inline-end:1px solid var(--fg);border-block-end:1px solid var(--fg);transform:rotate(45deg)}

.signal-strip{display:flex;width:100%;max-width:100%;border-block:1px solid var(--line);overflow:hidden;contain:paint;color:var(--muted);font-family:Ndot,Peyda,monospace;font-size:12px;direction:ltr}
.signal-strip div{display:flex;width:max-content;align-items:center;flex:none;gap:32px;padding:17px 16px;animation:marquee 24s linear infinite}.signal-strip i{width:6px;height:6px;background:var(--fg)}
@keyframes marquee{to{transform:translateX(-100%)}}

.section-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.55fr);column-gap:clamp(42px,8vw,130px);align-items:end;margin-bottom:clamp(32px,4vw,56px)}
.section-heading .eyebrow{grid-column:1/-1}.section-heading h2,.hati-copy h2,.final-cta h2{font-size:clamp(42px,5.8vw,86px)}
.section-heading>p:last-child{margin:0;color:var(--muted);font-size:18px;line-height:1.9}.section-heading.compact{display:block;max-width:880px}.section-heading.compact>p:last-child{max-width:700px;margin-top:24px}
.split-heading{display:grid;gap:8px}.split-heading>span{color:var(--muted);font-size:.38em;font-weight:400;line-height:1.55;letter-spacing:normal}.split-heading>strong{font:inherit;line-height:1.35}
.word-mark{font-style:normal;font-weight:700;color:var(--fg);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}

.product-demo{border:1px solid var(--line)}
.card-index{font-family:Ndot,Peyda,monospace;font-size:10px;letter-spacing:.08em;color:var(--faint)}
.demo-section{position:relative}
.anchor-alias{position:absolute;top:0;inset-inline-start:0}
.demo-intro{grid-column:1/-1;display:grid;grid-template-columns:minmax(160px,.7fr) minmax(0,1.3fr);align-items:center;gap:16px 32px;padding:24px clamp(20px,4vw,48px);border-bottom:1px solid var(--line);background:var(--bg)}
.demo-intro h3{margin:0;font-size:22px;line-height:1.6;text-wrap:balance}
.demo-intro p{margin:0;color:var(--muted);line-height:1.95}
@media(max-width:760px){.demo-intro{grid-template-columns:1fr;gap:8px;padding:20px}.demo-intro h3{font-size:20px}}
.demo-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border-bottom:1px solid var(--line)}
.demo-tabs button{min-height:58px;padding:12px;border:0;background:var(--bg);color:var(--muted);cursor:pointer;transition:background .2s ease,color .2s ease}.demo-tabs button:hover{background:var(--surface)}.demo-tabs button[aria-selected="true"]{background:var(--fg);color:var(--bg)}
.demo-window{position:relative;min-height:650px;background:var(--surface);overflow:hidden}.demo-window::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:64px 64px;opacity:.28;pointer-events:none}
.demo-chrome{position:relative;z-index:3;height:54px;display:flex;justify-content:space-between;align-items:center;padding-inline:22px;border-bottom:1px solid var(--line);color:var(--muted);font-family:Ndot,Peyda,monospace;font-size:10px;direction:ltr}.demo-brand{letter-spacing:.12em}.demo-chrome time{font-variant-numeric:tabular-nums;direction:ltr}
.demo-panel{position:relative;z-index:2;min-height:596px}.demo-panel[hidden]{display:none}
.scene-record{display:grid;grid-template-columns:74px 1fr}.demo-sidebar{display:flex;flex-direction:column;align-items:center;padding-top:30px;gap:16px;border-inline-end:1px solid var(--line)}.demo-sidebar span{width:18px;height:18px;border:1px solid var(--line)}.demo-sidebar span.active{background:var(--fg)}
.record-scene{min-height:596px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px}.record-scene>p{color:var(--muted)}.record-scene>strong{font-family:Ndot,Peyda,monospace;font-size:clamp(50px,7vw,94px);font-weight:400;direction:ltr;line-height:1.1}
.live-wave{height:150px;width:min(760px,90%);display:flex;align-items:center;justify-content:center;gap:clamp(5px,1vw,13px);margin-block:35px;direction:ltr}.live-wave i{width:4px;height:12%;background:var(--fg);animation:live-wave 1.4s ease-in-out infinite}.live-wave i:nth-child(2n){height:30%;animation-delay:-.2s}.live-wave i:nth-child(3n){height:62%;animation-delay:-.45s}.live-wave i:nth-child(5n){height:100%;animation-delay:-.7s}
@keyframes live-wave{0%,100%{transform:scaleY(.55);opacity:.5}50%{transform:scaleY(1);opacity:1}}
.speaker-row{display:flex;gap:8px}.speaker-row span{padding:7px 14px;border:1px solid var(--line);color:var(--muted);font-size:12px}.record-note{width:min(620px,100%);min-height:66px;margin-top:35px;padding:18px 20px;display:flex;justify-content:space-between;gap:25px;border:1px solid var(--line)}.record-note small{color:var(--muted);flex:none}.record-note b{min-width:0}.js #recordInsight::after,.js #demoChatAnswer::after{content:"";display:inline-block;width:1px;height:1em;margin-inline-start:5px;background:currentColor;vertical-align:-.08em;animation:type-cursor .8s steps(1,end) infinite}@keyframes type-cursor{50%{opacity:0}}
.timeline-scene{padding:clamp(28px,5vw,70px);max-width:970px;margin:auto}.timeline-head{display:flex;justify-content:space-between;align-items:end;padding-bottom:24px;border-bottom:1px solid var(--line)}.timeline-head div{display:grid}.timeline-head small{color:var(--muted)}.timeline-head strong{font-size:28px}.timeline-head>span{padding:8px 12px;border:1px solid var(--line);font-size:12px}
.timeline-row{display:grid;grid-template-columns:100px 1fr;min-height:120px;border-bottom:1px solid var(--line)}.timeline-row time{padding-top:22px;color:var(--muted);font-family:Ndot,Peyda,monospace;font-size:12px;direction:ltr}.timeline-row article{margin:12px 0;padding:14px 18px;border-inline-start:3px solid var(--line);display:grid}.timeline-row article.featured{background:var(--fg);color:var(--bg);border:0}.timeline-row article small{opacity:.66}.timeline-row article b{font-size:18px}.timeline-row article p{margin:2px 0 0;opacity:.66}
.chat-scene{width:min(800px,calc(100% - 40px));margin:auto;padding-block:45px}.chat-meta{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line);font-family:Ndot,Peyda,monospace;font-size:11px}.status-dot::before{content:"";display:inline-block;width:7px;height:7px;margin-inline-end:7px;background:var(--fg)}.bubble{width:fit-content;max-width:80%;margin-top:26px;padding:18px 20px;border:1px solid var(--line);line-height:1.8}.bubble.user{margin-inline-end:auto;background:var(--fg);color:var(--bg)}.bubble.assistant{margin-inline-start:auto}.demo-chat-assistant{min-width:min(620px,80%);min-height:100px}.js .demo-chat-user,.js .demo-chat-assistant,.js .demo-action-card{opacity:0;transform:translateY(12px);transition:opacity .32s var(--ease-out),transform .32s var(--ease-out)}.js .demo-chat-user.is-sent,.js .demo-chat-assistant.is-answering,.js .demo-action-card.is-ready{opacity:1;transform:none}.action-card{margin-top:32px;padding:18px;display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--surface-2);border:1px solid var(--line)}.action-card div{display:grid}.action-card small{color:var(--muted)}.demo-action{min-height:44px;padding-inline:16px;border:1px solid var(--line);background:var(--fg);color:var(--bg);display:inline-flex;align-items:center;justify-content:center}
.image-scene{display:grid;grid-template-columns:1fr .7fr;gap:clamp(24px,5vw,80px);align-items:center;padding:clamp(34px,6vw,80px)}.image-preview{position:relative;aspect-ratio:1;max-height:440px;overflow:hidden;border:1px solid var(--line);background:var(--bg)}.image-preview span{position:absolute;inset:15%;border:1px solid var(--fg);transition:transform .65s var(--ease-out),opacity .35s ease}.image-preview i{position:absolute;inset:29%;border:1px solid var(--fg);transition:transform .65s var(--ease-out),opacity .35s ease}.image-preview b{position:absolute;width:18%;height:64%;inset-block-start:18%;inset-inline-start:41%;background:var(--fg);transition:transform .65s var(--ease-out),opacity .35s ease}.image-preview[data-variant="cat"] span{transform:rotate(45deg) scale(.72)}.image-preview[data-variant="cat"] i{transform:rotate(45deg) scale(.95)}.image-preview[data-variant="cat"] b{transform:rotate(90deg) scale(.16,2.5)}.image-preview[data-variant="logo"] span{transform:rotate(0) scale(.88)}.image-preview[data-variant="logo"] i{transform:rotate(0) scale(.82)}.image-preview[data-variant="logo"] b{transform:rotate(0) scale(.5,.7)}.image-preview[data-variant="music"] span{transform:rotate(24deg) scale(.94)}.image-preview[data-variant="music"] i{transform:rotate(-24deg) scale(.84)}.image-preview[data-variant="music"] b{transform:rotate(66deg) scale(.75,1.1)}.image-preview[data-variant="book"] span{transform:rotate(-8deg) translateX(-7%)}.image-preview[data-variant="book"] i{transform:rotate(8deg) translateX(9%)}.image-preview[data-variant="book"] b{transform:rotate(90deg) scale(.14,2.6)}.image-preview[data-variant="room"] span{transform:skewY(-12deg) scale(.92)}.image-preview[data-variant="room"] i{transform:translate(-16%,12%) scale(.78)}.image-preview[data-variant="room"] b{transform:translate(75%,10%) scale(.55,.88)}.image-prompt small{color:var(--muted)}.image-prompt p{min-height:4.5em;font-size:clamp(22px,3vw,36px);line-height:1.5;transition:opacity .18s ease,transform .18s ease}.image-prompt p.is-changing{opacity:0;transform:translateY(7px)}.image-prompt div{display:flex;gap:8px}.image-prompt div span{padding:7px 10px;border:1px solid var(--line);color:var(--muted);font-size:12px}.image-versions{grid-column:1/-1;display:flex;gap:8px;direction:rtl}.image-versions button{position:relative;width:50px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}.image-versions button::before{content:"";position:absolute;inset-inline:0;top:20px;height:4px;background:var(--line);transition:background .2s ease,transform .2s ease}.image-versions button:hover::before,.image-versions button.active::before{background:var(--fg)}.image-versions button:active::before{transform:scaleX(.85)}

.feature-section{padding-top:60px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--line);background:var(--line)}
.feature-card{min-height:260px;padding:28px;display:flex;flex-direction:column;background:var(--bg);transition:background .25s ease}.feature-card:hover{background:var(--surface)}.feature-card.feature-wide{grid-column:span 2}.feature-card h3{margin:48px 0 12px;font-size:25px;line-height:1.45}.feature-card p{max-width:600px;margin:0;color:var(--muted)}

.hati-section{position:relative;max-width:100%;background:var(--fg);color:var(--bg);overflow:hidden;contain:paint}.hati-section::before{content:"HATI";position:absolute;inset-inline-end:-.03em;inset-block-end:-.36em;font-family:Ndot,monospace;font-size:clamp(180px,38vw,600px);line-height:1;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--bg) 25%,transparent);opacity:.5;direction:ltr}
.hati-grid{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(60px,10vw,150px);align-items:center}.hati-copy .eyebrow{color:color-mix(in srgb,var(--bg) 62%,transparent)}.hati-copy>p:not(.eyebrow){font-size:18px;color:color-mix(in srgb,var(--bg) 68%,transparent)}
.hati-points{list-style:none;margin:44px 0 0;padding:0;border-top:1px solid color-mix(in srgb,var(--bg) 25%,transparent)}.hati-points li{display:flex;gap:18px;padding:15px 0;border-bottom:1px solid color-mix(in srgb,var(--bg) 25%,transparent)}.hati-points span{font-family:Ndot,monospace;font-size:10px}
.personality-stage{position:relative;display:grid;gap:32px;padding:16px 18px 32px}.personality-card{position:relative;width:min(560px,94%);min-width:0;padding:30px;background:var(--bg);color:var(--fg);border:1px solid color-mix(in srgb,var(--bg) 50%,var(--fg));box-shadow:24px 24px 0 color-mix(in srgb,var(--bg) 15%,transparent)}.personality-card header{display:flex;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line);font-family:Ndot,Peyda,monospace;font-size:11px}.personality-card header i{width:10px;height:10px;background:var(--fg)}.personality-card p{font-size:clamp(19px,2.3vw,28px);line-height:1.8}.casual-card{justify-self:start;transform:rotate(1deg)}.formal-card{justify-self:end;transform:rotate(-1deg)}.memory-line{display:none}.memory-line span{height:1px;background:color-mix(in srgb,var(--bg) 35%,transparent)}.memory-line span:nth-child(2){width:16px;height:16px;background:var(--bg)}

.use-section{padding-bottom:80px}.use-list{border-top:1px solid var(--line)}.use-item{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:30px;min-height:170px;padding:25px 18px;border-bottom:1px solid var(--line);transition:background .25s ease}.use-item:hover{background:var(--surface)}.use-item>span,.use-item small{font-family:Ndot,Peyda,monospace;color:var(--faint);font-size:11px}.use-item h3{margin:0;font-size:clamp(26px,3vw,42px)}.use-item p{margin:5px 0 0;color:var(--muted)}.use-item small{direction:ltr}

.pricing-section{padding-top:100px}.pricing-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:60px}.pricing-head .section-heading{margin:0}.pricing-toggle{display:grid;grid-template-columns:1fr 1fr;min-width:250px;border:1px solid var(--line)}.pricing-toggle button{min-height:50px;padding-inline:16px;border:0;background:transparent;color:var(--muted);cursor:pointer}.pricing-toggle button.active{background:var(--fg);color:var(--bg)}
.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--line);background:var(--line)}.price-card{min-width:0;padding:28px 22px;display:grid;grid-template-rows:72px 136px 1fr auto;background:var(--bg)}.price-card.featured-plan{background:var(--fg);color:var(--bg)}.price-card.muted-plan{color:var(--muted)}.price-card header{display:flex;justify-content:space-between;align-items:start;gap:12px;flex-wrap:wrap;align-content:start}.price-card header>span{font-family:Ndot,Peyda,monospace;font-size:9px;color:var(--faint)}.featured-plan header>span{color:color-mix(in srgb,var(--bg) 60%,transparent)}.price-card h3{margin:0;font-size:27px}.price{margin:20px 0 28px;display:grid;align-content:start;gap:10px}.price strong{font-family:Peyda,sans-serif;font-size:clamp(26px,2.6vw,38px);font-variant-numeric:tabular-nums;line-height:1.2}.price small{color:var(--muted)}.featured-plan .price small{color:color-mix(in srgb,var(--bg) 65%,transparent)}.price-card ul{display:grid;grid-template-rows:repeat(6,minmax(3.5em,auto));margin:0 0 28px;padding:0;list-style:none;color:var(--muted)}.featured-plan ul{color:color-mix(in srgb,var(--bg) 72%,transparent)}.price-card li{display:flex;align-items:center;padding-block:10px;border-bottom:1px solid var(--line-soft)}.featured-plan .button-primary{margin-top:auto;background:var(--bg);color:var(--fg);border-color:var(--bg)}.price-card>.button{margin-top:auto}

.faq-section{display:grid;grid-template-columns:.5fr 1fr;gap:clamp(50px,10vw,160px)}.faq-section .section-heading{margin:0}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;font-size:19px;font-weight:600;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-family:Ndot,monospace;font-size:24px;font-weight:400;transition:transform .25s ease}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:720px;margin:-5px 0 28px;color:var(--muted)}

.final-cta{min-height:580px;display:grid;place-items:center;padding:100px var(--space-page);text-align:center}.final-cta>div{position:relative;z-index:2}.final-cta .eyebrow,.final-cta .hero-actions{justify-content:center}.final-cta>div>p:not(.eyebrow){color:var(--muted);font-size:18px}.cta-lines{position:absolute;inset:50% auto auto 50%;width:min(1100px,100%);transform:translate(-50%,-50%);fill:none;stroke:var(--line-soft);stroke-width:1}
.site-footer{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:24px;min-height:150px;padding:35px max(calc(var(--frame) + 24px),5vw);color:var(--muted);font-size:12px}.footer-brand{color:var(--fg)}.site-footer>p{text-align:center}.site-footer nav{justify-self:end;display:flex;flex-wrap:wrap;gap:8px 22px}

.reveal{opacity:1;transform:none}.js .reveal:not(.is-visible){opacity:0;transform:translateY(28px)}.js .reveal{transition:opacity .75s var(--ease-out),transform .75s var(--ease-out)}

@media (max-width:1100px){
  .site-header{grid-template-columns:1fr auto}
  .desktop-nav{display:none}.menu-button{display:grid}.header-actions .button-small{display:none}
  .hero{grid-template-columns:1fr}.hero-lines{width:110vw;inset-inline-end:-34%;opacity:.45}.thought-core{position:absolute;inset-inline-end:3%;inset-block-start:24%;width:42vw;opacity:.42}.hero-copy{max-width:760px}
    .feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card.feature-wide{grid-column:span 1}
  .hati-grid{grid-template-columns:1fr}.personality-stage{width:min(760px,100%);margin:auto}.hati-copy{max-width:750px}
  .pricing-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  :root{--space-page:20px;--frame:8px}
  body::before{z-index:80}.page-grain{z-index:79;opacity:.055}
  .site-header{height:68px;padding-inline:12px;grid-template-columns:1fr auto}.brand-mark{width:29px;height:29px}.brand-copy strong{font-size:16px}.brand-copy small{font-size:7px}#themeToggle{display:none}#motionToggle{display:grid}.menu-button{height:46px;min-width:64px;padding-inline:10px}.mobile-nav{inset-block-start:68px}
  .hero{min-height:calc(100svh - 16px);padding:120px 20px 100px;display:flex;align-items:flex-end}.hero-grid{-webkit-mask-image:linear-gradient(black,transparent 78%);mask-image:linear-gradient(black,transparent 78%)}.hero-lines{inset-block-start:32%;inset-inline-end:-46%;width:145vw}.thought-core{width:58vw;inset-inline-end:-5%;inset-block-start:15%;opacity:.42}.core-label{display:none}
  .hero h1{font-size:clamp(48px,16vw,72px)}.hero-lead{font-size:16px;line-height:1.85}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-tags{margin-top:28px}.scroll-cue{inset-inline-start:20px;transform:none}
  .signal-strip div{gap:22px}.section-shell{width:calc(100% - 40px);padding-block:68px}
  .section-heading{display:block}.section-heading h2,.hati-copy h2,.final-cta h2{font-size:clamp(40px,12vw,60px)}.section-heading>p:last-child{margin-top:25px;font-size:16px}
    .demo-tabs{grid-template-columns:1fr 1fr}.demo-tabs button{padding:12px 8px;line-height:1.8}.demo-window{min-height:570px}.demo-panel{min-height:516px}.scene-record{grid-template-columns:44px 1fr}.record-scene{min-height:516px;padding:34px 14px}.live-wave{height:110px;width:100%}.record-note{display:grid}.demo-sidebar{gap:12px}.demo-sidebar span{width:14px;height:14px}.timeline-scene{padding:22px 14px}.timeline-head strong{font-size:18px}.timeline-row{grid-template-columns:62px 1fr}.timeline-row article b{font-size:15px}.chat-scene{width:calc(100% - 24px);padding-block:25px}.bubble{max-width:94%;padding:14px}.demo-chat-assistant{min-width:88%}.action-card{align-items:start;display:grid}.image-scene{grid-template-columns:1fr;padding:22px}.image-preview{max-height:270px}.image-prompt p{min-height:0;font-size:21px}.image-versions{grid-column:1;justify-content:center}
  .feature-grid{grid-template-columns:1fr}.feature-card,.feature-card.feature-wide{grid-column:auto;min-height:240px}.feature-card h3{margin-top:32px;font-size:23px}
  .hati-grid{gap:45px}.personality-stage{padding-inline:4px;gap:28px}.personality-card{width:96%;padding:22px;box-shadow:10px 10px 0 color-mix(in srgb,var(--bg) 15%,transparent)}.personality-card p{font-size:18px}.casual-card{inset-inline-start:0}.formal-card{inset-inline-end:0}.hati-section::before{font-size:65vw;inset-block-end:-.18em}
  .use-item{grid-template-columns:45px 1fr;gap:12px;padding-inline:0}.use-item small{display:none}.use-item h3{font-size:25px}.use-item p{font-size:14px}
  .pricing-head{display:block}.pricing-toggle{margin-top:35px;width:100%}.pricing-grid{grid-template-columns:1fr}.price-card{grid-template-rows:auto auto 1fr auto}.price{margin-block:28px}.price strong{font-size:38px}
  .faq-section{grid-template-columns:1fr;gap:50px}.faq-list summary{font-size:16px;min-height:76px}.faq-list details p{font-size:14px}
  .final-cta{min-height:520px;padding-inline:20px}.final-cta .hero-actions{display:grid}.site-footer{grid-template-columns:1fr;text-align:center;padding-block:50px}.footer-brand,.site-footer nav{justify-self:center}.site-footer nav{flex-wrap:wrap;justify-content:center}.site-footer>p{grid-row:3}
}
@media (max-width:420px){.hero h1{font-size:14.5vw}.hero-tags li{padding-inline:10px}.thought-core{width:64vw}.price-card{padding-inline:20px}}
@media (max-height:520px) and (orientation:landscape){.hero{min-height:700px;padding-top:110px}.site-header{height:60px}.mobile-nav{inset-block-start:60px}.thought-core{width:300px;inset-block-start:90px}.scroll-cue{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js .reveal:not(.is-visible){opacity:1;transform:none}.thought-core{transform:none!important}}

/* Keep the same editorial system while letting English read left to right. */
html[lang="en"] body{font-family:Arial,Helvetica,sans-serif}
html[lang="en"] .brand-copy strong{font-size:15px;letter-spacing:.06em}
html[lang="en"] .brand-copy small{display:none}
html[lang="en"] .hero-grid{-webkit-mask-image:linear-gradient(270deg,black,transparent 63%);mask-image:linear-gradient(270deg,black,transparent 63%)}
html[lang="en"] .hero-title>strong{font-size:.92em}
html[lang="en"] .hero-lead{line-height:1.7}
html[lang="en"] .section-heading h2,html[lang="en"] .hati-copy h2,html[lang="en"] .final-cta h2{line-height:1.18;letter-spacing:-.035em}
html[lang="en"] .scroll-cue{direction:ltr;transform:translateX(-50%)}
html[lang="en"] .image-versions{direction:ltr}
html[lang="en"] .price strong{font-family:Arial,Helvetica,sans-serif}
html[lang="en"] .price-card header{gap:12px;flex-wrap:wrap}
@media(max-width:760px){
  .header-actions .icon-button{min-width:44px;width:44px;height:46px}
  .site-header .brand{gap:6px}
  html[lang="en"] .scroll-cue{transform:none}
  html[lang="en"] .hero-grid{-webkit-mask-image:linear-gradient(black,transparent 78%);mask-image:linear-gradient(black,transparent 78%)}
}
@media(max-width:360px){.site-header{padding-inline:8px}.header-actions{gap:6px}.site-header .brand-mark{width:24px;height:24px}.site-header .menu-button{min-width:60px;gap:6px;padding-inline:8px}}

/* Persian joins and diacritics need room; display-letter spacing is Latin-only. */
html[lang="fa"] body{word-spacing:.035em}
.featured-plan li{border-color:color-mix(in srgb,var(--bg) 22%,transparent)}
html[lang="fa"] .eyebrow,html[lang="fa"] .card-index,html[lang="fa"] .hero-tags,html[lang="fa"] .personality-card header{letter-spacing:normal}
.section-heading>*,.hati-grid>*,.image-scene>*,.timeline-head>*,.timeline-row>*,.site-footer>*{min-width:0}
.price strong{white-space:nowrap;direction:ltr;text-align:start}
html[dir="rtl"] .price strong{text-align:right}
.feature-card p,.faq-list details p{line-height:1.95}
@media(max-width:760px){.eyebrow{gap:10px;margin-bottom:20px}.record-note{gap:12px}.timeline-head{gap:16px}.timeline-head>span{flex:none}.price-card ul{grid-template-rows:repeat(6,minmax(3.3em,auto))}.site-footer{padding-inline:28px}}