/* Syllo. Product UI first: ivory, sage, deep ink, lime.
   DM Sans + IBM Plex Mono are intentionally distinct from the old system stack. */
:root{color-scheme:light;--bg:#f8f9f6;--paper:#fff;--ink:#1a2820;--forest:#213b2a;--sub:#4f6354;--muted:#758477;--line:#dce5da;--sage:#edf2e9;--lime:#d2fa9d;--mono:"IBM Plex Mono",Consolas,monospace;--font:"DM Sans","Aptos",Arial,sans-serif;--scroll-track:#eef3eb;--scroll-thumb:#91a993}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--ink);font:400 14px/1.6 var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}h1,h2,h3{line-height:1.17;letter-spacing:-.045em;font-weight:700}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button[disabled]{cursor:not-allowed;opacity:.56}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:3px solid #5e9365;outline-offset:3px}::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:3px solid var(--scroll-track);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:#5f8164}@supports(scrollbar-color:auto){html{scrollbar-color:var(--scroll-thumb) var(--scroll-track)}}
.container{width:min(1116px,calc(100% - 56px));margin-inline:auto}.narrow{max-width:900px}.ico{width:19px;height:19px;stroke:currentColor;stroke-width:1.7;fill:none;flex-shrink:0}.skip-link{position:absolute;left:20px;top:-90px;z-index:100;background:var(--lime);padding:10px 15px;border-radius:5px}.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;z-index:50;background:#f8f9f6f2;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-inner{display:flex;align-items:center;min-height:67px;gap:40px}.brand{font-weight:800;letter-spacing:-.075em;font-size:23px;line-height:1;display:inline-flex;align-items:center;gap:9px;flex-shrink:0}.brand img{width:30px;height:30px}.brand-period{color:#86af7d}.nav{display:flex;align-items:center;gap:27px;margin-left:auto}.nav a{font-size:12.5px;font-weight:650;color:#687769;padding:23px 0 21px;border-bottom:2px solid transparent;white-space:nowrap}.nav a:hover,.nav a[aria-current=page]{color:var(--ink)}.nav a[aria-current=page]{border-color:var(--forest)}.nav-actions{display:flex;align-items:center;gap:13px;margin-left:5px}.session-link{font-size:12.5px;font-weight:700;white-space:nowrap;padding:10px}.session-link:hover{color:#477f4e}.nav-download{display:inline-flex;align-items:center;gap:10px;background:var(--forest);border:1px solid var(--forest);color:#fff;padding:10px 14px;font-size:12px;border-radius:6px;font-weight:700;white-space:nowrap}.nav-download:hover{background:#3a5a40}.nav-download .ico{width:14px;height:14px}.nav-toggle{display:none;background:transparent;border:1px solid var(--line);width:38px;height:38px;border-radius:6px;align-items:center;justify-content:center}
.eyebrow{font:600 10px/1.5 var(--mono);letter-spacing:.11em;text-transform:uppercase;color:#648068;display:block}.hero{padding:70px 0 77px}.hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:55px;align-items:center}.hero-copy h1{font-size:clamp(40px,4.5vw,61px);line-height:1.08;letter-spacing:-.063em;margin:18px 0 22px;max-width:530px}.hero-copy h1 span,.page-head h1 span{color:#779681}.hero-copy>p{font-size:15px;color:var(--sub);max-width:440px;line-height:1.8}.hero-actions{margin-top:30px;display:flex;align-items:center;flex-wrap:wrap;gap:17px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:12px 17px;min-height:44px;border-radius:6px;border:1px solid transparent;white-space:nowrap;font-size:12.5px;font-weight:700;line-height:1.25;transition:background .15s,color .15s,border-color .15s}.button .ico{width:16px;height:16px}.button-solid{color:#fff;background:var(--forest);border-color:var(--forest)}.button-solid:hover{background:#365940}.button-outline{background:transparent;color:var(--ink);border-color:#a8b9a7}.button-outline:hover{background:#e6eee4}.button-text{color:#365d42;padding-inline:5px}.button-text:hover{color:#1b3724}.hero-meta{margin-top:34px;font:500 10.5px var(--mono);color:#738577;display:flex;align-items:center;gap:10px}.status-dot{height:7px;width:7px;border-radius:50%;background:#70a678}
.preview-wrap{background:#e6ede3;border:1px solid #d2dfcf;border-radius:13px;padding:14px;min-height:425px;display:flex;flex-direction:column}.preview-top,.preview-foot{display:flex;justify-content:space-between;gap:9px;color:#66806a;font:500 9px/1.4 var(--mono);letter-spacing:.045em}.preview-top{padding:5px 5px 12px}.preview-foot{padding:12px 5px 4px;margin-top:auto}.preview-area{display:grid;place-items:center;position:relative;flex:1;min-height:340px;border-radius:7px;border:1px solid #d4e0d2;background-color:#dce7da;background-image:linear-gradient(#f2f5ee70 1px,transparent 1px),linear-gradient(90deg,#f2f5ee70 1px,transparent 1px);background-size:29px 29px}.wallpaper-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:114px;height:16px;background:#213529;border-radius:0 0 10px 10px;display:flex;align-items:center;justify-content:center}.wallpaper-notch span{width:32px;height:3px;border-radius:10px;background:#070c09}.app-window{width:min(334px,calc(100% - 28px));background:#19251e;color:#f6fbf3;border-radius:14px;box-shadow:0 17px 40px #26442c2d;overflow:hidden;border:1px solid #2f4034}.app-top{min-height:46px;display:flex;align-items:center;gap:12px;padding:7px 17px;border-bottom:1px solid #34483b}.notch{height:11px;width:44px;background:#080e0a;border-radius:6px}.app-title{font-size:13px;letter-spacing:-.06em;font-weight:750}.app-date{color:#829b88;font:400 9px var(--mono);margin-left:auto}.preview-content{padding:18px 20px;min-height:185px}.panel-label{display:flex;justify-content:space-between;align-items:center;color:#a4baa6;font:500 9px var(--mono);letter-spacing:.08em;margin-bottom:18px}.panel-label span{color:#baf28a}.track{display:flex;align-items:center;gap:15px}.cover{height:66px;width:66px;display:grid;place-items:center;flex-shrink:0;border-radius:9px;background:#91a98c;color:#e9f7e2}.cover .ico{height:30px;width:30px}.track-meta{display:flex;flex-direction:column;gap:6px}.track-meta strong{font-weight:700;font-size:17px;line-height:1.25}.track-meta span{font-size:11px;color:#a3b8a5}.track-controls{display:flex;align-items:center;gap:12px;margin-top:19px}.track-controls button{border:0;color:#e8f1e7;background:transparent;min-width:24px;min-height:25px}.track-controls .track-play{width:30px;height:30px;border-radius:50%;background:var(--lime);color:#1c2e22;font-size:13px}.track-progress{margin-left:5px;flex:1;background:#405446;height:3px;max-width:85px;border-radius:3px;overflow:hidden}.track-progress span{display:block;width:47%;background:var(--lime);height:100%}.track-time{color:#819b8b;font:400 9px var(--mono)}.app-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:10px 13px;background:#131e17;gap:4px}.app-tabs button{border:0;background:transparent;border-radius:6px;color:#91a997;padding:9px 2px;display:flex;align-items:center;flex-direction:column;gap:4px;font:500 10px var(--font)}.app-tabs button .ico{width:17px;height:17px}.app-tabs button[aria-selected=true]{color:#d7f8b3;background:#283d2e}.app-tabs button:hover{color:#fff}.module-rows{display:grid;gap:9px}.module-row{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #35463b;padding:9px 0;color:#e7f3e4;font-size:11px}.module-row span{display:flex;align-items:center;gap:9px}.module-row .ico{height:16px;width:16px;color:#bedab9}.module-row b{color:#b3e697;font:500 9px var(--mono)}
.home-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f0f3ed}.bar-grid{display:flex;justify-content:space-between;gap:22px;padding:19px 0;font:500 9px/1.6 var(--mono);letter-spacing:.04em;color:#718775}.section{padding:76px 0}.section>.container{width:min(1116px,calc(100% - 56px))}.section-head{display:grid;grid-template-columns:1fr .6fr;align-items:end;gap:40px;margin-bottom:31px}.section-head h2{font-size:clamp(26px,3vw,38px);line-height:1.23;max-width:570px;margin-top:11px}.section-head p{font-size:13px;color:var(--sub);max-width:370px;line-height:1.8}.feature-list{border-top:1px solid var(--line)}.feature-row{display:grid;grid-template-columns:58px 42px 1fr 20px;gap:18px;align-items:center;padding:24px 10px;border-bottom:1px solid var(--line)}.feature-index{font:500 10px var(--mono);color:#93a496}.feature-row-icon{color:#577961;background:#eaf2e6;width:38px;height:38px;border-radius:8px;display:grid;place-items:center}.feature-row-icon .ico{width:21px;height:21px}.feature-row h3{font-size:16px;letter-spacing:-.027em;margin-bottom:4px}.feature-row p{font-size:12.5px;color:var(--sub)}.feature-row>.ico{width:15px;height:15px;color:#89a78c}.text-action{margin-top:27px;display:inline-flex;align-items:center;gap:12px;font-weight:700;font-size:12px;color:#3b6042}.text-action .ico{height:16px;width:16px}.text-action:hover{text-decoration:underline}.section-contrast{background:#eaf0e8;border-top:1px solid #dde8da;border-bottom:1px solid #dde8da}.section-alt{background:#f0f4ee}.split{display:grid;grid-template-columns:1fr .9fr;gap:12%;align-items:center}.split h2{font-size:clamp(26px,3vw,38px);line-height:1.2;max-width:480px;margin-top:10px}.split p{font-size:13.5px;color:var(--sub);line-height:1.85;margin-bottom:18px}.endcap-row{display:flex;justify-content:space-between;gap:30px;align-items:center}.endcap h2{font-size:30px;margin:10px 0}.endcap p{font-size:13px;color:var(--muted)}
.page-head{padding:70px 0 65px;border-bottom:1px solid var(--line)}.page-head h1{font-size:clamp(36px,4.4vw,55px);line-height:1.13;margin:16px 0 20px;max-width:800px}.page-head p{font-size:15px;color:var(--sub);max-width:615px;line-height:1.8}.page-head .button{margin-top:24px}.anchor-nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.anchor-nav a{padding:8px 12px;font:600 10px var(--mono);border:1px solid #cbdaca;border-radius:5px}.anchor-nav a:hover{background:#eaf0e8}.stack-list{display:grid;gap:0;border-top:1px solid #c5d6c3}.stack-list>div{display:flex;align-items:center;gap:15px;padding:19px 0;border-bottom:1px solid #c5d6c3;font-size:13px;font-weight:650}.stack-list .ico{color:#477651}.stack-list p{font-size:11px;margin-top:15px}.platform-list{display:grid;gap:10px}.platform-list>div{display:flex;align-items:center;gap:13px;padding:17px 19px;border:1px solid #d3dfd2;background:#fff;border-radius:7px}.platform-list .ico{width:26px;height:26px;color:#476e4b}.platform-list strong{font-size:14px}.platform-list span{font-size:11px;color:#79907d;margin-left:auto;text-align:right}
.process-list{border-top:1px solid var(--line)}.process-row{display:grid;grid-template-columns:90px .7fr 1fr 28px;gap:25px;align-items:start;border-bottom:1px solid var(--line);padding:29px 0;scroll-margin-top:85px}.process-num{color:#91a695;font:500 12px var(--mono);padding-top:5px}.process-row h2{font-size:23px}.process-row p{font-size:13px;color:var(--sub);line-height:1.75}.process-row>.ico{color:#8ba38d}
.inline-note{border-left:3px solid #9fc68d;padding-left:13px;margin-top:18px;font-size:12px!important}.plans{display:grid;grid-template-columns:1fr 1fr;gap:16px}.plan{border:1px solid var(--line);padding:28px;background:#fff;border-radius:8px;display:flex;flex-direction:column;align-items:stretch}.plan-main{background:#edf3ea;border-color:#c4dac1}.plan-top{display:flex;justify-content:space-between;font:500 10px var(--mono);color:#658068;padding-bottom:25px;border-bottom:1px solid var(--line)}.plan h2{font-size:21px;margin:25px 0 9px}.plan-price{font-size:40px!important;letter-spacing:-.065em;font-weight:750;color:var(--ink)!important;line-height:1.2!important}.plan-price small{font:500 13px var(--font);letter-spacing:0;color:#778877}.plan>p:not(.plan-price){font-size:12.5px;color:var(--sub);margin-top:8px}.plan ul{list-style:none;padding:19px 0 20px;margin:10px 0 auto;font-size:12px;color:#445e48}.plan li{padding:9px 0;border-bottom:1px solid #e2eae0}.plan li:before{content:"✓";padding-right:10px;color:#5c945f}.plan .button{margin-top:16px}.download-list{border-top:1px solid #cbdcca}.download-list>div{display:flex;align-items:center;gap:17px;border-bottom:1px solid #cbdcca;padding:20px 0}.download-list .ico{color:#56785a;width:28px;height:28px}.download-list>div>div{display:flex;flex-direction:column}.download-list strong{font-size:15px}.download-list small{font-size:11px;color:var(--muted)}.download-list button,.download-list a{margin-left:auto}.faqs details{border-bottom:1px solid var(--line);padding:17px 0}.faqs summary{cursor:pointer;font-size:13px;font-weight:700}.faqs p{font-size:12px;color:var(--sub);margin:10px 0 0}.editorial p{margin-bottom:15px}
.site-footer{background:#1f3225;color:#e9f1e8;padding-top:47px}.footer-main{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-bottom:52px}.site-footer .brand{font-size:22px}.footer-identity p{color:#c4d4c7;font-size:13px;margin:16px 0}.footer-caption{font:500 10px var(--mono);color:#90aa95}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:25px}.footer-links>div{display:flex;flex-direction:column;gap:11px}.footer-links strong{font:500 10px var(--mono);letter-spacing:.08em;color:#c1e09f;text-transform:uppercase;margin-bottom:7px}.footer-links a{font-size:12px;color:#c5d6c7}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #3d5242;padding:18px 0;display:flex;justify-content:space-between;color:#a3bda8;font:400 10px var(--mono)}
@media(max-width:1050px){.header-inner{gap:20px}.nav{gap:16px}.hero-grid{gap:25px}.nav-actions{gap:4px}}
@media(max-width:800px){.container,.section>.container{width:min(680px,calc(100% - 36px))}.header-inner{min-height:63px;gap:10px}.nav-toggle{display:flex;margin-left:auto}.nav{display:none;position:absolute;left:0;right:0;top:63px;background:var(--bg);border-bottom:1px solid var(--line);padding:16px 22px;box-shadow:0 12px 20px #1b36210e;flex-direction:column;align-items:stretch;gap:0}.nav.is-open{display:flex}.nav a{padding:12px 4px;border:0}.nav-actions{margin-left:5px}.nav-download{padding:10px}.hero{padding:46px 0 56px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero-copy h1{font-size:clamp(39px,7.2vw,56px)}.hero-art{max-width:600px}.section,.page-head{padding:54px 0}.section-head{grid-template-columns:1fr;gap:12px}.split{grid-template-columns:1fr;gap:26px}.process-row{grid-template-columns:52px 1fr;gap:12px}.process-row p{grid-column:2}.process-row>.ico{display:none}.plans{grid-template-columns:1fr}.footer-main{gap:26px}.bar-grid{flex-wrap:wrap;gap:9px}.bar-grid span{font-size:8px}}
@media(max-width:540px){.container,.section>.container{width:calc(100% - 32px)}.header-inner{min-height:60px}.nav{top:60px}.brand{font-size:21px}.brand img{width:27px;height:27px}.nav-actions{gap:3px}.session-link{font-size:12px;padding:6px}.nav-download{font-size:0;padding:9px}.nav-download .ico{width:18px;height:18px}.hero-copy h1{font-size:39px}.hero-copy>p{font-size:14px}.hero-meta{font-size:9px}.preview-wrap{min-height:355px;padding:9px}.preview-top,.preview-foot{font-size:7px}.preview-area{min-height:295px}.app-window{width:min(315px,calc(100% - 16px))}.section-head h2,.split h2{font-size:28px}.feature-row{grid-template-columns:30px 37px 1fr;gap:10px;padding:18px 0}.feature-row>.ico{display:none}.feature-index{font-size:9px}.feature-row h3{font-size:14px}.feature-row p{font-size:11.5px}.endcap-row{flex-direction:column;align-items:flex-start}.page-head h1{font-size:36px}.page-head p{font-size:13px}.platform-list>div{flex-wrap:wrap}.platform-list span{width:100%;text-align:left;padding-left:39px}.footer-main{grid-template-columns:1fr;gap:25px}.footer-bottom{gap:12px;flex-wrap:wrap}.process-row h2{font-size:19px}.bar-grid span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}