html,body,#root{min-height:100%}:root{--brand-ink: #11263a;--brand-accent: #9d7e7a;--brand-accent-soft: #f0e8e5;--surface-soft: #f4f6f8;--radius-panel: 1.6rem;--radius-panel-soft: 1.35rem;--radius-card: 1.15rem;--shadow-panel: 0 14px 34px -26px rgba(17, 38, 58, .42);--shadow-panel-soft: 0 12px 30px -24px rgba(17, 38, 58, .38);--shadow-card: 0 12px 24px -20px rgba(17, 38, 58, .36);--shadow-card-lift: 0 24px 48px -20px rgba(17, 38, 58, .52);--focus-ring: 0 0 0 2px rgba(255, 255, 255, .9), 0 0 0 4px rgba(17, 38, 58, .22);--motion-fast: .4s cubic-bezier(.25, .1, .25, 1);--motion-base: .4s cubic-bezier(.25, .1, .25, 1)}body{margin:0;font-family:DM Sans,Inter,Segoe UI,sans-serif;color:var(--brand-ink);line-height:1.45;overflow-x:clip;background:radial-gradient(1100px 500px at 15% -10%,#ede8e2,#ede8e200 60%),radial-gradient(900px 420px at 90% -12%,#e7eef7,#e7eef700 55%),var(--surface-soft)}@supports not (overflow: clip){body{overflow-x:hidden}}*{box-sizing:border-box}a{color:inherit}::selection{background:var(--brand-accent-soft);color:var(--brand-ink)}.app-shell{background:radial-gradient(1100px 500px at 15% -10%,#ede8e2,#ede8e200 60%),radial-gradient(900px 420px at 90% -12%,#e7eef7,#e7eef700 55%),var(--surface-soft)}.app-main{margin-inline:auto;width:100%;max-width:1280px;padding-inline:1rem}.app-main-wide{max-width:1600px}.page-fade-in{animation:page-fade-in .26s ease-out}@keyframes page-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.brand-panel{border:1px solid #ddd5cb;border-radius:var(--radius-panel);background:#fff;box-shadow:var(--shadow-panel)}.brand-panel-soft{border:1px solid #d8d3cc;border-radius:var(--radius-panel-soft);background:linear-gradient(140deg,#f4f0ea,#f7f7f4 60%,#edf3fa);box-shadow:var(--shadow-panel-soft)}.brand-card{border:1px solid #ddd5cb;border-radius:var(--radius-card);background:#fff;box-shadow:var(--shadow-card);transition:box-shadow var(--motion-base),transform var(--motion-base),border-color var(--motion-fast)}.brand-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card-lift)}.brand-eyebrow{margin:0;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;font-weight:900;color:var(--brand-accent)}.brand-title{margin:0;font-size:clamp(2rem,4.8vw,3.4rem);line-height:1.06;font-weight:900;letter-spacing:-.018em;color:#11263a;font-family:Playfair Display,serif}.brand-subtitle{margin:0;font-size:clamp(1.4rem,3vw,2.15rem);line-height:1.12;font-weight:900;letter-spacing:-.02em;color:#11263a;font-family:Playfair Display,serif}.brand-lead{margin:0;color:#4c5a67;line-height:1.68}.brand-btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;border-radius:999px;border:1px solid #173a55;background:linear-gradient(135deg,#204766,#16364f);box-shadow:0 10px 20px -15px #16364f94;color:#fff;text-decoration:none;padding:.72rem 1.3rem;font-size:.86rem;font-weight:700;letter-spacing:.01em;text-transform:none;transition:transform var(--motion-fast),box-shadow var(--motion-base),filter var(--motion-fast)}.brand-btn-primary:hover{filter:brightness(1.03);box-shadow:0 14px 28px -16px #16364fb8;transform:translateY(-2px)}.brand-btn-primary:active{transform:translateY(0) scale(.98);box-shadow:0 6px 12px -10px #16364f85}.brand-btn-primary:focus-visible{outline:none;box-shadow:var(--focus-ring),0 14px 28px -16px #10283cd1}.brand-btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;border-radius:999px;border:1px solid #cad5df;background:#fff;color:#2f475a;text-decoration:none;padding:.72rem 1.3rem;font-size:.84rem;font-weight:700;letter-spacing:.01em;text-transform:none;transition:background-color var(--motion-fast),border-color var(--motion-fast),transform var(--motion-fast),box-shadow var(--motion-base)}.brand-btn-secondary:hover{background:#f7fafd;border-color:#b9c7d4;box-shadow:0 10px 20px -18px #11263a5c}.brand-btn-secondary:active{transform:translateY(1px) scale(.995)}.brand-btn-secondary:focus-visible{outline:none;box-shadow:var(--focus-ring)}:where(button,a,input,select,textarea,[role=button],.editor-handle,.canvas-element){transition-property:color,background-color,border-color,box-shadow,transform,opacity,filter;transition-duration:var(--motion-fast);transition-timing-function:cubic-bezier(.25,.1,.25,1)}:where(a,button,input,select,textarea,[role=button]):focus-visible{outline:none;box-shadow:var(--focus-ring)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.landing-step-sticky{top:calc(clamp(72px,19vw,86px) + env(safe-area-inset-top,0px))}.editor-panel-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}@media(min-width:768px){.landing-step-sticky{top:88px}}@media(min-width:1024px){.editor-panel-scroll,.editor-panel-scroll.no-scrollbar{scrollbar-width:thin!important;scrollbar-color:rgba(166,131,106,.72) transparent!important;-ms-overflow-style:auto!important;padding-inline-end:.45rem}.editor-panel-scroll::-webkit-scrollbar,.editor-panel-scroll.no-scrollbar::-webkit-scrollbar{display:block;width:10px}.editor-panel-scroll::-webkit-scrollbar-track,.editor-panel-scroll.no-scrollbar::-webkit-scrollbar-track{background:linear-gradient(180deg,#f5f0e92e,#f5f0e900)}.editor-panel-scroll::-webkit-scrollbar-thumb,.editor-panel-scroll.no-scrollbar::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(180deg,#d6c2b0f2,#bc9c84fa);border:2px solid rgba(252,250,247,.92);background-clip:padding-box;box-shadow:inset 0 0 0 1px #7a5a431f}.editor-panel-scroll::-webkit-scrollbar-thumb:hover,.editor-panel-scroll.no-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#cbac92fa,#a77e61fa);background-clip:padding-box}}