.site-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.site-logo__icon{position:relative;width:44px;height:44px}.site-logo__gauge{width:100%;height:100%}.site-logo__gauge-bg{fill:none;stroke:var(--color-gray-200);stroke-width:3}.site-logo__gauge-arc{fill:none;stroke:var(--color-primary);stroke-width:3;stroke-linecap:round;stroke-dasharray:75,100;transform:rotate(-90deg);transform-origin:center;transition:stroke-dasharray .5s ease}.site-logo:hover .site-logo__gauge-arc{stroke-dasharray:90,100}.site-logo__needle{position:absolute;top:50%;left:50%;width:14px;height:3px;background:var(--color-primary);transform-origin:left center;transform:rotate(-30deg);border-radius:2px;transition:transform .3s ease}.site-logo:hover .site-logo__needle{transform:rotate(30deg)}.site-logo__center{position:absolute;top:50%;left:50%;width:8px;height:8px;background:var(--color-dark);border-radius:50%;transform:translate(-50%,-50%)}.site-footer .site-logo__center{background:var(--color-white)}.site-logo__text{font-family:var(--font-logo);font-size:1.375rem;font-weight:700;letter-spacing:.05em;line-height:1}.site-logo__text-speed{color:var(--color-dark)}.site-logo__text-counter{color:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.75rem 1.5rem;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:1.25;text-decoration:none;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition-normal)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn--primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn--primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--color-white);transform:translateY(-2px);box-shadow:0 4px 12px rgba(232,90,27,.35)}.btn--secondary{background-color:var(--color-white);color:var(--color-dark);border-color:var(--color-gray-200)}.btn--secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn--dark{background-color:var(--color-dark);color:var(--color-white);border-color:var(--color-dark)}.btn--dark:hover{background-color:var(--color-gray-800);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.25)}.btn--ghost{background-color:transparent;color:var(--color-dark);border-color:transparent}.btn--ghost:hover{background-color:var(--color-gray-100)}.btn--sm{padding:.5rem 1rem;font-size:var(--text-sm)}.btn--lg{padding:1rem 2rem;font-size:var(--text-lg)}.btn--block{display:flex;width:100%}.btn--icon{padding:.625rem}.btn svg{flex-shrink:0}.card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.card--bordered{border:1px solid var(--color-gray-100)}.card--shadow{box-shadow:var(--shadow-md)}.card--hoverable:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card__image{position:relative;overflow:hidden;aspect-ratio:16/9}.card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.card--hoverable:hover .card__image img{transform:scale(1.05)}.card__body{padding:var(--space-5)}.card__meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--color-gray-500)}.card__category{display:inline-block;padding:.25rem .625rem;font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);background-color:rgba(232,90,27,.1);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.card__category:hover{background-color:var(--color-primary);color:var(--color-white)}.card__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);line-height:var(--leading-snug);margin-bottom:var(--space-3)}.card__title a{color:var(--color-dark);text-decoration:none;transition:color var(--transition-fast)}.card__title a:hover{color:var(--color-primary)}.card__excerpt{color:var(--color-gray-600);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.card__footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-gray-100)}.card__author{display:flex;align-items:center;gap:var(--space-2)}.card__author-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.card__author-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-dark)}.card__read-time{font-size:var(--text-sm);padding:var(--space-2) var(--space-4);color:var(--color-gray-500)}.form-group{margin-bottom:var(--space-5)}.form-group.is-focused .form-label{color:var(--color-primary)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-dark);transition:color var(--transition-fast)}.form-input,.form-select,.form-textarea{width:100%;padding:.875rem 1rem;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-dark);background-color:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(232,90,27,.15)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-gray-400)}.form-textarea{min-height:150px;resize:vertical}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236B6B6B' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;padding-right:2.5rem}.form-hint{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-gray-500)}.form-error{color:var(--color-error)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.375rem .75rem;font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full)}.badge--primary{background-color:rgba(232,90,27,.1);color:var(--color-primary)}.badge--dark{background-color:var(--color-dark);color:var(--color-white)}.tag{display:inline-block;padding:.375rem .875rem;font-size:var(--text-sm);color:var(--color-gray-600);background-color:var(--color-gray-100);border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-fast)}.tag:hover{background-color:var(--color-primary);color:var(--color-white)}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:var(--space-4) 0;font-size:var(--text-sm);color:var(--color-gray-500)}.breadcrumbs__item{display:inline-flex;align-items:center}.breadcrumbs__link{color:var(--color-gray-500);text-decoration:none;transition:color var(--transition-fast)}.breadcrumbs__link:hover{color:var(--color-primary)}.breadcrumbs__separator{margin:0 .25rem;color:var(--color-gray-300)}.breadcrumbs__separator svg{width:14px;height:14px;stroke:currentColor}.breadcrumbs__current{color:var(--color-dark);font-weight:var(--font-medium)}.search-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;background-color:rgba(0,0,0,.6);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.search-modal.is-open{opacity:1;visibility:visible}.search-modal__content{width:100%;max-width:600px;margin:0 var(--space-4);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);transform:translateY(-20px) scale(.95);transition:transform var(--transition-normal)}.search-modal.is-open .search-modal__content{transform:translateY(0) scale(1)}.search-modal__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid var(--color-gray-100)}.search-modal__icon{flex-shrink:0;color:var(--color-gray-400)}.search-modal__icon svg{width:24px;height:24px}.search-modal__input{flex:1;width:100%;padding:0;font-size:var(--text-lg);border:none;outline:0;background:0 0}.search-modal__input::placeholder{color:var(--color-gray-400)}.search-modal__header form{width:100%}.search-modal__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-gray-500);background:var(--color-gray-100);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.search-modal__close:hover{background:var(--color-gray-200);color:var(--color-dark)}.search-modal__body{padding:var(--space-5)}.search-modal__hint{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-gray-500)}.search-modal__kbd{display:inline-flex;align-items:center;justify-content:center;padding:.125rem .375rem;font-family:var(--font-mono);font-size:var(--text-xs);background:var(--color-gray-100);border-radius:var(--radius-sm);border:1px solid var(--color-gray-200)}.search-modal__suggestions{margin-top:var(--space-4)}.search-modal__suggestions-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-500);margin-bottom:var(--space-3)}.search-modal__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.faq-section{padding:var(--space-16) 0}.faq-list{display:flex;flex-direction:column;gap:var(--space-4)}.faq-item{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.faq-item:hover{border-color:var(--color-gray-300)}.faq-item.is-open{border-color:var(--color-primary);box-shadow:0 4px 20px rgba(232,90,27,.1)}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;padding:var(--space-5);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-dark);text-align:left;background:0 0;border:none;cursor:pointer;transition:color var(--transition-fast)}.faq-question:hover{color:var(--color-primary)}.faq-question__icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);transition:all var(--transition-normal)}.faq-question__icon svg{width:20px;height:20px}.faq-item.is-open .faq-question__icon{transform:rotate(180deg);color:var(--color-primary)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-normal)}.faq-answer__content{padding:0 var(--space-5) var(--space-5);color:var(--color-gray-600);line-height:var(--leading-relaxed)}.faq-answer__content p:last-child{margin-bottom:0}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-10)}.pagination__item{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 var(--space-3);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-gray-600);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.pagination__item:hover{border-color:var(--color-primary);color:var(--color-primary)}.pagination__item--active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.pagination__item--active:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--color-white)}.pagination__item--disabled{color:var(--color-gray-300);pointer-events:none}.pagination__dots{color:var(--color-gray-400)}.newsletter{padding:var(--space-12) var(--space-8);background:linear-gradient(135deg,var(--color-dark) 0,#2d2d2d 100%);border-radius:var(--radius-xl);text-align:center}.newsletter__title{font-size:var(--text-3xl);color:var(--color-white);margin-bottom:var(--space-3)}.newsletter__description{font-size:var(--text-lg);color:var(--color-gray-300);max-width:500px;margin:0 auto var(--space-8)}.newsletter-form{display:flex;gap:var(--space-3);max-width:500px;margin:0 auto}.newsletter-form .form-input{flex:1;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:var(--color-white)}.newsletter-form .form-input::placeholder{color:rgba(255,255,255,.5)}.newsletter-form .form-input:focus{background:rgba(255,255,255,.15);border-color:var(--color-primary)}.newsletter-form .btn{flex-shrink:0}@media (max-width:640px){.newsletter-form{flex-direction:column}.newsletter-form .btn{width:100%}}.social-share{display:flex;align-items:center;gap:var(--space-3)}.social-share__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-500)}.social-share__buttons{display:flex;gap:var(--space-2)}.social-share__btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-gray-600);background:var(--color-gray-100);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.social-share__btn:hover{transform:translateY(-2px)}.social-share__btn--twitter:hover{background:#1da1f2;color:#fff}.social-share__btn--facebook:hover{background:#4267b2;color:#fff}.social-share__btn--linkedin:hover{background:#0077b5;color:#fff}.social-share__btn--copy:hover{background:var(--color-primary);color:#fff}.social-share__btn--copy.is-copied{background:var(--color-success);color:#fff}.back-to-top{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-fixed);display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--color-white);background:var(--color-primary);border:none;border-radius:var(--radius-full);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--transition-normal);box-shadow:0 4px 12px rgba(232,90,27,.35)}.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--color-primary-dark);transform:translateY(-4px)}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:1000;background:var(--color-gray-100)}.reading-progress__bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));width:0;transition:width .1s ease}.tooltip{position:absolute;z-index:var(--z-tooltip);padding:.5rem .75rem;font-size:var(--text-sm);color:var(--color-white);background:var(--color-dark);border-radius:var(--radius-md);white-space:nowrap;opacity:0;transform:translateY(4px);transition:all var(--transition-fast);pointer-events:none}.tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--color-dark)}.tooltip.is-visible{opacity:1;transform:translateY(0)}.code-block{position:relative;margin:var(--space-6) 0}.code-block pre{margin:0;padding-right:60px}.code-copy-btn{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-gray-400);background:var(--color-gray-800);border:1px solid var(--color-gray-700);border-radius:var(--radius-md);cursor:pointer;opacity:0;transition:all var(--transition-fast)}.code-block:hover .code-copy-btn{opacity:1}.code-copy-btn:hover{color:var(--color-white);background:var(--color-gray-700)}.code-copy-btn.is-copied{color:var(--color-success)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .6s ease}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.animate-on-scroll.stagger-children>*{opacity:0;transform:translateY(20px);transition:all .4s ease}.animate-on-scroll.is-visible.stagger-children>:nth-child(1){transition-delay:0s;opacity:1;transform:translateY(0)}.animate-on-scroll.is-visible.stagger-children>:nth-child(2){transition-delay:.1s;opacity:1;transform:translateY(0)}.animate-on-scroll.is-visible.stagger-children>:nth-child(3){transition-delay:.2s;opacity:1;transform:translateY(0)}.animate-on-scroll.is-visible.stagger-children>:nth-child(4){transition-delay:.3s;opacity:1;transform:translateY(0)}.author-box{display:flex;gap:var(--space-5);padding:var(--space-6);background:var(--color-light);border-radius:var(--radius-lg)}.author-box__avatar{flex-shrink:0;width:80px;height:80px;border-radius:var(--radius-full);object-fit:cover}.author-box__content{flex:1}.author-box__name{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.author-box__bio{color:var(--color-gray-600);line-height:var(--leading-relaxed);margin-bottom:0}@media (max-width:640px){.author-box{flex-direction:column;text-align:center}.author-box__avatar{margin:0 auto}}.tabs__nav{display:flex;gap:var(--space-1);border-bottom:2px solid var(--color-gray-100);margin-bottom:var(--space-6)}.tab-btn{padding:var(--space-3) var(--space-5);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-gray-500);background:0 0;border:none;cursor:pointer;position:relative;transition:all var(--transition-fast)}.tab-btn::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-primary);transform:scaleX(0);transition:transform var(--transition-fast)}.tab-btn:hover{color:var(--color-dark)}.tab-btn.is-active{color:var(--color-primary)}.tab-btn.is-active::after{transform:scaleX(1)}.tab-panel{display:none}.tab-panel.is-active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-item{text-align:center}.stat-item__value{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-primary);line-height:1;margin-bottom:var(--space-2)}.stat-item__label{font-size:var(--text-sm);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.home-section{padding:var(--space-16) 0}.home-section--light{background:var(--color-gray-50)}.home-section--dark{background:var(--color-dark)}.home-section--dark .home-section__desc,.home-section--dark .home-section__title{color:var(--color-white)}.home-section--dark .home-section__desc{color:var(--color-gray-300)}.home-section--cta{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);padding:var(--space-12) 0}.home-section__header{text-align:center;margin-bottom:var(--space-12)}.home-section__title{font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:var(--space-4);position:relative;display:inline-block}.home-section__title::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:var(--color-primary);border-radius:2px}.home-section--dark .home-section__title::after{background:var(--color-white)}.home-section__desc{font-size:var(--text-lg);color:var(--color-gray-600);margin-top:var(--space-6)}.home-section__cta{text-align:center;margin-top:var(--space-10)}.home-section__cta-text{color:var(--color-gray-500);margin-bottom:var(--space-2)}.guide-cards{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width:768px){.guide-cards{grid-template-columns:repeat(3,1fr)}}.guide-cards--2{max-width:900px;margin:0 auto}@media (min-width:768px){.guide-cards--2{grid-template-columns:repeat(2,1fr)}}.guide-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 2px 8px rgba(0,0,0,.04);transition:all var(--transition-normal)}.guide-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}.guide-card--horizontal{text-align:left;align-items:flex-start}@media (min-width:640px){.guide-card--horizontal{flex-direction:row;gap:var(--space-6)}}.guide-card--horizontal .guide-card__body{flex:1}.guide-card__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;margin-bottom:var(--space-5);flex-shrink:0;transition:transform var(--transition-normal)}.guide-card:hover .guide-card__icon{transform:scale(1.1)}.guide-card--horizontal .guide-card__icon{margin-bottom:0}.guide-card__icon--blue{background:rgba(59,130,246,.1);color:#3b82f6}.guide-card__icon--green{background:rgba(34,197,94,.1);color:#22c55e}.guide-card__icon--purple{background:rgba(139,92,246,.1);color:#8b5cf6}.guide-card__icon--orange{background:rgba(232,90,27,.1);color:var(--color-primary)}.guide-card__icon--cyan{background:rgba(6,182,212,.1);color:#06b6d4}.guide-card__icon--red{background:rgba(239,68,68,.1);color:#ef4444}.guide-card__icon--woo{background:rgba(127,84,179,.1);color:#7f54b3}.guide-card__icon--shopify{background:rgba(150,191,72,.1);color:#96bf48}.guide-card__title{font-size:var(--text-xl);margin-bottom:var(--space-3)}.guide-card__text{font-size:var(--text-base);color:var(--color-gray-600);margin-bottom:var(--space-5);line-height:var(--leading-relaxed)}.guide-card__features{list-style:none;padding:0;margin:0 0 var(--space-5);text-align:left}.guide-card__features li{position:relative;padding-left:var(--space-5);margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--color-gray-600)}.guide-card__features li::before{content:'✓';position:absolute;left:0;color:var(--color-primary);font-weight:var(--font-bold)}.topic-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width:640px){.topic-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.topic-grid{grid-template-columns:repeat(3,1fr)}}.topic-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-white);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all var(--transition-normal)}.topic-card:hover{box-shadow:var(--shadow-lg);transform:translateX(4px)}.topic-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-gray-100);border-radius:var(--radius-lg);color:var(--color-primary);flex-shrink:0;transition:all var(--transition-normal)}.topic-card__icon svg{width:24px;height:24px}.topic-card:hover .topic-card__icon{background:var(--color-primary);color:var(--color-white)}.topic-card__content{flex:1}.topic-card__title{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:2px}.topic-card__count{font-size:var(--text-sm);color:var(--color-gray-500)}.topic-card__arrow{color:var(--color-gray-300);transition:all var(--transition-fast)}.topic-card:hover .topic-card__arrow{color:var(--color-primary);transform:translateX(4px)}.newsletter-box{max-width:600px;margin:0 auto;text-align:center}.newsletter-box__title{font-size:var(--text-3xl);color:var(--color-white);margin-bottom:var(--space-3)}.newsletter-box__text{color:rgba(255,255,255,.85);margin-bottom:var(--space-6)}.newsletter-box__form{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}@media (min-width:480px){.newsletter-box__form{flex-direction:row}}.newsletter-box__form .form-input{flex:1;border:none;background:var(--color-white)}.newsletter-box__form .btn--dark{background:var(--color-dark);color:var(--color-white);white-space:nowrap}.newsletter-box__form .btn--dark:hover{background:#000}.newsletter-box__note{font-size:var(--text-sm);color:rgba(255,255,255,.6);margin:0}.link-arrow{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--font-semibold);color:var(--color-primary);text-decoration:none;transition:gap var(--transition-fast)}.link-arrow:hover{gap:var(--space-3)}.btn--white{background:var(--color-white);color:var(--color-dark)}.btn--white:hover{background:var(--color-gray-100)}