/* Generated from design.json. */
:root {
--space-2xs: 4px;
--space-xs: 8px;
--space-sm: 12px;
--space-md: 16px;
--space-lg: 24px;
--space-xl: 32px;
--space-2xl: 48px;
--space-3xl: 64px;
--space-4xl: 96px;
--space-5xl: 128px;
--radius-small: 4px;
--radius-control: 6px;
--radius-card: 10px;
--radius-panel: 14px;
--radius-pill: 9999px;
--camel-brown-0: #24150D;
--camel-brown-1: #382116;
--camel-brown-2: #533322;
--camel-brown-3: #70472F;
--camel-brown-4: #8B5A3C;
--camel-brown-5: #A87350;
--camel-brown-6: #C49A7A;
--camel-brown-7: #E8D5C5;
--route-gold-0: #2E2008;
--route-gold-1: #4B350D;
--route-gold-2: #6F5015;
--route-gold-3: #96701E;
--route-gold-4: #B98B2D;
--route-gold-5: #D2A64A;
--route-gold-6: #E5C77E;
--route-gold-7: #F6EBD1;
--dry-ink-0: #10100F;
--dry-ink-1: #1B1A18;
--dry-ink-2: #292724;
--dry-ink-3: #3B3834;
--dry-ink-4: #55514B;
--dry-ink-5: #77716A;
--dry-ink-6: #A29C94;
--dry-ink-7: #DFDCD7;
--secondary-text-0: #262421;
--secondary-text-1: #393632;
--secondary-text-2: #4C4944;
--secondary-text-3: #605C56;
--secondary-text-4: #726D66;
--secondary-text-5: #918B84;
--secondary-text-6: #B2ADA6;
--secondary-text-7: #DDD9D3;
--tertiary-text-0: #3B3834;
--tertiary-text-1: #514D48;
--tertiary-text-2: #69645E;
--tertiary-text-3: #817B74;
--tertiary-text-4: #97918A;
--tertiary-text-5: #AEA8A1;
--tertiary-text-6: #CBC6C0;
--tertiary-text-7: #EEEAE5;
--border-0: #544F49;
--border-1: #726C65;
--border-2: #918B84;
--border-3: #AEA8A1;
--border-4: #C8C3BC;
--border-5: #DDD8D1;
--border-6: #E8E4DE;
--border-7: #F6F3EF;
--page-bg-0: #504A43;
--page-bg-1: #6A635B;
--page-bg-2: #888178;
--page-bg-3: #AAA39A;
--page-bg-4: #CCC5BC;
--page-bg-5: #E2DDD6;
--page-bg-6: #F0ECE7;
--page-bg-7: #FAF8F4;
--surface-0: #58534D;
--surface-1: #746F68;
--surface-2: #938E87;
--surface-3: #B3AEA7;
--surface-4: #D0CCC6;
--surface-5: #E5E2DD;
--surface-6: #F4F2EF;
--surface-7: #FFFFFF;
--technical-grid-0: #595650;
--technical-grid-1: #76726B;
--technical-grid-2: #959089;
--technical-grid-3: #B0ACA5;
--technical-grid-4: #CBC7C0;
--technical-grid-5: #DFDCD7;
--technical-grid-6: #ECE9E5;
--technical-grid-7: #F5F3F0;
--success-0: #0D2115;
--success-1: #173A24;
--success-2: #225436;
--success-3: #2F7048;
--success-4: #3F8C5B;
--success-5: #5EAA75;
--success-6: #91CEA0;
--success-7: #E7F4EA;
--warning-0: #281B04;
--warning-1: #49320A;
--warning-2: #6D4B10;
--warning-3: #916619;
--warning-4: #B58125;
--warning-5: #D39F41;
--warning-6: #E7C27C;
--warning-7: #F9EDD5;
--danger-0: #260909;
--danger-1: #471111;
--danger-2: #711C1C;
--danger-3: #972B2B;
--danger-4: #BA4141;
--danger-5: #D56868;
--danger-6: #E8A0A0;
--danger-7: #FBE8E8;
--okiroo-violet-0: #130D2B;
--okiroo-violet-1: #231946;
--okiroo-violet-2: #3A2872;
--okiroo-violet-3: #5040B8;
--okiroo-violet-4: #6B52F5;
--okiroo-violet-5: #8A7AFF;
--okiroo-violet-6: #B5ADFF;
--okiroo-violet-7: #EDE9FF;
--type-display-xl-size: clamp(52px, 7vw, 96px);
--type-display-xl-lineHeight: 0.96;
--type-display-xl-weight: 600;
--type-display-xl-letterSpacing: -0.045em;
--type-display-size: clamp(42px, 5vw, 72px);
--type-display-lineHeight: 1;
--type-display-weight: 600;
--type-display-letterSpacing: -0.04em;
--type-headline-size: clamp(30px, 3vw, 48px);
--type-headline-lineHeight: 1.08;
--type-headline-weight: 600;
--type-headline-letterSpacing: -0.03em;
--type-title-size: 20px;
--type-title-lineHeight: 1.3;
--type-title-weight: 600;
--type-title-letterSpacing: -0.015em;
--type-body-lg-size: 18px;
--type-body-lg-lineHeight: 1.65;
--type-body-lg-weight: 400;
--type-body-size: 15px;
--type-body-lineHeight: 1.6;
--type-body-weight: 400;
--type-label-size: 13px;
--type-label-lineHeight: 1.3;
--type-label-weight: 500;
--type-eyebrow-size: 11px;
--type-eyebrow-lineHeight: 1.2;
--type-eyebrow-weight: 600;
--type-eyebrow-letterSpacing: 0.1em;
--type-eyebrow-textTransform: uppercase;
--type-mono-size: 12px;
--type-mono-lineHeight: 1.4;
--type-mono-weight: 500;
--type-mono-letterSpacing: 0.02em;
--motion-instant: 100ms cubic-bezier(0, 0, 0.2, 1);
--motion-standard: 160ms cubic-bezier(0, 0, 0.2, 1);
--motion-route: 900ms cubic-bezier(0.16, 1, 0.3, 1);
--motion-section: 600ms cubic-bezier(0.16, 1, 0.3, 1);
--shadow-ambient: 0 1px 3px rgba(16,16,15,0.06), 0 1px 2px rgba(16,16,15,0.04);
--shadow-structural: 0 6px 24px rgba(16,16,15,0.08), 0 2px 8px rgba(16,16,15,0.05);
--shadow-modal: 0 16px 48px rgba(16,16,15,0.14), 0 6px 18px rgba(16,16,15,0.08);
}
.sr-btn-primary { display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border:1px solid #70472F;border-radius:6px;background:#70472F;color:#fff;font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:background 160ms cubic-bezier(0,0,0.2,1),border-color 160ms cubic-bezier(0,0,0.2,1),transform 160ms cubic-bezier(0,0,0.2,1);white-space:nowrap}.sr-btn-primary:hover{background:#533322;border-color:#533322}.sr-btn-primary:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(112,71,47,.18)}.sr-btn-primary:active{transform:translateY(1px)}
.sr-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border:1px solid #DDD8D1;border-radius:6px;background:#FFFFFF;color:#1B1A18;font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:background 160ms cubic-bezier(0,0,0.2,1),border-color 160ms cubic-bezier(0,0,0.2,1)}.sr-btn-secondary:hover{background:#FAF8F4;border-color:#C8C3BC}.sr-btn-secondary:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(112,71,47,.12)}
.sr-link{display:inline-flex;align-items:center;gap:8px;color:#533322;text-decoration:none;font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:13px;font-weight:600}.sr-link span{transition:transform 160ms cubic-bezier(0,0,0.2,1)}.sr-link:hover span{transform:translateX(3px)}
.sr-tracking{display:flex;width:min(100%,460px);height:48px;background:#fff;border:1px solid #DDD8D1;border-radius:8px;overflow:hidden}.sr-tracking input{flex:1;min-width:0;border:0;outline:0;padding:0 16px;font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:14px;color:#1B1A18}.sr-tracking input::placeholder{color:#97918A}.sr-tracking button{border:0;border-left:1px solid #DDD8D1;background:#70472F;color:#fff;padding:0 20px;font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:13px;font-weight:600;cursor:pointer}.sr-tracking:focus-within{border-color:#A87350;box-shadow:0 0 0 3px rgba(112,71,47,.10)}
.sr-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:11px;font-weight:600;letter-spacing:.10em;text-transform:uppercase;color:#96701E}.sr-eyebrow::before{content:'';display:block;width:18px;height:1px;background:#B98B2D}
.sr-code{font-family:'IBM Plex Mono','SFMono-Regular',Consolas,monospace;font-size:12px;font-weight:500;letter-spacing:.02em;color:#77716A}
.sr-node{display:inline-flex;align-items:center;gap:10px}.sr-node__dot{width:10px;height:10px;border:2px solid #96701E;border-radius:50%;background:#FAF8F4;box-shadow:0 0 0 4px rgba(185,139,45,.10)}.sr-node strong{display:block;font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:13px;font-weight:600;color:#1B1A18}.sr-node small{display:block;margin-top:2px;font-family:'IBM Plex Mono','SFMono-Regular',monospace;font-size:10px;color:#918B84;text-transform:uppercase;letter-spacing:.05em}
.sr-step{display:grid;grid-template-columns:28px 12px 1fr;gap:10px;align-items:center}.sr-step__number{font-family:'IBM Plex Mono','SFMono-Regular',monospace;font-size:10px;color:#918B84}.sr-step__node{width:10px;height:10px;border-radius:50%;border:2px solid #96701E;background:#FAF8F4}.sr-step strong{display:block;font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:14px;font-weight:600;color:#1B1A18}.sr-step small{display:block;margin-top:2px;font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:12px;color:#77716A}
.sr-badge{display:inline-flex;align-items:center;border-radius:9999px;padding:4px 9px;font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:11px;font-weight:600;white-space:nowrap}.sr-badge--success{background:#E7F4EA;color:#2F7048}.sr-badge--warning{background:#F9EDD5;color:#916619}.sr-badge--danger{background:#FBE8E8;color:#972B2B}
.sr-fact{display:flex;flex-direction:column;gap:5px;padding-top:16px;border-top:1px solid #DDD8D1}.sr-fact strong{font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:30px;font-weight:600;letter-spacing:-.03em;color:#1B1A18}.sr-fact span{font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:13px;font-weight:600;color:#292724}.sr-fact small{font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:12px;color:#77716A}
.sr-okiroo{overflow:hidden;border:1px solid #E8E4DE;border-radius:10px;background:#fff}.sr-okiroo__bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #E8E4DE;font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:12px;font-weight:600;color:#292724}.sr-okiroo__status{display:inline-flex;padding:3px 8px;border-radius:9999px;background:#EDE9FF;color:#5040B8}.sr-okiroo__body{min-height:220px;padding:20px;background:#FDFDFF;color:#55514B;font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:13px}
.sr-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;height:76px;max-width:1280px;margin:0 auto;padding:0 32px;border-bottom:1px solid rgba(221,216,209,.7)}.sr-brand{font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:18px;font-weight:700;letter-spacing:.02em;color:#533322;text-decoration:none}.sr-header nav{display:flex;justify-content:center;gap:30px}.sr-header nav a,.sr-header__actions>a{font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:13px;font-weight:500;color:#55514B;text-decoration:none}.sr-header nav a:hover,.sr-header__actions>a:hover{color:#1B1A18}.sr-header__actions{display:flex;align-items:center;gap:18px}