@import url('/theme.css');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f1e8;color:#171816;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}h1,h2,h3,p{margin:0}h1,h2{font-weight:500;letter-spacing:-.065em;line-height:.98}em{font-family:Georgia,serif;font-weight:400}button{border:0}a:focus-visible,button:focus-visible{outline:3px solid #db7757}.wordmark{display:flex;align-items:center;gap:10px;font-weight:750;letter-spacing:-.05em;font-size:23px;white-space:nowrap}.wordmark>span:last-child{color:#db7757}.symbol{width:34px;height:34px;background:#171816;border-radius:9px;color:#f5f1e8;font-size:30px;line-height:31px;position:relative;text-align:center}.symbol span{position:absolute;color:#db7757;right:-7px;top:-7px;font-size:23px}.edition{font-size:9px;letter-spacing:.08em;padding:3px 6px;border:1px solid #d9d5cb;border-radius:4px;margin-left:4px}.button{display:inline-flex;justify-content:center;align-items:center;gap:35px;padding:17px 23px;border-radius:7px;font-weight:600;line-height:1.3;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:#db7757;color:#171816}.dark{background:#171816;color:#fff}.small{padding:12px 18px;font-size:13px}.secondary{background:#e8e4db;color:#171816}.text-link{text-decoration:underline;text-underline-offset:5px;font-size:13px}.eyebrow,.section-kicker{font-size:10px;font-weight:700;letter-spacing:.14em}.dot,.status-dot{width:6px;height:6px;display:inline-block;background:#db7757;border-radius:50%;margin-right:7px}.marketing-nav{max-width:1320px;margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 54px;border-bottom:1px solid #dedbd2}.marketing-nav nav{display:flex;align-items:center;gap:32px;font-size:12px}.hero{max-width:1320px;margin:auto;min-height:730px;display:grid;grid-template-columns:1.1fr 1fr;padding:75px 54px 60px;gap:45px}.hero-copy .eyebrow{margin:10px 0 30px}.hero h1{font-size:clamp(76px,8.1vw,114px);margin-bottom:26px}.hero h1 em{color:#c9694c}.hero-copy>p{max-width:420px;font-size:17px;color:#64665e;line-height:1.7}.actions{display:flex;align-items:center;gap:24px;margin-top:34px}.hero-note{display:flex;gap:23px;margin-top:54px;border-top:1px solid #dcd8ce;padding-top:17px;font-size:10px;color:#767970}.hero-art{position:relative;display:grid;place-items:center;background:#e8e3d9;border-radius:18px;margin-top:0;min-height:585px;background-image:linear-gradient(#ddd8ce55 1px,transparent 1px),linear-gradient(90deg,#ddd8ce55 1px,transparent 1px);background-size:38px 38px;overflow:visible}.phone{width:244px;height:472px;background:#181917;border:5px solid #252622;border-radius:29px;overflow:hidden;position:relative;box-shadow:18px 30px 50px #2d261a30;transform:rotate(-5deg)}.phone-top{display:flex;justify-content:space-between;padding:16px 13px 8px;color:#b8b8ab;font-size:7px;letter-spacing:.08em}.motion-example{height:218px;padding:20px 17px;background:#f5f1e8;color:#151714}.scene-tag{font-size:7px;letter-spacing:.18em;color:#a15c45;border:1px solid #db775780;border-radius:12px;padding:4px 8px}.demo-message{font-size:23px;line-height:1.1;letter-spacing:-.05em;font-weight:700;margin:17px 0}.demo-message em{color:#b65b41}.demo-cards{display:flex;gap:5px}.demo-cards span{background:#e8e2d7;padding:7px 5px;border-radius:5px;font-size:8px;display:grid;gap:3px;flex:1;color:#9c5b47;animation:arrive 5s infinite both}.demo-cards span:nth-child(2){animation-delay:.3s}.demo-cards span:nth-child(3){animation-delay:.6s}.demo-cards b{color:#34362e;font-size:7px}.camera-placeholder{height:165px;position:relative;overflow:hidden;background:linear-gradient(145deg,#8d978d,#c2c2b3);display:grid;place-items:end center}.camera-placeholder>span{position:absolute;bottom:9px;color:#ffffffa0;font-size:6px;letter-spacing:.13em;z-index:2}.portrait-shape{width:144px;height:128px;border-radius:60% 60% 0 0;background:#4e554e;position:absolute;bottom:-30px}.portrait-shape:before{content:'';position:absolute;width:62px;height:72px;border-radius:45% 45% 44% 44%;background:#b7aa97;top:-63px;left:42px}.portrait-shape:after{content:'';position:absolute;width:68px;height:43px;border-radius:65% 50% 0 0;background:#3e413a;top:-68px;left:39px}.phone-caption{position:absolute;bottom:36px;left:0;right:0;text-align:center;font-size:11px;color:#fff;font-weight:750;text-shadow:1px 1px #111,-1px -1px #111}.phone-caption strong{color:#ff972e}.phone-progress{height:3px;position:absolute;bottom:14px;left:16px;right:16px;background:#ffffff30}.phone-progress i{display:block;height:100%;background:#db7757}.floating-note{position:absolute;top:22px;left:24px;border:1px solid #d0cbc0;border-radius:5px;font-size:8px;letter-spacing:.12em;padding:8px 11px;color:#64675c}.paper-label{position:absolute;bottom:36px;right:-15px;background:#faf7ef;border:1px solid #d5d1c6;box-shadow:0 10px 20px #33261012;padding:17px 24px;transform:rotate(5deg);display:grid;font-family:Georgia,serif;font-size:18px}.paper-label strong{font-weight:400;color:#b75f43}.art-grid{position:absolute;right:30px;top:85px;font-size:40px;font-weight:100;color:#db7757}.method-section,.mode-section{max-width:1320px;margin:auto;padding:80px 54px}.method-section{border-top:1px solid #dcd8ce}.section-kicker{color:#9b614b;margin-bottom:25px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px}h2{font-size:clamp(38px,4.6vw,62px)}.section-heading>p{max-width:330px;color:#707268;font-size:14px}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;gap:27px}.method-grid article{border-top:1px solid #ccc7ba;padding-top:18px}.step-number{font-size:10px;color:#9c6952}.method-grid h3{margin:23px 0 12px;font-size:17px;letter-spacing:-.04em}.method-grid p{font-size:13px;color:#77786e;line-height:1.8}.mode-section{background:#ebe6dc;border-radius:15px}.mode-section h2{max-width:800px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:45px}.mode-card{position:relative;border:1px solid #d4cec1;border-radius:10px;display:flex;gap:28px;padding:35px}.mode-letter{font-family:Georgia,serif;font-size:70px;line-height:1;color:#c87555}.mode-card h3{font-size:29px;letter-spacing:-.04em}.mode-card p{color:#777568;font-size:13px;margin:4px 0 19px}.mode-card ul{list-style:none;padding:0;font-size:12px;line-height:2.2;color:#595b50}.mode-card li:before{content:'↗';margin-right:10px;color:#c87555}.mode-card.pro{background:#20221e;color:#f5f1e8;border-color:#20221e}.mode-card.pro p,.mode-card.pro li{color:#b6b7ac}.pro-badge{position:absolute;right:20px;top:20px;font-size:8px;letter-spacing:.1em;color:#e39878}.discreet{font-size:11px;color:#87877a;max-width:750px;margin-top:24px}.closing{text-align:center;padding:110px 20px}.closing h2{margin:25px 0 32px}.closing em{color:#c9694c}footer{border-top:1px solid #dcd8ce;max-width:1212px;margin:auto;padding:30px 0;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#73766b}footer .wordmark{font-size:18px}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:240px;background:#1d201c;color:#f5f1e8;padding:31px 22px;display:flex;flex-direction:column;z-index:5}.sidebar .wordmark{font-size:23px}.sidebar-caption{font-size:8px;letter-spacing:.15em;color:#878e7f;margin:36px 0 12px}.sidebar select{background:#30342d;border:1px solid #41473c;border-radius:6px;color:#e3e6d8;padding:11px;font-size:12px;width:100%}.sidebar nav{display:flex;flex-direction:column;gap:6px;margin-top:31px}.sidebar nav button{display:flex;gap:13px;align-items:center;background:transparent;color:#a1a996;text-align:left;border-radius:7px;padding:11px 12px;font-size:17px}.sidebar nav button span{font-size:12px}.sidebar nav button:hover{background:#2a2f25}.sidebar nav button.active{background:#db7757;color:#1d201c}.nav-divider{border-top:1px solid #353b2f;margin:19px 0 12px}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;font-size:10px;color:#9fa88f;gap:3px}.icon-button{margin-left:auto;background:none;color:inherit;font-size:18px}.studio-main{margin-left:240px;padding:39px 45px;max-width:1700px}.app-header{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:32px}.app-header .eyebrow{font-size:9px;color:#858578}.app-header h1{font-size:43px;line-height:1.05;margin-top:18px}.user-chip{font-size:11px;border:1px solid #ded9ce;border-radius:25px;padding:8px 14px;max-width:250px;overflow:hidden;text-overflow:ellipsis}.notice{background:#eee4d2;padding:13px 16px;border:1px solid #dbcaac;font-size:12px;margin-bottom:23px;border-radius:7px}.notice a{text-decoration:underline}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat-card{padding:21px;background:#fbf8f1;border:1px solid #e3dfd5;border-radius:9px}.stat-card span{font-size:11px;color:#838778}.stat-card strong{display:block;font-size:37px;font-weight:500;letter-spacing:-.06em;margin-top:8px}.panel{border:1px solid #e0dbcf;background:#fbf8f1;border-radius:10px;padding:26px;margin-bottom:22px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.panel h2{font-size:23px;letter-spacing:-.045em;line-height:1.15}.panel h3{font-size:15px;letter-spacing:-.03em}.muted{font-size:12px;color:#888b7b;line-height:1.7}.empty{padding:45px 20px;text-align:center;border:1px dashed #d6d1c3;border-radius:7px}.empty-symbol{font-size:34px;color:#b3b49f;margin-bottom:10px}.empty h3{font-size:19px;margin-bottom:7px}.empty p{max-width:440px;margin:0 auto 19px;color:#858777;font-size:12px}.split-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.workflow-steps{display:flex;gap:9px;margin-top:24px}.workflow-steps>span{flex:1;padding:15px 10px;background:#eee9de;border-radius:6px;font-size:10px;color:#7f826e}.workflow-steps b{display:block;color:#393d32;margin-bottom:5px;font-size:12px}.quick-action{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid #e6e1d6;font-size:13px}.quick-action:last-child{border:0}.quick-action>span{color:#a3684e;font-size:20px}.list-row{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid #e7e2d6}.list-row:last-child{border:0}.list-row .row-icon{width:38px;height:44px;background:#e9e2d4;display:grid;place-items:center;border-radius:5px;color:#a76c51;font-size:20px}.list-row .grow{flex:1;min-width:0}.list-row p{font-size:10px;color:#8c8d7c;margin-top:4px}.row-actions{display:flex;gap:8px}.link-button{background:transparent;color:#a76043;font-size:11px;padding:5px}.badge{font-size:9px;border-radius:15px;padding:4px 9px;background:#e9e7dd;color:#737661;white-space:nowrap}.badge.good{background:#dce8d6;color:#536a3c}.badge.warn{background:#f3ddc3;color:#9c6534}.badge.bad{background:#edd9d2;color:#9b4d39}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{display:block;font-size:11px;color:#6f7462;margin-bottom:6px}input,textarea,select{border:1px solid #d6d3c6;border-radius:6px;background:#fffdf7;padding:11px 12px;color:#252b1e;width:100%;font-size:13px}input[type=checkbox]{width:auto}input[type=color]{height:43px;padding:4px}textarea{resize:vertical;min-height:110px}.field{margin-bottom:17px}.full{grid-column:1/-1}.check-label{display:flex;align-items:start;gap:9px;line-height:1.6}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.account-card{border:1px solid #dedbcc;background:#fbf8f1;border-radius:9px;padding:23px}.network-symbol{font-size:28px;display:block;margin-bottom:23px}.account-card h3{font-size:16px;margin-bottom:5px}.account-card .button{margin-top:23px;width:100%}.account-card p{font-size:11px;color:#878b76}.legend{display:flex;gap:18px;font-size:11px;color:#8a8c78;margin-bottom:20px}.legend span:before{content:'';width:5px;height:5px;background:#db7757;display:inline-block;margin-right:6px;border-radius:50%}.calendar-list{display:grid;gap:12px}.calendar-day{display:flex;gap:20px;padding:16px;border:1px solid #e3dfd1;border-radius:7px}.calendar-date{width:60px;flex-shrink:0;font-size:12px;color:#9d664e}.calendar-date strong{font-size:25px;display:block;color:#333a29}.color-palette{display:flex;gap:8px;margin:20px 0}.swatch{height:55px;flex:1;border-radius:6px;border:1px solid #00000010}.caption-sample{background:#33382c;padding:35px 12px;text-align:center;color:white;border-radius:8px;font-size:25px;font-weight:900;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000;line-height:1.2}.caption-sample strong{color:#ff8800}.preview-grid{display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:30px}.reel-preview{aspect-ratio:9/16;position:relative;background:#242b1f;border-radius:15px;overflow:hidden;max-height:500px}.reel-preview video{position:absolute;bottom:0;width:100%;height:52%;object-fit:cover;object-position:center 35%;transition:height .4s}.reel-preview.full-layout video{height:100%}.reel-preview .motion-zone{position:absolute;top:0;height:48%;width:100%;padding:27px 20px;background:#f5f1e8;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:10px}.reel-preview.full-layout .motion-zone{background:linear-gradient(transparent,#0006);top:auto;bottom:50px;height:auto;color:white}.motion-zone .motion-label{font-size:9px;letter-spacing:.12em;text-transform:uppercase}.motion-zone .motion-text{font-size:27px;line-height:1.1;letter-spacing:-.05em;font-weight:700;animation:arrive .5s both}.motion-zone .motion-text.cards{border:1px solid #db7757;border-radius:9px;padding:15px;background:#fff9ef}.motion-zone .motion-text.stack{font-size:22px;border-left:3px solid #db7757;padding-left:10px}.motion-zone .motion-text.counter{font-size:42px;color:#be684a}.preview-empty{position:absolute;left:0;right:0;bottom:18%;text-align:center;font-size:11px;color:#ccd0c1}.preview-caption{position:absolute;left:10px;right:10px;bottom:24px;font-size:17px;line-height:1.1;text-align:center;color:white;font-weight:800;text-shadow:1px 1px black,-1px -1px black}.preview-controls{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:11px}.preview-controls input{padding:0}.scene-item{display:flex;text-align:left;gap:15px;width:100%;padding:14px;background:#efeade;border:1px solid transparent;border-radius:7px;margin-bottom:9px;color:#373f2e}.scene-item.active{border-color:#d68b67;background:#f6e4d6}.scene-item span:first-child{font-size:10px;flex-shrink:0;color:#a06b50;width:53px}.scene-item strong{font-size:12px;display:block}.scene-item small{font-size:10px;color:#878a79}.metric-bars{display:flex;gap:9px;align-items:end;height:150px;border-bottom:1px solid #ded7c6;padding:0 10px;margin:22px 0}.metric-bars>div{flex:1;min-width:15px;background:#db7757;border-radius:4px 4px 0 0;position:relative;height:var(--bar)}.metric-bars span{position:absolute;bottom:100%;font-size:9px;left:50%;transform:translate(-50%,-7px);color:#7c7e6c}.metric-bars small{position:absolute;top:100%;left:50%;transform:translate(-50%,8px);font-size:8px;white-space:nowrap;color:#8e8f7a}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;font-weight:400;color:#959883;font-size:10px;padding:12px;border-bottom:1px solid #dfdacd}td{padding:15px 12px;border-bottom:1px solid #e9e4d8}.auth-wrap{max-width:440px;margin:35px auto}.auth-wrap h2{margin-bottom:12px;font-size:27px}.auth-wrap>p{margin-bottom:25px}.loading{padding:60px;color:#848774;text-align:center}dialog{border:1px solid #dfdacb;border-radius:12px;background:#fbf8f1;color:#202719;max-width:850px;width:calc(100% - 40px);padding:35px;max-height:90vh;overflow:auto}dialog::backdrop{background:#17201070;backdrop-filter:blur(3px)}dialog h2{font-size:29px;margin-bottom:13px;line-height:1.1}dialog .close{position:absolute;right:16px;top:12px;background:none;font-size:27px;color:#848773}#toast{position:fixed;right:30px;bottom:25px;max-width:420px;background:#242e1d;color:#f5f1e8;padding:15px 20px;border-radius:8px;font-size:12px;box-shadow:0 9px 30px #0002;z-index:30;display:none}#toast.show{display:block}.error{color:#a44731;font-size:12px;margin:12px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes arrive{0%{opacity:0;transform:translateY(13px)}15%,100%{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.hero{padding:55px 35px;gap:25px}.marketing-nav{padding:0 35px}.hero h1{font-size:85px}.hero-art{min-height:530px}.hero-note{gap:15px}.sidebar{width:205px;padding:25px 17px}.studio-main{margin-left:205px;padding:30px 25px}.sidebar .wordmark{font-size:20px}.account-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.marketing-nav nav>a:not(.button){display:none}.marketing-nav{height:80px;padding:0 22px}.hero{grid-template-columns:1fr;padding:35px 24px 55px}.hero h1{font-size:86px}.hero-art{margin:15px 0;min-height:540px}.hero-note{margin-top:32px}.method-section,.mode-section{padding:45px 25px}.section-heading{display:block}.section-heading>p{margin-top:25px}.method-grid{grid-template-columns:1fr 1fr}.mode-grid{grid-template-columns:1fr}.mode-card{padding:25px}.section-kicker{font-size:9px}footer{padding:25px;gap:15px}footer p{display:none}.sidebar{position:relative;width:100%;padding:17px 20px}.sidebar-caption,.sidebar select,.sidebar-bottom{display:none}.sidebar .wordmark{font-size:22px}.sidebar nav{flex-direction:row;overflow:auto;margin-top:15px;gap:4px}.sidebar nav button{padding:8px;white-space:nowrap}.sidebar nav button span{font-size:10px}.nav-divider{display:none}.studio-main{margin-left:0;padding:24px 20px}.app-header h1{font-size:37px}.user-chip{max-width:140px;font-size:9px}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:16px}.stat-card strong{font-size:30px}.split-grid{grid-template-columns:1fr}.panel{padding:20px}.account-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.preview-grid{grid-template-columns:1fr}.reel-preview{max-width:250px;width:100%;margin:auto}.workflow-steps{flex-wrap:wrap}.workflow-steps>span{min-width:100px}.list-row{flex-wrap:wrap}.row-actions{margin-left:auto}.paper-label{right:0}.marketing-nav .wordmark{font-size:20px}.marketing-nav .small{font-size:11px;gap:9px;padding:12px}.pro-badge{position:static;margin-top:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}