:root{--white:#fafafa;--off-white:#f7f7f7;--black:#1e1e1e;--true-black:#0f0f0f;--charcoal:#3c3c3c;--light-grey:#ededed;--dark-grey:#e2e2e2;--red:#f33;--blue:#4dc5e5;--green:#63ad45;--yellow:#e9d352;--pink:#f9abff;--ease-out:cubic-bezier(.2, .715, .205, .99);--ease-in-out:cubic-bezier(.835, .12, .225, .77);--font-primary:"Archivo", sans-serif;--font-secondary:"Space Grotesk", monospace;--fs-h1:125px;--lh-h1:124px;--ls-h1:.4px;--fs-h2:70px;--lh-h2:67.9px;--ls-h2:.42px;--fs-h3:50px;--lh-h3:48px;--ls-h3:.4px;--fs-h4:26px;--lh-h4:29.9px;--ls-h4:.78px;--fs-body:16px;--lh-body:21px;--ls-body:.7px;--fs-cap:14px;--ls-cap:.5px;--page-margin:80px;--radius-pill:999px;--radius-card:20px;--radius-chip:12px;--radius-btn:12px;--shadow-card:0 40px 80px #0000001f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--white);color:var(--true-black);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;margin:0;font-weight:400}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}.skip-link{background:var(--black);color:var(--white);z-index:1000;transition:top .3s var(--ease-out);border-radius:8px;padding:10px 14px;position:absolute;top:-60px;left:8px}.skip-link:focus{top:8px}.hero-title,.heading-lg{font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-h1);margin:0;font-weight:400}.heading-md{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2);margin:0;font-weight:400}.heading-sm{font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-h3);margin:0;font-weight:400}.heading-xs{font-size:var(--fs-h4);line-height:var(--lh-h4);letter-spacing:var(--ls-h4);margin:0 0 8px;font-weight:400}.body-sm{font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:var(--ls-body);color:#0f0f0f99;margin:0;font-weight:400}.section-label{font-family:var(--font-secondary);font-size:var(--fs-cap);letter-spacing:var(--ls-cap);color:#0f0f0f66;margin:0 0 16px}.section-label.center{text-align:center}.center{text-align:center;margin-left:auto;margin-right:auto}.nav{top:24px;left:var(--page-margin);right:var(--page-margin);z-index:100;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed}.nav-pill{pointer-events:auto;background:var(--light-grey);border-radius:var(--radius-pill);align-items:center;gap:32px;height:64px;padding:12px 12px 12px 24px;display:flex}.nav-pill--right{height:60px;padding:8px}.nav-logo-mark{width:100px;height:22px}.logo-script{fill:var(--black);font-family:Brush Script MT,cursive;font-size:24px}.nav-links{gap:28px;list-style:none;display:flex}.nav-links a{color:var(--black);transition:opacity .3s var(--ease-in-out);font-size:18px;line-height:27px}.nav-links a:hover{opacity:.5}.nav-kebab{flex-direction:column;gap:3px;padding:8px;display:flex}.nav-kebab span{background:var(--black);border-radius:50%;width:3px;height:3px}.nav-login{color:var(--black);padding:10px 16px;font-size:16px}.nav-mobile-toggle{pointer-events:auto;background:var(--light-grey);border-radius:50%;flex-direction:column;gap:5px;padding:10px;display:none}.nav-mobile-toggle span{background:var(--black);width:20px;height:2px;display:block}.btn--sm,.nav-login{white-space:nowrap}.btn{border-radius:var(--radius-btn);transition:background .5s var(--ease-in-out), opacity .5s var(--ease-in-out);justify-content:center;align-items:center;padding:14px 24px;font-size:16px;display:inline-flex}.btn--dark{background:var(--true-black);color:var(--white)}.btn--dark:hover{opacity:.85}.btn--sm{border-radius:var(--radius-pill);padding:10px 20px;font-size:16px}.btn--lg{margin-top:16px;padding:18px 32px;font-size:18px}.btn--outline{border:1px solid var(--dark-grey);color:var(--black);background:0 0}.center-btn{width:fit-content;margin:48px auto 0;display:flex}.ui-card{border-radius:var(--radius-card);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.ui-card--dark{background:var(--true-black);color:var(--white)}.ui-card--darkest{color:var(--white);background:#000}.template-card,.feature-card,.effect-tile{transition:transform .4s var(--ease-out)}.template-card:hover,.feature-card:hover{transform:translateY(-6px)}.effect-tile:hover{transform:scale(1.03)}.template-thumb,.feature-card-thumb{transition:box-shadow .4s var(--ease-out)}.template-card:hover .template-thumb,.feature-card:hover .feature-card-thumb{box-shadow:var(--shadow-card)}.chip{transition:background .3s var(--ease-in-out);cursor:pointer}.chip:hover{background:#ffffff24}.icon-chip{transition:transform .3s var(--ease-out);background-position:50%;background-size:cover}.icon-chip:hover{transform:scale(1.1)rotate(-4deg)}.hero{text-align:center;min-height:100vh;padding:160px var(--page-margin) 80px;background:linear-gradient(#ededed 0%,#f2f2f2 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-3d{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-3d canvas{width:100%!important;height:100%!important}.hero-content{z-index:2;max-width:1400px;margin-top:120px;position:relative}.hero-sub{color:#0f0f0f99;margin:24px 0 0;font-size:21px;line-height:31.6px}.logo-wall{padding:120px var(--page-margin) 80px}.logo-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:64px;margin-top:40px;display:flex}.logo-word{letter-spacing:1px;color:var(--true-black);opacity:.85;font-size:28px;font-weight:600}.logo-word--script{font-family:cursive;font-weight:400}.logo-word--ring{opacity:.4;font-size:32px}.ticker-sentence{padding:160px var(--page-margin);max-width:1400px;margin:0 auto}.reveal-sentence{letter-spacing:.3px;font-size:48px;font-weight:400;line-height:62px}.reveal-sentence .word{opacity:.25;transition:opacity .4s var(--ease-out)}.reveal-sentence .word.is-visible{opacity:1}.icon-chip{border-radius:var(--radius-chip);background:var(--light-grey);vertical-align:middle;background-size:cover;width:48px;height:48px;margin:0 6px;display:inline-block}.icon-chip[data-icon="0"]{background-image:url(/builds/butter-clone-sonnet-5/icons/icon-1.png)}.icon-chip[data-icon="1"]{background-image:url(/builds/butter-clone-sonnet-5/icons/icon-2.png)}.icon-chip[data-icon="2"]{background-image:url(/builds/butter-clone-sonnet-5/icons/icon-3.png)}.icon-chip[data-icon="3"]{background-image:url(/builds/butter-clone-sonnet-5/icons/icon-4.png)}.icon-chip--inline{width:32px;height:32px}.icon-chip[data-icon="4"]{background-image:url(/builds/butter-clone-sonnet-5/icons/icon-5.png);border-radius:50%}.icon-chip[data-icon="5"]{background:var(--charcoal)}.timeline-panel{padding:40px var(--page-margin) 160px;justify-content:center;display:flex}.timeline-card{width:100%;max-width:1400px;padding:24px}.timeline-card--sm{max-width:none}.timeline-toolbar{align-items:center;gap:16px;margin-bottom:20px;display:flex}.timeline-play{width:32px;height:32px;color:var(--white);background:#ffffff1a;border-radius:8px}.timeline-time,.timeline-dur{color:#fff9;font-size:13px;font-family:var(--font-secondary)}.timeline-ruler{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:6px;min-height:80px;padding:8px;display:flex}.timeline-ruler--sm{min-height:60px}.timeline-track{background:#ffffff14;border-radius:6px;align-items:center;gap:8px;width:fit-content;max-width:60%;padding:8px 12px;font-size:13px;display:flex}.timeline-track--wide{max-width:40%}.timeline-track-icon{background:#ffffff1f;border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:flex}.blocks-section{padding:80px var(--page-margin);grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.blocks-sticky-wrap{position:sticky;top:120px}.blocks-editor-card{width:100%;max-width:520px;padding:0}.blocks-3d{aspect-ratio:1.3;background:#000;width:100%}.blocks-controls{flex-direction:column;gap:10px;padding:20px 24px;display:flex}.control-row{letter-spacing:.5px;text-transform:uppercase;color:#ffffff80;justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.control-track{background:#ffffff1a;border-radius:2px;height:4px}.control-fill{background:var(--white);border-radius:2px;height:100%}.control-select{background:#ffffff0f;border-radius:8px;padding:10px 14px;font-size:14px}.control-chips{gap:8px;display:flex}.chip{background:#ffffff0f;border-radius:8px;padding:8px 14px;font-size:13px}.chip--active{color:var(--true-black);background:#ffffffe6}.blocks-scroll-col{padding-top:80px}.blocks-copy{margin:24px 0 48px}.effect-tile-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.effect-tile{background:var(--true-black);border-radius:var(--radius-card);text-align:center;color:var(--white);padding:16px;font-size:14px}.effect-tile-thumb{aspect-ratio:1;border-radius:14px;margin-bottom:12px}.effect-tile-thumb--focus{background:radial-gradient(circle,#444,#000)}.effect-tile-thumb--halftone{background:repeating-radial-gradient(circle,#63ad45 0 2px,#0000 3px 8px),#222}.effect-tile-thumb--grain{background:linear-gradient(135deg,#333,#111)}.effect-tile-thumb--glow{background:radial-gradient(circle, var(--pink), var(--blue))}.toolkit-section{padding:80px var(--page-margin);grid-template-columns:1fr 1.2fr;align-items:start;gap:80px;display:grid}.toolkit-scroll-col{padding-top:120px}.toolkit-sticky-wrap{position:sticky;top:100px}.app-shell-card{grid-template-columns:220px 1fr;min-height:560px;padding:0;display:grid}.app-shell-sidebar{background:#141414;flex-direction:column;gap:4px;padding:24px 20px;font-size:14px;display:flex}.app-shell-logo{margin-bottom:20px;font-family:cursive;font-size:20px}.app-shell-heading{text-transform:uppercase;letter-spacing:.6px;color:#ffffff59;margin:14px 0 4px;font-size:11px}.app-shell-sidebar a{color:#ffffffbf;padding:6px 0}.app-shell-sidebar a.active{color:var(--white);font-weight:600}.app-shell-user{margin-top:auto;padding-top:20px;font-size:13px}.app-shell-user small{color:#fff6;display:block}.app-shell-main{padding:28px}.app-shell-label{color:#fff6;margin:4px 0 16px;font-size:12px}.app-shell-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.app-shell-card-item{aspect-ratio:.7;border-radius:12px}.shell-green{background:linear-gradient(160deg,#2c5c2c,#0d1f0d)}.shell-photo{background:linear-gradient(160deg,#333,#111)}.shell-photo2{background:linear-gradient(160deg,#444,#1a1a1a)}.feature-grid-section{padding:120px var(--page-margin)}.feature-grid-header{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:56px;display:flex}.feature-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.feature-card-thumb{aspect-ratio:1.1;margin-bottom:20px}.feature-thumb--import{background:linear-gradient(160deg,#333,#000)}.feature-thumb--edit{background:var(--light-grey)}.feature-thumb--enhance{background:linear-gradient(160deg,#3a2a5c,#0d0a1f)}.feature-thumb--ship{background:var(--light-grey)}.feature-card h3{color:var(--true-black)}.create-ways-section{padding:80px var(--page-margin)}.create-way{background:var(--white);grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:60px 0;display:grid}.create-way-panel{aspect-ratio:4/3}.create-way-panel--remix{background:linear-gradient(160deg,#1a1a2e,#0a0a14)}.create-way-panel--record{background:linear-gradient(160deg,#2e1a1a,#140a0a)}.create-way-panel--code{background:linear-gradient(160deg,#1a2e28,#0a1410)}.create-way-copy p{margin-top:20px}.templates-section{padding:120px var(--page-margin);background:var(--off-white)}.templates-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:64px;display:grid}.template-card h4{margin:16px 0 4px;font-size:20px;font-weight:500}.template-card span{color:#0f0f0f80;font-size:14px}.template-thumb{aspect-ratio:.8;border-radius:var(--radius-card);margin-bottom:8px}.template-thumb--1{background:linear-gradient(160deg,#6b7fd6,#2a3a8a)}.template-thumb--2{background:linear-gradient(160deg,#1a3a2a,#0a1a10)}.template-thumb--3{background:linear-gradient(160deg,#9fd63a,#3a5a0a)}.template-thumb--4{background:linear-gradient(160deg,#d63a3a,#8a0a0a)}.autoresize-section{padding:120px var(--page-margin);grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.autoresize-demo{aspect-ratio:1.5;justify-content:center;align-items:center;display:flex}.autoresize-frame{background:var(--white);text-align:center;border-radius:12px;width:55%;padding:24px}.autoresize-product{aspect-ratio:.9;background:var(--light-grey);border-radius:8px;margin-bottom:12px}.autoresize-caption{letter-spacing:.5px;font-size:20px;font-weight:700}.twocol-section{padding:80px var(--page-margin);grid-template-columns:1fr 1fr;gap:60px;display:grid}.twocol-visual{aspect-ratio:1.2;background:#000;margin-bottom:24px}.twocol-col p{margin-top:24px}.getlook-section{padding:120px var(--page-margin);grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.getlook-visual{aspect-ratio:1;justify-content:center;align-items:center;display:flex}.warp-text{color:var(--white);filter:drop-shadow(2px 0 var(--pink)) drop-shadow(-2px 0 var(--blue));font-size:56px;font-weight:700;animation:3s ease-in-out infinite warp-pulse}@keyframes warp-pulse{0%,to{filter:drop-shadow(2px 0 var(--pink)) drop-shadow(-2px 0 var(--blue));transform:scaleY(1)}50%{filter:drop-shadow(4px 0 var(--green)) drop-shadow(-4px 0 var(--yellow));transform:scaleY(1.08)skew(-2deg)}}#shader-visual canvas{width:100%;height:100%;display:block}.getlook-row h4{margin:0 0 20px;font-size:24px;font-weight:500}.getlook-row h4 em{color:#0f0f0f66;margin-left:8px;font-style:normal;font-weight:400}.getlook-chips{gap:10px;margin-bottom:20px;display:flex}.getlook-chip{border-radius:12px;width:64px;height:64px}.getlook-chip--1{background:linear-gradient(160deg,#2a1a3a,#0a0514)}.getlook-chip--2{background:#000}.getlook-chip--3{background:linear-gradient(160deg, var(--pink), var(--blue))}.footer{padding:100px var(--page-margin) 60px;background:var(--white)}.footer-cols{grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:120px;display:grid}.footer-heading{color:#0f0f0f66;font-size:14px;font-family:var(--font-secondary);margin-bottom:16px;display:block}.footer-col a{margin-bottom:10px;font-size:16px;display:block}.footer-wordmark-wrap{position:relative}.footer-wordmark{width:100%;height:auto;overflow:visible}.footer-word{font-family:Brush Script MT,cursive;font-size:180px}.footer-word--glow{opacity:.55}.footer-reg{opacity:.6;font-size:20px;position:absolute;top:10px;right:0}@media (width<=1023px){:root{--page-margin:40px;--fs-h1:72px;--lh-h1:76px;--fs-h2:44px;--lh-h2:48px;--fs-h3:36px;--lh-h3:40px}.blocks-section,.toolkit-section,.create-way,.autoresize-section,.twocol-section,.getlook-section{grid-template-columns:1fr}.feature-grid,.templates-grid,.footer-cols{grid-template-columns:repeat(2,1fr)}.nav-pill--left{gap:12px;height:48px;padding:8px 8px 8px 16px}.nav-kebab{display:none}.nav-pill--right{gap:8px;height:48px;padding:6px}.nav-login{padding:8px 10px;font-size:14px}.btn--sm{padding:8px 14px;font-size:14px}.nav-mobile-toggle{display:flex}.nav-links{background:var(--light-grey);opacity:0;pointer-events:none;min-width:200px;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);border-radius:16px;flex-direction:column;gap:4px;padding:12px;position:absolute;top:60px;left:0;transform:translateY(-8px)}.nav-links.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links a{padding:8px 10px}}@media (width<=767px){:root{--page-margin:20px;--fs-h1:56px;--lh-h1:61.04px;--ls-h1:normal;--fs-h2:32px;--lh-h2:36px;--fs-h3:28px;--lh-h3:32px;--fs-h4:20px}.nav{top:14px;left:16px;right:16px}.feature-grid,.templates-grid{grid-template-columns:1fr}.footer-cols{grid-template-columns:1fr 1fr}.footer-word{font-size:80px}.reveal-sentence{font-size:28px;line-height:36px}}