:root{--ink:#10100f;--paper:#f4f1ea;--lime:#d8ff4f;--coral:#ff8065;--lav:#c8b9ff;--line:rgba(16,16,15,.14);--muted:#6e6d67;--display:"Manrope",sans-serif;--body:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px}.grain{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);position:relative;z-index:20;background:rgba(244,241,234,.88);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font:800 18px/1 var(--display);letter-spacing:.12em}.brand-mark{width:30px;height:30px;display:flex;gap:3px;transform:rotate(-8deg)}.brand-mark i{display:block;width:13px;height:28px;background:currentColor;border-radius:2px;clip-path:polygon(0 0,100% 0,100% 100%,0 78%)}.brand-mark i+ i{clip-path:polygon(0 0,100% 22%,100% 100%,0 100%)}nav{display:flex;gap:35px}nav a,.footer-links a{color:inherit;text-decoration:none;font-weight:600;font-size:14px;transition:opacity .2s}nav a:hover,.footer-links a:hover{opacity:.5}.header-actions{display:flex;align-items:center;gap:12px}.icon-button{width:42px;height:42px;border:1px solid var(--line);background:transparent;border-radius:50%;display:grid;place-items:center;cursor:pointer}.icon-button svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8}.button{min-height:48px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:26px;text-decoration:none;border:0;font-weight:700;font-size:14px;transition:transform .2s,box-shadow .2s;cursor:pointer}.button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(16,16,15,.13)}.button-dark{background:var(--ink);color:white}.button-lime{background:var(--lime);color:var(--ink)}.hero{min-height:770px;padding:100px 5vw 35px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-copy{position:relative;z-index:2;width:55%;max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;display:flex;align-items:center;gap:9px;margin-bottom:28px}.eyebrow>span{width:7px;height:7px;background:var(--coral);display:inline-block;transform:rotate(45deg)}h1,h2{font-family:var(--display);margin:0;letter-spacing:-.065em;line-height:.96}h1{font-size:clamp(60px,7.3vw,112px);font-weight:700}h1 em,h2 em{font-family:Georgia,serif;font-weight:400}.hero-copy>p{max-width:530px;font-size:18px;line-height:1.65;color:var(--muted);margin:32px 0}.hero-actions{display:flex;align-items:center;gap:30px}.text-link{color:var(--ink);font-weight:700;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:4px}.text-link span{margin-left:12px}.hero-art{position:absolute;right:1.5vw;top:105px;width:43vw;height:540px}.mockup{position:absolute;background:#fff;padding:15px;box-shadow:0 22px 60px rgba(20,20,12,.16);border:1px solid rgba(0,0,0,.08)}.mockup-back{right:0;top:0;width:68%;height:400px;transform:rotate(5deg);background:#d3a36c}.mockup-front{left:0;bottom:0;width:68%;height:365px;transform:rotate(-4deg);background:#f7f2eb}.mock-nav{font:600 8px var(--display);display:flex;justify-content:space-between;letter-spacing:.05em}.mock-photo{height:335px;margin-top:13px;overflow:hidden;position:relative;background:linear-gradient(145deg,#38281d,#9d704c 55%,#e9b980)}.photo-word{color:rgba(255,255,255,.8);font:800 250px/.9 Georgia;position:absolute;right:-10px;bottom:-25px}.mock-title{font:700 30px/1 var(--display);margin:35px 8px 25px}.mock-title i{font-family:Georgia;font-weight:400}.mock-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:8px;height:175px}.mock-grid div:first-child{background:linear-gradient(135deg,#b5b8a6,#707462)}.mock-grid div:last-child{background:linear-gradient(145deg,#d07d67,#682d2e)}.floating-label{position:absolute;z-index:5;background:var(--ink);color:white;padding:12px 16px;font:700 11px var(--display);text-transform:uppercase;letter-spacing:.08em}.label-one{left:2%;top:43%;transform:rotate(-5deg)}.label-one span{color:var(--lime);margin-right:6px}.label-two{right:1%;bottom:9%;background:var(--lime);color:var(--ink);transform:rotate(4deg)}.starburst{position:absolute;right:2%;top:7%;z-index:5;background:var(--coral);width:74px;height:74px;display:grid;place-items:center;border-radius:50%;font-size:28px;animation:spin 12s linear infinite}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:360px;height:360px;background:rgba(216,255,79,.43);top:10%;right:29%;filter:blur(70px)}.orb-two{width:280px;height:280px;background:rgba(200,185,255,.4);bottom:5%;left:-7%;filter:blur(70px)}.hero-foot{position:absolute;bottom:32px;left:5vw;display:flex;gap:60px}.hero-foot div{display:flex;align-items:center;gap:12px}.hero-foot strong{font:700 27px var(--display)}.hero-foot span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);max-width:70px}.ticker{background:var(--ink);color:white;overflow:hidden;padding:19px 0}.ticker-track{display:flex;align-items:center;width:max-content;gap:35px;animation:ticker 28s linear infinite}.ticker span{font:700 14px var(--display);letter-spacing:.1em}.ticker i{color:var(--lime)}.catalog{padding:120px 5vw}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:70px}.section-heading h2,.benefits h2,.studio h2{font-size:clamp(46px,5.7vw,82px)}.section-heading>p{max-width:370px;line-height:1.65;color:var(--muted);margin:0 0 4px}.filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px;border-bottom:1px solid var(--line)}.filter-pills{display:flex;gap:35px}.filter{background:none;border:0;padding:0 0 18px;font:700 14px var(--body);color:#8b8982;cursor:pointer;position:relative}.filter.active{color:var(--ink)}.filter.active:after{content:"";height:2px;background:var(--ink);position:absolute;bottom:-1px;left:0;right:0}.filter sup{color:var(--coral);font-size:9px;margin-left:3px}select{border:0;background:transparent;font:600 13px var(--body);padding:0 3px 18px;outline:0}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 28px}.template-card{transition:opacity .25s,transform .25s}.template-card.hidden{display:none}.template-preview{aspect-ratio:1.25;position:relative;overflow:hidden;background:var(--card);padding:9%;cursor:pointer}.template-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.26),transparent 60%);transform:translateX(-120%);transition:transform .7s}.template-card:hover .template-preview:after{transform:translateX(120%)}.browser{height:100%;background:#fff;box-shadow:0 18px 38px rgba(20,20,20,.16);position:relative;overflow:hidden;transform:translateY(5%);transition:transform .45s}.template-card:hover .browser{transform:translateY(2%) scale(1.015)}.browser-bar{height:8%;border-bottom:1px solid #eee;display:flex;align-items:center;padding:0 3%;gap:4px}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#ddd}.browser-body{height:92%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:7%;position:relative}.browser-kicker{font:600 7px var(--display);letter-spacing:.16em;text-transform:uppercase;margin-bottom:9px}.browser-title{font:700 clamp(22px,3vw,48px)/.95 var(--display);letter-spacing:-.06em}.browser-title em{font-family:Georgia;font-weight:400}.browser-button{font:700 6px var(--display);padding:8px 13px;background:#111;color:white;margin-top:14px}.browser-shapes{position:absolute;inset:0;z-index:-1;overflow:hidden}.browser-shapes i{position:absolute;border-radius:50%;background:var(--accent);opacity:.7}.browser-shapes i:first-child{width:38%;aspect-ratio:1;right:-10%;top:6%}.browser-shapes i:last-child{width:42%;aspect-ratio:1;left:-16%;bottom:-12%;border-radius:0;transform:rotate(20deg)}.preview-badge{position:absolute;top:18px;left:18px;background:var(--ink);color:#fff;padding:8px 11px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;z-index:2}.preview-actions{position:absolute;right:18px;bottom:18px;display:flex;gap:8px;z-index:3;opacity:0;transform:translateY(8px);transition:.3s}.template-card:hover .preview-actions{opacity:1;transform:none}.preview-actions a,.preview-actions button{border:0;background:white;color:var(--ink);height:38px;padding:0 14px;font:700 11px var(--body);text-decoration:none;display:flex;align-items:center;cursor:pointer;box-shadow:0 5px 20px rgba(0,0,0,.12)}.preview-actions .quick{width:38px;padding:0;justify-content:center;background:var(--ink);color:white;font-size:17px}.card-info{display:flex;justify-content:space-between;align-items:start;padding-top:18px}.card-info h3{font:700 21px var(--display);margin:0 0 7px}.card-meta{color:var(--muted);font-size:12px}.card-price{text-align:right}.card-price strong{font:700 19px var(--display);display:block}.card-price small{color:#6a8541;font-size:10px}.benefits{background:var(--ink);color:white;padding:120px 5vw}.eyebrow.light{color:#bbb}.benefit-intro{text-align:center}.benefit-intro .eyebrow{justify-content:center}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border-top:1px solid #333}.benefit-grid article{padding:35px 8% 5px;border-right:1px solid #333;position:relative}.benefit-grid article:last-child{border:0}.benefit-grid article>span{color:#777;font:600 11px var(--display)}.benefit-icon{font:400 65px/1 Georgia;color:var(--lime);margin:40px 0}.benefit-grid h3{font:700 21px var(--display);margin:0 0 14px}.benefit-grid p{color:#aaa;line-height:1.65;font-size:14px;max-width:290px}.studio{padding:120px 5vw}.studio-card{background:var(--lav);display:grid;grid-template-columns:1.15fr .85fr;min-height:510px}.studio-copy{padding:70px}.studio-copy p{line-height:1.7;max-width:500px;margin:27px 0 35px;color:#444}.studio-quote{background:var(--coral);margin:25px;padding:55px;display:flex;flex-direction:column;justify-content:center}.quote-mark{font:100px/.5 Georgia}.studio-quote blockquote{font:500 30px/1.25 Georgia;margin:35px 0}.studio-quote>span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.newsletter{margin:0 5vw 100px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:60px 0;display:flex;align-items:center;justify-content:space-between}.mini-label{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:700}.newsletter h2{font-size:40px;margin-top:9px}.newsletter form{display:flex;border-bottom:1px solid var(--ink);width:43%;max-width:530px}.newsletter input{flex:1;background:transparent;border:0;padding:17px 3px;font:15px var(--body);outline:0}.newsletter button{background:none;border:0;font-weight:700;cursor:pointer}footer{background:var(--ink);color:white;padding:65px 5vw 30px;display:grid;grid-template-columns:1fr auto auto;gap:70px;align-items:start}.brand-light{color:white}.footer-links{display:grid;grid-template-columns:repeat(2,100px);gap:18px}.socials{display:flex;gap:10px}.socials a{width:38px;height:38px;border:1px solid #444;border-radius:50%;display:grid;place-items:center;color:white;text-decoration:none;font-size:11px}.footer-bottom{grid-column:1/-1;border-top:1px solid #333;padding-top:25px;display:flex;justify-content:space-between;color:#777;font-size:11px}.product-modal{border:0;padding:0;width:min(920px,92vw);max-height:90vh;background:var(--paper);box-shadow:0 30px 100px rgba(0,0,0,.4)}.product-modal::backdrop,.search-modal::backdrop{background:rgba(10,10,10,.73);backdrop-filter:blur(6px)}.modal-close{position:absolute;right:15px;top:15px;width:38px;height:38px;border:0;border-radius:50%;background:white;font-size:22px;z-index:5;cursor:pointer}.modal-layout{display:grid;grid-template-columns:1.08fr .92fr}.modal-visual{min-height:540px;padding:12%;background:var(--card);display:flex;align-items:center}.modal-info{padding:65px 45px}.modal-info .eyebrow{margin-bottom:18px}.modal-info h2{font-size:46px}.modal-info>p{line-height:1.65;color:var(--muted)}.feature-list{list-style:none;padding:0;margin:28px 0;border-top:1px solid var(--line)}.feature-list li{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;display:flex;justify-content:space-between}.feature-list li:after{content:"✓"}.purchase-label{font-size:11px;color:var(--muted);margin:22px 0 8px}.purchase-actions{display:grid;gap:8px}.purchase-actions a{min-height:44px;text-decoration:none;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}.stripe{background:#635bff;color:white}.paypal{background:#ffc439;color:#111}.creative{border:1px solid var(--ink);color:var(--ink)}.search-modal{width:min(760px,90vw);border:0;background:transparent;padding:0;overflow:visible}.search-box{height:74px;background:white;display:flex;align-items:center;padding:0 24px;gap:18px}.search-box svg{width:22px;fill:none;stroke:#111;stroke-width:1.8}.search-box input{border:0;outline:0;font:500 22px var(--body);flex:1}.search-box button{border:1px solid #ddd;background:#f5f5f5;padding:7px;font-size:9px;cursor:pointer}.search-results{background:white;border-top:1px solid #eee}.search-item{display:flex;justify-content:space-between;padding:17px 25px;border-bottom:1px solid #eee;cursor:pointer}.search-item:hover{background:var(--lime)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);background:var(--ink);color:white;padding:14px 20px;z-index:110;opacity:0;pointer-events:none;transition:.3s;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)}.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}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ticker{to{transform:translateX(-50%)}}@media(max-width:900px){nav{display:none}.hero{padding-top:70px;min-height:1050px}.hero-copy{width:100%}.hero-art{top:520px;width:92vw;height:450px}.hero-foot{bottom:22px}.section-heading{align-items:start;gap:35px}.template-grid{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{border-right:0;border-bottom:1px solid #333;padding:35px 0}.studio-card{grid-template-columns:1fr}.newsletter{align-items:start;gap:30px}.newsletter form{width:50%}.modal-layout{grid-template-columns:1fr}.modal-visual{min-height:350px}.modal-info{padding:40px}.product-modal{overflow:auto}}@media(max-width:620px){.site-header{height:70px}.header-actions .button{display:none}.hero{padding-top:55px;min-height:920px}.hero-copy>p{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-art{top:460px;height:380px}.mockup-front{width:75%;height:280px}.mockup-back{width:70%;height:300px}.mock-photo{height:245px}.mock-title{font-size:23px;margin:25px 5px 15px}.mock-grid{height:125px}.hero-foot{gap:18px}.hero-foot div{display:block}.hero-foot span{display:block;margin-top:3px}.catalog,.benefits,.studio{padding:80px 5vw}.section-heading{display:block}.section-heading>p{margin-top:25px}.filters{align-items:flex-end}.filter-pills{gap:16px;overflow-x:auto}.filter{white-space:nowrap}.filters select{max-width:110px}.studio-copy{padding:45px 25px}.studio-quote{margin:0;padding:45px 25px}.studio-quote blockquote{font-size:25px}.newsletter{display:block}.newsletter form{width:100%;margin-top:25px}.newsletter h2{font-size:32px}footer{grid-template-columns:1fr;gap:38px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.preview-actions{opacity:1;transform:none}.modal-info h2{font-size:38px}}