:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}body{color:#eaeaea;background:#0f0f0f;min-width:320px;margin:0}h1,h2,p{margin-block-start:0}a{color:inherit}@media (min-width:900px){.landing-devrail{padding:1.25rem clamp(1.25rem,5vw,3rem) 1.5rem}.landing-section{padding-left:clamp(1.5rem,6vw,4rem);padding-right:clamp(1.5rem,6vw,4rem)}.custom-design-usage-panel,.mock-purchase-panel{margin-left:clamp(1.5rem,6vw,4rem);margin-right:clamp(1.5rem,6vw,4rem)}}@media (max-width:720px){.custom-design-usage-panel,.mock-purchase-panel{grid-template-columns:1fr;margin-left:1rem;margin-right:1rem}}#root{max-width:none;margin:0;padding:0}.landing{background:#0f0f0f;flex-direction:column;min-height:100vh;display:flex}.landing-devrail{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f0f0f0;background:#0f0f0feb;border-bottom:1px solid #ffffff14;padding:1rem 1.25rem 1.25rem;position:sticky;top:0}.landing-devrail-title{letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.15rem;font-weight:650}.landing-devrail-lead{color:#ffffffd1;max-width:72ch;margin:0 0 .75rem;font-size:.875rem;line-height:1.45}.landing-devrail-meta{background:#ffffff0f;border-radius:8px;margin:0;padding:.65rem .85rem;font-size:.78rem;line-height:1.5}.landing-devrail-meta p{margin:.25rem 0}.landing-devrail-meta code{background:#00000059;border-radius:4px;padding:.12rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95em}.landing-devrail-meta a{color:#b8c4ff}.landing-devrail-url{word-break:break-all}.landing-devrail-error,.landing-devrail-warning{color:#fca5a5;margin:.35rem 0 0;font-weight:600}.landing-main{flex:1}.custom-design-usage-panel,.mock-purchase-panel{border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(240px,320px);align-items:start;gap:1.5rem;margin:0 1.5rem 2rem;padding:1.5rem;display:grid}.custom-design-usage-panel{background:#b8c4ff0f;border:1px solid #b8c4ff38}.mock-purchase-panel{background:#f8680c0d;border:1px solid #f8680c40}.custom-design-usage-panel h2,.mock-purchase-panel h2{margin:0 0 .5rem}.custom-design-usage-panel p,.mock-purchase-panel p{color:#ffffffc7;margin:.35rem 0;line-height:1.6}.custom-design-usage-panel ul{margin:0;padding-left:1.25rem}.custom-design-usage-panel li+li{margin-top:.35rem}.custom-design-usage-card{color:#ffffffd1;background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;padding:1rem;font-size:.85rem;line-height:1.55}.custom-design-usage-card strong{color:#f0f0f0;margin-bottom:.35rem;display:block}.mock-purchase-hint code,.custom-design-usage-panel code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.mock-purchase-card{background:#fff;border-radius:12px;flex-direction:column;gap:.7rem;padding:1rem;display:flex;box-shadow:0 10px 30px #00000014}.mock-purchase-label,.mock-purchase-status{color:#00000094;font-size:.85rem}.mock-purchase-card strong{font-size:1.4rem}.mock-purchase-card button{color:#fff;cursor:pointer;background:#f8680c;border:0;border-radius:10px;padding:.75rem 1rem;font-weight:700}.mock-purchase-card button:hover{background:#d95706}.landing-section{box-sizing:border-box;justify-content:center;align-items:center;min-height:clamp(320px,62vh,720px);padding:3rem 1.5rem;transition:background-color .7s,color .7s;display:flex}.landing-section-inner{width:min(640px,100%)}.landing-section-tone{text-transform:uppercase;letter-spacing:.06em;opacity:.78;margin:0 0 .35rem;font-size:.72rem;font-weight:600}.landing-section-title{letter-spacing:-.03em;margin:0 0 .6rem;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;line-height:1.15}.landing-section-body{opacity:.92;margin:0;font-size:1rem;line-height:1.65}.landing-section--smooth-ramp{color:#f8f8f8;background:radial-gradient(circle at 82% 18%,#ffffff38,#0000 18rem),linear-gradient(#191919 0%,#2b2b2b 14%,#4d4d4d 31%,#8c8c8c 50%,#f2f2f2 68%,#fff 80%,#3a3a3a 100%);align-items:flex-start;min-height:220vh;padding-top:18vh}.landing-section--smooth-ramp .landing-section-inner{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#00000047;border:1px solid #ffffff2e;border-radius:18px;padding:1.25rem;position:sticky;top:9.5rem;box-shadow:0 22px 80px #0000002e}.landing-section--charcoal{color:#fafafa;background:#2b2b2b}.landing-section--gray-dark{color:#fafafa;background:#4d4d4d}.landing-section--gray-mid{color:#111;background:#8c8c8c}.landing-section--wash{color:#1a1a1a;background:#f2f2f2}.landing-section--white{color:#141414;background:#fff}.landing-section--image-check{color:#f8f4ee;background:linear-gradient(90deg,#0f0f0ff2,#0f0f0f59 52%,#f4f4f4d1),radial-gradient(circle at 82% 28%,#ffffff61,#0000 22rem),#25211d;min-height:clamp(620px,92vh,940px)}.landing-section--image-check .landing-section-inner{width:min(860px,100%)}.landing-image-card{background:#ffffff14;border:1px solid #fff3;border-radius:24px;margin:1.5rem 0 0;overflow:hidden;box-shadow:0 24px 80px #00000047}.landing-image-card img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.landing-image-card figcaption{color:#ffffffb8;padding:.75rem 1rem .9rem;font-size:.8rem}.landing-section--gradient-band{color:#fff;background:linear-gradient(125deg,#e8e8e8 0%,#b8b8b8 22%,#6a6a6a 48%,#303030 72%,#0a0a0a 100%)}.landing-section--gradient-band .landing-section-tone{color:#ffffffd9}.landing-section--gradient-band .landing-section-body{color:#ffffffeb}.landing-section--photo-ish{color:#f7f5f2;background-color:#1c1410;background-image:radial-gradient(120% 80% at 20% 40%,#b4785a8c,#0000 55%),radial-gradient(90% 70% at 75% 55%,#3c507873,#0000 50%),radial-gradient(circle at 50% 100%,#ffffff12,#0000 45%)}.landing-section--near-black{color:#ececec;background:#0d0d0d}.landing-footer{text-align:center;color:#ffffff59;border-top:1px solid #ffffff0f;padding:2rem 1.25rem;font-size:.8rem}@media (min-width:900px){.landing-devrail{padding:1.25rem clamp(1.25rem,5vw,3rem) 1.5rem}.landing-section{padding-left:clamp(1.5rem,6vw,4rem);padding-right:clamp(1.5rem,6vw,4rem)}.custom-design-usage-panel,.mock-purchase-panel{margin-left:clamp(1.5rem,6vw,4rem);margin-right:clamp(1.5rem,6vw,4rem)}}@media (max-width:720px){.custom-design-usage-panel,.mock-purchase-panel{grid-template-columns:1fr;margin-left:1rem;margin-right:1rem}}.customer-page{color:#17202a;background:#e8edf3;grid-template-columns:minmax(360px,460px) minmax(0,1fr);min-height:100vh;display:grid}.customer-page-panel{box-sizing:border-box;z-index:1;background:#fff;border-right:1px solid #0f172a24;flex-direction:column;gap:18px;min-height:100vh;padding:28px;display:flex;box-shadow:8px 0 30px #0f172a14}.customer-page-header h1{margin:4px 0 10px;font-size:clamp(2rem,5vw,3rem);line-height:1}.customer-page-header p{color:#52606d;margin:0;line-height:1.6}.customer-page-kicker{color:#829ab1;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.customer-page-meta{background:#f8fafc;border:1px solid #d9e2ec;border-radius:16px;padding:16px;font-size:.9rem}.customer-page-meta p{margin:0 0 10px;line-height:1.5}.customer-page-meta p:last-child{margin-bottom:0}.customer-page-url{overflow-wrap:anywhere;color:#334e68;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;display:block}.customer-page-error{color:#b42318;font-weight:700}.customer-page-editor-label{font-weight:700}.customer-page-editor{resize:vertical;box-sizing:border-box;color:#102a43;background:#f8fafc;border:1px solid #bcccdc;border-radius:14px;flex:1;min-height:320px;padding:14px;font:.85rem/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.customer-page-editor:focus{border-color:#2f80ed;outline:3px solid #2f80ed38}.customer-page-actions{flex-wrap:wrap;gap:10px;display:flex}.customer-page-actions button{color:#fff;cursor:pointer;background:#243b53;border:0;border-radius:999px;padding:10px 14px;font-weight:700}.customer-page-actions button:nth-child(2){color:#243b53;background:#d9e2ec}.customer-page-actions button:nth-child(3){color:#b42318;background:#fee4e2}.customer-page-actions button:hover{filter:brightness(.96)}.customer-page-unsynced{color:#9f580a;margin:-8px 0 0;font-size:.9rem;font-weight:700}.customer-page-preview-shell{flex-direction:column;gap:14px;min-width:0;padding:18px;display:flex}.customer-page-preview-bar{color:#fff;background:#102a43;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex;box-shadow:0 12px 28px #0f172a29}.customer-page-preview-bar span{color:#d9e2ec;margin-top:4px;font-size:.9rem;display:block}.customer-page-preview-bar code{color:#d9e2ec}.customer-page-preview{background:#fff;border:1px solid #0f172a2e;border-radius:20px;flex:1;width:100%;min-height:720px;box-shadow:0 18px 50px #0f172a2e}@media (max-width:900px){.customer-page{grid-template-columns:1fr}.customer-page-panel{border-bottom:1px solid #0f172a24;border-right:0;min-height:auto}.customer-page-preview{min-height:640px}}body:has(.portal-shell) #root{max-width:none;margin:0;padding:0}#root:has(>.portal-shell){max-width:none;margin:0;padding:0}.portal-shell{color:#1f2937;background:linear-gradient(#f8fafc 0%,#eef2f7 100%);flex-direction:column;min-height:100vh;font-family:Geist,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Open Sans,Helvetica Neue,sans-serif;display:flex}.portal-shell--center{justify-content:center;align-items:center;padding:2rem}.portal-container{box-sizing:border-box;width:100%;max-width:960px;margin:0 auto;padding:0 1.5rem}.portal-header{background:#fff;border-bottom:1px solid #0f172a14;padding:1.5rem 0}.portal-header__inner{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;max-width:960px;margin:0 auto;padding:0 1.5rem;display:flex}.portal-header__titleblock{flex:300px;min-width:0}.portal-header__badge{letter-spacing:.08em;text-transform:uppercase;color:#f8680c;background:#f8680c1a;border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.portal-header__title{color:#0f172a;word-wrap:break-word;margin:.5rem 0 .25rem;font-size:1.75rem;font-weight:600}.portal-header__desc{color:#475569;max-width:560px;margin:0;font-size:.95rem;line-height:1.55}.portal-main{flex-direction:column;flex:1;gap:1.25rem;padding:2rem 0 4rem;display:flex}.portal-welcome{background:#fff;border:1px solid #0f172a0f;border-radius:16px;padding:1.25rem 1.5rem;box-shadow:0 6px 20px #0f172a0a}.portal-welcome__text{color:#334155;white-space:pre-wrap;margin:0;line-height:1.6}.portal-switcher{background:#fff;border:1px solid #0f172a0f;border-radius:16px;padding:1.25rem 1.5rem;box-shadow:0 6px 20px #0f172a0a}.portal-switcher__title{color:#0f172a;margin:0 0 .75rem;font-size:1rem;font-weight:600}.portal-switcher__tabs{flex-wrap:wrap;gap:8px;display:flex}.portal-tab{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #0000;border-radius:9999px;padding:8px 14px;font-family:inherit;font-size:.85rem;transition:background .15s,color .15s,border-color .15s}.portal-tab:hover{background:#e2e8f0}.portal-tab--active{color:#b44c08;background:#f8680c1f;border-color:#f8680c73;font-weight:600}.portal-switcher__hint{color:#64748b;margin:.75rem 0 0;font-size:.8rem}.portal-lastfeedback{color:#0f5132;text-align:center;background:#d1e7dd;border-radius:10px;padding:.6rem 1rem;font-size:.85rem}.portal-footer{background:#fff;border-top:1px solid #0f172a14;padding:1rem 0}.portal-footer__inner{color:#64748b;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;font-size:.85rem;display:flex}.portal-btn,.portal-btn:focus,.portal-btn:focus-visible{cursor:pointer;border:1px solid #0000;border-radius:10px;outline:none;padding:.55rem 1rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:background-color .2s,box-shadow .2s,border-color .2s,color .2s}.portal-btn:focus-visible{box-shadow:0 0 0 3px #f8680c40}.portal-btn:disabled{opacity:.6;cursor:not-allowed}.portal-btn--primary{color:#fff;background:#f8680c;box-shadow:0 6px 14px #f8680c4d}.portal-btn--primary:hover:not(:disabled){background:#ea580c;box-shadow:0 8px 18px #f8680c57}.portal-feedback-dock{z-index:1000;bottom:max(1.25rem, env(safe-area-inset-bottom,0px));left:max(1.25rem, env(safe-area-inset-left,0px));pointer-events:none;position:fixed}.portal-feedback-fab{pointer-events:auto;color:#fff;cursor:pointer;background:#f8680c;border:none;border-radius:9999px;outline:none;align-items:center;gap:.55rem;padding:.7rem 1.2rem .7rem .85rem;font-family:inherit;transition:background-color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 24px #f8680c52,0 2px 6px #0f172a14}.portal-feedback-fab:hover:not(:disabled){background:#ea580c;box-shadow:0 14px 28px #f8680c66,0 3px 8px #0f172a1a}.portal-feedback-fab:active:not(:disabled){background:#c2410c;box-shadow:0 6px 16px #f8680c4d,0 1px 4px #0f172a14}.portal-feedback-fab:focus-visible{box-shadow:0 0 0 4px #f8680c40,0 10px 24px #f8680c52}.portal-feedback-fab:disabled{color:#fff;cursor:not-allowed;box-shadow:none;background:#94a3b8}.portal-feedback-fab__icon{color:#fff;background:#fff3;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.portal-feedback-fab__title{letter-spacing:.01em;font-size:.93rem;font-weight:600}@media (max-width:480px){.portal-feedback-dock{bottom:max(1rem, env(safe-area-inset-bottom,0px));left:max(1rem, env(safe-area-inset-left,0px))}}.portal-chatbot-nudge{z-index:2147482900;pointer-events:none;animation:.45s ease-out .4s both portalChatbotNudgeIn;position:fixed}.portal-chatbot-nudge__bubble{color:#fff;box-sizing:border-box;background:#0f172a;border-radius:14px;flex-direction:column;gap:2px;width:100%;padding:.75rem 1.1rem;animation:2.8s ease-in-out infinite portalChatbotNudgeBob;display:flex;position:relative;box-shadow:0 14px 30px #0f172a4d}.portal-chatbot-nudge__bubble:after{content:"";left:var(--portal-nudge-tail-x,50%);background:#0f172a;border-radius:2px;width:14px;height:14px;position:absolute;bottom:-6px;transform:translate(-50%)rotate(45deg)}.portal-chatbot-nudge__title{letter-spacing:.01em;font-size:.95rem;font-weight:600}.portal-chatbot-nudge__hint{color:#ffffffc7;font-size:.78rem;line-height:1.35}@keyframes portalChatbotNudgeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes portalChatbotNudgeBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.portal-chatbot-nudge,.portal-chatbot-nudge__bubble{animation:none}}.portal-btn--ghost{color:#475569;background:0 0;border-color:#0f172a26}.portal-btn--ghost:hover:not(:disabled){color:#0f172a;background:#0f172a0d}.portal-btn--lg{padding:.7rem 1.25rem;font-size:.95rem}.portal-error-card{text-align:center;background:#fff;border:1px solid #0f172a0f;border-radius:16px;max-width:440px;padding:2rem;box-shadow:0 10px 30px #0f172a14}.portal-error-card h1{color:#b42318;margin:0 0 .5rem;font-size:1.25rem}.portal-error-card p{color:#475569;margin:0;line-height:1.55}.portal-loader{color:#475569;background:#fff;border-radius:9999px;padding:1.25rem 2rem;font-size:.95rem;box-shadow:0 10px 30px #0f172a14}.portal-alert{border-radius:10px;padding:.75rem 1rem;font-size:.9rem;line-height:1.5}.portal-alert--error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.portal-alert--info{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.portal-alert code{background:#0f172a14;border-radius:4px;margin-left:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.portal-modal-overlay{z-index:2147483600;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.portal-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:560px;max-height:92vh;display:flex;overflow:hidden;box-shadow:0 30px 60px #0f172a4d}.portal-modal__header{border-bottom:1px solid #0f172a14;justify-content:space-between;align-items:center;padding:1.1rem 1.5rem;display:flex}.portal-modal__header h2{color:#0f172a;margin:0;font-size:1.1rem;font-weight:600}.portal-modal__close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.8rem;line-height:1}.portal-modal__close:hover{color:#0f172a}.portal-modal__body{flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex;overflow-y:auto}.portal-modal__footer{border-top:1px solid #0f172a14;justify-content:flex-end;gap:.6rem;padding:1rem 1.5rem;display:flex}.portal-field{flex-direction:column;gap:.4rem;display:flex}.portal-field--group{border:none;margin:0;padding:0}.portal-field__label{color:#334155;font-size:.85rem;font-weight:600}.portal-field__hint{color:#64748b;font-size:.78rem}.portal-field__optional{color:#94a3b8;font-weight:400}.portal-field textarea,.portal-field input[type=text],.portal-field input[type=email],.portal-field select{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #0f172a26;border-radius:10px;outline:none;width:100%;padding:.55rem .75rem;font-family:inherit;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.portal-field textarea{resize:vertical;min-height:80px}.portal-field textarea:focus,.portal-field input:focus,.portal-field select:focus{border-color:#f8680cb3;box-shadow:0 0 0 3px #f8680c1f}.portal-identity-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (max-width:540px){.portal-identity-grid{grid-template-columns:1fr}}.portal-category-grid{flex-wrap:wrap;gap:6px;display:flex}.portal-category-chip{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #0000;border-radius:9999px;padding:6px 11px;font-family:inherit;font-size:.82rem;transition:background .15s,color .15s,border-color .15s}.portal-category-chip:hover{background:#e2e8f0}.portal-category-chip--active{color:#b44c08;background:#f8680c1f;border-color:#f8680c73;font-weight:600}.portal-success{text-align:center;padding:1.5rem .5rem}.portal-success__icon{color:#065f46;background:#d1fae5;border-radius:9999px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:.75rem;font-size:1.75rem;display:inline-flex}.portal-success p{color:#0f172a;margin:0}