.nav-menu{align-items:center;display:flex;position:relative}.nav-menu-trigger{color:var(--ink-3);white-space:nowrap;align-items:center;gap:5px;font-size:clamp(13px,.9vw,14px);font-weight:500;display:inline-flex}.nav-menu-trigger>svg{opacity:.55;transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .2s}.nav-menu:hover .nav-menu-trigger,.nav-menu:focus-within .nav-menu-trigger{color:var(--ink)}.nav-menu-panel{z-index:5;border:1px solid var(--line-card);background:var(--surface);visibility:hidden;opacity:0;transform-origin:top;border-radius:22px;width:600px;max-width:calc(100vw - 40px);margin-top:20px;padding:10px;transition:opacity .2s,transform .28s cubic-bezier(.22,1,.36,1),visibility 0s linear .28s;position:absolute;top:100%;left:50%;transform:translate(-50%,-8px)scale(.97);box-shadow:0 1px 2px #0000000a,0 28px 70px -30px #0006}.nav-menu-panel:before{content:"";height:24px;position:absolute;inset:-22px 0 auto}.nav-menu:hover .nav-menu-panel,.nav-menu:focus-within .nav-menu-panel{visibility:visible;opacity:1;transition-delay:0s,0s,0s;transform:translate(-50%)scale(1)}.nav-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;display:grid}.nav-menu-grid[data-makes]>:last-child{grid-column:1/-1}.landing-nav-links a.nav-menu-item,.landing-nav-links a.nav-menu-all{white-space:normal}.nav-menu-item{opacity:0;border-radius:15px;gap:12px;min-width:0;padding:12px;transition:background .16s,opacity .26s,transform .34s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(6px)}.nav-menu:hover .nav-menu-item,.nav-menu:focus-within .nav-menu-item{opacity:1;transition-delay:calc(40ms + var(--i) * 35ms);transform:translateY(0)}.nav-menu-item:hover,.nav-menu-item:focus-visible{background:var(--surface-sunken)}.nav-menu-mark{background:var(--surface-sunken);width:36px;height:36px;color:var(--ink);border-radius:11px;flex-shrink:0;place-items:center;transition:background .18s,color .18s;display:grid}.nav-menu-mark>svg{width:21px;height:21px}.nav-menu-tile .nav-menu-mark{background:var(--surface);border-radius:10px;width:32px;height:32px}.nav-menu-item:hover .nav-menu-mark,.nav-menu-item:focus-visible .nav-menu-mark{background:var(--accent-tint);color:var(--accent-ink)}.nav-menu-copy{gap:3px;min-width:0;display:grid}.nav-menu-label{color:var(--ink);letter-spacing:-.015em;align-items:center;gap:7px;font-size:14px;font-weight:600;display:flex}.nav-menu-soon{border:1px solid var(--line-card);color:var(--ink-4);letter-spacing:.02em;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:500}.nav-menu-line{color:var(--ink-3);font-size:12.5px;line-height:1.45}.nav-menu-foot{background:var(--surface-subtle);border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;margin-top:8px;padding:4px;display:grid}.nav-menu-tile{border-radius:12px;align-items:center;padding:8px 10px}.nav-menu-tile .nav-menu-mark>svg{width:19px;height:19px}.nav-menu:hover .nav-menu-trigger>svg,.nav-menu:focus-within .nav-menu-trigger>svg{opacity:1;transform:rotate(180deg)}.nav-menu-tile:hover,.nav-menu-tile:focus-visible{background:var(--surface)}.nav-menu-tile .nav-menu-label{font-size:13.5px}.nav-menu-panel[data-narrow]{width:320px}.nav-menu-panel[data-narrow] .nav-menu-grid{grid-template-columns:minmax(0,1fr)}.nav-menu-panel[data-narrow] .nav-menu-grid>:last-child{grid-column:auto}.mk-write{stroke-dasharray:10;stroke-dashoffset:0}.nav-menu-item:hover .mk-write,.nav-menu-item:focus-visible .mk-write{animation:.5s cubic-bezier(.22,1,.36,1) both mk-write}.nav-menu-item:hover .mk-w2{animation-delay:70ms}.nav-menu-item:hover .mk-w3{animation-delay:.14s}@keyframes mk-write{0%{stroke-dashoffset:10px}to{stroke-dashoffset:0}}.nav-menu-item:hover .mk-play,.nav-menu-item:focus-visible .mk-play{transform-origin:12px 12px;animation:.42s cubic-bezier(.34,1.4,.64,1) both mk-pop}@keyframes mk-pop{0%{transform:scale(.7)}to{transform:scale(1)}}.nav-menu-item:hover .mk-head,.nav-menu-item:focus-visible .mk-head{animation:1.05s cubic-bezier(.4,0,.2,1) both mk-scrub}@keyframes mk-scrub{0%{transform:translate(0)}to{transform:translate(8.8px)}}.mk-flap{transform-origin:12px 8.2px}.nav-menu-item:hover .mk-flap,.nav-menu-item:focus-visible .mk-flap{animation:.55s cubic-bezier(.34,1.4,.64,1) both mk-open}@keyframes mk-open{0%{transform:scaleY(1)}55%{transform:scaleY(-.85)}to{transform:scaleY(-1)}}.mk-trace{stroke-dasharray:32}.nav-menu-item:hover .mk-trace,.nav-menu-item:focus-visible .mk-trace{animation:.6s cubic-bezier(.4,0,.2,1) both mk-trace}@keyframes mk-trace{0%{stroke-dashoffset:32px}to{stroke-dashoffset:0}}.mk-node{transform-box:fill-box;transform-origin:50%}.nav-menu-item:hover .mk-node,.nav-menu-item:focus-visible .mk-node{animation:.4s cubic-bezier(.34,1.4,.64,1) both mk-land}.nav-menu-item:hover .mk-n1{animation-delay:.3s}.nav-menu-item:hover .mk-n2{animation-delay:.38s}.nav-menu-item:hover .mk-n3{animation-delay:.46s}@keyframes mk-land{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.mk-block{transform-box:fill-box;transform-origin:0}.nav-menu-item:hover .mk-block,.nav-menu-item:focus-visible .mk-block{animation:.45s cubic-bezier(.34,1.4,.64,1) both mk-drop}.nav-menu-item:hover .mk-b2{animation-delay:90ms}@keyframes mk-drop{0%{opacity:0;transform:translateY(-4px)scaleX(.5)}to{opacity:1;transform:translateY(0)scaleX(1)}}.mk-cell{transform-box:fill-box;transform-origin:50%}.nav-menu-item:hover .mk-cell,.nav-menu-item:focus-visible .mk-cell{animation:.38s cubic-bezier(.34,1.4,.64,1) both mk-land}.nav-menu-item:hover .mk-c2{animation-delay:70ms}.nav-menu-item:hover .mk-c3{animation-delay:.14s}.nav-menu-item:hover .mk-c4{animation-delay:.21s}.mk-line{stroke-dasharray:12}.nav-menu-item:hover .mk-line,.nav-menu-item:focus-visible .mk-line{animation:.55s cubic-bezier(.4,0,.2,1) both mk-line}@keyframes mk-line{0%{stroke-dashoffset:12px}to{stroke-dashoffset:0}}.mk-step{transform-box:fill-box;transform-origin:50%}.nav-menu-item:hover .mk-step,.nav-menu-item:focus-visible .mk-step{animation:.4s cubic-bezier(.34,1.4,.64,1) both mk-light}.nav-menu-item:hover .mk-s2{animation-delay:.22s}.nav-menu-item:hover .mk-s3{animation-delay:.44s}@keyframes mk-light{0%{fill:#0000;transform:scale(.8)}to{fill:currentColor;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.nav-menu-panel,.nav-menu-item,.nav-menu-trigger>svg,.nav-menu-all>svg{transition-duration:.01ms}.nav-menu-item:hover [class^=mk-],.nav-menu-item:focus-visible [class^=mk-]{animation:none}}@media (max-width:860px){.nav-menu{display:none}}.landing-mobile-sub{opacity:.75;padding-left:14px;font-size:13px}
.workspace-preview{border:1px solid var(--line-card);background:var(--surface);text-align:left;border-radius:14px;min-width:0;min-height:460px;margin:0;display:flex;overflow:hidden;box-shadow:0 4px 6px -4px #0000000d,0 25px 65px -35px #0000002e}.preview-sidebar{background:var(--surface-subtle);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:170px;padding:21px 13px;display:flex}.preview-brand{letter-spacing:-.03em;align-items:center;gap:8px;padding-left:5px;font-size:17px;display:flex}.preview-brand strong{font-weight:600}.preview-workspace-switch{background:var(--surface);border:1px solid var(--line-card);border-radius:7px;align-items:center;gap:7px;margin-top:25px;padding:8px 7px;font-size:10px;font-weight:500;display:flex}.preview-workspace-switch>span{background:var(--surface-sunken);border-radius:4px;place-items:center;width:20px;height:20px;font-size:10px;display:grid}.preview-workspace-switch svg{color:var(--ink-3);margin-left:auto}.preview-menu{flex-direction:column;gap:5px;margin-top:22px;display:flex}.preview-menu>span{color:var(--ink-3);align-items:center;gap:9px;padding:9px;font-size:11px;display:flex}.preview-menu .is-current{color:var(--ink);background:var(--surface-sunken);border-radius:6px;font-weight:500}.preview-menu .is-current svg{color:var(--accent-ink)}.preview-sidebar-bottom{color:var(--ink-3);align-items:center;gap:8px;margin-top:auto;padding:40px 5px 0;font-size:9px;display:flex}.preview-main{flex:1;min-width:0}.preview-topbar{border-bottom:1px solid var(--line);height:48px;color:var(--ink-2);justify-content:space-between;align-items:center;padding:0 27px;font-size:10px;display:flex}.preview-example{color:var(--ink-3);font-size:9px}.preview-body{padding:25px 28px 28px}.preview-greeting{text-align:center}.preview-greeting>span{color:var(--ink-3);font-size:10px}.preview-greeting h2{letter-spacing:-.04em;margin-top:5px;font-size:23px;font-weight:500}.preview-composer{border:1px solid var(--line-card);border-radius:11px;max-width:545px;margin:20px auto 25px;padding:16px 15px 10px;box-shadow:0 4px 14px -9px #00000026}.preview-composer p{color:var(--ink-2);font-size:12px;line-height:1.6}.preview-composer>div{align-items:center;gap:10px;margin-top:17px;display:flex}.preview-attachment{color:var(--ink-3);align-items:center;gap:5px;font-size:9px;display:flex}.preview-composer-brand{color:var(--ink-3);align-items:center;gap:5px;margin-left:auto;font-size:9px;display:flex}.preview-composer-brand>span{background:var(--accent);border-radius:50%;width:4px;height:4px}.preview-send{background:var(--ink);width:26px;height:26px;color:var(--ink-invert);border-radius:7px;place-items:center;display:grid}.preview-results-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.preview-results-heading>strong{font-size:11px;font-weight:500}.preview-results-heading>span{color:var(--ink-3);align-items:center;gap:4px;font-size:9px;display:flex}.preview-results{grid-template-columns:1fr 1fr 1.03fr;gap:12px;display:grid}.preview-result{border:1px solid var(--line-card);border-radius:9px;min-width:0;overflow:hidden}.preview-poster{border:0;border-radius:0;height:178px}.preview-card-label{color:var(--ink-3);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:6px;padding:10px;font-size:8px;display:flex}.preview-card-label>span{align-items:center;gap:5px;display:flex}.preview-caption{flex-direction:column;padding:14px 13px 0;display:flex}.preview-social-author{align-items:center;gap:7px;display:flex}.preview-social-author>span{background:var(--surface-sunken);border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;display:grid}.preview-topbar>span>span{color:var(--ink-3);margin:0 10px}.preview-social-author strong{font-size:10px;font-weight:500;display:block}.preview-social-author small{color:var(--ink-3);align-items:center;gap:4px;margin-top:3px;font-size:8px;display:flex}.preview-caption>p{color:var(--ink-2);margin-top:14px;font-size:10px;line-height:1.7}.preview-caption-tags{color:var(--ink-3);margin:13px 0;font-size:8px}.preview-caption>.preview-card-label{margin-top:auto;padding:10px 0}.preview-caption>.preview-card-label svg{color:var(--green-ink)}.preview-schedule{padding:13px}.preview-schedule-title{align-items:center;gap:6px;font-size:10px;display:flex}.preview-schedule-title>strong{font-weight:500}.preview-schedule-row{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:13px 0;display:flex}.preview-date{text-align:center}.preview-date small{color:var(--ink-3);font-size:6px;display:block}.preview-date strong{font-size:15px;font-weight:500}.preview-schedule-row>div>strong{font-size:8px;font-weight:500;display:block}.preview-schedule-row>div>span{color:var(--ink-3);align-items:center;gap:5px;margin-top:5px;font-size:8px;display:flex}.preview-schedule-dot{background:var(--green-ink);border-radius:50%;width:4px;height:4px;margin-left:auto}.preview-schedule-note{color:var(--ink-3);margin-top:12px;font-size:8px;display:block}
.minimal-bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.minimal-card{border:1px solid var(--line-card);background:var(--surface-subtle);border-radius:16px;min-width:0;overflow:hidden}.minimal-card-wide{grid-column:span 7}.minimal-card-narrow{grid-column:span 5}.minimal-art{justify-content:center;align-items:center;height:250px;padding:30px 36px 0;display:flex;overflow:hidden}.minimal-card-copy{padding:27px 30px 31px}.minimal-card-copy h3{letter-spacing:-.025em;font-size:19px;font-weight:500}.minimal-card-copy p{max-width:390px;color:var(--ink-3);margin-top:9px;font-size:16px;line-height:1.65}.content-art{flex-direction:column;gap:20px;padding-left:34px;padding-right:34px}.content-art-note{color:var(--ink-2);background:var(--surface);border:1px solid var(--line-card);border-radius:8px;align-items:center;gap:9px;padding:10px 13px;font-size:10px;display:flex}.content-art-note>svg:first-child{color:var(--accent-ink)}.content-art-note>svg:last-child{color:var(--green-ink);margin-left:15px}.content-art-pages{grid-template-columns:1fr 1fr 1fr;align-items:start;gap:12px;width:100%;max-width:460px;display:grid}.content-mini-post{border:1px solid var(--line-card);border-radius:8px 8px 0 0;flex-direction:column;min-width:0;height:176px;padding:13px;display:flex}.content-mini-post-first{color:#454b39;background:#e9eadd}.content-mini-post-first>span,.content-mini-post-third>span{letter-spacing:-.05em;margin-top:23px;font-size:22px;font-weight:500;line-height:1.1}.content-mini-post small{letter-spacing:.06em;margin-top:auto;font-size:5px}.content-mini-post-second{background:var(--surface);margin-top:13px}.content-mini-post-second>strong{letter-spacing:-.02em;margin-top:18px;font-size:13px;font-weight:500;line-height:1.4}.content-mini-post-second>p{color:var(--ink-3);margin-top:9px;font-size:9px;line-height:1.6}.content-mini-rule{background:var(--line-card);border-radius:4px;width:45%;height:3px;margin-top:15px}.content-mini-post-third{color:#574b3c;background:#eae6df}.voice-art-document{background:var(--surface);border:1px solid var(--line-card);border-radius:10px;width:100%;max-width:315px;padding:20px}.voice-art-document>div{color:var(--ink-3);align-items:center;gap:7px;font-size:10px;display:flex}.voice-art-before{color:var(--ink-3);margin-top:25px;font-size:12px;line-height:1.5;text-decoration:line-through}.voice-art-after{letter-spacing:-.035em;margin-top:10px;font-size:17px;font-weight:500}.voice-art-saved{color:var(--green-ink);align-items:center;gap:6px;padding-top:21px;font-size:10px;display:flex}.brand-art-panel{border:1px solid var(--line-card);background:var(--surface);border-radius:10px;width:100%;max-width:320px;padding:18px}.brand-art-title{color:var(--ink-3);align-items:center;gap:7px;font-size:10px;display:flex}.brand-art-title svg:last-child{color:var(--green-ink);margin-left:auto}.brand-art-identity{align-items:center;gap:17px;margin:16px 0;display:flex}.brand-art-identity>strong{letter-spacing:-.08em;font-size:42px;font-weight:500;line-height:1}.brand-art-identity small{color:var(--ink-3);margin-top:5px;font-size:9px;display:block}.brand-art-swatches{gap:6px;height:29px;display:flex}.brand-art-swatches span{background:#343b2d;border-radius:4px;flex:1}.brand-art-swatches span:nth-child(2){background:#a2ac92}.brand-art-swatches span:nth-child(3){background:#e9eadd}.brand-art-swatches span:nth-child(4){background:#f4f1eb}.brand-art-tags{flex-wrap:wrap;gap:5px;margin-top:14px;display:flex}.brand-art-tags span{color:var(--ink-3);border:1px solid var(--line);border-radius:4px;padding:4px 5px;font-size:8px}.plan-art-panel{border:1px solid var(--line-card);background:var(--surface);border-radius:10px;width:100%;max-width:420px;padding:17px 19px 3px}.plan-art-heading{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.plan-art-heading>strong{font-size:11px;font-weight:500}.plan-art-heading>span{color:var(--ink-3);align-items:center;gap:6px;font-size:9px;display:flex}.plan-art-row{border-top:1px solid var(--line);align-items:center;gap:15px;padding:13px 0;display:flex}.plan-art-row>span{min-width:51px;color:var(--ink-3);align-items:center;gap:8px;font-size:9px;display:flex}.brand-art-identity>div>span{font-size:12px;font-weight:500;display:block}.plan-art-heading>span>span{background:var(--green-ink);border-radius:50%;width:4px;height:4px}.plan-art-row>strong{font-size:11px;font-weight:500}.plan-art-row>span>strong{color:var(--ink);font-size:16px;font-weight:500}.plan-art-row>small{color:var(--ink-3);margin-left:auto;font-size:9px}.plan-art-row>svg:last-child{color:var(--green-ink)}.minimal-product-link{grid-column:1/-1;justify-self:center;margin-top:11px}
.synis-landing{--landing-body-size:16px;--landing-card-heading-size:clamp(18px, 1.3vw, 25px);--landing-small-size:13.5px;--landing-label-size:12.5px;isolation:isolate;background:var(--stage);color:var(--ink);font-family:var(--font-sans), sans-serif;position:relative;overflow:clip}.synis-landing :is(a,button,summary):focus-visible{outline:2px solid var(--accent-line);outline-offset:5px}.landing-skip{z-index:100;background:var(--ink);color:var(--ink-invert);border-radius:8px;padding:12px 18px;position:fixed;top:-60px;left:20px}.landing-skip:focus{top:12px}.landing-header{z-index:20;top:clamp(16px,2vw,32px);position:fixed;inset-inline:20px}.landing-nav{background:var(--surface);border-radius:100px;align-items:center;gap:clamp(18px,1.6vw,28px);width:min(760px,100%);min-height:clamp(58px,4.2vw,72px);margin:auto;padding:8px 10px 8px clamp(20px,1.6vw,26px);display:flex;position:relative;box-shadow:0 1px #fffc,0 10px 32px -25px #00000026}.landing-nav-links{justify-content:center;align-items:center;gap:clamp(18px,1.6vw,28px);margin:auto;display:flex}.landing-nav-links a,.landing-login{color:var(--ink-3);white-space:nowrap;font-size:clamp(13px,.9vw,14px);font-weight:500}.landing-nav-links a:hover,.landing-login:hover{color:var(--ink)}.landing-nav-account{align-items:center;gap:18px;margin-left:auto;display:flex}.landing-nav-start{background:var(--ink);min-height:clamp(38px,2.6vw,42px);color:var(--ink-invert);white-space:nowrap;border-radius:30px;align-items:center;padding:0 clamp(16px,1.2vw,20px);font-size:clamp(13px,.9vw,14px);font-weight:600;display:flex}.landing-mobile-menu{margin-left:auto;display:none;position:static}.landing-mobile-menu summary{cursor:pointer;justify-content:center;align-items:center;width:42px;height:42px;list-style:none;display:flex}.landing-mobile-menu summary::-webkit-details-marker{display:none}.landing-mobile-menu>div{inset-inline:0;background:var(--surface);border:1px solid var(--line-card);border-radius:22px;padding:8px;position:absolute;top:calc(100% + 8px);box-shadow:0 12px 30px -15px #0003}.landing-mobile-menu a{color:var(--ink);border-radius:14px;padding:14px 16px;font-size:16px;font-weight:500;display:block}.landing-mobile-menu a:hover{background:var(--surface-sunken)}.landing-mobile-menu a:last-child{text-align:center;background:var(--ink);color:var(--ink-invert);margin-top:6px;font-weight:600}.landing-mobile-menu a:last-child:hover{background:var(--ink-2)}
.reference-hero{padding-top:clamp(155px,9.1vw,175px);container-type:inline-size}.reference-hero-copy{text-align:center;margin:auto;position:relative}.reference-hero-copy h1{z-index:1;letter-spacing:-.065em;font-size:clamp(52px,5.4167vw,104px);font-weight:500;line-height:.94;position:relative}.reference-hero-copy>p,.reference-section-heading>p{z-index:1;color:var(--ink-3);letter-spacing:-.03em;max-width:min(830px,48vw);margin:clamp(22px,1.5vw,29px) auto 0;font-size:clamp(17px,1.5625vw,30px);font-weight:400;line-height:1.3;position:relative}.reference-hero-actions{z-index:1;flex-wrap:wrap;justify-content:center;gap:clamp(14px,1vw,20px);margin-top:clamp(30px,2.85vw,55px);display:flex;position:relative}.reference-hero-website{z-index:1;gap:10px;width:min(560px,100%);margin:clamp(16px,1.2vw,22px) auto 0;display:flex;position:relative}.reference-hero-website input{min-height:clamp(46px,3.4vw,56px)}@media (max-width:480px){.reference-hero-website{flex-direction:column;width:min(340px,100%)}}.reference-button{letter-spacing:-.02em;border-radius:12px;justify-content:center;align-items:center;min-height:clamp(46px,3.4vw,56px);padding:0 clamp(22px,1.8vw,30px);font-size:clamp(15px,1.05vw,19px);font-weight:600;line-height:1;transition:background .15s,box-shadow .15s,transform .15s;display:inline-flex}.reference-button:active{transform:scale(.99)}.reference-hero-lines{z-index:0;opacity:.6;width:124cqw}.reference-hero-lines>g{display:none}.reference-hero-lines>path{stroke-width:1.5px}.reference-preview,.reference-section,.reference-footer{width:min(1200px,62.5vw);margin-inline:auto}.reference-preview{z-index:2;background:#101010;border:2px solid #fff;border-radius:28px;margin-top:clamp(70px,8.35vw,160px);padding:6px;position:relative;box-shadow:0 0 0 5px #fff6,0 3px 10px #00000017,0 0 42px -13px #0000002e}.reference-section{padding-top:clamp(92px,7.5vw,144px);position:relative}.reference-section-heading{text-align:center;margin-bottom:clamp(44px,3.5vw,67px)}.reference-section-heading>h2{letter-spacing:-.065em;font-size:clamp(44px,5.4167vw,104px);font-weight:500;line-height:.96}.reference-section-heading>p{font-size:clamp(16px,1.5625vw,30px)}
.reference-features .minimal-bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,1.65vw,32px)}.reference-features .minimal-card{background:var(--surface);box-shadow:none;border:none;border-radius:clamp(18px,1.6vw,30px);grid-column:auto}.reference-features .minimal-art{height:clamp(145px,10vw,192px);padding:20px 28px 0}.reference-features .minimal-art.bento-art{place-items:center;height:clamp(220px,17vw,260px);padding:28px 28px 8px;display:grid;position:relative;overflow:hidden}.reference-features .minimal-card-copy{padding:22px 30px 28px}.reference-features .minimal-card-copy h3{font-size:var(--landing-card-heading-size);font-weight:500}.reference-features .minimal-card-copy p{font-size:var(--landing-body-size);max-width:460px;margin-top:9px;line-height:1.55}.reference-features .content-art{justify-content:flex-start;gap:14px}.reference-features .content-mini-post{height:140px}.reference-features .content-mini-post-first>span,.reference-features .content-mini-post-third>span{margin-top:17px;font-size:20px}.reference-features .content-mini-post-second>strong{margin-top:10px;font-size:12px}.reference-features .content-mini-post-second>p{font-size:8px}.reference-features :is(.voice-art-document,.brand-art-panel,.plan-art-panel){flex-shrink:0;transform:scale(.85)}.reference-features .minimal-product-link{display:none}
.reference-media{padding-top:0}.reference-how{z-index:1;margin-top:-10vh;padding-top:clamp(125px,11vw,211px)}.reference-how-card{background:var(--surface);border-radius:28px;flex-direction:column;min-height:clamp(360px,25.8vw,495px);padding:clamp(30px,4vw,76px) clamp(30px,4.5vw,86px) 18px;display:flex}.reference-how-content{flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,5vw,96px);display:grid}.reference-how-copy>span{color:var(--ink-3);font-size:11px;display:block}.reference-how-copy h3{letter-spacing:-.05em;margin-top:16px;font-size:clamp(24px,2.1vw,40px);font-weight:500;line-height:1.1}.reference-how-copy p{color:var(--ink-3);max-width:370px;margin-top:14px;font-size:16px;line-height:1.65}.reference-how-copy a{color:var(--ink-2);align-items:center;gap:7px;margin-top:21px;font-size:12px;display:inline-flex}.reference-step-art{border:1px solid var(--line-card);background:var(--surface-subtle);border-radius:15px;min-width:0;padding:25px}.reference-step-art-top{color:var(--ink-3);align-items:center;gap:8px;font-size:11px;display:flex}.reference-step-check{color:var(--green-ink);margin-left:auto}.reference-step-art>strong{letter-spacing:-.035em;margin-top:28px;font-size:clamp(18px,1.65vw,32px);font-weight:500;line-height:1.2;display:block}.reference-step-art>p{color:var(--ink-3);margin-top:9px;font-size:11px;line-height:1.6}.reference-step-palette{gap:8px;margin-top:25px;display:flex}.reference-step-palette i{background:#343b2d;border-radius:6px;flex:1;height:33px}.reference-step-palette i:nth-child(2){background:#a2ac92}.reference-step-palette i:nth-child(3){background:#e9eadd}.reference-step-output{flex-wrap:wrap;gap:6px;margin-top:25px;display:flex}.reference-step-output span{border:1px solid var(--line-card);background:var(--surface);border-radius:5px;padding:7px 8px;font-size:9px}.reference-how-controls{justify-content:center;align-items:center;gap:13px;margin-top:26px;display:flex}.reference-how-controls button{cursor:pointer;min-width:28px;height:32px;color:var(--ink-3);border-radius:5px;place-items:center;display:grid}.reference-how-controls>div{align-items:center;display:flex}.reference-how-controls>div button{min-width:18px}.reference-how-controls button>span{background:var(--line-strong);border-radius:8px;width:7px;height:7px;display:block}.reference-how-controls .is-active>span{background:var(--line-strong);width:34px;height:8px;position:relative;overflow:hidden}.reference-how-controls .is-active>span:before{content:"";background:var(--accent);transform-origin:0;animation:hiw-progress var(--step-ms) linear both;position:absolute;inset:0}.reference-how-card[data-paused] .reference-how-controls .is-active>span:before{animation-play-state:paused}@keyframes hiw-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.synis-landing [data-anim]{animation:var(--anim) var(--dur,.6s) var(--ease,cubic-bezier(.22, 1, .36, 1)) var(--delay,0s) var(--iter,1) both}.reference-how-copy{min-width:0}.reference-how-stage{min-width:0;height:336px;position:relative}.reference-how-stage>*{height:100%}@keyframes hiw-leave{to{opacity:0;filter:blur(6px);translate:0 -10px}}@keyframes hiw-rise{0%{opacity:0;filter:blur(4px);translate:0 10px}to{opacity:1;filter:blur();translate:0}}@keyframes hiw-fade{0%{opacity:0}to{opacity:1}}@keyframes hiw-out{to{opacity:0}}@keyframes hiw-pop{0%{opacity:0;scale:.85}to{opacity:1;scale:1}}@keyframes hiw-press{0%,to{scale:1}50%{scale:.94}}@keyframes hiw-choose{to{border-color:var(--ink-3);color:var(--ink)}}.hiw-ch{white-space:pre;vertical-align:top;max-width:0;display:inline-block;overflow:hidden}@keyframes hiw-ch{to{max-width:2ch}}.hiw-caret:after{content:"";vertical-align:-.15em;background:var(--ink);width:1.5px;height:1em;margin-left:1px;animation:.9s steps(2,jump-none) infinite hiw-caret;display:inline-block}@keyframes hiw-caret{0%{opacity:1}to{opacity:0}}.hiw-selectable{background-image:linear-gradient(color-mix(in srgb, var(--accent) 22%, transparent), color-mix(in srgb, var(--accent) 22%, transparent));background-repeat:no-repeat;background-size:0% 100%;border-radius:2px}@keyframes hiw-select{to{background-size:100% 100%}}.hiw-skeleton{background:var(--surface-sunken);border-radius:6px;position:relative;overflow:hidden}.hiw-skeleton:after{content:"";background:linear-gradient(90deg,#0000,#fffc,#0000);animation:1.1s linear infinite hiw-shimmer;position:absolute;inset:0;translate:-100%}@keyframes hiw-shimmer{to{translate:100%}}.synis-landing [data-paused] [data-anim],.synis-landing [data-paused] .hiw-caret:after,.synis-landing [data-paused] .hiw-skeleton:after,.synis-landing [data-paused] .stroke-spin:before{animation-play-state:paused}@keyframes hiw-switch-on{to{background:var(--ink)}}@keyframes hiw-knob-on{to{translate:16px}}@property --n{syntax:"<integer>";inherits:true;initial-value:0}.hiw-count:after{counter-reset:n var(--n);content:counter(n)}@keyframes hiw-count{to{--n:var(--to)}}@keyframes hiw-land{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 40%, transparent)}to{box-shadow:0 0 0 10px color-mix(in srgb, var(--accent) 0%, transparent)}}
.reference-global-grid{grid-template-columns:1fr 1fr;gap:clamp(24px,1.8vw,35px);display:grid}.reference-global-card{background:var(--surface);border-radius:28px;flex-direction:column;justify-content:space-between;min-width:0;min-height:clamp(330px,25.5vw,490px);padding:30px;display:flex}.reference-global-card h3{letter-spacing:-.035em;font-size:clamp(20px,1.5vw,28px);font-weight:500}.reference-global-card p{color:var(--ink-3);max-width:420px;margin-top:10px;font-size:16px;line-height:1.6}.reference-global-card a{color:var(--ink-2);align-items:center;gap:6px;margin-top:15px;font-size:12px;display:inline-flex}.reference-language-art{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(22px,2.4vw,40px);width:100%;min-width:0;padding:4px 0 30px;display:flex}.reference-flag-marquee{flex-direction:column;gap:12px;width:100%;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.reference-flag-track{will-change:transform;width:max-content;animation:50s linear infinite flag-drift;display:flex}.reference-flag-track[data-reverse]{animation-direction:reverse}.reference-flag-track[data-row="1"]{animation-delay:-17s}.reference-flag-track[data-row="2"]{animation-delay:-33s}.reference-language-art[data-idle] .reference-flag-track,.reference-global-card:hover .reference-flag-track{animation-play-state:paused}.reference-flag-set{align-items:center;gap:18px;padding-right:18px;display:flex}.reference-flag-set>i{font-size:28px;font-style:normal;line-height:1;display:block}@keyframes flag-drift{to{transform:translate(-50%)}}.reference-language-words{flex-direction:column;align-items:center;gap:4px;max-width:480px;display:flex}.reference-language-words>div{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 14px;display:flex}.reference-language-words>div>span{color:var(--ink-3);letter-spacing:-.045em;white-space:nowrap;animation:.7s cubic-bezier(.22,1,.36,1) both lang-word-in;animation-delay:calc(var(--i) * 90ms);align-items:center;gap:.3em;font-size:clamp(19px,2.2vw,40px);font-weight:500;line-height:1.3;display:inline-flex}.reference-language-words>div>span.is-lead{color:var(--ink)}.reference-language-words>div>span>.flag{letter-spacing:0;font-size:.5em;font-style:normal;translate:0 .06em}.reference-language-words[data-leaving]>div>span{animation:.38s cubic-bezier(.4,0,1,1) both lang-word-out;animation-delay:calc(var(--i) * 40ms)}@keyframes lang-word-in{0%{opacity:0;filter:blur(8px);transform:translateY(16px)}to{opacity:1;filter:blur();transform:none}}@keyframes lang-word-out{to{opacity:0;filter:blur(6px);transform:translateY(-12px)}}
.reference-channel-art{--cycle:3.2s;--step:.32s;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:58px;padding:18px 0 26px;display:flex;position:relative}.reference-channel-wires{pointer-events:none;position:absolute;inset:0;overflow:visible}.reference-wire{fill:none;stroke:var(--line-strong);stroke-width:1px}.reference-pulse{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-dashoffset:200px;animation:wire-pulse var(--cycle) linear infinite;animation-delay:calc(var(--rank) * var(--step) + var(--lag))}.reference-pulse-head{--lag:0s;stroke-dasharray:3 197;filter:drop-shadow(0 0 3px var(--accent))}.reference-pulse-mid{--lag:50ms;stroke-dasharray:7 193;opacity:.55}.reference-pulse-tail{--lag:.12s;stroke-dasharray:14 186;opacity:.22}@keyframes wire-pulse{0%{stroke-dashoffset:200px}35%,to{stroke-dashoffset:100px}}.reference-channel-hub{z-index:1;background:var(--surface);border:1px solid color-mix(in srgb, var(--accent) 30%, var(--line));width:46px;height:46px;box-shadow:inset 0 1px 0 #fff, 0 1px 2px #0000000a, 0 12px 26px -12px color-mix(in srgb, var(--accent) 65%, transparent);border-radius:50%;place-items:center;display:grid;position:relative}.reference-channel-hub>img{display:block}.reference-channel-hub:after{content:"";border:1.5px solid var(--accent);animation:hub-ring var(--cycle) ease-out infinite;border-radius:50%;position:absolute;inset:-1px}@keyframes hub-ring{0%{opacity:.4;transform:scale(1)}55%,to{opacity:0;transform:scale(1.9)}}.reference-channel-tiles{z-index:1;gap:20px;display:flex;position:relative}.reference-channel-tiles>span{flex-direction:column;align-items:center;gap:10px;display:flex}.reference-channel-tile{--tile-shadow:inset 0 1px 0 #ffffffe6, 0 1px 2px #0000000a, 0 12px 26px -14px color-mix(in srgb, var(--brand) 55%, transparent);isolation:isolate;width:58px;height:58px;color:var(--brand);border:1px solid color-mix(in srgb, var(--brand) 22%, #fff);box-shadow:var(--tile-shadow);animation:tile-charge var(--cycle) ease-out infinite;animation-delay:calc(var(--rank) * var(--step));background:#fff;border-radius:17px;place-items:center;display:grid;position:relative;overflow:hidden}.reference-channel-tile:before{content:"";z-index:-1;background:var(--tint);opacity:.14;position:absolute;inset:0}.reference-channel-tile:after{content:"";z-index:-1;background:linear-gradient(160deg,#ffffffd9,#fff0 60%);position:absolute;inset:0}.reference-channel-tile>svg{width:24px;height:24px}@keyframes tile-charge{0%,31%{box-shadow:var(--tile-shadow);translate:0}39%{box-shadow:var(--tile-shadow), 0 0 0 5px color-mix(in srgb, var(--brand) 14%, transparent), 0 16px 32px -10px color-mix(in srgb, var(--brand) 70%, transparent);translate:0 -3px}72%,to{box-shadow:var(--tile-shadow);translate:0}}.reference-channel-art small{color:var(--ink-3);font-size:10px}
.reference-faq{padding-top:clamp(100px,7.5vw,145px)}.reference-faq-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr);align-items:start;gap:clamp(32px,5vw,96px);max-width:1200px;margin:0 auto;display:grid}.reference-faq-intro{position:sticky;top:clamp(96px,9vw,140px)}.reference-faq-intro>h2{letter-spacing:-.055em;font-size:clamp(38px,3.6vw,64px);font-weight:500;line-height:.98}.reference-faq-intro>p{max-width:30ch;color:var(--ink-3);margin-top:clamp(14px,1.2vw,20px);font-size:clamp(16px,1.15vw,20px);line-height:1.5}.reference-faq-foot{text-align:center}.reference-faq-more{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:5px;align-items:center;gap:6px;margin-top:clamp(20px,1.8vw,30px);font-size:14px;font-weight:500;transition:text-decoration-color .15s;display:inline-flex}.reference-faq-more:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.reference-faq-more>svg{transition:transform .15s}.reference-faq-list{background:var(--surface);border-radius:clamp(18px,1.6vw,28px);max-width:860px;margin-inline:auto;padding:0 clamp(22px,2.1vw,36px)}.reference-faq-item+.reference-faq-item{border-top:1px solid var(--line)}.reference-faq-item>h3{font-size:inherit;font-weight:inherit;margin:0}.reference-faq-item button{text-align:left;width:100%;font:inherit;letter-spacing:-.01em;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:24px;padding:clamp(20px,1.7vw,26px) 0;font-size:clamp(16px,1.15vw,20px);font-weight:500;line-height:1.4;transition:color .15s;display:flex}.reference-faq-item button:hover{color:var(--ink-2)}.reference-faq-item button:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:6px}.reference-faq-item button>svg{color:var(--ink-3);flex-shrink:0;transition:transform .28s cubic-bezier(.4,0,.2,1),color .15s}.reference-faq-more:hover>svg{transform:translate(2px)}.reference-faq-item[data-open] button>svg{color:var(--ink);transform:rotate(45deg)}.reference-faq-panel{grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.4,0,.2,1);display:grid}.reference-faq-item[data-open] .reference-faq-panel{grid-template-rows:1fr}.reference-faq-panel>div{min-height:0;overflow:hidden}.reference-faq-panel p{max-width:62ch;color:var(--ink-3);opacity:0;padding:0 0 clamp(22px,1.9vw,30px);font-size:16px;line-height:1.65;transition:opacity .28s 60ms,transform .28s 60ms;transform:translateY(-4px)}.reference-faq-item[data-open] .reference-faq-panel p{opacity:1;transform:none}
.reference-trial-note{color:var(--ink-3);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:30px;font-size:11px;display:flex}.reference-footer{width:100%;color:var(--ink-3);margin-top:clamp(120px,12vw,230px);padding-bottom:clamp(56px,5vw,96px);font-size:15px;position:relative;overflow:hidden}.reference-footer-inner{z-index:1;width:min(1200px,62.5vw);margin-inline:auto;position:relative}.reference-footer-glow{inset-inline:0;z-index:0;pointer-events:none;background:radial-gradient(120% 100% at 50% 100%, rgb(var(--accent-rgb) / .16), rgb(var(--accent-rgb) / .05) 45%, transparent 72%), linear-gradient(to top, rgb(var(--accent-rgb) / .05), transparent 60%);height:clamp(200px,20vw,380px);position:absolute;bottom:0}.reference-footer a{transition:color .15s}.reference-footer-cta{text-align:center;padding:0 0 clamp(56px,5vw,92px)}.reference-footer-cta>span{letter-spacing:.01em;color:var(--ink-3);font-size:14.5px;display:inline-block}.reference-footer-cta h2{letter-spacing:-.06em;color:var(--ink);margin-top:20px;font-size:clamp(42px,4.9vw,92px);font-weight:500;line-height:.98}.reference-footer-cta h2 em{color:var(--ink-3);font-style:normal}.reference-footer-actions{flex-wrap:wrap;justify-content:center;gap:clamp(14px,1vw,20px);margin-top:clamp(30px,2.85vw,52px);display:flex}.reference-footer-actions .reference-button{gap:10px}.reference-footer-line{z-index:1;border-top:1px solid var(--line);width:75%;margin-inline:auto;position:relative}.reference-footer-grid{grid-template-columns:1.7fr repeat(4,1fr);gap:40px;padding:clamp(52px,4.8vw,82px) 0 clamp(46px,4vw,74px);display:grid}.reference-footer-brand p{max-width:330px;margin-top:20px;font-size:16px;line-height:1.6}.reference-footer-channels{gap:10px;margin-top:28px;display:flex}.reference-footer-channels a{border:1px solid var(--line);background:var(--surface-subtle);width:42px;height:42px;color:var(--ink-2);border-radius:13px;place-items:center;display:grid}.reference-footer-channels a:hover{border-color:var(--line-strong);color:var(--ink)}.reference-footer-grid nav{font-size:var(--landing-body-size);flex-direction:column;align-items:flex-start;gap:14px;display:flex}.reference-footer-grid nav>span{font-size:var(--landing-label-size);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin-bottom:6px;font-weight:500}.reference-footer-bar{font-size:var(--landing-small-size);color:var(--ink-4);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:26px 0 4px;display:flex}.reference-footer-bar a{color:var(--ink-3);align-items:center;gap:5px;display:inline-flex}.reference-footer-bar a:hover,.reference-footer-grid nav a:hover{color:var(--ink)}
@media (max-width:1500px){.reference-features .content-art-pages{grid-template-columns:1fr 1fr}.reference-features .content-mini-post-third{display:none}.reference-channel-art{gap:50px}.reference-channel-tiles{gap:14px}.reference-channel-tile{border-radius:15px;width:50px;height:50px}.reference-channel-tile>svg{width:21px;height:21px}}@media (max-width:1100px){.reference-preview,.reference-section,.reference-footer{width:calc(100% - 88px)}.reference-hero-copy h1{font-size:64px}.reference-hero-copy>p,.reference-section-heading>p{max-width:570px;padding-inline:15px;font-size:19px}.reference-section-heading>h2{font-size:58px}.reference-features .minimal-art{height:155px}.reference-features .minimal-card-copy{padding:20px 25px 26px}.reference-section{padding-top:90px}.reference-how{padding-top:125px}.reference-how-card{min-height:365px;padding:36px 35px 16px}.reference-how-content{gap:30px}.reference-global-card{min-height:350px;padding:26px}}@media (max-width:700px){.synis-landing{--landing-card-heading-size:20px}.landing-header{top:20px}.landing-nav{min-height:58px;padding:6px 8px 6px 20px}.landing-nav-links,.landing-nav-account{display:none}.landing-mobile-menu{display:block}.reference-hero{padding-top:139px}.reference-hero-copy h1{letter-spacing:-.06em;font-size:clamp(36px,7.7vw,53px);line-height:1}.reference-hero-copy>p{max-width:370px;margin-top:23px;padding-inline:20px;font-size:16px;line-height:1.5}.reference-hero-actions{gap:10px;margin-top:25px}.reference-button{min-height:48px;padding:0 22px;font-size:16px}.reference-hero-lines{opacity:.65;width:190cqw}.reference-preview,.reference-section,.reference-footer{width:calc(100% - 40px)}.reference-preview{border-radius:20px;margin-top:65px;padding:4px}.reference-preview .workspace-preview{aspect-ratio:auto;border-radius:14px}.reference-section{padding-top:74px}.reference-section-heading{margin-bottom:34px}.reference-section-heading>h2{font-size:clamp(35px,7.5vw,48px);line-height:1.02}.reference-section-heading>p{max-width:410px;margin-top:20px;padding-inline:5px;font-size:16px;line-height:1.5}.reference-how-card{border-radius:22px;padding:30px 25px 16px}.reference-how-content{grid-template-columns:1fr;gap:30px}.reference-how-copy{text-align:center}.reference-how-copy>h3{font-size:29px}.reference-how-copy>p{margin-inline:auto}.reference-step-art{width:100%;max-width:340px;margin:auto}.reference-step-art>strong{font-size:26px}.reference-how-controls{margin-top:23px}.reference-global-grid{grid-template-columns:1fr;gap:20px}.reference-global-card{border-radius:22px;min-height:320px;padding:28px}.reference-global-card h3{font-size:23px}.reference-language-words{gap:2px;max-width:340px}.reference-language-words>div{gap:2px 12px}.reference-language-words>div>span{font-size:30px}.reference-flag-marquee{gap:10px}.reference-flag-set{gap:14px;padding-right:14px}.reference-flag-set>i{font-size:24px}.reference-channel-art{gap:46px}.reference-channel-tiles{gap:12px}.reference-channel-tile{border-radius:14px;width:48px;height:48px}.reference-channel-tile>svg{width:20px;height:20px}.reference-faq-grid{grid-template-columns:1fr;gap:28px}.reference-faq-intro{position:static}.reference-faq-intro>h2 br{display:none}.reference-faq-list{padding:0 20px}.reference-faq-item button{gap:16px;padding:20px 0;font-size:16px}.reference-faq-panel p{padding-bottom:22px;font-size:15px}.reference-features .minimal-bento{grid-template-columns:1fr;gap:18px}.reference-features .minimal-card{border-radius:20px}.reference-features .minimal-art{height:175px;padding-inline:25px}.reference-features .minimal-card .minimal-art.bento-art{height:236px;padding:24px 20px 8px}.reference-features .minimal-card-copy{padding:24px}.reference-features .minimal-card-copy h3{font-size:var(--landing-card-heading-size)}.reference-features .minimal-card-copy p{font-size:16px}.reference-features :is(.voice-art-document,.brand-art-panel,.plan-art-panel){transform:scale(.9)}.reference-features .content-art-pages{max-width:340px}.reference-features .content-mini-post{height:170px}.reference-features .content-mini-post-first>span{font-size:26px}.reference-trial-note{font-size:10px}.reference-footer{margin-top:90px;padding-top:25px}.reference-footer>nav{justify-content:space-between;width:100%;margin-left:0}}@media (max-width:380px){.reference-language-words>div>span{font-size:26px}.reference-flag-set>i{font-size:22px}.reference-features .plan-art-row{gap:10px}.reference-features .plan-art-row>strong{font-size:10px}.reference-features .plan-art-row>svg:last-child{display:none}.reference-channel-art{gap:40px}.reference-channel-tiles{gap:8px}.reference-channel-tile{border-radius:12px;width:40px;height:40px}.reference-channel-tile>svg{width:17px;height:17px}.reference-channel-art small{font-size:9px}}@media (prefers-reduced-motion:reduce){.synis-landing *,.synis-landing :before,.synis-landing :after{scroll-behavior:auto;transition:none;animation:none}}.reference-how-copy[data-leaving]>*,.reference-how-stage[data-leaving],.bento-scene[data-leaving]{animation:.38s cubic-bezier(.4,0,1,1) both hiw-leave}.reference-how-copy[data-leaving]>*{animation-delay:calc(var(--i) * 40ms)}
.bento-deck{width:200px;height:208px;position:relative}.bento-post{border:1px solid var(--line-card);background:var(--surface);transform-origin:50% 110%;border-radius:14px;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.bento-post-top{color:var(--ink-2);align-items:center;gap:6px;padding:9px 11px 8px;font-size:10px;font-weight:500;display:flex}.bento-post-top svg{color:var(--ink-3)}.bento-post-top>i{letter-spacing:.08em;text-transform:uppercase;color:var(--green-ink);margin-left:auto;font-size:9px;font-style:normal;font-weight:600}.bento-post-art{border-radius:9px;flex:1;width:auto;height:auto;margin:0 8px}.bento-post-caption{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;margin:0;padding:9px 12px 11px;font-size:10.5px;line-height:1.45;overflow:hidden}@keyframes bento-swipe{0%{z-index:3;opacity:1;translate:0;rotate:none;scale:1}17%{z-index:3;opacity:1;translate:100% 3%;rotate:11deg;scale:1}22%{z-index:3;opacity:0;translate:130% 4%;rotate:12deg;scale:1}33.34%{z-index:1;opacity:0;translate:-13% 2%;rotate:-7deg;scale:.9}40%{z-index:1;opacity:1;translate:-13% 2%;rotate:-7deg;scale:.9}66.67%{z-index:2;opacity:1;translate:-6.5% 1%;rotate:-3.5deg;scale:.95}to{z-index:3;opacity:1;translate:0;rotate:none;scale:1}}.bento-voice{width:100%;max-width:380px}.bento-doc{border:1px solid var(--line-card);background:var(--surface);text-align:left;border-radius:14px;padding:18px 24px 24px;display:grid}.bento-pair{flex-direction:column;grid-area:1/1;align-items:flex-start;gap:12px;display:flex}.bento-doc-head{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);justify-content:space-between;align-self:stretch;align-items:center;margin-bottom:6px;font-size:10px;font-weight:600;display:flex}.bento-doc-state{align-items:center;gap:7px;display:flex}.bento-doc-dot{background:var(--ink-4);border-radius:50%;width:5px;height:5px}.bento-doc-labels{display:grid}.bento-doc-labels i{grid-area:1/1;font-style:normal}.bento-generic{letter-spacing:-.02em;color:var(--ink-3);font-size:clamp(15px,1.25vw,18px);line-height:1.45;display:inline-block;position:relative}.bento-mark{color:inherit;background-color:#0000;border-radius:4px;margin:0 -3px;padding:1px 3px}.bento-strike{background:var(--accent);transform-origin:0;opacity:.85;height:1.5px;position:absolute;top:54%;left:0;right:0;transform:scaleX(0)}.bento-yours{letter-spacing:-.035em;color:var(--ink);font-size:clamp(19px,1.6vw,24px);font-weight:500;line-height:1.2}.bento-yours-line{display:inline-block;position:relative}.bento-check{background:var(--accent);color:#fff;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;margin-top:-9px;display:inline-flex;position:absolute;top:50%;left:calc(100% + 9px);scale:.4}.bento-keep{background:var(--accent);transform-origin:0;opacity:.28;border-radius:2px;height:2px;position:absolute;bottom:-7px;left:0;right:0;transform:scaleX(0)}@keyframes bento-pair{0%{opacity:0;translate:0 8px}3%{opacity:1;translate:0}30%{opacity:1;translate:0}33.33%{opacity:0;translate:0 -8px}to{opacity:0;translate:0 -8px}}@keyframes bento-strike-loop{0%,8%{transform:scaleX(0)}14%,33.33%{transform:scaleX(1)}33.34%,to{transform:scaleX(0)}}@keyframes bento-yours{0%,13%{opacity:0;translate:0 6px}18%,33.33%{opacity:1;translate:0}33.34%,to{opacity:0;translate:0 6px}}.bento-kit{border:1px solid var(--line-card);background:var(--surface);border-radius:14px;width:100%;max-width:340px;padding:18px 20px 20px}.bento-kit-head{color:var(--ink);align-items:center;gap:9px;margin-bottom:16px;font-size:12.5px;font-weight:500;display:flex}.bento-kit-head>small{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);margin-left:auto;font-size:9px;font-weight:600}.bento-kit-mark{color:#a2ac92;background:#343b2d;border-radius:8px;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}.bento-kit-mark svg{rotate:-45deg}.bento-kit-body{align-items:center;gap:22px;display:flex}.bento-tile{letter-spacing:-.05em;background:#343b2d;border-radius:20px;flex-shrink:0;place-items:center;width:104px;height:104px;font-size:42px;font-weight:500;line-height:1;display:grid}.bento-tile>span{color:#fff}.bento-swatches{flex-direction:column;flex:1;gap:7px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.bento-swatch-row{align-items:center;gap:9px;font-size:12px;display:flex}.bento-swatch-row>span{color:var(--ink-3)}.bento-swatch-row>small{font-variant-numeric:tabular-nums;letter-spacing:.03em;color:var(--ink-4);margin-left:auto;font-size:10px}.bento-swatch{border:1px solid #0000000f;border-radius:6px;flex-shrink:0;width:20px;height:20px;display:block;box-shadow:0 0 #0000}@keyframes bento-tile{0%,22%{background:#343b2d}25%,47%{background:#a2ac92}50%,72%{background:#e9eadd}75%,97%{background:#f7f5f1}to{background:#343b2d}}@keyframes bento-tile-ink{0%,47%{color:#fff}50%,97%{color:#343b2d}to{color:#fff}}@keyframes bento-swatch{0%{box-shadow:0 0 #0000}3%,22%{box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--ink-2)}25%,to{box-shadow:0 0 #0000}}@keyframes bento-swatch-name{0%{color:var(--ink-3)}3%,22%{color:var(--ink)}25%,to{color:var(--ink-3)}}.bento-week{border:1px solid var(--line-card);background:var(--surface);border-radius:14px;width:100%;max-width:340px;padding:16px 18px 18px}.bento-week-head{color:var(--ink);justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;font-size:12.5px;font-weight:500;display:flex}.bento-week-head>small{border:1px solid var(--line);color:var(--ink-3);border-radius:999px;align-items:center;gap:6px;padding:3px 8px 3px 7px;font-size:10px;font-weight:500;display:inline-flex}.bento-week-head>small>i{background:var(--green-ink);border-radius:50%;width:6px;height:6px}.bento-week-grid{grid-template-columns:repeat(7,38px);gap:6px;display:grid;position:relative}.bento-day{color:var(--ink-4);flex-direction:column;align-items:center;gap:7px;font-size:10px;display:flex}.bento-slot{background:var(--surface-subtle);border-radius:9px;width:100%;height:88px;display:block;position:relative}.bento-week-post{border-radius:9px;align-items:flex-end;padding:6px;display:flex;position:absolute;inset:0}.bento-week-tick{background:var(--green-ink);color:#fff;width:16px;height:16px;box-shadow:0 0 0 2px var(--surface);opacity:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:-5px;right:-5px;scale:.4}.bento-week-now{background:var(--accent);opacity:0;pointer-events:none;width:1px;position:absolute;top:18px;bottom:0;left:0}.bento-week-now:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:-3px;left:-2.5px}@keyframes bento-week-post{0%{opacity:0;translate:0 6px}4%{opacity:1;translate:0}91%{opacity:1;translate:0}95%,to{opacity:0;translate:0 6px}}@keyframes bento-week-now{0%,4%{opacity:0;left:0%}6%{opacity:1}86%{opacity:1}88%,to{opacity:0;left:100%}}@keyframes bento-week-tick-0{0%,10%{opacity:0;scale:.4}13%{opacity:1;scale:1.2}16%,91%{opacity:1;scale:1}94%,to{opacity:0;scale:.4}}@keyframes bento-week-tick-2{0%,34%{opacity:0;scale:.4}37%{opacity:1;scale:1.2}40%,91%{opacity:1;scale:1}94%,to{opacity:0;scale:.4}}@keyframes bento-week-tick-4{0%,58%{opacity:0;scale:.4}61%{opacity:1;scale:1.2}64%,91%{opacity:1;scale:1}94%,to{opacity:0;scale:.4}}@keyframes bento-mark{0%,3%{background-color:#0000}6%,30%{background-color:color-mix(in srgb, var(--accent) 15%, transparent)}33.33%,to{background-color:#0000}}@keyframes bento-label-draft{0%,15%{opacity:1}18%,to{opacity:0}}@keyframes bento-label-yours{0%,16%{opacity:0;color:var(--ink-4)}19%,33.33%{opacity:1;color:var(--accent)}33.34%,to{opacity:0}}@keyframes bento-dot{0%,16%{background-color:var(--ink-4);scale:1}19%{background-color:var(--accent);scale:1.6}22%,33.33%{background-color:var(--accent);scale:1}33.34%,to{background-color:var(--ink-4);scale:1}}@keyframes bento-keep{0%,19%{transform:scaleX(0)}26%,33.33%{transform:scaleX(1)}33.34%,to{transform:scaleX(0)}}@keyframes bento-check{0%,21%{opacity:0;scale:.4}26%{opacity:1;scale:1.18}29%,33.33%{opacity:1;scale:1}33.34%,to{opacity:0;scale:.4}}
@media (max-width:480px){.reference-hero-actions{flex-direction:column;align-items:stretch;gap:10px;width:min(340px,100%);margin-inline:auto}.reference-button{width:100%;min-height:50px}}.reference-media-scroll{height:150vh}.reference-media-stage{place-items:center;height:100vh;display:grid;position:sticky;top:0;overflow:clip}@supports (height:100svh){.reference-media-stage{height:100svh}}.reference-media-layer{will-change:transform, opacity;grid-area:1/1;place-items:center;width:100%;display:grid}.reference-media-heading{margin:0;padding-inline:20px}.reference-media-heading>p{max-width:34ch;margin:.6em auto 0}.reference-media-spiral{aspect-ratio:1;border-radius:50%;width:min(96vw,92vh,1240px);overflow:clip;-webkit-mask-image:radial-gradient(circle,#000 64%,#0000 71%);mask-image:radial-gradient(circle,#000 64%,#0000 71%)}.reference-media-reduced{padding-top:clamp(88px,7vw,135px)}.reference-media-reduced .reference-media-scroll{height:auto}.reference-media-reduced .reference-media-stage{height:auto;display:block;position:static;overflow:visible}.reference-media-reduced .reference-media-layer{opacity:1;will-change:auto;transform:none}.reference-media-reduced .reference-media-heading{margin-bottom:clamp(44px,3.5vw,67px)}.reference-media-reduced .reference-media-spiral{width:min(92vw,640px)}.reference-media-reduced+.reference-how{margin-top:0}
@media (max-width:900px){.reference-faq-grid{grid-template-columns:1fr;gap:36px}.reference-faq-intro{position:static}.reference-faq-intro>h2 br{display:none}}@media (max-width:1100px){.reference-footer-grid{grid-template-columns:repeat(4,1fr);gap:28px}.reference-footer-brand{grid-column:1/-1}}@media (max-width:700px){.reference-footer-cta h2{font-size:40px}.reference-footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.reference-footer-bar{flex-direction:column;align-items:flex-start}}@media (max-width:1100px){.reference-footer-inner{width:calc(100% - 88px)}.reference-footer-line{width:calc(100% - 44px)}}@media (max-width:380px){.reference-footer-line{width:calc(100% - 18px)}}.reference-footer-grid nav a>em{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-4);margin-left:7px;font-size:10.5px;font-style:normal;font-weight:500}.reference-footer-grid nav a:has(>em){white-space:nowrap}
.pic{background:var(--surface-sunken);width:100%;height:100%;color:var(--ink-4);border:0;border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.pic>img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.pic[data-label]:after{content:attr(data-label);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);font-size:7.5px;font-weight:600;position:absolute;bottom:6px;left:8px}.pic[data-warm]{border-color:color-mix(in srgb, var(--accent) 35%, var(--line));background:color-mix(in srgb, var(--accent) 12%, var(--surface-sunken));color:var(--accent)}.pic.bento-post-art{aspect-ratio:4/3;border:0;flex:none;width:auto;height:auto}.pic.preview-poster{border:0;border-radius:0}
@media (prefers-reduced-motion:reduce){#synis .synis-landing [data-anim]{animation:var(--anim) var(--dur,.6s) var(--ease,cubic-bezier(.22, 1, .36, 1)) var(--delay,0s) var(--iter,1) both}#synis .synis-landing .hiw-caret:after{animation:.9s steps(2,jump-none) infinite hiw-caret}#synis .synis-landing .hiw-skeleton:after{animation:1.1s linear infinite hiw-shimmer}#synis .synis-landing .reference-how-card .stroke-spin:before{animation:5s linear infinite stroke-slide}#synis .synis-landing .reference-how-controls .is-active>span:before{animation:hiw-progress var(--step-ms) linear both}#synis .synis-landing .reference-how-copy[data-leaving]>*,#synis .synis-landing .reference-how-stage[data-leaving],#synis .synis-landing .bento-scene[data-leaving]{animation:.38s cubic-bezier(.4,0,1,1) both hiw-leave}#synis .synis-landing .reference-how-copy[data-leaving]>*{animation-delay:calc(var(--i) * 40ms)}#synis .synis-landing [data-paused] [data-anim],#synis .synis-landing [data-paused] .hiw-caret:after,#synis .synis-landing [data-paused] .hiw-skeleton:after,#synis .synis-landing [data-paused] .stroke-spin:before,#synis .synis-landing .reference-how-card[data-paused] .reference-how-controls .is-active>span:before{animation-play-state:paused}#synis .synis-landing .reference-pulse{animation:wire-pulse var(--cycle) linear infinite;animation-delay:calc(var(--rank) * var(--step) + var(--lag))}#synis .synis-landing .reference-channel-tile{animation:tile-charge var(--cycle) ease-out infinite;animation-delay:calc(var(--rank) * var(--step))}#synis .synis-landing .reference-channel-hub:after{animation:hub-ring var(--cycle) ease-out infinite}#synis .synis-landing .reference-flag-track{animation:50s linear infinite flag-drift}#synis .synis-landing .reference-flag-track[data-reverse]{animation-direction:reverse}#synis .synis-landing .reference-flag-track[data-row="1"]{animation-delay:-17s}#synis .synis-landing .reference-flag-track[data-row="2"]{animation-delay:-33s}#synis .synis-landing .reference-language-art[data-idle] .reference-flag-track,#synis .synis-landing .reference-global-card:hover .reference-flag-track{animation-play-state:paused}#synis .synis-landing .reference-language-words>div>span{animation:.7s cubic-bezier(.22,1,.36,1) both lang-word-in;animation-delay:calc(var(--i) * 90ms)}#synis .synis-landing .reference-language-words[data-leaving]>div>span{animation:.38s cubic-bezier(.4,0,1,1) both lang-word-out;animation-delay:calc(var(--i) * 40ms)}}