:root{--color-primary:#007aff;--color-primary-light:#66b3ff;--color-primary-dark:#0056b3;--color-secondary:#6c757d;--color-success:#34c759;--color-danger:#ff3b30;--color-warning:#ff9500;--text-primary:#1d1d1f;--text-secondary:#86868b;--text-inverse:#fff;--bg-primary:#fff;--bg-secondary:#f2f2f7;--bg-dark:#1d1d1f;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-xxl:1.5rem;--font-size-xxxl:2rem;--font-size-huge:3rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--border-radius-sm:0.375rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--shadow-xl:0 20px 25px rgba(0,0,0,.1);--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--animation-duration-fast:0.2s;--animation-duration-normal:0.3s;--animation-duration-slow:0.5s;--animation-duration-slower:0.4s;--animation-ease-in-out:cubic-bezier(0.4,0,0.2,1);--animation-ease-out:cubic-bezier(0.25,0.46,0.45,0.94);--animation-slide-distance-desktop:30px;--animation-slide-distance-mobile:20px;--shadow-color-primary:rgba(0,122,255,.4);--shadow-color-primary-light:rgba(0,122,255,.15);--shadow-color-overlay:hsla(0,0%,100%,.3);--border-color-default:#d1d5db;--border-color-hover:var(--color-primary);--border-color-error:var(--color-danger);--border-color-success:var(--color-success);--z-header:50;--z-modal:1000;--z-tooltip:1100;--button-height-small:32px;--button-height-medium:40px;--button-height-large:48px;--button-min-height:48px;--button-min-height-mobile:52px;--form-max-width:42rem;--progress-number-size:2.5rem;--progress-line-height:2px;--input-min-width:150px;--input-min-width-code:180px;--input-max-width-code:250px;--icon-size-small:18px;--icon-size-medium:24px;--full-width:100%;--full-height:100vh;--zero-size:0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}@media (min-width:768px){.container{padding:0 var(--spacing-lg)}}@media (min-width:1024px){.container{padding:0 var(--spacing-xl)}}.trinity-header{background-color:var(--bg-primary);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:var(--z-header)}.trinity-header__container{max-width:1200px;margin:0 auto;padding:var(--spacing-md);display:flex;align-items:center;justify-content:space-between;position:relative}@media (min-width:768px){.trinity-header__container{padding:var(--spacing-md) var(--spacing-lg)}}.trinity-header__brand{display:flex;align-items:center;gap:var(--spacing-sm)}.trinity-header__brand-logo{width:2.5rem;height:2.5rem;background-color:var(--color-primary);border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);flex-shrink:0}@media (min-width:640px){.trinity-header__brand-logo{width:3rem;height:3rem;font-size:var(--font-size-xxl)}}.trinity-header__brand-text{display:flex;flex-direction:column}.trinity-header__brand-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.trinity-header__brand-subtitle{font-size:var(--font-size-xs);color:var(--text-secondary)}.trinity-header__nav{display:none;align-items:center;gap:var(--spacing-xl)}.trinity-header__menu-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:transparent;border:none;cursor:pointer;color:var(--text-primary);font-size:var(--font-size-xl)}@media (min-width:768px){.trinity-header__menu-button{display:none}.trinity-header__nav{display:flex}}.trinity-header__nav--mobile{position:absolute;top:100%;left:0;right:0;background-color:var(--bg-primary);box-shadow:var(--shadow-lg);flex-direction:column;align-items:stretch;padding:var(--spacing-md);gap:var(--spacing-sm)}.trinity-header__nav--mobile .trinity-header__link{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md)}.trinity-header__nav--mobile .trinity-header__link:hover{background-color:var(--bg-secondary)}@media (min-width:768px){.trinity-header__nav--mobile{position:static;flex-direction:row;box-shadow:none;padding:0}}.trinity-header__link{color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}.trinity-header__link:hover{color:var(--color-primary)}.trinity-header__button{background-color:var(--color-primary);color:var(--text-inverse);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-lg);text-decoration:none;font-weight:var(--font-weight-semibold);transition:background-color var(--transition-fast)}.trinity-header__button:hover{background-color:var(--color-primary-dark)}.trinity-hero{background:linear-gradient(to bottom right,#eff6ff,var(--bg-primary));padding:var(--spacing-xxl) var(--spacing-md);text-align:center}@media (min-width:768px){.trinity-hero{padding:calc(var(--spacing-xxl) * 1.5) var(--spacing-md)}}.trinity-hero__title{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-lg);line-height:1.2}@media (min-width:768px){.trinity-hero__title{font-size:var(--font-size-huge)}}.trinity-hero__subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-xl);max-width:42rem;margin-left:auto;margin-right:auto}@media (min-width:768px){.trinity-hero__subtitle{font-size:var(--font-size-xl)}}.trinity-hero__buttons{display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center}@media (min-width:640px){.trinity-hero__buttons{flex-direction:row}}.trinity-hero__button--primary{background-color:var(--color-primary);color:var(--text-inverse);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-lg);text-decoration:none;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);transition:background-color var(--transition-fast);box-shadow:var(--shadow-lg)}.trinity-hero__button--primary:hover{background-color:var(--color-primary-dark)}.trinity-hero__button--secondary{background-color:var(--bg-primary);color:var(--color-primary);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-lg);text-decoration:none;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);border:2px solid var(--color-primary);transition:background-color var(--transition-fast)}.trinity-hero__button--secondary:hover{background-color:#eff6ff}.trinity-section{padding:var(--spacing-xl) var(--spacing-md)}@media (min-width:640px){.trinity-section{padding:var(--spacing-xxl) var(--spacing-md)}}@media (min-width:768px){.trinity-section{padding:calc(var(--spacing-xxl) * 1.5) var(--spacing-md)}}@media (min-width:1024px){.trinity-section{padding:calc(var(--spacing-xxl) * 2) var(--spacing-md)}}.trinity-section--bg-secondary{background-color:var(--bg-secondary)}.trinity-section__title{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--spacing-xl);color:var(--text-primary)}@media (min-width:768px){.trinity-section__title{font-size:calc(var(--font-size-xxxl) * 1.2)}}.trinity-section__content{max-width:100%;margin:0 auto}@media (min-width:640px){.trinity-section__content{max-width:48rem}}.trinity-section__content--wide{max-width:100%}@media (min-width:768px){.trinity-section__content--wide{max-width:80rem}}.trinity-section__text{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:var(--spacing-md)}@media (min-width:640px){.trinity-section__text{font-size:var(--font-size-lg)}}.trinity-section__text:last-child{margin-bottom:0}.trinity-section__text h2{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md);margin-top:var(--spacing-lg)}.trinity-section__text h2:first-child{margin-top:0}.trinity-section__text h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-top:var(--spacing-md)}.trinity-section__text h3,.trinity-section__text p{margin-bottom:var(--spacing-sm)}.trinity-list{list-style:none;padding-left:0;margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.trinity-list li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-lg);position:relative;color:var(--text-secondary)}.trinity-list li:before{content:"•";position:absolute;left:0;color:var(--color-primary);font-weight:var(--font-weight-bold)}.trinity-page{min-height:calc(100vh - 200px);padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.trinity-card{background-color:var(--bg-primary);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.trinity-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (min-width:640px){.trinity-card{padding:var(--spacing-xl)}}.trinity-card__icon{width:3rem;height:3rem;border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);font-size:var(--font-size-xxl);flex-shrink:0}@media (min-width:640px){.trinity-card__icon{width:4rem;height:4rem;font-size:var(--font-size-xxxl)}}.trinity-card__icon--primary{background-color:var(--color-primary);color:var(--text-inverse)}.trinity-card__icon--success{background-color:var(--color-success);color:var(--text-inverse)}.trinity-card__icon--warning{background-color:var(--color-warning);color:var(--text-inverse)}.trinity-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:var(--text-primary)}.trinity-card__description{color:var(--text-secondary);line-height:1.6}.trinity-pricing{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);max-width:80rem;margin:0 auto}@media (min-width:640px) and (max-width:1023px){.trinity-pricing{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.trinity-pricing{grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}}.trinity-pricing__card{background-color:var(--bg-primary);border:2px solid #e5e7eb;padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.trinity-pricing__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}@media (min-width:640px){.trinity-pricing__card{padding:var(--spacing-xl)}}.trinity-pricing__card--popular{background-color:var(--color-primary);color:var(--text-inverse)}@media (min-width:1024px){.trinity-pricing__card--popular{transform:scale(1.05)}}.trinity-pricing__badge{background-color:var(--bg-primary);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--spacing-xs) var(--spacing-sm);border-radius:9999px;display:inline-block;margin-bottom:var(--spacing-md)}.trinity-pricing__title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.trinity-pricing__price{margin-bottom:var(--spacing-lg)}.trinity-pricing__price-amount{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold)}.trinity-pricing__price-period{opacity:.8}.trinity-pricing__features{list-style:none;margin-bottom:var(--spacing-xl);space-y:var(--spacing-md)}.trinity-pricing__feature{margin-bottom:var(--spacing-sm)}.trinity-pricing__button{display:block;width:100%;background-color:var(--color-primary);color:var(--text-inverse);padding:var(--spacing-md);border-radius:var(--border-radius-lg);text-align:center;text-decoration:none;font-weight:var(--font-weight-semibold);transition:background-color var(--transition-fast)}.trinity-pricing__button:hover{background-color:var(--color-primary-dark)}.trinity-pricing__card--popular .trinity-pricing__button{background-color:var(--bg-primary);color:var(--color-primary)}.trinity-pricing__card--popular .trinity-pricing__button:hover{background-color:#f3f4f6}.trinity-pricing__message{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary,#666)}.trinity-pricing__message--error{color:var(--color-danger,#d32f2f)}.trinity-pricing__message--warning{color:var(--color-warning,#ff9800);font-size:var(--font-size-sm,.9rem);margin-top:var(--spacing-md)}.trinity-pricing__retry-button{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary,#1976d2);color:var(--text-inverse,#fff);border:none;border-radius:var(--border-radius-sm,4px);cursor:pointer;transition:background-color var(--transition-fast)}.trinity-pricing__retry-button:hover{background-color:var(--color-primary-dark,#1565c0)}.trinity-footer{background-color:var(--bg-dark);color:var(--text-inverse);padding:var(--spacing-xl) var(--spacing-md)}@media (min-width:768px){.trinity-footer{padding:var(--spacing-xxl) var(--spacing-md)}}.trinity-footer__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);max-width:1200px;margin:0 auto}@media (min-width:640px){.trinity-footer__grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}}@media (min-width:1024px){.trinity-footer__grid{grid-template-columns:repeat(3,1fr)}}.trinity-footer__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.trinity-footer__text{color:#9ca3af;margin-bottom:var(--spacing-sm)}.trinity-footer__list{list-style:none;space-y:var(--spacing-sm)}.trinity-footer__link{color:#9ca3af;text-decoration:none;transition:color var(--transition-fast)}.trinity-footer__link:hover{color:var(--text-inverse)}.trinity-footer__divider{border-top:1px solid #374151;margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);text-align:center;color:#9ca3af}.trinity-onboarding{min-height:var(--full-height);background-color:var(--bg-secondary)}.trinity-onboarding__form{max-width:var(--form-max-width);width:var(--full-width);margin:var(--spacing-xxl) auto;background-color:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xl);box-sizing:border-box}@media (max-width:768px){.trinity-onboarding__form{max-width:var(--full-width);margin:var(--zero-size);padding:var(--spacing-lg);border-radius:var(--zero-size);box-shadow:none;min-height:var(--full-height)}}@media (max-width:480px){.trinity-onboarding__form{padding:var(--spacing-md)}}.trinity-onboarding__title{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--spacing-xl);color:var(--text-primary)}@media (max-width:768px){.trinity-onboarding__title{font-size:var(--font-size-xxl);margin-bottom:var(--spacing-lg)}}@media (max-width:480px){.trinity-onboarding__title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}}.trinity-onboarding__progress{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.trinity-onboarding__progress-item{display:flex;align-items:center;flex:1}.trinity-onboarding__progress-number{width:var(--progress-number-size);height:var(--progress-number-size);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);background-color:var(--bg-secondary);color:var(--text-secondary)}.trinity-onboarding__progress-item--active .trinity-onboarding__progress-number{background-color:var(--color-primary);color:var(--text-inverse)}.trinity-onboarding__progress-line{flex:1;height:var(--progress-line-height);background-color:var(--bg-secondary);margin:var(--zero-size) var(--spacing-sm)}.trinity-onboarding__progress-item--active .trinity-onboarding__progress-line{background-color:var(--color-primary)}.trinity-onboarding__progress-item--active~.trinity-onboarding__progress-item .trinity-onboarding__progress-line{background-color:var(--bg-secondary)}.trinity-onboarding__progress-labels{display:flex;justify-content:space-between;margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.trinity-onboarding__progress-label{flex:1;text-align:center}.trinity-onboarding__progress-label--current{font-weight:var(--font-weight-bold);color:var(--color-primary)}.trinity-onboarding__step-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);color:var(--text-primary)}@media (max-width:768px){.trinity-onboarding__step-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}}@media (max-width:480px){.trinity-onboarding__step-title{font-size:var(--font-size-md);margin-bottom:var(--spacing-sm)}}.trinity-onboarding__step-description{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.trinity-onboarding__grid-button-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.trinity-onboarding__grid-button-title{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.trinity-onboarding__grid-button-price{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-bold)}.trinity-onboarding__field{margin-bottom:var(--spacing-lg)}.trinity-onboarding__label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);color:var(--text-primary)}.trinity-onboarding__button{width:var(--full-width);background-color:var(--color-primary);color:var(--text-inverse);padding:var(--spacing-md);border-radius:var(--border-radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);transition:all var(--transition-normal) var(--animation-ease-out);border:none;cursor:pointer;touch-action:manipulation;min-height:var(--button-min-height);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.trinity-onboarding__button:before{content:"";position:absolute;top:50%;left:50%;width:var(--zero-size);height:var(--zero-size);border-radius:50%;background:hsla(0,0%,100%,.2);transform:translate(-50%,-50%);transition:width var(--animation-duration-slower),height var(--animation-duration-slower)}.trinity-onboarding__button:active:before{width:300px;height:300px}.trinity-onboarding__button:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-color-primary-light)}.trinity-onboarding__button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px var(--shadow-color-primary-light)}.trinity-onboarding__button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width:768px){.trinity-onboarding__button{min-height:var(--button-min-height-mobile);font-size:var(--font-size-md);padding:var(--spacing-md) var(--spacing-lg)}.trinity-onboarding__button:hover:not(:disabled){transform:none}}@media (max-width:480px){.trinity-onboarding__button{min-height:var(--button-height-large);font-size:var(--font-size-lg)}}.trinity-onboarding__button--secondary{background-color:var(--bg-primary);color:var(--text-primary);border:2px solid var(--border-color-default);width:var(--full-width);min-height:var(--button-min-height);display:flex;align-items:center;justify-content:center;white-space:nowrap;text-align:center;writing-mode:horizontal-tb;text-orientation:mixed}.trinity-onboarding__button--secondary:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--border-color-hover);opacity:1;transform:translateY(-1px)}.trinity-onboarding__button--secondary:active:not(:disabled){transform:translateY(0)}@media (max-width:768px){.trinity-onboarding__button--secondary{order:2}.trinity-onboarding__button--secondary:hover:not(:disabled){transform:none}}.trinity-onboarding__buttons{display:flex;gap:var(--spacing-md);align-items:stretch;width:var(--full-width)}.trinity-onboarding__buttons>button{flex:1;min-height:var(--button-min-height);display:flex;align-items:center;justify-content:center;white-space:nowrap;text-align:center;writing-mode:horizontal-tb;text-orientation:mixed}.trinity-onboarding__buttons--spaced{margin-top:var(--spacing-lg,1.5rem)}.trinity-onboarding__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.trinity-onboarding__grid--centered{justify-items:center;max-width:100%;margin-left:auto;margin-right:auto}@media (min-width:1024px){.trinity-onboarding__grid--centered{grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);max-width:90rem}}@media (min-width:640px) and (max-width:1023px){.trinity-onboarding__grid--centered{grid-template-columns:repeat(2,1fr);max-width:60rem}}@media (max-width:639px){.trinity-onboarding__grid--centered{grid-template-columns:1fr;max-width:100%}}.trinity-onboarding__grid-button{padding:var(--spacing-md);border:2px solid var(--bg-secondary);border-radius:var(--border-radius-lg);background-color:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast)}.trinity-onboarding__grid-button:hover{border-color:var(--border-color-default)}.trinity-onboarding__grid-button--active{border-color:var(--color-primary);background-color:rgba(0,122,255,.05)}.trinity-onboarding__success{background-color:rgba(52,199,89,.1);border:1px solid var(--color-success);border-radius:var(--border-radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.trinity-onboarding__success-text{color:var(--color-success);margin-bottom:var(--spacing-sm)}.trinity-onboarding__success-detail{font-size:var(--font-size-sm);color:var(--color-success)}.trinity-onboarding__error{color:var(--color-danger,#ff3b30);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background-color:#fee2e2;border:1px solid #fecaca;border-radius:var(--border-radius-md)}.trinity-onboarding__category-section{margin-top:var(--spacing-xl)}.trinity-onboarding__text-secondary{color:var(--text-secondary,#666);margin-top:var(--spacing-md)}.trinity-onboarding__input--monospace{font-family:Courier New,Courier,monospace}.trinity-onboarding__grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.trinity-onboarding__message{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary,#666)}.trinity-onboarding__message--error{color:var(--color-danger,#d32f2f)}.trinity-onboarding__message--warning{color:var(--color-warning,#ff9800);font-size:var(--font-size-sm,.9rem)}.trinity-onboarding__retry-button{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary,#1976d2);color:var(--text-inverse,#fff);border:none;border-radius:var(--border-radius-sm,4px);cursor:pointer;transition:background-color var(--transition-fast)}.trinity-onboarding__retry-button:hover{background-color:var(--color-primary-dark,#1565c0)}.trinity-onboarding__small-text{color:var(--text-secondary,#666);font-size:var(--font-size-sm)}.trinity-onboarding__flex-row{display:flex;gap:.5rem;align-items:center}.trinity-onboarding__flex-col{display:flex;flex-direction:column;gap:.75rem}.trinity-onboarding__email-input-wrapper{display:flex;gap:.5rem;align-items:center}.trinity-onboarding__email-separator{font-size:.875rem;color:#666}.trinity-onboarding__email-domain-select{flex:1;min-width:150px}.trinity-onboarding__custom-domain-wrapper{margin-top:.5rem}.trinity-onboarding__custom-domain-hint{display:block;margin-top:.25rem;color:#666;font-size:.75rem}.trinity-onboarding__error-box{margin-top:.5rem;padding:.5rem;background-color:#fee2e2;border:1px solid #fecaca;border-radius:.25rem}.trinity-onboarding__error-text{color:#dc3545;font-size:.8125rem;display:block}.trinity-onboarding__success-text{color:#28a745;font-size:.875rem;font-weight:600}.trinity-onboarding__verification-timer{display:inline-block}.trinity-onboarding__verification-timer--warning{color:#856404}.trinity-onboarding__payment-option-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.75rem;border:1px solid #ddd;border-radius:.25rem;background-color:transparent;transition:background-color .2s}.trinity-onboarding__payment-option-label--active{background-color:#f5f5f5}.trinity-onboarding__payment-info-box{margin-top:.5rem;padding:.75rem;background-color:#f8f9fa;border-radius:.25rem}.trinity-onboarding__payment-info-text{color:#666;margin-top:.5rem;display:block;font-size:.875rem}.trinity-onboarding__payment-option-title{margin-bottom:.75rem;font-weight:500}.trinity-onboarding__payment-option-content{flex:1}.trinity-onboarding__payment-option-description{display:block;color:#666;margin-top:.25rem}.trinity-onboarding__radio-input{width:18px;height:18px;cursor:pointer}.trinity-onboarding__completion-info{margin-top:1.5rem}.trinity-onboarding__info-item{margin-bottom:.5rem}.trinity-onboarding__completion-buttons{margin-top:2rem}.trinity-onboarding__email-input-local{flex:1}.trinity-onboarding__custom-domain-input{width:100%}.trinity-onboarding__email-actions,.trinity-onboarding__email-error-box,.trinity-onboarding__email-verification{margin-top:.5rem}.trinity-onboarding__verification-section{margin-top:1rem;padding:1rem;background-color:#f8f9fa;border-radius:.5rem;border:1px solid #e9ecef}.trinity-onboarding__verification-button-wrapper{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.trinity-onboarding__verification-timer-wrapper{display:inline-flex;align-items:center;padding:.375rem .75rem;background-color:#e7f3ff;border-radius:.375rem;border:1px solid #b3d9ff}.trinity-onboarding__verification-timer-wrapper--warning{background-color:#fff3cd;border-color:#ffc107}.trinity-onboarding__verification-timer{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;color:#06c;font-variant-numeric:tabular-nums;letter-spacing:.05em}.trinity-onboarding__verification-timer-wrapper--warning .trinity-onboarding__verification-timer{color:#856404}.trinity-onboarding__verification-code-wrapper{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.trinity-onboarding__verification-code-input{flex:1;min-width:200px;max-width:280px;font-size:1.125rem;text-align:center;letter-spacing:.25em;font-weight:600;font-variant-numeric:tabular-nums}.trinity-onboarding__template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md,1rem);margin-top:var(--spacing-lg,1.5rem)}.trinity-onboarding__template-card{position:relative;padding:var(--spacing-lg,1.5rem);border:var(--border-width,2px) solid var(--border-color,#e5e7eb);border-radius:var(--border-radius-lg,.75rem);background-color:var(--bg-primary,#fff);cursor:pointer;transition:all var(--transition-fast,.2s)}.trinity-onboarding__template-card:hover{border-color:var(--color-primary,#007bff);box-shadow:var(--shadow-md,0 4px 6px rgba(0,0,0,.1));transform:translateY(-2px)}.trinity-onboarding__template-card--selected{border-color:var(--color-primary,#007bff);background-color:var(--bg-secondary,#f5f5f5);box-shadow:var(--shadow-md,0 4px 6px rgba(0,122,255,.2))}.trinity-onboarding__template-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm,.5rem)}.trinity-onboarding__template-card-title{font-size:var(--font-size-lg,1.125rem);font-weight:var(--font-weight-bold,700);color:var(--text-primary,#1d1d1f);margin:0}.trinity-onboarding__template-card-role{font-size:var(--font-size-sm,.875rem);color:var(--text-secondary,#666);background-color:var(--bg-secondary,#f5f5f5);padding:var(--spacing-xs,.25rem) var(--spacing-sm,.5rem);border-radius:var(--border-radius-sm,.375rem)}.trinity-onboarding__template-card-description{font-size:var(--font-size-sm,.875rem);color:var(--text-secondary,#666);margin:var(--spacing-sm,.5rem) 0;line-height:var(--line-height-normal,1.5)}.trinity-onboarding__template-card-widgets{margin-top:var(--spacing-sm,.5rem);font-size:var(--font-size-xs,.75rem)}.trinity-onboarding__template-card-check{position:absolute;top:var(--spacing-sm,.5rem);right:var(--spacing-sm,.5rem);width:var(--check-size,24px);height:var(--check-size,24px);background-color:var(--color-primary,#007bff);color:var(--text-inverse,#fff);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold,700);font-size:var(--font-size-sm,.875rem)}.trinity-onboarding__dashboard-preview{margin-top:var(--spacing-xl,2rem);padding:var(--spacing-lg,1.5rem);background-color:var(--bg-secondary,#f5f5f5);border-radius:var(--border-radius-md,.5rem)}.trinity-onboarding__selected-templates{display:flex;flex-direction:column;gap:var(--spacing-sm,.5rem);margin-top:var(--spacing-md,1rem)}.trinity-onboarding__template-summary{padding:var(--spacing-sm,.5rem);font-size:var(--font-size-md,1rem);color:var(--text-primary,#1d1d1f)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.trinity-onboarding__template-card--selected{animation:pulse .5s ease-in-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.trinity-onboarding__template-card{animation:slideIn .3s ease-out}.trinity-onboarding__template-card:first-child{animation-delay:0s}.trinity-onboarding__template-card:nth-child(2){animation-delay:.1s}.trinity-onboarding__template-card:nth-child(3){animation-delay:.2s}.trinity-onboarding__template-card:nth-child(4){animation-delay:.3s}@keyframes checkMark{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.trinity-onboarding__template-card-check{animation:checkMark .3s ease-out}.trinity-onboarding__existing-requests{margin-top:var(--spacing-lg,1.5rem)}.trinity-onboarding__request-card{padding:var(--spacing-md,1rem);border:var(--border-width,1px) solid var(--border-color,#e0e0e0);border-radius:var(--border-radius-lg,.75rem);margin-bottom:var(--spacing-sm,.5rem);cursor:pointer;transition:all var(--transition-fast,.2s);background-color:var(--bg-primary,#fff)}.trinity-onboarding__request-card:hover{background-color:var(--bg-secondary,#f5f5f5);border-color:var(--color-primary,#007bff)}.trinity-onboarding__request-title{font-size:var(--font-size-lg,1rem);font-weight:var(--font-weight-bold,700);margin-bottom:var(--spacing-xs,.25rem);color:var(--text-primary,#1d1d1f)}.trinity-onboarding__request-meta{margin-bottom:var(--spacing-xs,.25rem)}.trinity-onboarding__request-meta,.trinity-onboarding__request-status{font-size:var(--font-size-sm,.875rem);color:var(--text-secondary,#666)}.trinity-onboarding__new-start-button{width:100%;margin-top:var(--spacing-md,1rem)}.trinity-onboarding__loading-container{display:flex;justify-content:center;align-items:center;height:var(--loading-container-height,50vh);font-size:var(--font-size-lg,1.125rem);color:var(--text-secondary,#666)}.trinity-onboarding__error-message{text-align:center;margin-top:var(--spacing-md,1rem);color:var(--text-secondary,#666)}.trinity-onboarding__template-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm,.5rem)}.trinity-onboarding__button-secondary{padding:var(--spacing-xs,.25rem) var(--spacing-sm,.5rem);background-color:var(--bg-secondary,#f5f5f5);color:var(--text-primary,#1d1d1f);border:1px solid var(--border-color,#e5e7eb);border-radius:var(--border-radius-sm,.375rem);font-size:var(--font-size-sm,.875rem);cursor:pointer;transition:all var(--transition-fast,.2s)}.trinity-onboarding__button-secondary:hover{background-color:var(--bg-tertiary,#e5e7eb);border-color:var(--color-primary,#007bff)}.trinity-onboarding__button-primary{padding:var(--spacing-xs,.25rem) var(--spacing-sm,.5rem);background-color:var(--color-primary,#007bff);color:var(--text-inverse,#fff);border:1px solid var(--color-primary,#007bff);border-radius:var(--border-radius-sm,.375rem);font-size:var(--font-size-sm,.875rem);cursor:pointer;transition:all var(--transition-fast,.2s)}.trinity-onboarding__button-primary:hover{background-color:var(--color-primary-dark,#0056b3)}.trinity-onboarding__widget-editor{margin-top:var(--spacing-md,1rem);padding:var(--spacing-md,1rem);background-color:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:var(--border-radius-md,.5rem)}.trinity-onboarding__widget-list{margin-bottom:var(--spacing-md,1rem)}.trinity-onboarding__label-small{font-size:var(--font-size-sm,.875rem);font-weight:var(--font-weight-semibold,600);margin-bottom:var(--spacing-xs,.25rem);color:var(--text-primary,#1d1d1f)}.trinity-onboarding__widget-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs,.25rem);margin-top:var(--spacing-xs,.25rem)}.trinity-onboarding__widget-tag{display:inline-flex;align-items:center;gap:var(--spacing-xs,.25rem);padding:var(--spacing-xs,.25rem) var(--spacing-sm,.5rem);background-color:var(--bg-secondary,#f5f5f5);border:1px solid var(--border-color,#e5e7eb);border-radius:var(--border-radius-sm,.375rem);font-size:var(--font-size-sm,.875rem);color:var(--text-primary,#1d1d1f)}.trinity-onboarding__widget-tag-remove{background:none;border:none;color:var(--text-secondary,#666);cursor:pointer;font-size:var(--font-size-lg,1.125rem);line-height:1;padding:0;margin-left:var(--spacing-xs,.25rem);transition:color var(--transition-fast,.2s)}.trinity-onboarding__widget-tag-remove:hover{color:var(--color-danger,#dc3545)}.trinity-onboarding__widget-available{margin-top:var(--spacing-md,1rem);padding-top:var(--spacing-md,1rem);border-top:1px solid var(--border-color,#e5e7eb)}.trinity-onboarding__widget-options{display:flex;flex-wrap:wrap;gap:var(--spacing-xs,.25rem);margin-top:var(--spacing-xs,.25rem)}.trinity-onboarding__widget-option{padding:var(--spacing-xs,.25rem) var(--spacing-sm,.5rem);background-color:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:var(--border-radius-sm,.375rem);font-size:var(--font-size-sm,.875rem);color:var(--text-primary,#1d1d1f);cursor:pointer;transition:all var(--transition-fast,.2s)}.trinity-onboarding__widget-option:hover{background-color:var(--bg-secondary,#f5f5f5);border-color:var(--color-primary,#007bff);color:var(--color-primary,#007bff)}.trinity-onboarding__widget-editor-actions{display:flex;gap:var(--spacing-sm,.5rem);justify-content:flex-end;margin-top:var(--spacing-md,1rem);padding-top:var(--spacing-md,1rem);border-top:1px solid var(--border-color,#e5e7eb)}.trinity-onboarding__widget-preview{margin-top:var(--spacing-xs,.25rem);font-size:var(--font-size-sm,.875rem)}