:root{color-scheme:light;--canvas: #f8faff;--canvas-strong: #f2f6fc;--surface: #ffffff;--surface-muted: #f4f7fb;--ink: #0b1220;--ink-soft: #273449;--muted: #647084;--line: #dfe5ee;--line-strong: #cbd5e1;--blue: #087cff;--blue-dark: #0756b8;--orange: #ff4b17;--green: #20ad45;--navy: #07111f;--danger: #c0263a;--success: #087c34;--shadow-soft: 0 18px 55px rgba(40, 63, 96, .09);--shadow-lift: 0 24px 64px rgba(40, 63, 96, .14);--radius: 8px;--container: 1240px;--ease-out: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px;font-family:Inter,SF Pro Text,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--canvas)}body{min-width:320px;margin:0;color:var(--ink);background:var(--canvas);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body,button,input,textarea{font-family:inherit}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{max-width:100%}::selection{color:#fff;background:var(--blue)}:focus-visible{outline:3px solid rgba(8,124,255,.34);outline-offset:4px}.site-shell{position:relative;min-height:100vh;overflow-x:clip;isolation:isolate}main{position:relative;z-index:1}.premium-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;overflow:hidden;background:linear-gradient(180deg,#ffffffe6,#f8fafff5 38%,#f8faff)}.premium-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.28;background-image:linear-gradient(rgba(25,48,82,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(25,48,82,.035) 1px,transparent 1px);background-size:88px 88px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.28) 56%,transparent 88%);mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.28) 56%,transparent 88%)}.premium-background-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 8% 12%,rgba(255,75,23,.055),transparent 26%),radial-gradient(circle at 91% 15%,rgba(8,124,255,.08),transparent 30%),radial-gradient(circle at 74% 82%,rgba(32,173,69,.045),transparent 29%)}.premium-gradient-shift,.premium-radial-wrap,.premium-radial{display:none}.scroll-progress{position:fixed;inset:0 0 auto;z-index:120;height:3px;pointer-events:none;background:#0f172a0a}.scroll-progress-bar{width:100%;height:100%;transform-origin:left center;background:linear-gradient(90deg,var(--orange),var(--blue) 52%,var(--green));box-shadow:0 0 16px #087cff40;will-change:transform}.syskasa-lockup{display:inline-flex;align-items:center;gap:12px;min-width:0;vertical-align:middle}.syskasa-symbol{display:block;width:38px;height:48px;flex:0 0 auto;object-fit:contain}.syskasa-lockup-copy{display:grid;gap:3px;min-width:0;line-height:1}.syskasa-lockup-eyebrow,.syskasa-lockup-tagline{color:var(--muted);font-size:.68rem;font-weight:750;line-height:1.2;text-transform:uppercase}.syskasa-lockup-eyebrow{letter-spacing:.08em}.syskasa-lockup-tagline{letter-spacing:0;text-transform:none}.syskasa-wordmark{display:block;width:164px;height:auto;object-fit:contain}.syskasa-lockup-compact{gap:8px}.syskasa-lockup-compact .syskasa-symbol{width:25px;height:32px}.syskasa-lockup-compact .syskasa-wordmark{width:104px}.premium-navbar{position:fixed;inset:3px 0 auto;z-index:100;min-height:74px;padding:0 max(24px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid rgba(15,23,42,.09);background:#f8faffe0;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);transition:min-height .24s var(--ease-out),background .24s ease,box-shadow .24s ease}.premium-navbar-scrolled{min-height:66px;background:#fffffff0;box-shadow:0 12px 38px #283f6014}.premium-brand{display:inline-flex;align-items:center;gap:15px;min-width:max-content}.premium-brand-owner{display:grid;gap:0;padding-left:15px;border-left:1px solid var(--line-strong);line-height:1.25}.premium-brand-owner strong{color:var(--ink);font-size:.82rem;font-weight:760}.premium-brand-owner span{color:var(--muted);font-size:.7rem}.premium-nav-links{display:flex;align-items:center;gap:25px}.premium-nav-links a{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:42px;color:var(--muted);font-size:.84rem;font-weight:620;white-space:nowrap;transition:color .18s ease}.premium-nav-links a:after{content:"";position:absolute;right:0;bottom:2px;left:0;height:2px;transform:scaleX(0);transform-origin:right center;background:var(--blue);transition:transform .24s var(--ease-out)}.premium-nav-links a:hover,.premium-nav-links a:focus-visible,.premium-nav-links .premium-nav-active{color:var(--ink)}.premium-nav-links a:hover:after,.premium-nav-links a:focus-visible:after,.premium-nav-links .premium-nav-active:after{transform:scaleX(1);transform-origin:left center}.premium-nav-manage{width:34px;min-height:34px!important;justify-content:center;border:1px solid var(--line);border-radius:50%;background:var(--surface)}.premium-nav-manage:after{display:none}.premium-nav-manage:hover{border-color:#087cff59;color:var(--blue)!important}.premium-nav-manage-label{display:none}.premium-menu-button{display:none;width:42px;height:42px;padding:0;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--surface);cursor:pointer}.section{position:relative;width:min(var(--container),calc(100% - 48px));margin:0 auto;padding:118px 0;border-top:1px solid rgba(15,23,42,.08)}.section:first-child{border-top:0}.section-premium,.section-dark{color:var(--ink)}.section-header{display:grid;grid-template-columns:minmax(180px,.46fr) minmax(0,1.54fr);gap:10px 50px;align-items:start;margin-bottom:45px}.section-header .section-eyebrow{grid-row:1 / span 2;padding-top:10px}.section-header h2{margin:0;max-width:840px;color:var(--ink);font-size:clamp(2.3rem,4.2vw,4.2rem);font-weight:720;line-height:1.04;letter-spacing:0}.section-header p{margin:10px 0 0;max-width:760px;color:var(--muted);font-size:1.05rem;line-height:1.75}.section-eyebrow,.premium-eyebrow,.eyebrow{margin:0;color:var(--blue);font-size:.74rem;font-weight:800;line-height:1.35;letter-spacing:.08em;text-transform:uppercase}.section-accent{color:var(--blue)}h1,h2,h3,h4,h5,p{overflow-wrap:anywhere}h3{letter-spacing:0}.button,.filter-chip{position:relative;min-height:46px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--ink);background:var(--surface);cursor:pointer;font-weight:680;line-height:1;transition:color .19s ease,background .19s ease,border-color .19s ease,transform .22s var(--ease-out),box-shadow .22s ease}.button svg{flex:0 0 auto;transition:transform .22s var(--ease-out)}.button:hover,.button:focus-visible,.filter-chip:hover,.filter-chip:focus-visible{transform:translateY(-2px);border-color:#087cff61;box-shadow:0 12px 28px #283f601c}.button:hover svg{transform:translate(2px)}.button-strong,.button-primary{border-color:var(--navy);color:#fff;background:var(--navy);box-shadow:0 12px 26px #07111f29}.button-strong:hover,.button-primary:hover,.button-strong:focus-visible,.button-primary:focus-visible{border-color:var(--blue);color:#fff;background:var(--blue)}.button-secondary,.button-ghost{color:var(--ink);background:#ffffffd1}.button-small,.button-compact{min-height:39px;padding:0 13px;font-size:.83rem}.button:disabled{opacity:.55;pointer-events:none}.section-premium-hero{width:min(1320px,calc(100% - 48px));min-height:100vh;padding:126px 0 48px;display:grid;align-items:center}.premium-hero-shell{display:grid;gap:38px}.premium-hero-top{display:grid;justify-items:center;gap:16px;text-align:center}.premium-hero-name{margin:0;color:var(--ink);font-size:clamp(4rem,7.7vw,7.2rem);font-weight:760;line-height:.97;letter-spacing:0}.premium-hero-brand{margin:0;display:flex;align-items:center;justify-content:center;gap:18px;color:var(--ink-soft);font-size:clamp(1.1rem,2vw,1.75rem);font-weight:520}.premium-hero-brand>.syskasa-lockup{gap:9px}.premium-hero-brand .syskasa-symbol{width:35px;height:45px}.premium-hero-brand .syskasa-wordmark{width:155px}.premium-hero-brand .syskasa-lockup-eyebrow{display:none}.premium-hero-operating-grid{display:grid;grid-template-columns:minmax(250px,.82fr) minmax(360px,1.18fr) minmax(250px,.82fr);grid-template-areas:"copy portrait focus";gap:clamp(28px,4vw,58px);align-items:center}.premium-hero-content{grid-area:copy;display:grid;gap:20px;align-content:center}.premium-hero-headline{margin:0;color:var(--ink);font-size:clamp(2rem,3.2vw,3.15rem);font-weight:720;line-height:1.1;letter-spacing:0}.premium-hero-text{margin:0;max-width:50ch;color:var(--muted);font-size:1rem;line-height:1.78}.premium-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:4px}.premium-hero-actions .button:first-child{grid-column:1 / -1}.premium-hero-portrait{--portrait-rotate-x: 0deg;--portrait-rotate-y: 0deg;--portrait-light-x: 50%;--portrait-light-y: 24%;position:relative;grid-area:portrait;width:min(100%,470px);margin:0 auto;display:grid;gap:12px;perspective:1200px}.portrait-glow{position:absolute;top:11%;right:5%;bottom:-2%;left:5%;z-index:-1;opacity:.2;filter:blur(28px);background:#087cff42}.portrait-frame{position:relative;overflow:hidden;aspect-ratio:4 / 5;border:1px solid rgba(8,124,255,.32);border-radius:4px;background:var(--surface-muted);box-shadow:var(--shadow-lift);transform:rotateX(var(--portrait-rotate-x)) rotateY(var(--portrait-rotate-y));transform-style:preserve-3d;transition:transform .28s var(--ease-out),box-shadow .28s ease;will-change:transform}.premium-hero-portrait:hover .portrait-frame{box-shadow:0 32px 76px #283f602e}.portrait-frame:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,var(--orange),var(--blue) 52%,var(--green))}.portrait-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1.015);transition:transform .7s var(--ease-out)}.premium-hero-portrait:hover .portrait-frame img{transform:scale(1.035)}.portrait-light{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;background:radial-gradient(circle at var(--portrait-light-x) var(--portrait-light-y),rgba(255,255,255,.25),transparent 30%);transition:opacity .24s ease}.premium-hero-portrait:hover .portrait-light{opacity:1}.premium-hero-portrait figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:.78rem}.premium-hero-portrait figcaption span:first-child{color:var(--ink);font-weight:680}.portrait-fallback{width:100%;height:100%;display:grid;place-items:center;color:var(--ink);background:var(--surface-muted);font-size:4rem;font-weight:760}.hero-focus{grid-area:focus;display:grid;gap:14px;align-self:center}.hero-focus-list{border-top:1px solid var(--line)}.hero-focus-list a{min-height:66px;display:grid;grid-template-columns:28px minmax(0,1fr) 20px;gap:14px;align-items:center;border-bottom:1px solid var(--line);color:var(--ink);font-size:.92rem;font-weight:680;transition:color .18s ease,padding .22s var(--ease-out),background .18s ease}.hero-focus-list a:nth-child(1)>svg:first-child,.hero-focus-list a:nth-child(4)>svg:first-child{color:var(--orange)}.hero-focus-list a:nth-child(2)>svg:first-child,.hero-focus-list a:nth-child(5)>svg:first-child{color:var(--blue)}.hero-focus-list a:nth-child(3)>svg:first-child{color:var(--green)}.hero-focus-list a>svg:last-child{color:var(--muted);transition:transform .22s var(--ease-out)}.hero-focus-list a:hover,.hero-focus-list a:focus-visible{padding:0 8px;color:var(--blue-dark);background:#087cff09}.hero-focus-list a:hover>svg:last-child,.hero-focus-list a:focus-visible>svg:last-child{transform:translate(4px)}.hero-live-strip{position:relative;min-height:72px;padding:14px 0;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:.86rem}.hero-live-strip:before{content:"";position:absolute;top:-1px;left:0;width:132px;height:2px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--orange),var(--blue),var(--green));animation:lineDraw .9s .72s var(--ease-out) forwards}.hero-live-strip>div,.hero-live-strip>a{display:inline-flex;align-items:center;gap:9px}.hero-live-strip strong{color:var(--ink);font-size:.92rem;font-weight:720}.hero-live-strip>a{justify-self:end;color:var(--ink);font-weight:680}.hero-live-strip>a svg{transition:transform .22s var(--ease-out)}.hero-live-strip>a:hover svg{transform:translate(4px)}.build-indicator{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #087cff1a}.hero-enter{opacity:1;transform:none;animation:heroEnter .48s var(--ease-out) both}.hero-enter-one{animation-delay:20ms}.hero-enter-two{animation-delay:70ms}.hero-enter-three{animation-delay:.11s}.hero-enter-four{animation-delay:.15s}.hero-enter-five{animation-delay:.19s}.founder-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px}.founder-story,.founder-card-grid,.founder-focus{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffc7}.founder-story{padding:clamp(24px,4vw,44px);display:grid;gap:24px;align-content:center}.founder-story p{margin:0;color:var(--ink-soft);font-size:clamp(1.08rem,1.7vw,1.35rem);line-height:1.72}.founder-story .button{width:max-content}.founder-company-lockup{width:max-content;max-width:100%;padding-bottom:22px;border-bottom:1px solid var(--line)}.founder-card-grid{padding:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.founder-card{min-height:126px;padding:20px;display:grid;gap:16px;align-content:space-between;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:color .18s ease,background .18s ease}.founder-card:nth-child(2n){border-right:0}.founder-card:nth-last-child(-n+2){border-bottom:0}.founder-card:hover{background:var(--surface-muted)}.founder-card p{margin:0;color:var(--ink);font-weight:700}.founder-card-icon,.card-icon,.timeline-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(8,124,255,.2);border-radius:7px;color:var(--blue);background:#087cff0e}.founder-focus{grid-column:1 / -1;padding:22px 26px;display:grid;grid-template-columns:minmax(180px,.32fr) minmax(0,1fr);gap:28px;align-items:center}.founder-focus h3{margin:0;font-size:1.08rem}.founder-focus-pills{display:flex;flex-wrap:wrap;gap:8px}.founder-focus-pills span,.product-feature-list span,.tag-row span,.category-chip{min-height:32px;padding:6px 10px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:var(--surface-muted);font-size:.76rem}.product-stats{margin-bottom:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.product-stats p{min-height:72px;margin:0;padding:0 18px;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line);color:var(--ink-soft);font-size:.86rem;font-weight:680;text-align:center}.product-stats p:last-child{border-right:0}.ecosystem-visual{margin:32px 0;padding:clamp(24px,4vw,44px);display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(28px,5vw,66px);border:1px solid var(--line);border-radius:var(--radius);background:#ffffffd1;box-shadow:var(--shadow-soft)}.ecosystem-identity{display:grid;align-content:start;gap:22px}.ecosystem-identity h3{margin:4px 0 0;color:var(--ink);font-size:clamp(1.45rem,2.6vw,2.2rem);line-height:1.2}.ecosystem-identity>p:not(.section-eyebrow){margin:0;color:var(--muted);line-height:1.72}.ecosystem-counts{margin:6px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ecosystem-counts>div{padding:14px 0}.ecosystem-counts>div+div{padding-left:18px;border-left:1px solid var(--line)}.ecosystem-counts dt{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.ecosystem-counts dd{margin:3px 0 0;color:var(--ink);font-size:1.55rem;font-weight:760}.ecosystem-node-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;border-top:1px solid var(--line)}.ecosystem-node{min-height:76px;padding:12px 12px 12px 0;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;border-bottom:1px solid var(--line);transition:padding .22s var(--ease-out),background .18s ease}.ecosystem-node:nth-child(odd){padding-right:18px;border-right:1px solid var(--line)}.ecosystem-node:nth-child(2n){padding-left:18px}.ecosystem-node:hover{padding-right:14px;padding-left:14px;background:#087cff0a}.ecosystem-node-index{color:var(--line-strong);font-size:.7rem;font-variant-numeric:tabular-nums}.ecosystem-node>div{min-width:0}.ecosystem-node strong{display:block;color:var(--ink);font-size:.84rem;line-height:1.3}.ecosystem-node>div>span{display:block;margin-top:3px;overflow:hidden;color:var(--muted);font-size:.68rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.ecosystem-node-status{grid-column:2;width:max-content;margin-top:-5px;color:var(--blue-dark);font-size:.65rem;font-weight:760}.ecosystem-node-live .ecosystem-node-status{color:var(--success)}.collection-filters{position:relative;margin:34px 0 24px;padding:18px;display:grid;gap:10px;border:1px solid var(--line);border-radius:var(--radius);background:#fffc}.filter-group{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{min-height:36px;padding:0 12px;color:var(--muted);font-size:.76rem;font-weight:680;box-shadow:none}.filter-chip.active{border-color:#087cff47;color:var(--blue-dark);background:#087cff12}.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-card,.app-card,.project-card{position:relative;min-width:0;padding:20px;display:grid;gap:13px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe6;box-shadow:0 10px 28px #283f600e;transition:transform .26s var(--ease-out),border-color .22s ease,box-shadow .26s ease}.product-card:before,.app-card:before,.project-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--orange),var(--blue) 52%,var(--green));transition:transform .3s var(--ease-out)}.product-card:hover,.app-card:hover,.project-card:hover{transform:translateY(-5px);border-color:#087cff47;box-shadow:var(--shadow-lift)}.product-card:hover:before,.app-card:hover:before,.project-card:hover:before{transform:scaleX(1)}.product-card-top,.app-card-top,.app-status-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.product-card h3,.app-card h3,.project-card h3{margin:0;color:var(--ink);font-size:1.18rem;line-height:1.25}.product-category{max-width:55%;color:var(--muted);font-size:.69rem;line-height:1.35;text-align:right}.status-badge,.status-pill,.project-kicker{width:max-content;min-height:26px;padding:5px 8px;display:inline-flex;align-items:center;border:1px solid rgba(8,124,255,.22);border-radius:5px;color:var(--blue-dark);background:#087cff11;font-size:.68rem;font-weight:760}.status-badge-live,.status-pill-live{border-color:#20ad4540;color:var(--success);background:#20ad4513}.status-badge-roadmap,.status-badge-private,.status-pill-secondary{color:#5c4bb7;border-color:#5c4bb733;background:#5c4bb70f}.product-outcome,.app-outcome,.project-outcome{margin:0;color:var(--ink-soft);font-weight:640;line-height:1.55}.product-description,.product-card>p,.app-tagline,.project-card>p{margin:0;color:var(--muted);line-height:1.65}.product-features-label{color:var(--muted);font-size:.7rem;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.product-feature-list,.tag-row,.feature-list{display:flex;flex-wrap:wrap;gap:6px}.card-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}.product-details-panel{margin:3px -4px -4px;padding:18px;display:grid;gap:12px;border:1px solid var(--line);border-radius:7px;background:var(--surface-muted);animation:detailsOpen .28s var(--ease-out)}.product-details-panel h4,.product-details-panel h5{margin:0;color:var(--ink)}.product-details-panel p,.product-details-panel ul,.product-details-panel ol{margin:0;color:var(--muted);font-size:.84rem}.product-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.product-details-grid ul,.product-details-grid ol{padding-left:18px}.product-details-note{padding-top:12px;border-top:1px solid var(--line)}.product-details-close{width:max-content;padding:0;display:inline-flex;align-items:center;gap:5px;border:0;color:var(--blue-dark);background:transparent;cursor:pointer;font-size:.78rem;font-weight:720}.ghost-link{color:var(--blue-dark);font-weight:680}.live-featured-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.featured-live-panel{padding:26px;display:grid;gap:22px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe6;box-shadow:var(--shadow-soft)}.featured-live-panel>div:first-child{padding-bottom:16px;border-bottom:1px solid var(--line)}.featured-live-panel h2{margin:5px 0 0;font-size:clamp(1.55rem,2.4vw,2.2rem);line-height:1.15}.featured-live-meta{margin:8px 0 0;color:var(--success);font-size:.78rem;font-weight:760}.featured-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.featured-live-grid article{padding-top:12px;border-top:1px solid var(--line)}.featured-live-grid h3{margin:0 0 6px;font-size:.88rem}.featured-live-grid p,.featured-live-grid ul{margin:0;color:var(--muted);font-size:.82rem;line-height:1.62}.featured-live-grid ul{padding-left:18px}.featured-live-panel>.button{width:max-content}.roadmap-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.roadmap-node,.capability-card,.timeline-card,.resume-card,.skill-card{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffdb;transition:transform .24s var(--ease-out),border-color .2s ease,box-shadow .24s ease}.roadmap-node:hover,.capability-card:hover,.timeline-card:hover,.resume-card:hover,.skill-card:hover{transform:translateY(-3px);border-color:#087cff47;box-shadow:var(--shadow-soft)}.roadmap-node{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px}.roadmap-index{color:var(--blue);font-size:.75rem;font-weight:800;font-variant-numeric:tabular-nums}.roadmap-node h3,.capability-card h3,.timeline-card h3{margin:0}.roadmap-node p,.roadmap-node ul,.capability-card ul,.timeline-card p,.timeline-card ul{color:var(--muted)}.roadmap-node ul,.capability-card ul,.timeline-list{padding-left:18px}.capability-grid,.skills-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card-title-row{display:flex;align-items:center;gap:12px}.capability-card ul{margin:18px 0 0;display:grid;gap:8px;font-size:.88rem}.timeline-grid{display:grid;grid-template-columns:1fr;gap:14px}.timeline{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.timeline-card{display:grid;gap:12px}.timeline-list{margin:0}.experience-note{margin:0;padding-top:14px;border-top:1px solid var(--line)}.github-panel{min-height:250px;padding:clamp(28px,5vw,58px);display:flex;align-items:center;justify-content:space-between;gap:34px;overflow:hidden;border-radius:var(--radius);color:#fff;background:var(--navy);box-shadow:0 24px 64px #07111f2e}.github-panel>div{max-width:760px}.github-panel .section-eyebrow{color:#6eb1ff}.github-panel h2{margin:8px 0;color:#fff;font-size:clamp(2rem,4vw,3.8rem);line-height:1.08}.github-panel p:not(.section-eyebrow){margin:0;color:#aebdd0}.github-panel .button-strong{border-color:#fff;color:var(--navy);background:#fff;box-shadow:none}.contact-helper{max-width:780px;margin:8px 0;color:var(--muted)}.contact-helper a{color:var(--blue-dark);font-weight:680}.contact-layout{margin-top:28px;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:18px}.contact-panel{display:grid;align-content:start;border-top:1px solid var(--line)}.contact-item{min-height:72px;padding:14px 8px;display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:center;border-bottom:1px solid var(--line);color:var(--ink);transition:padding .22s var(--ease-out),color .18s ease,background .18s ease}.contact-item svg{color:var(--blue)}.contact-item:hover{padding-right:14px;padding-left:14px;color:var(--blue-dark);background:#087cff0a}.contact-form{padding:26px;display:grid;gap:16px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe6;box-shadow:var(--shadow-soft)}.contact-form label,.manager-form label,.manager-panel>label{display:grid;gap:7px;color:var(--ink-soft);font-size:.82rem;font-weight:680}.contact-form input,.contact-form textarea,.manager-form input,.manager-form textarea{width:100%;min-height:46px;padding:11px 12px;border:1px solid var(--line-strong);border-radius:6px;color:var(--ink);background:#fff;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.contact-form textarea,.manager-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus,.manager-form input:focus,.manager-form textarea:focus{border-color:#087cff94;box-shadow:0 0 0 4px #087cff17}.success-message,.manager-note-success{margin:0;color:var(--success);font-weight:680}.success-message.error,.manager-note-error{color:var(--danger)}.premium-footer{width:min(var(--container),calc(100% - 48px));margin:0 auto;padding:70px 0 30px;display:grid;grid-template-columns:1.15fr .85fr .7fr;gap:36px;border-top:1px solid var(--line);color:var(--muted)}.premium-footer-brand{display:grid;align-content:start;gap:16px}.premium-footer-brand p,.premium-footer>p{margin:0}.premium-footer nav,.premium-footer-socials,.premium-footer-links{display:flex;flex-wrap:wrap;align-content:flex-start;gap:10px 18px}.premium-footer nav a,.premium-footer-socials a,.premium-footer-links a{color:var(--muted);font-size:.82rem;transition:color .18s ease}.premium-footer a:hover{color:var(--blue-dark)}.premium-footer-products{grid-column:1 / -1;padding-top:26px;display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px 24px;border-top:1px solid var(--line)}.premium-footer-products h4{margin:0;color:var(--ink);font-size:.8rem}.premium-footer>p{grid-column:1 / -1;padding-top:22px;border-top:1px solid var(--line);font-size:.78rem}.manager-section{padding-top:126px}.manager-header{margin-bottom:28px;display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.manager-header h1{margin:8px 0;font-size:clamp(2rem,4vw,3.8rem);line-height:1.08}.manager-header p{max-width:760px;color:var(--muted)}.manager-sync-status{font-weight:680}.manager-form{display:grid;gap:18px}.manager-panel,.manager-actions{padding:24px;display:grid;gap:16px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe6}.manager-panel h2{margin:0}.manager-panel p{margin:0;color:var(--muted)}.manager-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.manager-auth-row,.manager-actions,.manager-message-top{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.manager-messages{display:grid;gap:10px}.manager-message{padding:16px;border:1px solid var(--line);border-radius:6px;background:var(--surface-muted)}.manager-message-top{color:var(--muted);font-size:.78rem}.manager-message-top strong{color:var(--ink)}.manager-message-source,.manager-note{color:var(--muted);font-size:.8rem}.blog-grid,.highlight-grid,.resume-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.blog-card,.metric-card{padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.blog-meta,.blog-tags{color:var(--muted)}.resume-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.card-icon.large{width:46px;height:46px}.skill-meter{height:5px;overflow:hidden;border-radius:999px;background:var(--line)}.skill-meter>*{height:100%;background:var(--blue)}.reveal{opacity:1;transform:none}.reveal-enabled .reveal:not(.is-visible){opacity:0;transform:translateY(24px);filter:blur(4px)}.reveal-enabled .reveal{transition:opacity .62s var(--ease-out),transform .68s var(--ease-out),filter .58s ease;transition-delay:var(--reveal-delay, 0ms)}.reveal-enabled .reveal.is-visible{opacity:1;transform:translateY(0);filter:blur(0)}@keyframes heroEnter{0%{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes lineDraw{to{transform:scaleX(1)}}@keyframes detailsOpen{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1120px){.premium-menu-button{display:grid}.premium-nav-links{position:absolute;top:calc(100% + 9px);right:18px;width:min(330px,calc(100vw - 36px));padding:12px;display:none;align-items:stretch;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:var(--radius);background:#fffffffa;box-shadow:var(--shadow-lift)}.premium-nav-open{display:flex;animation:detailsOpen .22s var(--ease-out)}.premium-nav-links a{min-height:44px;padding:0 10px;border-radius:5px}.premium-nav-links a:after{right:auto;bottom:7px;left:10px;width:24px}.premium-nav-manage{width:auto;justify-content:flex-start;border-radius:5px}.premium-nav-manage-label{display:inline}.premium-hero-operating-grid{grid-template-columns:minmax(0,.88fr) minmax(330px,1.12fr);grid-template-areas:"copy portrait" "focus focus";align-items:center}.hero-focus{margin-top:8px}.hero-focus-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--line)}.hero-focus-list a{min-height:96px;padding:14px;grid-template-columns:1fr;align-content:center;border-right:1px solid var(--line);border-bottom:0}.hero-focus-list a:last-child{border-right:0}.hero-focus-list a>svg:last-child{display:none}.products-grid,.capability-grid,.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){html{scroll-padding-top:78px}.premium-navbar{min-height:68px;padding:0 12px}.premium-brand-owner{display:none}.syskasa-lockup-compact .syskasa-symbol{width:22px;height:28px}.syskasa-lockup-compact .syskasa-wordmark{width:88px}.section{width:min(100% - 28px,var(--container));padding:86px 0}.section-header{grid-template-columns:1fr;gap:12px;margin-bottom:28px}.section-header .section-eyebrow{grid-row:auto;padding-top:0}.section-header h2{font-size:clamp(2rem,10vw,3rem)}.section-header p{margin-top:0;font-size:.96rem}.section-premium-hero{width:min(100% - 28px,1320px);min-height:auto;padding:102px 0 32px}.premium-hero-shell{gap:28px}.premium-hero-top{gap:13px}.premium-hero-name{font-size:clamp(3rem,16vw,4.25rem);line-height:.98}.premium-hero-brand{gap:10px;flex-wrap:wrap;font-size:1rem}.premium-hero-brand .syskasa-symbol{width:25px;height:32px}.premium-hero-brand .syskasa-wordmark{width:112px}.premium-hero-operating-grid{grid-template-columns:1fr;grid-template-areas:"portrait" "copy" "focus";gap:34px}.premium-hero-portrait{width:min(100%,370px)}.premium-hero-content{gap:16px}.premium-hero-headline{font-size:clamp(2rem,10vw,2.85rem)}.premium-hero-actions{grid-template-columns:1fr}.premium-hero-actions .button:first-child{grid-column:auto}.premium-hero-actions .button{width:100%}.hero-focus-list{grid-template-columns:1fr;border-bottom:0}.hero-focus-list a{min-height:58px;padding:0;grid-template-columns:28px minmax(0,1fr) 20px;border-right:0;border-bottom:1px solid var(--line)}.hero-focus-list a>svg:last-child{display:block}.hero-live-strip{grid-template-columns:1fr;gap:8px;padding:18px 0}.hero-live-strip>a{justify-self:start}.founder-grid,.ecosystem-visual,.contact-layout,.founder-card-grid{grid-template-columns:1fr}.founder-card,.founder-card:nth-child(2n),.founder-card:nth-last-child(-n+2){min-height:92px;border-right:0;border-bottom:1px solid var(--line)}.founder-card:last-child{border-bottom:0}.founder-focus{grid-template-columns:1fr}.founder-story .button{width:100%}.product-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.product-stats p:nth-child(2){border-right:0}.product-stats p:nth-child(-n+2){border-bottom:1px solid var(--line)}.ecosystem-node-grid{grid-template-columns:1fr}.ecosystem-node,.ecosystem-node:nth-child(odd),.ecosystem-node:nth-child(2n){padding:12px 0;border-right:0}.ecosystem-node:hover{padding-right:10px;padding-left:10px}.collection-filters{margin-right:-14px;margin-left:-14px;border-right:0;border-left:0;border-radius:0}.filter-group{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}.filter-chip{flex:0 0 auto}.products-grid,.live-featured-list,.roadmap-flow,.capability-grid,.skills-grid,.timeline,.blog-grid,.highlight-grid,.resume-grid,.featured-live-grid,.product-details-grid{grid-template-columns:1fr}.featured-live-panel>.button{width:100%}.github-panel{min-height:0;padding:28px 22px;align-items:flex-start;flex-direction:column}.github-panel .button{width:100%}.contact-form{padding:20px}.premium-footer{width:calc(100% - 28px);grid-template-columns:1fr;gap:26px}.premium-footer-products{grid-template-columns:1fr}.manager-header{flex-direction:column}.manager-grid{grid-template-columns:1fr}.manager-panel,.manager-actions{padding:18px}}@media (max-width: 410px){.premium-brand .syskasa-lockup-compact .syskasa-symbol{width:20px;height:26px}.premium-brand .syskasa-lockup-compact .syskasa-wordmark{width:80px}.premium-hero-name{font-size:2.8rem}.premium-hero-brand{display:grid;justify-items:center}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.hero-enter,.reveal,.reveal-enabled .reveal,.reveal-enabled .reveal:not(.is-visible){opacity:1!important;transform:none!important;filter:none!important}.premium-hero-portrait .portrait-frame,.premium-hero-portrait:hover .portrait-frame,.premium-hero-portrait .portrait-frame img,.premium-hero-portrait:hover .portrait-frame img{transform:none!important}}
