:root{--cream:#fbf6ef;--paper:#fff8ef;--sand:#f4eee6;--peach:#fff0df;--ink:#2a150a;--brown:#3d281d;--muted:#765e51;--line:#e8dacb;--gold:#e9bb81;--serif:Georgia,"Songti SC","Noto Serif CJK SC","SimSun",serif;--sans:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);letter-spacing:0}
button,textarea{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
:focus-visible{outline:3px solid #de8d6c;outline-offset:4px}
.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}
.section{padding:110px max(5vw,24px)}
.section-top{max-width:820px;margin:0 auto 65px}.center{text-align:center}
.section-top p,.section-heading p,.journal-heading p{color:var(--muted);line-height:1.85;font-size:16px}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-weight:400}
h1,h2{font-family:var(--serif);letter-spacing:0}
h2{font-size:58px;line-height:1.18;margin-bottom:24px}
h3{font-family:var(--serif)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:30px;background:#f8eee2;color:var(--brown);padding:8px 17px;font-size:13px;font-weight:700;margin-bottom:25px}
.eyebrow::before{content:"✿";color:#8b6550;font-size:15px}
.eyebrow-light{border-color:#70513d;background:#3e281b;color:#f6dfc6}.eyebrow-light::before{color:var(--gold)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:51px;padding:13px 26px;border-radius:14px;border:1px solid transparent;font-weight:700;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s}
.button:hover{transform:translateY(-2px);box-shadow:0 9px 22px #2a150a26}
.button-dark{color:#fff6e8;background:linear-gradient(#695447,#2a150a);border-color:#5c4435;box-shadow:inset 0 2px 0 #ffffff47}
.hero{position:relative;min-height:770px;overflow:hidden;padding:0 24px 20px;background:#f6f0e9}
.flower-fan{position:absolute;left:0;right:0;top:0;height:610px;overflow:hidden;pointer-events:none;mask-image:linear-gradient(#000 60%,transparent 100%)}
.flower-fan img{position:absolute;width:280px;height:360px;object-fit:cover;border-radius:28px;box-shadow:0 28px 45px #5e382621;transform-origin:bottom center}
.hero-fan img:nth-child(1){left:-8%;top:300px;transform:rotate(-48deg)}
.hero-fan img:nth-child(2){left:3%;top:180px;transform:rotate(-32deg)}
.hero-fan img:nth-child(3){left:20%;top:105px;transform:rotate(-17deg)}
.hero-fan img:nth-child(4){left:38%;top:45px;transform:rotate(-5deg)}
.hero-fan img:nth-child(5){left:57%;top:55px;transform:rotate(10deg)}
.hero-fan img:nth-child(6){left:75%;top:145px;transform:rotate(26deg)}
.hero-fan img:nth-child(7){left:91%;top:285px;transform:rotate(43deg)}
.hero-content{position:relative;z-index:1;max-width:1100px;margin:auto;padding-top:345px;text-align:center}
.prompt-box{width:min(770px,100%);padding:4px;margin:auto;border-radius:32px;background:linear-gradient(105deg,#f69791,#f2c990,#a7d3c2,#96d5f0);box-shadow:0 20px 50px #6f49371a;text-align:left}
.prompt-inner{background:var(--paper);border-radius:28px;padding:23px 22px 20px}
.prompt-inner textarea{width:100%;height:69px;resize:vertical;min-height:55px;max-height:150px;border:0;outline:0;color:var(--ink);background:transparent;line-height:1.5;font-size:15px}
.prompt-inner textarea::placeholder{color:#816c60}
.prompt-bottom{display:flex;justify-content:space-between;align-items:end;gap:14px}
.style-options{display:flex;flex-wrap:wrap;gap:7px}
.style-pill{border:1px solid #e9d8c7;background:#fff0df;color:#6f584c;border-radius:99px;padding:8px 13px;font-size:12px;white-space:nowrap;transition:background .2s,border .2s}
.style-pill:hover,.style-pill.active{background:#f4dbc2;border-color:#cca88a;color:var(--ink)}
.add-style{width:36px;height:36px;padding:0;font-size:21px;line-height:1}
.generate-button{font-size:14px;min-height:45px;padding:10px 20px}
.hero h1{font-size:72px;line-height:1.15;margin:42px 0 24px}
.hero-lead{max-width:650px;margin:0 auto;color:var(--muted);line-height:1.8;font-size:17px}
.hero-mini{margin-top:25px;color:#8d7568;font-size:13px}.mini-mark{color:#d9ad79;margin-right:6px}
.process{padding-top:35px;padding-bottom:115px;background:var(--cream)}
.steps{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px}
.step{position:relative;min-height:280px;padding:25px 27px;background:#fff9f1;border:1px solid #e7d9cb;border-radius:18px;box-shadow:0 12px 24px #60433313,0 3px 8px #6043330a}.step-number{font-family:var(--serif);font-size:18px;color:#ac886f}
.step-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid #d6c2ae;border-radius:50%;color:#6b4b39;font-size:25px;margin:24px 0 22px}
.step h3{font-size:29px;margin-bottom:11px}.step p{color:var(--muted);line-height:1.75;font-size:15px;max-width:330px}
.features{background:var(--cream);color:var(--ink);padding-top:110px;padding-bottom:120px}
.section-heading{max-width:1320px;margin:0 auto 55px}.split{display:flex;justify-content:space-between;align-items:end;gap:60px}.split p{max-width:335px;margin:0 0 8px}.features .split p{color:var(--muted)}.features h2{margin-bottom:0}
.feature-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:335px 335px 290px;grid-template-areas:"primary primary primary primary primary primary primary resolution resolution resolution resolution resolution" "styles styles styles history history history history resolution resolution resolution resolution resolution" "speed speed speed speed speed rights rights rights rights rights rights rights";gap:16px}
.feature{position:relative;min-width:0;min-height:0;padding:28px;border:1px solid #fff;background:#fff8ef;border-radius:24px;overflow:hidden;box-shadow:0 10px 25px #60433311,0 3px 7px #60433308}
.feature-primary{grid-area:primary}.feature-styles{grid-area:styles}.feature-history{grid-area:history}.feature-resolution{grid-area:resolution}.feature-speed{grid-area:speed}.feature-rights{grid-area:rights}
.feature-index{font-size:12px;color:#a38570}.feature h3{font-size:29px;line-height:1.25;margin:17px 0 11px}.feature p{max-width:320px;color:var(--muted);line-height:1.7;font-size:14px}
.feature-media{position:absolute;object-fit:contain;pointer-events:none}.feature-history .feature-media{left:8%;bottom:13px;width:84%;height:145px}.feature-speed .feature-media{right:25px;top:24px;width:42%;height:155px;object-position:right top}
.feature-preview{position:absolute;right:15px;bottom:0;width:43%;height:92%;overflow:hidden;border-radius:18px 18px 0 0;background:#eacdbb}.feature-preview img{width:100%;height:100%;object-fit:cover}.feature-preview>span{position:absolute;z-index:1;top:10px;left:10px;right:10px;padding:9px 10px;border-radius:12px;background:linear-gradient(#695447,#2a150a);color:#fff6e8;font-size:12px;text-align:center;white-space:nowrap;box-shadow:inset 0 1px #ffffff47}
.style-gallery{position:absolute;left:9%;right:9%;bottom:18px;height:138px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,1fr);gap:7px}.style-gallery span{display:grid;place-items:center;padding:3px;border:1px solid #ead9c8;border-radius:9px;background:#fff2e3;color:#705749;font-size:11px;text-align:center}.style-gallery .chosen{background:#604637;color:#fff6e8;border-color:#604637}
.feature-primary h3,.feature-primary p{max-width:49%}.feature-example{position:absolute;left:28px;bottom:28px;width:43%;font-size:12px;color:#745d50}.feature-example>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#fff0df;border:1px solid #e8d9c9;border-radius:99px;padding:10px 12px}.feature-example>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.feature-example i{font-style:normal;font-size:11px;padding:6px 9px;border:1px solid #e4d0bd;border-radius:99px;background:#fff4e6}
.compare{position:absolute;left:28px;right:28px;top:150px;bottom:25px;overflow:hidden;background:#350319;border-radius:16px;--reveal:50%}.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare .compare-after{clip-path:inset(0 0 0 var(--reveal))}.compare-divider{position:absolute;top:0;bottom:0;left:var(--reveal);width:2px;background:#fff3e8;transform:translateX(-50%);pointer-events:none}.compare-divider::after{content:"↔";position:absolute;top:50%;left:50%;display:grid;place-items:center;width:36px;height:36px;transform:translate(-50%,-50%);border-radius:50%;background:#fff8ef;color:#533b30;font-size:22px}.compare-label{position:absolute;bottom:16px;padding:7px 12px;border-radius:99px;background:#fff3e5;color:#3a2115;font-size:12px;font-weight:700;pointer-events:none}.compare-label.before{left:15px}.compare-label.after{right:15px}.compare input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:col-resize}
.feature-speed,.feature-rights{display:flex;flex-direction:column;justify-content:flex-end}.feature-speed .feature-index,.feature-rights .feature-index{position:absolute;top:28px;left:28px}.feature-speed h3,.feature-rights h3{position:relative;margin:0 0 10px}.feature-speed p,.feature-rights p{position:relative;margin:0;max-width:none}
.rights-art{position:absolute;top:25px;right:30px;width:215px;height:145px}.rights-art span{position:absolute;top:12px;right:30px;width:120px;height:125px;background:#fff2e1;border:2px solid #ecd9c5;border-radius:18px}.rights-art span:first-child{transform:rotate(-18deg) translateX(-30px)}.rights-art span:nth-child(2){transform:rotate(16deg) translateX(28px)}.rights-art span:last-child{display:flex;flex-direction:column;gap:10px;padding:40px 20px 0;box-shadow:0 6px 12px #60433310}.rights-art i{height:8px;background:#edddcb;border-radius:8px}.rights-art i:nth-child(2){width:80%}.rights-art i:nth-child(3){width:65%}
.audience{background:var(--cream)}.audience-layout{max-width:1320px;margin:auto;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:24px;min-height:560px;border:2px solid white;border-radius:24px;background:#fff6eb}
.audience-list{display:flex;flex-direction:column;justify-content:space-between;gap:8px}.audience-option{display:flex;align-items:center;gap:18px;text-align:left;width:100%;min-height:116px;padding:18px;border:0;border-radius:16px;background:transparent;color:var(--brown);transition:background .2s,color .2s}
.audience-option:hover{background:#f7e9d9}.audience-option.active{background:#3c281d;color:#fff1e0}.audience-option>span:first-child{display:grid;place-items:center;flex:none;width:55px;height:55px;border:1px solid #dfc9b3;border-radius:13px;font-family:var(--serif);font-size:19px}.audience-option.active>span:first-child{background:#765743;border-color:#bc9364}.audience-option strong{display:block;font-family:var(--serif);font-size:28px;font-weight:400;margin-bottom:8px}.audience-option small{display:block;font-size:13px;line-height:1.5;color:#846c5e}.audience-option.active small{color:#ead9c8}
.audience-visual{position:relative;min-height:510px;overflow:hidden;border-radius:18px;background:#e5d4c4}.audience-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:opacity .3s}.audience-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:16px;padding:35px 24px 20px;color:white;background:linear-gradient(transparent,#2a150a9c);font-family:var(--serif);font-size:23px}.caption-number{font-family:var(--sans);font-size:13px;align-self:end}
.testimonials{padding-top:95px;padding-bottom:115px;background:#f8f2eb}.quote-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.quote-grid blockquote{margin:0;min-height:310px;padding:28px;display:flex;flex-direction:column;border:1px solid #dfcfc0;border-radius:19px;background:linear-gradient(#e5d7c9,#fff8ef 65%);box-shadow:0 11px 22px #60433312}.quote-grid blockquote:nth-child(2){background:linear-gradient(#d6b5a5,#fff8ef 65%)}.quote-grid blockquote:nth-child(3){background:linear-gradient(#b7d1c9,#fff8ef 65%)}.quote-body{flex:1;display:flex;flex-direction:column;justify-content:center}.quote-mark{font-family:var(--serif);font-size:39px;line-height:.65}.quote-end{align-self:flex-end}.quote-grid p{font-family:var(--serif);font-size:23px;line-height:1.45;margin:7px 0}.quote-grid footer{text-align:right;font-size:14px;font-weight:700;margin-top:18px}.quote-grid footer span{font-weight:400;color:var(--muted)}
.journal{background:var(--cream);display:grid;grid-template-columns:.8fr 1.7fr;gap:45px}.journal-heading{padding-top:20px}.journal-heading h2{max-width:480px}.journal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.journal-card{overflow:hidden;background:#fff8ef;border:1px solid white;border-radius:24px}.journal-card>img{width:100%;height:290px;object-fit:cover}.journal-card>div{padding:23px}.journal-card span{font-size:12px;color:#9c7b65}.journal-card h3{font-size:25px;line-height:1.35;min-height:68px;margin:16px 0}.text-link{padding:0;border:0;background:transparent;color:var(--brown);font-weight:700;font-size:14px}.text-link:hover{text-decoration:underline}
.faq{background:#f4eee6;padding-top:105px;padding-bottom:115px}.faq-list{max-width:860px;margin:auto;display:grid;gap:10px}.faq details{border:1px solid transparent;border-radius:18px;background:#fff8ef;padding:0 24px}.faq details[open]{background:#fff0df;border-color:#bea68f}.faq summary{position:relative;list-style:none;padding:25px 38px 25px 0;font-size:16px;font-weight:700;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";position:absolute;right:0;top:22px;width:20px;height:20px;display:grid;place-items:center;border:1px solid #947d6c;border-radius:50%;line-height:1;font-size:15px;color:#836b5e}.faq details[open] summary::after{content:"×";background:#755d4e;color:white;border-color:#755d4e}.faq details p{color:var(--muted);line-height:1.75;font-size:14px;margin:-2px 35px 24px 0}
.closing{position:relative;overflow:hidden;min-height:570px;padding:120px 24px 0;text-align:center;background:var(--cream)}.closing h2{position:relative;z-index:1}.closing p{position:relative;z-index:1;color:var(--muted);font-size:16px;margin-bottom:29px}.closing .button{position:relative;z-index:2}.closing-fan{position:absolute;bottom:-180px;left:50%;width:min(100%,950px);height:340px;transform:translateX(-50%);pointer-events:none}.closing-fan img{position:absolute;bottom:0;width:250px;height:320px;object-fit:cover;border-radius:25px}.closing-fan img:nth-child(1){left:0;transform:rotate(-28deg)}.closing-fan img:nth-child(2){left:18%;transform:rotate(-14deg)}.closing-fan img:nth-child(3){left:36%;transform:rotate(0)}.closing-fan img:nth-child(4){left:54%;transform:rotate(14deg)}.closing-fan img:nth-child(5){left:72%;transform:rotate(28deg)}
.site-footer{position:relative;z-index:2;max-width:1320px;margin:-15px auto 25px;padding:20px;background:#f5eee6;border:1px solid white;border-radius:32px}.footer-grid{display:grid;grid-template-columns:1.45fr .65fr .65fr .8fr;gap:26px;min-height:310px;background:#fff0df;border-radius:23px;padding:20px}.footer-brand{position:relative;background:#28160d;border-radius:22px;padding:24px;color:#fff0df}.brand{font-family:var(--serif);font-size:34px;display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:33px;height:33px;background:#77523c;border-radius:50%;font-family:var(--sans);font-size:24px;color:#f0bd78}.footer-brand p{max-width:270px;font-size:14px;line-height:1.7;margin:22px 0}.footer-note{position:absolute;bottom:23px;color:#e8b982;font-family:var(--serif);font-style:italic;font-size:17px}.footer-links,.footer-end{display:flex;flex-direction:column;align-items:flex-start;gap:15px;padding-top:20px}.footer-links>span,.footer-end>span{font-family:var(--serif);font-style:italic;color:#866a5a;font-size:18px;margin-bottom:12px}.footer-links a,.footer-end a{font-size:14px}.footer-links a:hover,.footer-end a:hover{text-decoration:underline}.footer-end p{font-size:14px;line-height:1.7;color:var(--muted)}.footer-end a{margin-top:auto}.footer-bottom{display:flex;justify-content:space-between;gap:12px;padding:18px 12px 0;color:#8f7a6d;font-size:12px}
.modal{width:min(680px,calc(100% - 32px));max-height:calc(100dvh - 40px);border:1px solid #d7bcaa;border-radius:20px;padding:34px;background:var(--paper);color:var(--ink);box-shadow:0 30px 90px #2a150a4d}.modal::backdrop{background:#2a150aa8;backdrop-filter:blur(3px)}.modal h2{font-size:39px;margin-bottom:15px}.modal-close{position:absolute;right:18px;top:16px;border:1px solid var(--line);background:var(--peach);border-radius:50%;width:35px;height:35px;font-size:25px;line-height:1}.modal-prompt{color:var(--muted);line-height:1.6}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.preview-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px}.modal-caption{font-size:12px;color:var(--muted);margin:0}.article-modal #article-body p{font-size:15px;color:var(--muted);line-height:1.9}.article-modal h2{max-width:570px}
@media(max-width:1050px){.hero-fan img{width:230px;height:300px}.hero-fan img:nth-child(1){left:-15%}.hero-fan img:nth-child(2){left:0}.hero-fan img:nth-child(3){left:20%}.hero-fan img:nth-child(4){left:40%}.hero-fan img:nth-child(5){left:60%}.hero-fan img:nth-child(6){left:80%}.hero-fan img:nth-child(7){left:100%}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-large{grid-column:span 2}.journal{grid-template-columns:1fr}.journal-heading h2{max-width:none}.footer-grid{grid-template-columns:1.1fr 1fr 1fr}.footer-end{display:none}}
@media(max-width:700px){.section{padding:76px 20px}.section-top{margin-bottom:42px}h2{font-size:40px}.eyebrow{font-size:11px;padding:7px 12px;margin-bottom:20px}.hero{min-height:715px;padding:0 16px 30px}.flower-fan{height:380px}.flower-fan img{width:150px;height:215px;border-radius:18px}.hero-fan img:nth-child(1){left:-40%;top:180px}.hero-fan img:nth-child(2){left:-18%;top:120px}.hero-fan img:nth-child(3){left:4%;top:76px}.hero-fan img:nth-child(4){left:30%;top:45px}.hero-fan img:nth-child(5){left:56%;top:52px}.hero-fan img:nth-child(6){left:80%;top:108px}.hero-fan img:nth-child(7){left:110%;top:175px}.hero-content{padding-top:270px}.prompt-box{border-radius:23px;padding:3px}.prompt-inner{border-radius:20px;padding:16px}.prompt-inner textarea{height:68px;font-size:13px}.prompt-bottom{align-items:stretch;flex-direction:column}.style-options{gap:5px}.style-pill{font-size:11px;padding:6px 9px}.add-style{width:28px;height:28px;font-size:19px}.generate-button{width:100%;min-height:40px}.hero h1{font-size:43px;line-height:1.25;margin:35px 0 16px}.hero-lead{font-size:14px;line-height:1.7}.hero-mini{margin-top:23px;font-size:11px}.process{padding-top:52px}.steps{grid-template-columns:1fr;gap:20px}.step{min-height:0;padding:20px 0 12px}.step-icon{width:47px;height:47px;margin:16px 0}.step h3{font-size:25px}.step p{font-size:13px}.split{display:block}.split p{max-width:600px;margin-top:22px}.feature-grid{grid-template-columns:1fr}.feature-large{grid-column:auto}.feature{min-height:310px;padding:24px}.feature-large{min-height:350px}.feature h3{font-size:27px}.feature-large img{max-width:55%;max-height:55%}.audience-layout{grid-template-columns:1fr;padding:10px;gap:10px}.audience-option{min-height:90px;padding:10px;gap:12px}.audience-option>span:first-child{width:44px;height:44px;font-size:16px}.audience-option strong{font-size:22px;margin-bottom:4px}.audience-option small{font-size:11px}.audience-visual{min-height:300px}.quote-grid{grid-template-columns:1fr}.quote-grid blockquote{min-height:220px}.journal-grid{grid-template-columns:1fr}.journal-card>img{height:230px}.journal-card h3{min-height:0}.faq details{padding:0 16px}.faq summary{font-size:14px;padding:20px 30px 20px 0}.faq summary::after{top:17px}.closing{min-height:475px;padding:80px 18px 0}.closing-fan{width:620px;bottom:-190px}.closing-fan img{width:165px;height:230px}.site-footer{margin:-12px 12px 14px;padding:10px;border-radius:22px}.footer-grid{grid-template-columns:1fr 1fr;gap:18px;padding:10px}.footer-brand{grid-column:span 2;min-height:220px;padding:22px}.footer-note{bottom:20px}.footer-links{padding:7px 8px}.footer-links a{font-size:13px}.footer-bottom{flex-direction:column;padding:15px 8px 3px}.modal{padding:24px}.modal h2{font-size:31px}}
@media(max-width:390px){.hero{min-height:735px}.hero h1{font-size:38px}.style-pill{font-size:10px;padding:6px 8px}.flower-fan img{width:138px;height:200px}.hero-content{padding-top:255px}.audience-option strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.hero-fan img{will-change:transform}
.footer-qr{display:block;width:min(100%,230px);height:auto;transform:translateY(-12px)}
.footer-end{gap:10px}
.footer-bottom{flex-direction:column;align-items:center;gap:6px;text-align:center;line-height:1.6}
.footer-bottom p{margin:0}
.footer-bottom a{text-decoration:underline;text-underline-offset:2px}
@media(max-width:1050px){
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:320px 320px 320px 290px;grid-template-areas:"primary resolution" "styles resolution" "history speed" "rights rights"}
  .feature-preview{width:48%;height:66%}
  .footer-grid{grid-template-columns:1.1fr .7fr .7fr .8fr}
  .footer-end{display:flex}
}
@media(max-width:700px){
  .steps{gap:14px;grid-auto-rows:1fr}
  .step{min-height:245px;padding:22px 23px}
  .feature-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:350px 330px 330px 580px 290px 290px;grid-template-areas:"primary" "styles" "history" "resolution" "speed" "rights";gap:14px}
  .feature{min-height:0;padding:24px}
  .feature h3{font-size:27px}
  .feature-preview{width:45%;height:57%;right:0;bottom:0}
  .feature-preview>span{font-size:10px;padding:7px 3px;left:5px;right:5px}
  .feature-example{left:24px;bottom:20px;width:45%}
  .feature-history .feature-media{height:135px}
  .feature-speed .feature-index,.feature-rights .feature-index{left:24px;top:24px}
  .compare{left:20px;right:20px;top:145px;bottom:20px}
  .quote-grid blockquote{min-height:250px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-end{grid-column:span 2;display:block;padding:0 8px 10px}
  .footer-end>span{display:block;margin:0 0 6px}
  .footer-end p{margin:0}
}
@media(min-width:701px){.quote-body{transform:translateY(20px)}}