:root{--theme-primary:#0f9f73;--theme-deep:#173d34;--theme-ink:#1d2d29;--theme-muted:#6f827c;--theme-line:#dce7e2;--theme-bg:#f3f7f5;--theme-card:#fbfdfc;--theme-soft:#e8f4ef;--theme-shadow:0 22px 55px rgba(29,62,52,.09);--brand-color:var(--theme-primary);--body-bg:var(--theme-bg);--color-primary:var(--theme-primary);--color-dark:var(--theme-ink);--color-muted:var(--theme-muted);--color-border-1:var(--theme-line);--color-white:var(--theme-card);--border-radius:9px;--font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}html{scroll-behavior:smooth}body{overflow-x:hidden;background:radial-gradient(circle at 8% 8%,rgba(15,159,115,.08),transparent 25%),var(--theme-bg);color:var(--theme-ink)}a,button{-webkit-tap-highlight-color:transparent}.container{width:min(1180px,calc(100% - 32px));max-width:1180px;padding-inline:0}.theme-skip{position:fixed;top:-80px;left:16px;z-index:30;padding:9px 13px;border-radius:7px;background:var(--theme-deep);color:#fff}.theme-skip:focus{top:12px}.theme-nav{min-height:72px;padding:0;border-color:rgba(23,61,52,.1);background:rgba(251,253,252,.82);backdrop-filter:blur(16px)}.theme-brand{gap:10px;color:var(--theme-deep);letter-spacing:-.025em}.theme-brand b{color:var(--theme-primary)}.brand-gem{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(15,159,115,.22);border-radius:10px;background:var(--theme-soft);transform:rotate(7deg)}.brand-gem i{width:9px;height:9px;border-radius:50%;background:var(--theme-primary);box-shadow:0 0 0 5px rgba(15,159,115,.1)}.theme-nav .nav-link{color:var(--theme-muted);font-size:12px;font-weight:600}.theme-nav .nav-link:hover{background:var(--theme-soft);color:var(--theme-deep)}.theme-hero,.framework-section,.theme-section,.install-section{margin:0 !important;background:transparent !important}.theme-hero{padding:105px 0 120px}.hero-row,.theme-row{align-items:center}.hero-copy{padding-right:clamp(28px,6vw,82px)}.theme-eyebrow{margin:0 0 18px;display:flex;align-items:center;gap:8px;color:var(--theme-primary);font-size:10px;font-weight:800;letter-spacing:.12em}.theme-eyebrow i,.feature-dot,.theme-list>li>i,.sample-badge i,.footer-gem{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--theme-primary);box-shadow:0 0 0 4px rgba(15,159,115,.1)}main .theme-hero h1{max-width:690px;margin:0 0 28px;color:var(--theme-deep);font-size:clamp(52px,6vw,82px);line-height:.98;letter-spacing:-.065em}.theme-hero h1 em{color:var(--theme-primary);font-style:normal;font-weight:inherit}.hero-lead{max-width:650px;margin-bottom:30px;color:var(--theme-muted);font-size:18px;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-actions .btn + .btn,.sample-actions .btn + .btn{margin-left:0}.btn{border-radius:9px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,159,115,.14)}.btn-primary:hover{background:#0b8661;color:#fff}.hero-metrics{margin:42px 0 0;display:flex;gap:clamp(24px,4vw,48px)}.hero-metrics div{padding-left:12px;border-left:1px solid var(--theme-line)}.hero-metrics dt{color:var(--theme-deep);font-size:18px;font-weight:800}.hero-metrics dd{margin:4px 0 0;color:var(--theme-muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.hero-preview{position:relative}.preview-window,.sample-card{margin:0;padding:0;overflow:hidden;border-color:rgba(23,61,52,.12);border-radius:18px;background:rgba(251,253,252,.88);box-shadow:var(--theme-shadow);transition:transform .22s ease,box-shadow .22s ease}.preview-window:hover,.sample-card:hover{transform:translateY(-4px);box-shadow:0 28px 70px rgba(29,62,52,.14)}.preview-bar{min-height:48px;padding:0 16px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--theme-line);color:var(--theme-muted);font-size:10px}.preview-bar>span{display:flex;gap:5px}.preview-bar i{width:6px;height:6px;border-radius:50%;background:#ff887f}.preview-bar i:nth-child(2){background:#f2c86a}.preview-bar i:nth-child(3){background:#61c99e}.preview-bar b{margin-left:auto;color:var(--theme-primary);font-size:9px;text-transform:uppercase}.preview-body{padding:28px}.preview-title,.preview-title>div,.preview-activity,.sample-head,.sample-head>div{display:flex;align-items:center}.preview-title{justify-content:space-between}.preview-title>div{gap:8px}.preview-title i{width:7px;height:7px;border-radius:50%;background:var(--theme-primary)}.preview-title span,.preview-title b{color:var(--theme-deep);font-size:13px}.preview-chart{height:142px;margin-block:28px;display:flex;align-items:end;gap:8px;padding:18px;border:1px solid var(--theme-line);border-radius:12px;background:#f5f9f7}.preview-chart i{width:16.66%;height:38%;border-radius:5px 5px 2px 2px;background:#b6e4d4}.preview-chart i:nth-child(2){height:58%}.preview-chart i:nth-child(3){height:46%}.preview-chart i:nth-child(4){height:80%;background:var(--theme-primary)}.preview-chart i:nth-child(5){height:66%}.preview-chart i:nth-child(6){height:92%;background:#72c9aa}.preview-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview-cards>div{padding:13px;border:1px solid var(--theme-line);border-radius:10px}.preview-cards small,.preview-cards span{display:block;color:var(--theme-muted);font-size:9px}.preview-cards strong{display:block;margin-block:5px;color:var(--theme-deep);font-size:24px}.preview-activity{gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--theme-line)}.preview-activity>i{width:8px;height:8px;border-radius:50%;background:var(--theme-primary);box-shadow:0 0 0 5px rgba(15,159,115,.09)}.preview-activity p{margin:0}.preview-activity b,.preview-activity small{display:block;font-size:10px}.preview-activity small,.preview-activity time{color:var(--theme-muted)}.preview-activity time{margin-left:auto;font-size:9px}.float-note{position:absolute;padding:7px 10px;border:1px solid var(--theme-line);border-radius:999px;background:rgba(251,253,252,.94);color:var(--theme-primary);font-size:9px;font-weight:700;box-shadow:0 8px 25px rgba(29,62,52,.09)}.note-border{top:14%;right:-32px}.note-motion{bottom:14%;left:-28px}.framework-section,.theme-section{padding:110px 0;border-top:1px solid var(--theme-line)}.theme-section{background:rgba(232,244,239,.42) !important}.section-intro{max-width:720px;margin-bottom:46px}main .section-intro h2,main .install-card h2{margin:0 0 18px;color:var(--theme-deep);font-size:clamp(36px,4vw,56px);line-height:1.04;letter-spacing:-.045em}.section-intro>p:last-child,.install-card p{color:var(--theme-muted);font-size:16px;line-height:1.65}.feature-row{margin-inline:-10px}.feature-row>div{padding-inline:10px}.feature-card{min-height:250px;margin:0;padding:28px;border-color:var(--theme-line);border-radius:14px;background:var(--theme-card);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-5px);border-color:rgba(15,159,115,.32);box-shadow:var(--theme-shadow)}.feature-dot{display:block;margin-bottom:26px}.feature-dot.violet{background:#8c7bd9;box-shadow:0 0 0 4px rgba(140,123,217,.1)}.feature-dot.blue{background:#5c9ed4;box-shadow:0 0 0 4px rgba(92,158,212,.1)}.feature-card>small{color:var(--theme-muted);font-size:9px;font-weight:800;letter-spacing:.1em}.feature-card h3{margin:10px 0;color:var(--theme-deep);font-size:22px;letter-spacing:-.025em}.feature-card p{color:var(--theme-muted);font-size:13px;line-height:1.6}.feature-card code{color:var(--theme-primary);font-size:11px}.theme-copy{margin-bottom:0;padding-right:clamp(30px,6vw,82px)}.theme-list{margin:30px 0 0;display:grid;gap:18px}.theme-list li{display:flex;align-items:flex-start;gap:13px}.theme-list>li>i{margin-top:5px}.theme-list b,.theme-list small{display:block}.theme-list b{color:var(--theme-deep);font-size:13px}.theme-list small{margin-top:3px;color:var(--theme-muted);font-size:11px}.sample-card{padding:30px}.sample-head{justify-content:space-between}.sample-head>div{gap:12px}.avatar-dot{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--theme-deep);color:#fff;font-size:11px;font-weight:800}.sample-head p{margin:0}.sample-head b,.sample-head small{display:block}.sample-head b{color:var(--theme-deep);font-size:13px}.sample-head small{margin-top:3px;color:var(--theme-muted);font-size:9px}.sample-badge{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--theme-line);border-radius:999px;color:var(--theme-primary);font-size:9px;font-weight:800}.sample-badge i{width:5px;height:5px;box-shadow:none}.token-grid{margin-block:32px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--theme-line);border-radius:12px;overflow:hidden}.token-grid>div{min-width:0;padding:18px;border-right:1px solid var(--theme-line)}.token-grid>div:last-child{border-right:0}.token-grid span{width:28px;height:28px;display:block;margin-bottom:14px;border:1px solid rgba(23,61,52,.1);border-radius:50%;background:var(--token)}.token-grid code,.token-grid small{display:block;overflow:hidden;text-overflow:ellipsis}.token-grid code{color:var(--theme-deep);font-size:10px}.token-grid small{margin-top:5px;color:var(--theme-muted);font-size:9px}.sample-actions{display:flex;flex-wrap:wrap;gap:9px}.install-section{padding:100px 0;border-top:1px solid var(--theme-line)}.install-card{padding:40px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;border:1px solid var(--theme-line);border-radius:16px;background:var(--theme-card);box-shadow:0 16px 44px rgba(29,62,52,.06)}main .install-card h2{font-size:clamp(30px,3vw,42px)}.install-card pre{margin:0;padding:22px;overflow:auto;border-radius:11px;background:var(--theme-deep);color:#cce9df;font:11px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}.theme-footer{min-height:110px;display:flex;align-items:center;border-top:1px solid var(--theme-line);background:var(--theme-card);color:var(--theme-muted);font-size:11px}.theme-footer .container,.theme-footer span,.theme-footer nav{display:flex;align-items:center}.theme-footer .container{justify-content:space-between;gap:24px}.theme-footer span{gap:10px}.theme-footer nav{gap:5px}.theme-footer a{padding:7px 9px;border-radius:7px;color:var(--theme-muted);font-weight:700}.theme-footer a:hover{background:var(--theme-soft);color:var(--theme-deep)}@media (max-width:900px){.theme-nav .nav-item:nth-child(-n+2){display:none}.hero-copy,.hero-preview,.theme-copy,.theme-sample{width:100%}.hero-copy,.theme-copy{padding-right:0}.hero-preview{margin-top:70px}.feature-row>div{width:100%;margin-bottom:14px}.feature-card{min-height:auto}.theme-copy{margin-bottom:50px}.install-card{grid-template-columns:1fr;gap:28px}}@media (max-width:620px){.theme-nav{min-height:64px}.theme-nav .navbar-nav{gap:3px}.theme-nav .nav-item:first-child,.theme-nav .nav-item:nth-child(2),.theme-nav .nav-item:last-child{display:none}.theme-hero{padding:78px 0 90px}main .theme-hero h1{font-size:clamp(48px,15vw,67px)}.hero-lead{font-size:16px}.hero-metrics{display:grid;grid-template-columns:1fr 1fr}.float-note{display:none}.framework-section,.theme-section,.install-section{padding:78px 0}.token-grid{grid-template-columns:1fr 1fr}.token-grid>div:nth-child(2){border-right:0}.token-grid>div:nth-child(-n+2){border-bottom:1px solid var(--theme-line)}.install-card{padding:28px 22px}.theme-footer{padding-block:28px}.theme-footer .container{align-items:flex-start;flex-direction:column}.theme-footer nav{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none !important}}