@font-face{font-family:Jakarta;src:url('./assets/plus-jakarta-sans.ttf') format('truetype');font-weight:200 800;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f8f7f4;color:#242327;font-family:Jakarta,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit}button,a,input,select,summary{touch-action:manipulation}button,summary{cursor:pointer}button{transition:background .16s,border-color .16s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #8469df;outline-offset:4px}.wrap{width:min(1160px,calc(100% - 72px));margin:auto}.header{display:flex;align-items:center;gap:22px;height:108px;border-bottom:1px solid #e0ded8}.header img{display:block;object-fit:contain}.header-divider{height:23px;width:1px;background:#d2cfd4}.studio-label{font-size:13px;color:#6c6870}.header-link{margin-left:auto;font-size:12px;text-decoration:none}.header-link span{margin-left:17px}.intro{padding:64px 0 48px}.eyebrow{font-size:10px;letter-spacing:1.65px;font-weight:700;color:#706b78;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:#9a86ff}.intro-row{display:flex;justify-content:space-between;align-items:flex-end;gap:35px}h1{font-size:clamp(32px,4.1vw,51px);font-weight:550;line-height:1.2;letter-spacing:-2.25px;margin:22px 0 0}h1 em{font-style:normal;color:#7b61c4}.intro-row>p{font-size:13px;color:#76717b;line-height:1.9;margin:0 0 6px;min-width:235px}.studio{display:grid;grid-template-columns:365px minmax(0,1fr);border:1px solid #dedbe1;border-radius:21px;overflow:hidden;background:#fff}.controls{padding:31px 28px 25px;border-right:1px solid #dedbe1;min-width:0}.panel-heading{display:flex;gap:12px;align-items:center}.step{color:#8b7aaa;border:1px solid #ddd5ed;border-radius:6px;padding:4px 5px;font-size:10px;line-height:1;font-weight:600}.panel-heading h2{font-size:19px;letter-spacing:-.6px;font-weight:600;margin:0}.controls fieldset{border:0;padding:0;margin:28px 0 0;min-width:0}.controls legend,.field-label{font-size:11px;font-weight:700;margin-bottom:11px;display:block}.variants{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.variant{position:relative;display:flex;align-items:center;flex-direction:column;gap:12px;border:1px solid #e4e0e7;border-radius:9px;padding:15px 5px 11px;font-size:10px;color:#76717e;cursor:pointer}.variant:has(input:checked){border-color:#9a86df;background:#f4f0ff;color:#654eac;box-shadow:0 0 0 1px #9a86df}.variant input{position:absolute;opacity:0;width:1px;height:1px}.variant:has(input:focus-visible){outline:3px solid #8469df;outline-offset:4px}.variant-art{display:flex;flex-direction:column;gap:4px;width:45px;height:32px;justify-content:center}.variant-art i{height:5px;width:12px;background:#9a86e2;border-radius:2px;margin-bottom:3px}.variant-art b{height:3px;background:#c8c1d4;border-radius:2px;width:100%}.variant-art b:nth-of-type(2){width:80%}.variant-art small{height:3px;width:21px;background:#ac9ad9;margin-top:2px;border-radius:2px}.compact-art{border:1px solid #c7bdde;padding:5px;border-radius:3px;height:24px;margin:4px 0}.compact-art i{margin:0;height:3px}.text-art{gap:5px}.text-art b{height:2px}.text-art small{height:2px}.control-pair{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-top:25px}.control-pair fieldset{margin:0}.theme-options{display:flex;gap:8px}.theme-options input{position:absolute;opacity:0;width:1px;height:1px}.theme-options label>span{display:flex;align-items:center;gap:6px;padding:10px 8px;border:1px solid #e4e0e7;border-radius:7px;font-size:10px;cursor:pointer}.theme-options label:has(input:checked)>span{border-color:#9280b5;background:#f8f6fc}.theme-options label:has(input:focus-visible){outline:3px solid #8469df;border-radius:7px}.swatch{width:11px;height:11px;border-radius:50%;display:inline-block;border:1px solid #d9d4df}.swatch.dark{background:#29272e}.swatch.light{background:#fff}select,input[type=text]{width:100%;border:1px solid #dfdce4;border-radius:7px;background:#fff;color:#49434f;height:38px;padding:0 10px;min-width:0;font-size:11px}select{cursor:pointer}.partner-field{margin-top:25px}.field-label>span{float:right;font-weight:400;color:#8b8592;font-size:10px}.hint{font-size:10px;line-height:1.7;color:#85808b;margin:9px 0 23px}.check{display:flex;align-items:flex-start;gap:10px;margin-top:18px;font-size:11px;line-height:1.55;cursor:pointer}.check input{accent-color:#7a61bc;width:15px;height:15px;margin:1px 0 0;flex-shrink:0}.check small{display:block;color:#8a8491;font-size:10px;margin-top:3px}.control-note{margin-top:27px;border-top:1px solid #ece8ef;padding-top:18px;font-size:10px;line-height:1.8;color:#6f657d}.control-note>span:first-child{color:#9a86df;margin-right:8px}.control-note>span:last-child{margin-left:17px;color:#948b9f}.preview-panel{display:flex;flex-direction:column;background:#ece9f1;min-width:0}.preview-toolbar{padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:15px}.preview-toolbar>div:first-child{display:flex;gap:8px;align-items:center;font-size:9px;letter-spacing:1px;font-weight:650;color:#766c83}.live-dot{width:5px;height:5px;border-radius:50%;background:#8e79bc}.preview-devices{border:1px solid #d7d1e1;border-radius:6px;padding:3px;display:flex}.preview-devices button{font-size:9px;border:0;border-radius:4px;padding:6px 10px;background:transparent;color:#80788c}.preview-devices button[aria-pressed=true]{background:#fff;color:#494151;box-shadow:0 1px 3px #342a4810}.preview-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:20px 28px 30px;min-width:0;background-image:radial-gradient(#baafcc58 .7px,transparent .7px);background-size:16px 16px}.browser-shell{width:100%;max-width:610px;overflow:hidden;border-radius:13px;border:1px solid #dad3e2;background:#faf9fc;box-shadow:0 18px 48px -25px #40304465;transition:max-width .2s}.browser-shell.is-mobile{max-width:360px}.browser-bar{height:39px;background:#fff;border-bottom:1px solid #e7e2ec;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#b0a9b7;font-size:9px}.traffic{display:flex;gap:4px}.traffic i{display:block;width:5px;height:5px;border-radius:50%;background:#ded8e5}.browser-shell iframe{display:block;width:100%;height:460px;border:0;background:#faf9fc}.preview-footer{padding:18px 27px;display:flex;justify-content:space-between;gap:12px;color:#8b8298;font-size:8px;letter-spacing:.7px;border-top:1px solid #ded7e8}.preview-footer>span:last-child{letter-spacing:0}.export-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0 0}.export-row h2{font-size:18px}.export-row p{font-size:11px;color:#8a8291;margin:10px 0 0 37px}.export-actions{display:flex;gap:10px;flex-shrink:0}.export-actions button{padding:14px 19px;border-radius:8px;font-weight:600;font-size:11px;display:flex;gap:20px;align-items:center;justify-content:space-between}.primary{background:#9580ea;border:1px solid #9580ea;color:#201630}.primary:hover{background:#a894f3}.secondary{border:1px solid #ddd6e5;background:transparent;color:#736481}.secondary:hover{background:#f0ebf7}.status{min-height:18px;font-size:11px;color:#685193;text-align:right;margin:10px 0 8px}.code-details{border:1px solid #e1dce6;border-radius:9px;padding:0 18px}.code-details summary{list-style:none;font-size:11px;color:#82768e;padding:14px 0;display:flex;justify-content:space-between}.code-details summary::-webkit-details-marker{display:none}textarea{width:100%;resize:vertical;background:#242227;color:#e2d8ef;font-family:ui-monospace,monospace;font-size:11px;line-height:1.6;border:0;border-radius:6px;padding:18px}.code-details p{font-size:10px;color:#8a8291}.installation{margin:68px 0 0;border-top:1px solid #ded9e3;padding-top:51px;display:grid;grid-template-columns:1fr 1.15fr;gap:100px}.section-intro h2{font-size:32px;letter-spacing:-1.3px;line-height:1.3;font-weight:550;margin:17px 0}.section-intro p{max-width:325px;font-size:12px;color:#817887;line-height:1.9}.steps-list{list-style:none;padding:0;margin:0}.steps-list li{display:flex;gap:22px;padding:0 0 22px;margin-bottom:21px;border-bottom:1px solid #e4dfe9}.steps-list li:last-child{margin:0;border:0}.steps-list li>span{font-size:10px;color:#a390bd;padding-top:4px}.steps-list h3{margin:0 0 8px;font-size:13px;font-weight:650}.steps-list p{font-size:11px;line-height:1.9;color:#867c8d;margin:0;max-width:410px}.details-section{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin:41px 0 31px;padding:29px 0;border-top:1px solid #e1dbe7;border-bottom:1px solid #e1dbe7}.tile-icon{font-size:22px;color:#a18bbf}.detail-tile h3{font-size:12px;font-weight:650;margin:13px 0 8px}.detail-tile p{font-size:11px;line-height:1.9;color:#877c90;margin:0}.seo-details{font-size:11px;color:#7d7186;line-height:1.9;max-width:900px}.seo-details summary{font-weight:600}.seo-details>div{padding:12px 0}.seo-details code{color:#63448a}.footer{display:flex;justify-content:space-between;gap:24px;padding:45px 0 27px;font-size:10px;color:#8d8197}.footer a{text-decoration:none}.footer a span{margin-left:17px}.skip{position:absolute;left:20px;top:-100px;z-index:10;background:white;padding:16px}.skip:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{padding:20px;line-height:1.8;background:#ede6fd;margin:15px 0}.noscript a{margin-left:6px}@media(max-width:960px){.wrap{width:calc(100% - 40px)}.studio{grid-template-columns:320px minmax(0,1fr)}.controls{padding:26px 22px}.preview-stage{padding:15px}.intro-row>p{min-width:200px;font-size:11px}.intro-row{gap:20px}.installation{gap:60px}.export-actions button{padding:12px;font-size:10px;gap:10px}.export-row h2{font-size:15px}.preview-toolbar{padding:20px 15px}.preview-footer{padding:16px;flex-wrap:wrap}}@media(max-width:740px){.wrap{width:calc(100% - 36px)}.header{height:80px;gap:15px}.header img{width:93px;height:30px}.header-link{font-size:0}.header-link span{font-size:17px}.studio-label{font-size:11px}.intro{padding:38px 0 30px}.intro-row{display:block}h1{font-size:37px;letter-spacing:-1.8px}.intro-row>p{margin:20px 0 0;font-size:12px;line-height:1.8}.intro-row>p br{display:none}.studio{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid #dedbe1;padding:25px}.variants{max-width:400px}.control-pair{grid-template-columns:1fr 1fr}.theme-options label>span{font-size:11px;padding:10px 13px}.control-note{display:none}.preview-stage{padding:22px 16px 27px}.preview-toolbar{padding:20px}.browser-shell iframe{height:470px}.export-row{align-items:stretch;flex-direction:column;gap:22px}.export-actions{display:grid;grid-template-columns:1fr 1.25fr}.export-actions button{font-size:11px;padding:15px 12px}.export-row h2{font-size:17px}.status{text-align:left;line-height:1.7}.installation{grid-template-columns:1fr;gap:28px;margin-top:44px;padding-top:34px}.section-intro h2{font-size:30px}.section-intro p{max-width:none}.steps-list p{max-width:none}.details-section{grid-template-columns:1fr;gap:27px;margin-top:20px}.detail-tile{padding-left:36px;position:relative}.tile-icon{position:absolute;left:0;top:7px}.detail-tile h3{font-size:13px}.detail-tile p{font-size:12px}.footer{font-size:9px;line-height:1.8;flex-wrap:wrap}.seo-details{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.partner-nav{display:flex;align-items:center;gap:26px;margin-left:auto;font-size:12px}.partner-nav a{color:inherit;text-decoration:none}.partner-nav a:hover{color:#7252c7}.affiliate-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center;padding:52px 0 60px;border-top:1px solid #dedbe6;scroll-margin-top:30px}.affiliate-story h2{font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-2px;font-weight:550;margin:20px 0}.affiliate-story h2 em{color:#7756c6;font-style:normal}.affiliate-story>p{font-size:15px;line-height:1.8;color:#71697c;max-width:520px}.affiliate-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin:26px 0 15px}.affiliate-actions a{text-decoration:none;font-size:12px}.affiliate-actions .primary{padding:15px 19px;display:inline-block}.affiliate-story>small{color:#827889;font-size:11px}.commission-card{border-radius:20px;background:#242126;color:#fff;padding:34px;position:relative;overflow:hidden}.commission-card:after{content:'';position:absolute;width:220px;height:220px;top:-110px;right:-100px;border-radius:100%;background:#9a7ce4;filter:blur(70px);opacity:.4;pointer-events:none}.commission-card>span{font-size:9px;letter-spacing:.17em;color:#c5b3df}.commission-card>strong{display:block;font-size:clamp(70px,8vw,108px);letter-spacing:-7px;font-weight:500;line-height:1.2;margin-top:20px;color:#cbb4fc}.commission-card>strong span{font-size:45px;letter-spacing:-3px}.commission-card h3{font-size:21px;font-weight:500;margin:5px 0 20px}.commission-card p{font-size:12px;line-height:1.8;color:#ccc3d4;max-width:320px}.commission-card>div{display:grid;gap:12px;border-top:1px solid #49404f;margin-top:25px;padding-top:24px;font-size:12px}.commission-card>div span:before{content:'↗';margin-right:12px;color:#cbb4fc}.partner-process{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:70px}.partner-process article{border-top:1px solid #dedbe6;padding-top:22px}.partner-process span{font-size:10px;letter-spacing:.08em;color:#8d73b7}.partner-process h3{font-weight:550;font-size:17px;letter-spacing:-.4px;margin:20px 0 10px}.partner-process p{font-size:12px;color:#71697c;line-height:1.8}.affiliate-connected{padding:18px 22px;border:1px solid #bba8e6;border-radius:12px;background:#eee7fa;color:#5b437f;font-size:12px;line-height:1.7;margin-bottom:20px}.affiliate-connected[hidden]{display:none}.cms-guides{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 65px}.cms-guides details{border:1px solid #dedbe6;border-radius:10px;padding:18px 22px;background:#fff}.cms-guides summary{cursor:pointer;font-size:13px;font-weight:600}.cms-guides p{font-size:12px;line-height:1.9;color:#71697c}.program-rules{padding:50px 0 30px;border-top:1px solid #dedbe6;scroll-margin-top:25px}.program-rules h2{font-size:32px;font-weight:550;line-height:1.2;letter-spacing:-1px;margin:20px 0 35px}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.rules-grid h3{font-size:15px;font-weight:600}.rules-grid ul{padding-left:16px;font-size:12px;line-height:1.9;color:#71697c}.rules-grid li{margin-bottom:12px}.rules-grid a{color:#71519d}.program-rules>.hint{margin-top:30px;max-width:780px;line-height:1.8}
@media(max-width:850px){.affiliate-hero{gap:30px}.partner-nav{gap:16px;font-size:11px}.rules-grid{grid-template-columns:1fr}.program-rules h2{font-size:27px}.partner-process{gap:20px}.commission-card{padding:28px}}
@media(max-width:600px){.header{flex-wrap:wrap;gap:15px}.partner-nav{width:100%;margin:0;justify-content:space-between;gap:8px}.affiliate-hero{grid-template-columns:1fr;padding:35px 0}.commission-card>strong{font-size:90px}.partner-process{grid-template-columns:1fr;gap:12px;margin-bottom:40px}.partner-process h3{margin-top:12px}.cms-guides{grid-template-columns:1fr}.affiliate-story h2{letter-spacing:-1px}.affiliate-actions{gap:16px}.affiliate-story>p{font-size:14px}.rules-grid{gap:14px}}

/* Quiet lavender atmosphere with a fine, static grain. */
body{position:relative;isolation:isolate;background:radial-gradient(ellipse at 80% 3%,#d7c7f742,transparent 48%),radial-gradient(ellipse at 5% 42%,#e6daf737,transparent 45%),linear-gradient(150deg,#fcfafc 0%,#f7f3fc 54%,#fbf9fc 100%)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('./assets/grain.svg') repeat;opacity:.065;mix-blend-mode:multiply}
.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px;border-radius:13px;font-weight:600;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
.primary{color:#fff;background:linear-gradient(135deg,#8061d7,#6846b8);border:1px solid #7251bd;box-shadow:inset 0 1px 0 #ffffff38,0 7px 18px -9px #57358c70}
.primary:hover{background:linear-gradient(135deg,#7856d0,#603dab);box-shadow:inset 0 1px 0 #ffffff35,0 10px 23px -10px #57358c8c;transform:translateY(-1px)}
.primary:active,.secondary:active{transform:translateY(0);box-shadow:inset 0 1px 3px #2910401c}
.secondary{background:#ffffffb8;border-color:#dcd2e9;color:#68547f;box-shadow:0 2px 7px -4px #5e43702b}
.secondary:hover{background:#fff;border-color:#cabbde;box-shadow:0 6px 15px -10px #5e43704d;transform:translateY(-1px)}
.affiliate-actions .primary{display:inline-flex;padding:15px 22px;gap:17px;font-size:12px}
.export-actions button{border-radius:13px}
.preview-stage{background-image:radial-gradient(ellipse at 50% 40%,#ded3ef8c,transparent 75%);background-size:auto}
@media(prefers-reduced-motion:reduce){.primary:hover,.secondary:hover{transform:none}}