.cookie-notice{z-index:60;color:var(--ink-2);justify-content:center;align-items:center;gap:12px 20px;padding:10px 20px;font-size:13.5px;line-height:1.5;display:flex;position:fixed;bottom:0;left:0;right:0}.cookie-notice-copy{text-wrap:pretty;min-width:0;margin:0}.cookie-notice-actions{flex-shrink:0;grid-template-columns:1fr 1fr;gap:8px;display:grid}.cookie-notice-actions button{white-space:nowrap;cursor:pointer;border-radius:10px;height:34px;padding:0 16px;font-size:13.5px;font-weight:600}@media (max-width:640px){.cookie-notice{padding:8px 12px calc(8px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:6px;font-size:12.5px;line-height:1.35}.cookie-notice-actions button{height:40px;font-size:13px}}
.reference-footer-cta{position:relative}.cta-sweep{z-index:0;inset-block:0;pointer-events:none;align-content:center;gap:clamp(8px,.9vw,14px);width:100vw;display:grid;position:absolute;left:50%;transform:translate(-50%)}.cta-sweep-band{height:clamp(74px,8vw,116px);position:relative;overflow:hidden;container-type:inline-size}.cta-sweep-track{visibility:hidden;gap:clamp(8px,.9vw,14px);width:max-content;height:100%;display:flex}.cta-sweep-tile{aspect-ratio:1;isolation:isolate;border-radius:clamp(10px,1vw,16px);flex:none;height:100%;position:relative;overflow:hidden}.cta-sweep-tile img{object-fit:cover;width:100%;height:100%;display:block}@keyframes cta-sweep-right{0%{transform:translate(-100%)}to{transform:translate(100cqw)}}@keyframes cta-sweep-left{0%{transform:translate(100cqw)}to{transform:translate(-100%)}}@keyframes cta-sweep-text{0%{opacity:0;transform:translateY(16px)}}@keyframes cta-sweep-gone{to{opacity:0}}.cta-sweep[data-run]{animation:2.9s step-end forwards cta-sweep-gone}.cta-sweep[data-run] .cta-sweep-track{visibility:visible;will-change:transform}.cta-sweep[data-run] [data-row=one] .cta-sweep-track{animation:2.7s cubic-bezier(.62,0,.36,1) both cta-sweep-right}.cta-sweep[data-run] [data-row=two] .cta-sweep-track{animation:2.7s cubic-bezier(.62,0,.36,1) .14s both cta-sweep-left}.reference-footer-cta[data-sweep]>span,.reference-footer-cta[data-sweep]>h2,.reference-footer-cta[data-sweep]>.reference-footer-actions{z-index:1;position:relative}.reference-footer-cta[data-sweep]>span{animation:.7s cubic-bezier(.22,1,.36,1) 1.7s backwards cta-sweep-text}.reference-footer-cta[data-sweep]>h2{animation:.75s cubic-bezier(.22,1,.36,1) 1.85s backwards cta-sweep-text}.reference-footer-cta[data-sweep]>.reference-footer-actions{animation:.7s cubic-bezier(.22,1,.36,1) 2.05s backwards cta-sweep-text}@media (prefers-reduced-motion:reduce){.cta-sweep{display:none}}
.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(--accent)}.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(--accent);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(--accent);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{background:var(--paper);color:var(--paper-ink)}.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(--accent);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(--accent);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:#181818;border-radius:4px;flex:1}.brand-art-swatches span:nth-child(2){background:#f40}.brand-art-swatches span:nth-child(3){background:#f7f3eb}.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(--accent);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(--accent)}.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;padding-top:var(--system-notices-height,0px);background:var(--stage);color:var(--ink);font-family:var(--font-sans), sans-serif;--mk-hairline:#0000000f;--mk-track:#00000024;--mk-sample-edge:transparent;--mk-quiet:var(--ink-4);--mk-accent-on-ink:#ffb08a;--mk-frame:var(--surface);--mk-shimmer:#fffc;position:relative;overflow:clip}@media (prefers-color-scheme:dark){.synis-landing{--mk-hairline:#ffffff1a;--mk-track:#ffffff2e;--mk-sample-edge:#ffffff1f;--mk-quiet:var(--ink-3);--mk-shimmer:#ffffff1f;--mk-accent-on-ink:color-mix(in srgb, var(--accent) 70%, var(--ink-invert))}}.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{--nav-gap:clamp(18px, 1.6vw, 28px);align-items:center;gap:var(--nav-gap);background:var(--surface);width:min(880px,100%);min-height:clamp(58px,4.2vw,72px);box-shadow:0 1px 0 color-mix(in srgb, var(--depth-hi) 80%, transparent), 0 10px 32px -25px #00000026;border-radius:100px;margin:auto;padding:8px 10px 8px clamp(20px,1.6vw,26px);display:flex;position:relative}.landing-nav-links{justify-content:center;align-items:center;gap:var(--nav-gap);margin:auto;display:flex}.landing-nav-links>a{padding:11px calc(var(--nav-gap) / 2);margin:-11px calc(var(--nav-gap) / -2)}.landing-nav-links a{color:var(--ink-3);white-space:nowrap;font-size:clamp(13px,.9vw,14px);font-weight:500}.landing-nav-links a:hover{color:var(--ink)}.landing-nav-account{align-items:center;gap:8px;margin-left:auto;display:flex}.landing-nav-button{letter-spacing:-.01em;white-space:nowrap;border-radius:30px;justify-content:center;align-items:center;min-height:clamp(38px,2.6vw,42px);padding:0 clamp(16px,1.2vw,20px);font-size:clamp(13px,.9vw,14px);font-weight:600;transition:background .15s,box-shadow .15s;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 summary .landing-mobile-close,.landing-mobile-menu[open] summary .landing-mobile-open{display:none}.landing-mobile-menu[open] summary .landing-mobile-close{display:block}.landing-mobile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.landing-mobile-grid+.landing-mobile-grid{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.landing-mobile-grid:first-child>:last-child:nth-child(odd){grid-column:1/-1}.landing-mobile-menu a.landing-mobile-item{min-height:52px;color:var(--ink);border-radius:14px;align-items:center;gap:10px;padding:8px;font-size:15px;font-weight:500;display:flex}.landing-mobile-menu a.landing-mobile-item:hover{background:var(--surface-sunken)}.landing-mobile-item .nav-menu-soon{font-size:11.5px}.landing-mobile-item .nav-menu-mark{width:36px;height:36px}.landing-mobile-item .nav-menu-mark>svg{width:19px;height:19px}.landing-mobile-account{border-top:1px solid var(--line);background:var(--surface);grid-template-columns:1fr 1fr;gap:8px;margin:0 -8px -8px;padding:10px 8px 8px;display:grid;position:sticky;bottom:-8px}.landing-mobile-account a{border-radius:14px;justify-content:center;align-items:center;min-height:48px;font-size:15px;font-weight:600;display:flex}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.synis-landing{--glass:color-mix(in srgb, var(--surface) 80%, transparent);--glass-blur:blur(24px) saturate(1.8);--glass-edge:inset 0 0 0 1px color-mix(in srgb, var(--line-card) 70%, transparent)}.landing-nav{box-shadow:none;background:0 0}.landing-nav:before{content:"";z-index:-1;border-radius:inherit;background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-edge), 0 1px 0 color-mix(in srgb, var(--depth-hi) 50%, transparent), 0 10px 32px -25px #00000026;position:absolute;inset:0}.landing-nav-links>a,.landing-nav-links .nav-menu-trigger,.landing-nav .nav-menu-card,.landing-nav .landing-mobile-menu>div{--ink-3:var(--ink-2)}.landing-nav .nav-menu-card,.landing-nav .landing-mobile-menu>div{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.landing-nav .nav-menu-foot{background:color-mix(in srgb, var(--surface-sunken) 55%, transparent)}.landing-nav .landing-mobile-account{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}}
:root{--section-space:clamp(92px, 7.5vw, 144px);--section-heading-space:clamp(44px, 3.5vw, 67px);--heading-sub-space:clamp(22px, 1.5vw, 29px);--grid-gap:clamp(20px, 1.65vw, 32px);--card-pad:clamp(26px, 2.1vw, 34px);--card-radius:clamp(20px, 1.6vw, 28px)}.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:var(--heading-sub-space) auto 0;font-size:clamp(17px,1.5625vw,30px);font-weight:400;line-height:1.3;position:relative}.hero-aurora{z-index:0;aspect-ratio:2.1;background:radial-gradient(closest-side at 38% 55%, rgb(var(--accent-rgb) / .07), transparent), radial-gradient(closest-side at 66% 45%, rgb(var(--accent-rgb) / .045), transparent);pointer-events:none;width:min(980px,90cqw);animation:14s ease-in-out infinite alternate hero-aurora;position:absolute;top:-18%;left:50%;translate:-50%}@keyframes hero-aurora{0%{opacity:.85;transform:translate(-4%)scale(1)}to{opacity:1;transform:translate(4%)scale(1.08)}}.reference-hero-copy h1,.reference-hero-copy>p,.reference-hero-actions{animation:.9s cubic-bezier(.22,1,.36,1) both hero-rise}.reference-hero-copy>p{animation-delay:.12s}.reference-hero-actions{animation-delay:.22s}@keyframes hero-rise{0%{opacity:0;filter:blur(8px);transform:translateY(14px)}}.reference-hero-copy h1 .hero-turning{color:var(--accent);white-space:nowrap;text-shadow:0 0 14px rgb(var(--accent-rgb) / .55), 0 0 36px rgb(var(--accent-rgb) / .4), 0 0 80px rgb(var(--accent-rgb) / .25);margin-right:.04em}.reference-hero-copy h1 .hero-turning-box{white-space:nowrap;justify-items:start;transition:width .35s cubic-bezier(.22,1,.36,1);display:inline-grid}.reference-hero-copy h1 .hero-turning-box>*{grid-area:1/1}.reference-hero-copy h1 .hero-turning-sizer{visibility:hidden}.reference-hero-copy h1 .hero-caret-slot{vertical-align:baseline;width:0;height:.74em;display:inline-block;position:relative}.reference-hero-copy h1 .hero-caret{background:var(--accent);width:.045em;height:100%;box-shadow:0 0 10px rgb(var(--accent-rgb) / .8), 0 0 24px rgb(var(--accent-rgb) / .45);border-radius:2px;animation:1s step-end infinite hero-caret;position:absolute;bottom:0;left:.05em}@keyframes hero-caret{50%{opacity:0}}.reference-hero-actions{z-index:1;margin-top:var(--section-heading-space);flex-wrap:wrap;justify-content:center;gap:clamp(14px,1vw,20px);display:flex;position:relative}.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;--lines:.6;width:124cqw}.reference-hero-lines .hero-run{stroke-width:1.5px;opacity:var(--lines);stroke-dasharray:1;stroke-dashoffset:1px;animation:hero-draw 1.9s cubic-bezier(.65, 0, .35, 1) calc(.15s + var(--draw)) forwards}.reference-hero-lines.hero-glow{opacity:0;-webkit-mask-image:radial-gradient(circle 260px at var(--mx,-999px) var(--my,-999px), #000 0%, #0000008c 40%, transparent 72%);-webkit-mask-image:radial-gradient(circle 260px at var(--mx,-999px) var(--my,-999px), #000 0%, #0000008c 40%, transparent 72%);mask-image:radial-gradient(circle 260px at var(--mx,-999px) var(--my,-999px), #000 0%, #0000008c 40%, transparent 72%);transition:opacity .45s}.reference-hero-lines.hero-glow[data-lit]{opacity:1}.reference-hero-lines.hero-glow path{stroke:var(--accent);stroke-width:1.5px;filter:drop-shadow(0 0 4px rgb(var(--accent-rgb) / .85)) drop-shadow(0 0 12px rgb(var(--accent-rgb) / .4))}@keyframes hero-draw{to{stroke-dashoffset:0}}.reference-preview,.reference-section,.reference-footer{width:min(1200px,62.5vw);margin-inline:auto}.reference-preview{--cycle:6s;z-index:2;border:2px solid var(--mk-frame);box-shadow:0 0 0 5px color-mix(in srgb, var(--mk-frame) 40%, transparent), 0 3px 10px #00000017, 0 0 42px -13px #0000002e;background:#101010;border-radius:28px;margin-top:clamp(70px,8.35vw,160px);padding:6px;position:relative}.reference-comet{pointer-events:none;position:absolute;inset:-2px}.reference-section{padding-top:var(--section-space);position:relative}.reference-section-heading{text-align:center;margin-bottom:var(--section-heading-space)}.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{gap:var(--grid-gap);grid-template-columns:repeat(2,minmax(0,1fr))}.reference-features .minimal-card{background:var(--surface);border-radius:var(--card-radius);box-shadow:none;border:none;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:var(--card-pad)}.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-how{z-index:1}.reference-how-card{background:var(--surface);border-radius:var(--card-radius);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(--accent);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:#181818;border-radius:6px;flex:1;height:33px}.reference-step-palette i:nth-child(2){background:#f40}.reference-step-palette i:nth-child(3){background:#f7f3eb}.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, transparent, var(--mk-shimmer), transparent);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{gap:var(--grid-gap);grid-template-columns:1fr 1fr;display:grid}.reference-global-card{background:var(--surface);border-radius:var(--card-radius);min-width:0;min-height:clamp(330px,25.5vw,490px);padding:var(--card-pad);flex-direction:column;justify-content:space-between;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{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-channel-wires .reference-comet{filter:drop-shadow(0 0 3px rgb(var(--accent-rgb) / .85)) drop-shadow(0 0 9px rgb(var(--accent-rgb) / .4))}.reference-pulse{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-dashoffset:97px;animation:wire-pulse var(--cycle) linear infinite;animation-delay:calc(var(--rank) * var(--step) + var(--lag))}@keyframes wire-pulse{0%{stroke-dashoffset:200px}35%,to{stroke-dashoffset:97px}}.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 var(--depth-hi), 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}@media (prefers-color-scheme:dark){.synis-landing .reference-channel-tile{--tile-shadow:inset 0 1px 0 var(--depth-hi), 0 12px 26px -14px color-mix(in srgb, var(--brand) 60%, transparent);background:var(--surface);border-color:color-mix(in srgb, var(--brand) 38%, var(--line))}.synis-landing .reference-channel-tile:before{opacity:.2}.synis-landing .reference-channel-tile:after{background:linear-gradient(160deg,#ffffff12,#fff0 60%)}.synis-landing :is([data-platform=X],[data-platform=TikTok])>.reference-channel-tile{--brand:var(--ink)}}
.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);align-items:center;gap:6px;margin-top:clamp(20px,1.8vw,30px);font-size:14px;font-weight:500;display:inline-flex}.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%;margin-top:var(--section-space);color:var(--ink-3);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(--mk-quiet);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{color:var(--ink)}.reference-footer-company{font-size:var(--landing-small-size);color:var(--mk-quiet);padding-top:10px}.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}:root{--section-space:90px;--card-pad:24px}.reference-how-card{min-height:365px;padding:36px 35px 16px}.reference-how-content{gap:30px}.reference-global-card{min-height:350px}}@media (max-width:900px){.landing-nav-links,.landing-nav-account{display:none}.landing-mobile-menu{display:block}.landing-mobile-menu>div{overscroll-behavior:contain;max-height:calc(100dvh - 106px);overflow-y:auto}.landing-nav>a:first-child{margin:-8px;padding:8px}}@media (max-width:700px){.synis-landing{--landing-card-heading-size:20px}.reference-how-copy>span{font-size:12px}.landing-header{top:20px}.landing-nav{min-height:58px;padding:6px 8px 6px 20px}.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;padding-inline:20px;font-size:16px;line-height:1.5}.reference-hero-actions{gap:10px}.reference-button{min-height:48px;padding:0 22px;font-size:16px}.reference-hero-lines{--lines:.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}:root{--section-space:74px;--section-heading-space:34px;--heading-sub-space:20px}.reference-section-heading>h2{font-size:clamp(35px,7.5vw,48px);line-height:1.02}.reference-section-heading>p{max-width:410px;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{gap:4px;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:12px}.reference-footer>nav{justify-content:space-between;width:100%;margin-left:0}.reference-how-controls button{min-width:44px;height:44px}.reference-how-controls>div button{min-width:40px}}@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)}.landing-start-bar{display:none}@media (max-width:900px){.landing-start-bar{z-index:19;inset-inline:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top, var(--surface) 60%, transparent);transition:transform .25s;display:block;position:fixed;bottom:0;transform:translateY(110%)}.landing-start-bar[data-shown]{transform:none}body:has(.cookie-notice) .landing-start-bar{display:none}.landing-start-bar a{border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;font-size:16px;font-weight:600;display:flex}}@media (prefers-reduced-motion:reduce){.landing-start-bar{transition:none}}
.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(--accent);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-solid);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:#f7f3eb;width:26px;height:26px;box-shadow:inset 0 0 0 1px var(--mk-sample-edge);background:#181818;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.bento-kit-mark svg{rotate:-45deg}.bento-kit-body{align-items:center;gap:22px;display:flex}.bento-tile{width:104px;height:104px;box-shadow:inset 0 0 0 1px var(--mk-sample-edge);letter-spacing:-.05em;background:#181818;border-radius:20px;flex-shrink:0;place-items:center;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 var(--mk-hairline);border-radius:6px;flex-shrink:0;width:20px;height:20px;display:block;box-shadow:0 0 #0000}@keyframes bento-tile{0%,22%{background:#181818}25%,47%{background:#f40}50%,72%{background:#f7f3eb}75%,97%{background:#fff}to{background:#181818}}@keyframes bento-tile-ink{0%,47%{color:#fff}50%,97%{color:#181818}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(--accent);border-radius:50%;width:6px;height:6px}.bento-week-grid{grid-template-columns:repeat(7,minmax(0,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(--accent-solid);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.reference-section{width:100%;overflow:clip}.reference-media .round-carousel{--card:clamp(104px, 13vw, 210px);margin-block:calc(var(--card) * -.45) calc(var(--card) * -.085)}@media (max-width:900px){.reference-media .round-carousel{margin-block:calc(var(--card) * -.395) calc(var(--card) * -.19)}}.reference-media-heading{padding-inline:20px}.reference-media-heading>p{max-width:34ch}
@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}.reference-footer-inner{width:calc(100% - 88px)}.reference-footer-line{width:calc(100% - 44px)}}@media (max-width:700px){.reference-footer{padding-bottom:34px}.reference-footer-inner{width:calc(100% - 24px)}.reference-footer-line{width:calc(100% - 12px)}.reference-footer-cta{padding-bottom:38px}.reference-footer-cta h2{font-size:40px}.reference-footer-actions{margin-top:22px}.reference-footer-grid{grid-template-columns:1fr 1fr;gap:24px 20px;padding:34px 0 28px}.reference-footer-brand>a{margin-block:-6px;padding-block:6px;display:flex}.reference-footer-brand p{margin-top:12px}.reference-footer-channels{margin-top:18px}.reference-footer-grid nav{gap:0;font-size:15px}.reference-footer-bar a{min-height:40px}.reference-footer-grid nav a{padding-block:9px}.reference-footer-grid nav>span{margin-bottom:3px}.reference-footer-bar{flex-wrap:wrap;justify-content:flex-start;gap:10px 20px;padding:20px 0 4px}}@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(--mk-quiet);margin-left:7px;font-size:10.5px;font-style:normal;font-weight:500}.reference-footer-grid nav a:has(>em){white-space:nowrap}@media (max-width:700px){.reference-footer-grid nav a>em{font-size:11.5px}}
.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.how-thumb{flex:none;width:40px;height:40px}.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 .stroke-spin:before{animation:5s linear infinite stroke-slide}#synis .synis-landing .hero-drift-a{animation:37s ease-in-out infinite alternate hero-drift-a}#synis .synis-landing .hero-drift-b{animation:53s ease-in-out infinite alternate hero-drift-b}#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 .pulse{animation:synis-pulse 4.2s linear var(--lag,0s) infinite;display:inline}#synis .synis-landing .reference-hero-lines .hero-run{animation:hero-draw 1.9s cubic-bezier(.65, 0, .35, 1) calc(.15s + var(--draw)) forwards}#synis .synis-landing .reference-hero-lines.hero-glow{transition:opacity .45s}#synis .synis-landing .int-hub-run{animation:hero-draw 1.4s cubic-bezier(.65, 0, .35, 1) calc(.2s + var(--draw)) forwards;transition:stroke .35s,filter .35s}#synis .synis-landing .reference-hero-copy h1 .hero-caret{animation:1s step-end infinite hero-caret}#synis .synis-landing .hero-aurora{animation:14s ease-in-out infinite alternate hero-aurora}#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{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)}#synis .synis-landing .int-hub .int-hub-core:after{animation:hub-ring var(--cycle) ease-out var(--ring-at) infinite}#synis .synis-landing .int-hub .int-hub-core:before{animation:int-hub-glow var(--cycle) ease-out var(--ring-at) infinite}#synis .synis-landing .int-hub[data-paused] .reference-pulse,#synis .synis-landing .int-hub[data-paused] .int-hub-core:before,#synis .synis-landing .int-hub[data-paused] .int-hub-core:after{animation-play-state:paused}}
