@charset "utf-8";@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=MonteCarlo&display=swap");@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap");:root{--base-color:#fff;--base-inverse-color:#2c3e50;--primary-color:#3498db;--primary-inverse-color:#fff;--accent-color:#e74c3c;--gradient-start:#3498db;--gradient-end:#2980b9;--space-large:8vw}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}body *{box-sizing:border-box}body,html{font-size:13px;height:100%}@media screen and (min-width:1000px){body,html{font-size:14px}}@media screen and (min-width:1600px){body,html{font-size:1vw}}body{padding:0;font-family:Noto Sans JP,Hiragino Mincho Pro,ヒラギノ明朝 Pro W3,HGS明朝E,ＭＳ Ｐ明朝,MS PMincho,serif;font-optical-sizing:auto;font-weight:500;-webkit-text-size-adjust:none;background:var(--base-color);color:var(--base-inverse-color);line-height:1.8}body,dd,figure{margin:0}nav ul{list-style:none}li,nav,ol,ul{margin:0;padding:0}section li{margin-left:1rem}table{border-collapse:collapse}img{border:none;height:auto;vertical-align:middle}img,video{max-width:100%}iframe{width:100%}input{font-size:1.1rem}input[type=email],input[type=tel],input[type=text],textarea{font-size:16px;padding:1rem;border:2px solid #ddd;border-radius:4px;transition:border-color .3s ease,box-shadow .3s ease;font-family:inherit;line-height:1.6}input[type=email]:focus,input[type=tel]:focus,input[type=text]:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(52,152,219,.1)}input[type=submit]{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:var(--primary-inverse-color);font-size:1.1rem;font-weight:600;padding:.9rem 2.5rem;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(52,152,219,.3)}input[type=submit]:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px rgba(52,152,219,.4);background:linear-gradient(135deg,var(--gradient-end),var(--gradient-start))}input[type=submit]:active{transform:translateY(0) scale(1)}section{overflow-x:hidden;padding:40px 15px}@media screen and (min-width:700px){section{padding:var(--space-large)}}a{color:inherit;transition:.3s}a:hover{text-decoration:none;opacity:.9}@keyframes progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}#startup-loader img{width:300px;margin-bottom:20px}#startup-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--primary-color);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;animation:fadeOut 1s ease 2s forwards}.loader-progress-container{width:200px;height:4px;border-radius:2px;background:#fff;overflow:hidden}.loader-progress-bar{width:100%;height:100%;background:#000;animation:progress 2s linear;transform-origin:left}#container{height:100%;flex-direction:column}#container,header{display:flex;justify-content:space-between}header{position:absolute;z-index:1;left:0;top:0;width:100%;flex-shrink:0;align-items:center;height:60px}@media screen and (min-width:700px){header{height:90px}}#logo img{display:block;width:150px}#logo{margin:0;padding:0 0 0 3vw}@media screen and (min-width:700px){#logo img{width:200px}}header nav ul{display:none}@media screen and (min-width:900px){header>nav>ul{margin-right:100px;display:flex;align-items:center}header nav li a{display:block;text-decoration:none;font-size:.9rem;padding:.5rem 1rem}header nav i{padding-right:.5rem}header nav .order-button-nav{margin-left:1rem}header nav .order-button{background:var(--accent-color)!important;color:white!important;border-radius:25px;padding:.7rem 1.5rem!important;font-weight:600;transition:all .3s ease;border:2px solid var(--accent-color)}header nav .order-button:hover{background:white!important;color:var(--accent-color)!important;transform:translateY(-2px);box-shadow:0 4px 8px rgba(231,76,60,.3)}}.small-screen #menubar ul ul,header nav ul ul{animation:fadeIn .5s .1s both}header nav ul ul{position:absolute;z-index:100;margin-left:1rem}header nav ul ul a{padding:.3em 1em;margin-top:4px;background:var(--base-color);color:var(--base-inverse-color);border:1px solid var(--base-inverse-color);border-radius:3px}#menubar{display:none}#menubar ul{list-style:none;margin:0;padding:0}#menubar a{text-decoration:none}#menubar a,.large-screen #menubar,.small-screen #menubar.display-block{display:block}#menubar_hdr.display-none,.ddmenu_parent ul{display:none}#menubar .logo{width:200px}@keyframes animation1{0%{right:-100vw}to{right:0}}.small-screen #menubar.display-block{position:fixed;overflow:auto;z-index:100;right:0;top:0;width:100%;height:100%;padding:90px 10vw 50px;background:white;color:var(--primary-inverse-color);animation:animation1 .2s both}.small-screen #menubar li{margin:1rem 0}.small-screen #menubar a{border-radius:5px;padding:1rem 2rem;background:var(--base-inverse-color);color:var(--base-color)}.small-screen #menubar ul ul a{background:var(--base-color);color:var(--base-inverse-color);border:1px solid var(--base-inverse-color);margin-left:2rem}.small-screen #menubar .order-button-nav{margin:2rem 0 1rem}.small-screen #menubar .order-button{background:var(--accent-color)!important;color:white!important;border-radius:25px;font-weight:600;text-align:center;transition:all .3s ease;border:2px solid var(--accent-color)!important;padding:1.2rem 2rem!important}.small-screen #menubar .order-button:hover{background:white!important;color:var(--accent-color)!important;transform:translateY(-2px);box-shadow:0 4px 8px rgba(231,76,60,.3)}#menubar_hdr{animation:fadeIn 0s .2s both;position:fixed;z-index:101;cursor:pointer;right:0;top:0;padding:20px 15px;width:60px;height:60px;display:flex;flex-direction:column;justify-content:space-between;transform-origin:right top;background:none;border-radius:0 0 0 10px}@media screen and (min-width:700px){#menubar_hdr{transform:scale(1.5)}}@media screen and (min-width:900px){#menubar_hdr{display:none}}#menubar_hdr span{display:block;transition:.3s;border-top:1.5px solid black}#menubar_hdr.ham{background:var(--primary-color)}#menubar_hdr.ham,#menubar_hdr.ham span{border-color:white}#menubar_hdr.ham span:first-of-type,#menubar_hdr.ham span:nth-of-type(3){transform-origin:center center}#menubar_hdr.ham span:first-of-type{transform:rotate(45deg) translate(6px,5.8px)}#menubar_hdr.ham span:nth-of-type(3){transform:rotate(-45deg) translate(7px,-7px)}#menubar_hdr.ham span:nth-of-type(2){display:none}#hero-section{background:var(--base-color) url(/images/hero-bg.png) no-repeat center center /cover;width:100%;padding-top:150%;position:relative;overflow:hidden;z-index:0}#hero-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.7);z-index:-1}@media screen and (min-width:420px){#hero-section{background:var(--base-color) url(/images/hero-bg.png) no-repeat center center /cover;padding-top:56.25%}}#hero-section>div{position:absolute;top:30%;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center}@media screen and (min-width:420px){#hero-section>div{top:60px;left:var(--space-large);align-items:flex-start;justify-content:center}}#hero-section p{margin:0}#hero-section .hero-text{font-size:28px;font-weight:800;line-height:1.8;text-align:center}@media screen and (min-width:420px){#hero-section .hero-text{text-align:left;font-size:3.6vw}}#hero-section .hero-buttons{font-size:1.1rem;font-weight:600;margin-top:3vw;display:flex;gap:1rem}#hero-section .hero-buttons a{display:block;text-decoration:none;padding:.8rem 2rem;margin-bottom:10px}#hero-section .hero-buttons a:hover{opacity:1;transform:scale(1.05)}@media screen and (min-width:420px){#hero-section .hero-buttons{font-size:1.4vw}#hero-section .hero-buttons a{margin:0;padding:.6rem 3rem}}#hero-section .hero-buttons p:first-of-type a{background:var(--primary-color);color:var(--primary-inverse-color)}#hero-section .hero-buttons p:nth-of-type(2) a{background:var(--base-inverse-color);color:var(--base-color);letter-spacing:.1em}#hero-section .hero-buttons i{transform:scale(1.4);padding-right:.8rem}#hero-section .hero-text .highlight{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900}#hero-section .hero-buttons a{position:relative;overflow:hidden;transition:all .3s ease}#hero-section .hero-buttons a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}#hero-section .hero-buttons a:hover:before{left:100%}main{flex:1 0 auto;overflow-x:hidden}main h2{padding:0;font-size:1.8rem;font-weight:800;margin:0 0 5vw;display:flex;flex-direction:column-reverse;letter-spacing:.1em;position:relative}@media screen and (min-width:700px){main h2{font-size:2.4rem}}main h2.c{align-items:center}main h2 span{font-size:1rem;opacity:.5;font-weight:400}h2 img{width:100px;transform:rotate(-10deg);position:absolute;left:-10px;top:-40px}@media screen and (min-width:700px){h2 img{width:140px;left:40px}}footer{background:#2c3e50;color:var(--primary-inverse-color);padding:2rem;display:flex;flex-direction:column-reverse;gap:2rem;justify-content:space-between}footer div{text-align:center;gap:.5rem}.footer-nav nav,footer div{display:flex;flex-direction:column}.footer-nav nav{gap:2rem;justify-content:center}.nav-section h4{color:var(--primary-color);font-size:1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(52,152,219,.3)}.nav-section ul{display:flex;flex-direction:column}@media screen and (min-width:700px){footer{flex-direction:row;gap:4rem;padding:4rem}footer,footer div{align-items:flex-start}footer div{text-align:left;width:40%}.footer-nav nav{flex-direction:row;gap:4rem;justify-content:flex-end}.nav-section{min-width:150px}.nav-section h4{font-size:1.1rem;margin-bottom:0}.nav-section ul{gap:0}}footer ul{margin:0;padding:0;list-style:none}footer nav ul li{margin-bottom:.5rem}footer nav ul li a{color:var(--primary-inverse-color);text-decoration:none;font-size:1rem;transition:all .3s ease;opacity:.9;padding:.4rem 0;border-bottom:1px solid transparent}footer nav ul li a:hover{color:var(--primary-color);opacity:1;border-bottom-color:var(--primary-color);transform:translateX(5px)}.nav-section ul li a{display:block;padding:.4rem 0;position:relative}.nav-section ul li a:before{content:"";position:absolute;left:-15px;top:50%;transform:translateY(-50%);width:0;height:2px;background:var(--primary-color);transition:width .3s ease}.nav-section ul li a:hover:before{width:10px}footer .logo{margin:auto auto .5rem}@media screen and (min-width:700px){footer .logo{margin:0 0 .5rem}footer .logo img{height:30px;width:auto}}footer .contact-info{font-size:1rem;line-height:1.7;opacity:.8}footer .contact-info p{margin:0}footer small{display:block;font-size:.9rem;opacity:.7;margin-top:1rem}.icons{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:1.5rem}.icons a,.icons li{display:flex;align-items:center;justify-content:center}.icons a{width:45px;height:45px;border-radius:50%;background:rgba(255,255,255,.1);color:var(--primary-inverse-color);text-decoration:none;transition:all .3s ease}.icons a:hover{background:var(--primary-color);transform:translateY(-2px)}.icons svg{width:20px;height:20px}@media screen and (min-width:700px){.icons{justify-content:flex-start}}.pr a{text-decoration:none;display:block;background:rgba(0,0,0,.9);text-align:right;padding:.5rem 1rem;color:#ccc}.pr a:before{font-family:Font Awesome\ 6 Free;content:"\e2ca";font-weight:700;margin-right:.5em}@media screen and (min-width:700px){.c2{display:flex;gap:2rem}.c2 .title{width:30%}.c2 .text{flex:1}.faq{font-size:1.3rem}}.faq dt{display:flex;align-items:flex-start;border-radius:3px;margin-bottom:1rem;background:var(--base-color);color:var(--base-inverse-color);padding:1rem}.faq dt:before{font-family:Font Awesome\ 6 Free;content:"\51";margin-right:.5rem;background:var(--primary-color);color:var(--primary-inverse-color);border-radius:50%;width:30px;line-height:30px;text-align:center;flex-shrink:0;margin-top:.2em}.faq dd{padding:0 1rem 1rem 3.7rem}.openclose{cursor:pointer}.new dd{padding-bottom:1rem}.new dt span{display:inline-block;text-align:center;line-height:1.8;border-radius:2px;padding:0 1rem;width:8rem;transform:scale(.85);border:1px solid #777}.new .icon-bg1{border-color:transparent;background:#cd0000;color:#fff}.new .icon-bg2{border-color:transparent;background:var(--primary-color);color:var(--primary-inverse-color)}@media screen and (min-width:700px){.new{display:grid;grid-template-columns:auto 1fr}}.slide-thumbnail1 .img{display:flex}.slide-thumbnail1 .img img{padding:5px}.slide-thumbnail1 .ltr,.slide-thumbnail1 .rtl{animation-timing-function:linear;animation-iteration-count:infinite}.slide-thumbnail1 .rtl{animation-name:slide-rtl}.slide-thumbnail1 .ltr{animation-name:slide-ltr}@keyframes slide-rtl{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes slide-ltr{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.text-slide-wrapper{overflow-x:hidden;margin-top:calc(-1 * (1.6 * var(--space-large)))}.text-slide{font-family:Jost,sans-serif;font-optical-sizing:auto;font-weight:600;display:flex;white-space:nowrap;font-size:15vw;opacity:.05}.text-slide span{padding:0 20px}.action-btn a{text-shadow:none;display:block;text-decoration:none;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:var(--primary-inverse-color);font-size:1.3rem;padding:1rem 2.5rem;border-radius:50px;text-align:center;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 15px rgba(52,152,219,.3)}.bg-primary-color .action-btn a{background:var(--primary-inverse-color);color:var(--primary-color)}.action-btn a:hover{opacity:1;transform:translateY(-3px) scale(1.05);background:linear-gradient(135deg,var(--gradient-end),var(--gradient-start));color:var(--primary-inverse-color);box-shadow:0 8px 25px rgba(52,152,219,.4)}.action-btn a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.action-btn a:hover:before{left:100%}.bg-primary-color .action-btn a:hover{background:#fff;color:#333}.bg-primary-color{background:var(--primary-color);color:var(--primary-inverse-color)}.bg1{background-color:var(--base-inverse-color);color:var(--base-color)}@media screen and (max-width:699px){.bg1{padding-top:60px;padding-bottom:100px}}.bg2{background:#f3f3e9}.bg3{background:#fff}.bg-pattern1{background-image:url(/images/bg_pattern1.png)}.bg-pattern1,.bg-pattern2{background-repeat:repeat;background-position:top;background-size:10px}.bg-pattern2{background-image:url(/images/bg_pattern2.png)}.bg-pattern3{background-image:url(/images/bg_pattern3.png);background-repeat:repeat;background-position:top;background-size:10px}.arrow{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L100,0 L100,95 L50,100 L0,95 Z' fill='%23000000'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L100,0 L100,95 L50,100 L0,95 Z' fill='%23000000'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media screen and (min-width:700px){.arrow{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L100,0 L100,90 L50,100 L0,90 Z' fill='%23000000'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L100,0 L100,90 L50,100 L0,90 Z' fill='%23000000'/%3E%3C/svg%3E");padding-bottom:150px}}.arrow+section{padding-top:calc(var(--space-large) + 150px);margin-top:-150px;z-index:-1}.portfolio-grid .portfolio-item *{margin:0;padding:0}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}.portfolio-grid .portfolio-item{display:grid;position:relative}.portfolio-grid .portfolio-item h4{margin-top:.5rem;font-weight:400}@media screen and (min-width:800px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}}.feature-cards .feature-card *{margin:0;padding:0}@media screen and (min-width:800px){.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:3vw}}.feature-cards .feature-card{display:grid;margin-bottom:3rem;position:relative;border-radius:15px;background:#fff;color:#333;box-shadow:0 10px 30px rgba(0,0,0,.1);padding:2rem;transition:all .3s ease;overflow:hidden}.feature-cards .feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.15)}@media screen and (min-width:800px){.feature-cards .feature-card{margin-bottom:0}}.feature-cards .feature-card.bg-dark{background:#111;color:#fff}.feature-cards .feature-card .card-number{position:absolute;left:-20px;top:-30px;font-size:60px;line-height:1;font-family:MonteCarlo,cursive;opacity:.2}.feature-cards .feature-card h4.decorated:before{content:"\201C";position:absolute;left:-1rem;top:-40px;opacity:.2;font-size:60px;line-height:1}.feature-cards .feature-card h4{font-size:1.5rem;line-height:1.6;margin-bottom:1rem;position:relative;font-weight:700}.feature-cards .feature-card p{font-size:1rem;line-height:1.7;font-weight:400}.feature-cards .feature-card.bg-dark p{color:#999}.feature-cards .feature-card figure.card-icon{margin:0 auto;width:100px}.feature-cards .feature-card figure.card-icon img{width:100%}.bg1 .feature-cards .feature-card figure.card-icon{filter:grayscale(100%) brightness(90%);margin-bottom:1rem}@media screen and (min-width:800px){.feature-cards .feature-card figure.card-icon{width:150px}}.cta-section{padding:0 1rem}.cta-section>a{text-decoration:none;display:block}@media screen and (min-width:600px){.cta-section{display:flex;gap:2vw;padding:0}}.cta-section .cta-card{text-align:center;position:relative;overflow-y:hidden;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.6);padding:5rem 2rem;margin:1rem 0;border-radius:30px}@media screen and (min-width:600px){.cta-section>*{flex:1}.cta-section .cta-card{margin:0;display:flex;align-items:center;justify-content:center}.cta-section>a .cta-card{height:100%}.cta-section .cta-card:first-of-type{border-radius:0 30px 30px 0}.cta-section .cta-card:nth-of-type(2){border-radius:30px 0 0 30px}}.cta-section .cta-card.bg-contact{background:url(/images/bg_contact.jpg) no-repeat 50%/cover}.cta-section .cta-card.bg-order{background:url(/images/bg_request.jpg) no-repeat 50%/cover}.cta-section h4{line-height:1.2;font-family:Jost,sans-serif;font-optical-sizing:auto;font-weight:300}.cta-section h4 .cta-main-text{display:block;font-size:3rem;padding-top:1.5rem;padding-bottom:3rem}@media screen and (min-width:600px){.cta-section h4 .cta-main-text{font-size:4rem}}.cta-section .cta-card .text{position:relative;z-index:1;font-size:.85rem}.cta-section .cta-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);transition:transform .3s .1s}.cta-section .cta-card:hover:before{transform:translateY(100%)}.bg-slideup{margin-left:calc(-1 * var(--space-large));margin-right:calc(-1 * var(--space-large))}section>.bg-slideup:first-child{margin-top:calc(-1 * var(--space-large))}.bg-slideup .image{background-repeat:no-repeat;background-size:cover;width:100%;padding:10vw 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;color:#fff;position:relative}.bg-slideup .image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.7));z-index:1}.en-text{writing-mode:horizontal-tb;font-size:.8rem}.en-text,.jp-text{position:relative;z-index:2}.jp-text{text-orientation:upright}#products .bg-slideup .image{background-image:url(/images/hero-bg.png)}#company .bg-slideup .image{background-image:url(/images/bg_company.jpg)}.content-blocks *{margin:0;padding:0}@media screen and (min-width:600px){.content-blocks .text{flex:1}.reverse{flex-direction:row-reverse;background-position:0 100%!important}}.content-blocks .content-item{background:var(--base-color) url(/images/bg-dot.png) no-repeat right bottom /200px;color:var(--base-inverse-color);padding:1rem;margin-bottom:2rem;box-shadow:3px 3px 10px rgba(0,0,0,.1);position:relative;border-radius:10px;transition:all .3s ease}@media screen and (min-width:700px){.content-blocks .content-item{padding:3rem}}.bg3.bg-pattern3 .content-blocks .content-item{background:linear-gradient(135deg,#ffffff,#f8f9fa);border-left:5px solid var(--primary-color);box-shadow:0 8px 25px rgba(52,152,219,.15);transform:translateX(0);transition:all .4s ease}.bg3.bg-pattern3 .content-blocks .content-item:hover{box-shadow:0 12px 35px rgba(52,152,219,.25)}.bg3.bg-pattern3 .content-blocks .content-item h4{color:var(--primary-color);font-weight:700;display:flex;align-items:center;gap:1rem}.bg3.bg-pattern3 .content-blocks .content-item h4 i{background:var(--primary-color);color:white;padding:.8rem;border-radius:50%;font-size:1.2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bg1.bg-pattern1 .content-blocks .content-item{background:rgb(255,255,255);color:white;position:relative;overflow:hidden}.bg1.bg-pattern1 .content-blocks .content-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.bg1.bg-pattern1 .content-blocks .content-item h4{color:#ff6b6b;font-weight:800;margin-top:15px}.bg1.bg-pattern1 .content-blocks .content-item h4 i{color:var(--accent-color);margin-right:1rem;font-size:1.4rem;text-shadow:none}.bg2.bg-pattern2 .content-blocks .content-item{background:white;border:2px solid #f39c12;color:#8b4513;box-shadow:0 8px 25px rgba(243,156,18,.2);position:relative}.bg2.bg-pattern2 .content-blocks .content-item h4{color:#d35400;font-weight:700;margin-top:1rem}.bg2.bg-pattern2 .content-blocks .content-item h4 i{color:#f39c12;margin-right:1rem;font-size:1.3rem}.bg2.bg-pattern2 .content-blocks .content-item:hover{box-shadow:0 12px 35px rgba(243,156,18,.3)}.bg2.bg-pattern2 .content-blocks.process-flow .content-item{background:white;border:2px solid white;color:black;position:relative}.bg2.bg-pattern2 .content-blocks.process-flow .content-item:before{content:none}.bg2.bg-pattern2 .content-blocks.process-flow .content-item h4{color:black;font-weight:700;padding-left:1rem}.bg2.bg-pattern2 .content-blocks.process-flow .content-item h4 i{background:white;color:white;padding:1rem;border-radius:12px;margin-right:1.5rem;font-size:1.4rem;box-shadow:0 4px 15px rgba(76,175,80,.3);transform:rotate(0deg)}.bg2.bg-pattern2 .content-blocks.process-flow .content-item:hover h4 i{transform:rotate(1turn)}.bg2.bg-pattern2 .content-blocks.process-flow .content-item p{padding-left:1rem;line-height:1.8}.content-blocks.process-flow .content-item:after{opacity:1;color:#4caf50;font-size:1.5rem;text-shadow:0 2px 4px rgba(76,175,80,.3)}@media screen and (min-width:600px){.content-blocks .content-item{display:flex;gap:2rem}}.content-blocks figure{width:30%;margin-bottom:1rem}@media screen and (min-width:600px){.content-blocks figure{margin-bottom:0}}.content-blocks h4{font-size:1.2rem;line-height:1.5;margin-bottom:1rem}@media screen and (min-width:600px){.content-blocks h4{font-size:2rem;line-height:1.8}}.content-blocks.process-flow h4 i{margin-right:1rem}.content-blocks .author-name{text-align:right;margin-top:1rem}.content-blocks.process-flow .content-item:after{content:"▼";position:absolute;left:50%;bottom:-2rem;transform:scaleX(1.5)}.content-blocks.process-flow .content-item:last-child:after{content:none}.ta1 caption{font-weight:700;padding:.5rem 1rem;background:var(--base-inverse-color);color:var(--base-color);margin-bottom:1rem;border-radius:5px}.ta1{table-layout:fixed;width:100%;border-top:1px solid #ddd;margin-bottom:2rem;border-collapse:collapse;box-shadow:0 2px 8px rgba(0,0,0,.1);border-radius:8px;overflow:hidden}.ta1 tr{border-bottom:1px solid #eee}.ta1 tr:last-child{border-bottom:none}.ta1 td,.ta1 th{word-break:break-all;background:var(--base-color);color:var(--base-inverse-color);text-align:left;padding:1rem .75rem;vertical-align:top}.ta1 th{width:30%;text-align:left;background:#f8f9fa;font-weight:600;border-right:1px solid #eee}@media screen and (max-width:699px){.ta1 th{width:35%;font-size:.9rem}.ta1 td,.ta1 th{padding:.75rem .5rem}}.ta1.plan,.ta1.plan td,.ta1.plan th{text-align:center;border:2px solid var(--base-inverse-color);padding:.8rem .6rem;font-size:1rem;line-height:1.5}@media screen and (min-width:801px){.ta1.plan,.ta1.plan td,.ta1.plan th{font-size:1.2rem;padding:2rem 1rem}}.ta1.plan td:first-child,.ta1.plan th:first-child{width:9rem}@media screen and (min-width:801px){.ta1.plan td:first-child,.ta1.plan th:first-child{width:12rem}}.ta1.plan th{width:auto;position:relative;overflow:hidden}.ta1.plan th .osusume{position:absolute;left:0;top:0;background:#ff0000;color:#fff;font-size:.8rem;width:120px;text-align:center;padding-top:43px;padding-bottom:2px;transform:rotate(-45deg) translate(-18px,-60px)}.ta1.plan th i{display:block;font-size:1.4rem}.ta1.plan td:nth-child(2),.ta1.plan th:nth-child(2){background:#fffcda}.ta1.plan td:nth-child(3),.ta1.plan th:nth-child(3){background:var(--primary-color);color:var(--primary-inverse-color)}.ta1.plan td:nth-child(4),.ta1.plan th:nth-child(4){background:#fffcda}.plan th>span{display:block;font-size:1.4rem;font-family:Oswald,sans-serif;font-optical-sizing:auto;font-weight:700}@media screen and (min-width:801px){.plan th>span{font-size:2.4rem}}@media screen and (max-width:800px){.scroll .ta1.plan{width:650px}.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:10px;margin-bottom:10px}}.ta1.plan .text-sm{font-size:.9rem;line-height:1.4;margin:.3rem 0}@media screen and (min-width:600px){.ta1.plan .text-sm{font-size:.85rem}}.pricing-examples{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}@media screen and (min-width:600px){.pricing-examples{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media screen and (min-width:900px){.pricing-examples{grid-template-columns:repeat(3,1fr)}}.pricing-example-card{text-align:center;padding:1.5rem;background-color:#f8f9fa;border-radius:12px;border:1px solid #e9ecef;transition:all .3s ease}.pricing-example-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.pricing-example-card h5{font-weight:700;color:#333;margin-bottom:.5rem;font-size:1rem}@media screen and (min-width:600px){.pricing-example-card h5{font-size:1.1rem}}.pricing-example-card .price{font-size:1.8rem;font-weight:700;color:#3498db;margin:.5rem 0}@media screen and (min-width:600px){.pricing-example-card .price{font-size:2rem}}.pricing-example-card .price.price-premium{color:#28a745}.pricing-example-card .calculation{font-size:.875rem;color:#666;margin:0}.pricing-note{margin-top:1.5rem;padding:1rem;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;font-size:.875rem;line-height:1.5}.pricing-note svg{margin-right:.5rem}.per-clip-pricing{display:grid;grid-template-columns:1fr;gap:1.5rem;margin:2rem 0}@media screen and (min-width:700px){.per-clip-pricing{grid-template-columns:repeat(2,1fr);gap:2rem}}.per-clip-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:all .3s ease;border:2px solid transparent}.per-clip-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.per-clip-card.highlight-card{border:2px solid var(--primary-color);position:relative}.per-clip-card.highlight-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));border-radius:12px 12px 0 0}.per-clip-header{text-align:center;margin-bottom:1rem}.per-clip-header h5{font-size:1.2rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.per-clip-header .total-price{font-size:1.1rem;color:#666;margin:0}.per-clip-breakdown{text-align:center}.per-clip-breakdown .clip-count{font-size:.9rem;color:#888;margin-bottom:.5rem}.per-clip-breakdown .per-clip-price{font-size:1.6rem;font-weight:700;color:var(--accent-color);margin:0}@media screen and (min-width:700px){.per-clip-breakdown .per-clip-price{font-size:1.8rem}}.per-clip-note{margin-top:1.5rem;padding:1rem;background:#f8f9fa;border-radius:8px;font-size:.875rem;color:#666;border-left:4px solid var(--primary-color)}.per-clip-note svg{margin-right:.5rem;color:var(--primary-color)}.hero-subtext{font-size:1rem;margin-top:1rem;padding:1rem;background:rgba(255,255,255,.1);border-radius:8px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-subtext svg{margin-right:.5rem;color:#ff5500}.price-highlight{color:#ff5500;font-weight:700;font-size:1.1em}@media screen and (min-width:700px){.hero-subtext{font-size:1.1rem}.price-highlight{font-size:1.2em}}.padding0{padding:0!important}.padding-lr0{padding-left:0!important;padding-right:0!important}#manual #container{all:unset}.manual{background:#fff;color:#333;padding:5vw}.manual .look{background:#eee}.manual h2{margin-top:2rem;font-size:2rem;text-align:center}.manual h3{line-height:3;margin-top:2rem}.manual h3 span{background:linear-gradient(transparent 60%,yellow)}.manual h3+p{margin-top:-.5rem}.manual.margin-left{padding-left:300px}@media screen and (max-width:999px){.manual.margin-left{padding-left:4vw}}.clearfix:after{content:"";display:block;clear:both}.color-check,.color-check a{color:#ff0000!important}.l{text-align:left!important}.c{text-align:center!important}.r{text-align:right!important}.wl,.ws{width:100%;display:block;max-width:500px}.wl{min-height:120px;resize:vertical}.error-message{color:#e74c3c;font-size:.9rem;margin-top:.5rem;display:block;font-weight:500;padding-left:.25rem}.mb0{margin-bottom:0!important}.mb30{margin-bottom:30px!important}.mb-space-large{margin-bottom:var(--space-large)!important}.look{line-height:1.5!important;display:inline-block;padding:5px 10px;background:rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.3);border-radius:3px;margin:5px 0;word-break:break-all}.small{font-size:.75em}.large{font-size:2em;letter-spacing:.1em}.pc{display:none}.dn{display:none!important}.block{display:block!important}.inline-block{display:inline-block!important}.relative{position:relative}.marker{background:linear-gradient(transparent 50%,yellow)}pre{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}@media screen and (min-width:900px){.ws{width:48%;display:inline;max-width:none}.sh{display:none}.pc{display:block}}section+section:before{content:"";display:block;width:100px;height:3px;background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));margin:0 auto 2rem;border-radius:2px}@keyframes typewriter{0%{width:0}to{width:100%}}.gradient-text{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.content-blocks .content-item:nth-child(2){animation-delay:.5s}.content-blocks .content-item:nth-child(3){animation-delay:1s}.content-blocks .content-item:nth-child(4){animation-delay:1.5s}.up{opacity:0;transform:translateY(30px);transition:all .6s ease}.up.inview{opacity:1;transform:translateY(0)}.bg-primary-color{background:linear-gradient(135deg,var(--primary-color),var(--gradient-end));position:relative}.marketing-importance{position:relative;overflow:hidden;padding:3rem 15px}.marketing-importance h2 .subtitle{display:block;font-size:1rem;color:var(--accent-color);font-weight:600;margin-top:.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.marketing-importance .highlight{font-size:20px;opacity:1;background:linear-gradient(135deg,yellow,yellow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900;text-shadow:2px 2px 4px rgba(0,0,0,.1);position:relative}@media screen and (min-width:700px){.marketing-importance{padding:var(--space-large)}.marketing-importance .highlight{font-size:46px}}@supports not (-webkit-background-clip:text){.marketing-importance .highlight{color:#fff;background:none;-webkit-text-fill-color:initial;text-shadow:2px 2px 4px rgba(0,0,0,.3)}}.marketing-importance .feature-cards{margin-bottom:3rem}.marketing-importance .feature-card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.1);margin-bottom:2rem}.marketing-importance .feature-card .card-icon{color:var(--primary-color);margin-bottom:1rem}.marketing-importance .marketing-cta{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:2rem;margin-top:2rem;border:1px solid rgba(255,255,255,.2);font-weight:700}.marketing-importance .urgency-message{margin-bottom:2rem}.marketing-importance .urgency-message h3{color:var(--primary-inverse-color);font-size:1.3rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.marketing-importance .urgency-message ul{list-style:none;padding:0;margin:0}.marketing-importance .urgency-message li{font-size:1rem;font-weight:500;color:var(--primary-inverse-color);position:relative;padding:.5rem 0;margin-left:0}.marketing-importance .urgency-message li:before{content:"✓";color:var(--accent-color);font-weight:700;margin-right:.5rem}@media screen and (min-width:700px){.marketing-importance h2 .subtitle{font-size:1.2rem}.marketing-importance .marketing-cta{padding:3rem}.marketing-importance .urgency-message h3{font-size:1.5rem}}.bg-primary-color:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.sample-intro{text-align:center;margin-bottom:3rem}.sample-intro p{font-size:1.2rem;color:var(--base-inverse-color);opacity:.8}.production-samples{max-width:1200px;margin:0 auto;padding:0}.sample-item{margin-bottom:4rem;background:var(--base-color);border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.sample-item:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.sample-header{background:linear-gradient(135deg,var(--primary-color),var(--gradient-end));color:var(--primary-inverse-color);padding:1.5rem;text-align:center}.sample-header h3{margin:0;font-size:1.4rem;font-weight:600}.sample-header i{margin-right:.5rem;font-size:1.2rem}.before-after-container{gap:2rem;padding:2rem}.after-section,.before-section{text-align:center}.after-section h4,.before-section h4{font-size:1.2rem;margin-bottom:1rem;color:var(--primary-color);font-weight:600}.video-placeholder{background:#f8f9fa;border-radius:10px;padding:1rem;margin-bottom:1rem}.video-placeholder img{border-radius:8px;width:100%;height:auto;max-width:300px}.video-info{margin-top:1rem}.video-info p{margin:.5rem 0;font-size:.9rem;color:#666}.video-info i{margin-right:.5rem;color:var(--primary-color)}.arrow-section{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--primary-color)}.arrow-section i{font-size:2rem;margin-bottom:.5rem;animation:pulse 2s infinite}.arrow-section span{font-size:.9rem;font-weight:600;background:var(--primary-color);color:var(--primary-inverse-color);padding:.3rem .8rem;border-radius:20px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.clips-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1.5rem}.clip-item{text-align:center}.clip-item img{border-radius:8px;width:100%;height:auto;margin-bottom:.5rem}.clip-item p{font-size:.8rem;margin:0;color:#666;line-height:1.4}.sample-pricing-highlight{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #f39c12;border-radius:12px;padding:1.5rem;margin:1.5rem 0;position:relative;overflow:hidden}.sample-pricing-highlight:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);animation:shine 3s infinite}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}50%{transform:translateX(50%) translateY(50%) rotate(45deg)}to{transform:translateX(200%) translateY(200%) rotate(45deg)}}.pricing-badge{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;position:relative;z-index:1}.per-clip-cost,.total-cost{display:flex;flex-direction:column;align-items:center;text-align:center}.cost-label,.per-clip-label{font-size:.9rem;color:#8b4513;font-weight:500;margin-bottom:.3rem}.cost-amount{font-size:1.8rem;color:#d35400}.cost-amount,.per-clip-amount{font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.per-clip-amount{font-size:1.5rem;color:#e74c3c}.value-proposition{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#e74c3c,#c0392b);color:white;padding:.8rem 1.2rem;border-radius:25px;font-weight:600;font-size:1rem;box-shadow:0 4px 15px rgba(231,76,60,.3);animation:pulse-glow 2s infinite}.value-proposition svg{color:#f1c40f;animation:sparkle 1.5s infinite}@keyframes pulse-glow{0%,to{transform:scale(1);box-shadow:0 4px 15px rgba(231,76,60,.3)}50%{transform:scale(1.05);box-shadow:0 6px 20px rgba(231,76,60,.5)}}@keyframes sparkle{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.1)}}.result-stats{background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border-radius:8px;padding:1rem;margin-top:1rem}.result-stats p{margin:.3rem 0;font-size:.9rem;font-weight:600;color:#2d5a2d}.result-stats i{margin-right:.5rem;color:#28a745}.cost-efficiency{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #28a745;border-radius:8px;padding:.8rem;margin-top:.5rem;font-weight:600;color:#155724;display:flex;align-items:center;gap:.5rem}.cost-efficiency svg{color:#28a745;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.sample-cta{text-align:center;margin-top:3rem;padding:2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px}.sample-note{font-size:.9rem;color:#666;margin-bottom:1.5rem;font-style:italic}@media screen and (max-width:768px){.before-after-container{grid-template-columns:1fr;gap:1.5rem}.arrow-section{order:2}.arrow-section i{transform:rotate(90deg)}.after-section{order:3}.clips-grid{grid-template-columns:repeat(3,1fr);gap:.8rem}.sample-item{margin-bottom:2rem}.before-after-container{padding:.5rem}.pricing-badge{gap:1rem;text-align:center}.cost-amount{font-size:1.5rem}.per-clip-amount{font-size:1.3rem}.value-proposition{font-size:.9rem;padding:.6rem 1rem}}@media screen and (max-width:480px){.clips-grid{grid-template-columns:1fr;max-width:200px;margin:0 auto 1.5rem}.sample-header{padding:1rem}.sample-header h3{font-size:1.1rem}.sample-pricing-highlight{padding:1rem;margin:1rem 0}.cost-amount{font-size:1.3rem}.per-clip-amount{font-size:1.1rem}.value-proposition{font-size:.8rem;padding:.5rem .8rem}.cost-efficiency{font-size:.8rem;padding:.6rem}}.coming-soon-container{padding:4rem 2rem;text-align:center;background:var(--base-color);border:2px dashed #ddd;border-radius:10px;margin:2rem 0}.coming-soon-content h3{font-size:1.5rem;color:var(--primary-color);margin-bottom:1rem}.coming-soon-text{font-size:2rem;font-weight:700;color:var(--accent-color);margin:1rem 0;font-family:Oswald,sans-serif;letter-spacing:2px}.coming-soon-description{font-size:1rem;color:var(--base-inverse-color);line-height:1.8;opacity:.8}@media screen and (min-width:700px){.coming-soon-container{padding:6rem 4rem}.coming-soon-content h3{font-size:2rem}.coming-soon-text{font-size:3rem}.coming-soon-description{font-size:1.2rem}}.samples-page{min-height:100vh}.category-filter-button{transition:all .3s ease;border-radius:25px;padding:8px 16px;font-weight:500;display:inline-flex;align-items:center;gap:8px}.category-filter-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.category-filter-button.active{background:linear-gradient(135deg,var(--primary-color),var(--gradient-end));color:white;box-shadow:0 4px 15px rgba(52,152,219,.3)}.sample-card{background:white;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden;transition:all .3s ease;cursor:pointer}.sample-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.15)}.sample-card.featured{border:2px solid #fbbf24;position:relative}.sample-card.featured:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#fbbf24,#f59e0b);z-index:1}.sample-card-overlay{position:absolute;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.sample-card:hover .sample-card-overlay{opacity:1}.sample-card-play-button{background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;padding:16px;color:white;font-size:24px}.category-badge{position:absolute;top:16px;left:16px;background:rgba(0,0,0,.7);color:white;padding:4px 8px;border-radius:4px;font-size:12px;display:flex;align-items:center;gap:4px}.stats-card{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;padding:24px;text-align:center}.stats-card .stats-number{font-size:2rem;font-weight:700;margin-bottom:8px}.stats-card .stats-label{font-size:.875rem;opacity:.8}.sample-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:50;display:flex;align-items:center;justify-content:center;padding:16px}.sample-modal-content{background:white;border-radius:12px;max-width:64rem;width:100%;max-height:90vh;overflow-y:auto}.sample-modal-header{position:sticky;top:0;background:white;border-bottom:1px solid #e5e7eb;padding:16px 24px;display:flex;align-items:center;justify-content:between}.sample-modal-close{color:#6b7280;font-size:1.5rem;cursor:pointer;transition:color .2s ease}.sample-modal-close:hover{color:#374151}.order-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;font-size:.875rem}.order-detail-item{display:flex;flex-direction:column}.order-detail-label{color:#6b7280;margin-bottom:4px}.order-detail-value{font-weight:500;color:#111827}.result-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.result-stat-card{border-radius:8px;padding:16px;text-align:center}.result-stat-card.blue{background:#eff6ff}.result-stat-card.green{background:#f0fdf4}.result-stat-card.orange{background:#fff7ed}.result-stat-number{font-size:1.5rem;font-weight:700;margin-bottom:4px}.result-stat-number.blue{color:#2563eb}.result-stat-number.green{color:#16a34a}.result-stat-number.orange{color:#ea580c}.result-stat-label{font-size:.875rem;color:#6b7280}.clips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.clip-card{background:white;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.clip-thumbnail{position:relative;width:100%;height:128px;overflow:hidden}.clip-duration{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.7);color:white;padding:2px 8px;border-radius:4px;font-size:.75rem}.clip-info{padding:12px}.clip-title{font-weight:500;font-size:.875rem;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clip-stats{justify-content:space-between;font-size:.75rem;color:#6b7280}.clip-stat,.clip-stats{display:flex;align-items:center}.clip-stat{gap:4px}@media (max-width:768px){.order-details-grid{grid-template-columns:repeat(2,1fr)}.clips-grid,.result-stats-grid{grid-template-columns:1fr}.sample-modal-content{margin:8px;max-height:calc(100vh - 16px)}}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.container{max-width:1200px;margin:0 auto;padding:0 16px}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-up{animation:slideInUp .6s ease-out}.gradient-bg-blue{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.gradient-bg-orange{background:linear-gradient(135deg,#f97316,#ef4444)}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--gradient-end));padding:12px 24px;border-radius:25px;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;border:none;cursor:pointer}.btn-primary,.btn-primary:hover{color:white;text-decoration:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(52,152,219,.3)}.btn-secondary{background:white;color:var(--primary-color);padding:12px 24px;border-radius:25px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;border:2px solid var(--primary-color);cursor:pointer}.btn-secondary:hover{background:var(--primary-color);color:white;transform:translateY(-2px);box-shadow:0 8px 20px rgba(52,152,219,.3);text-decoration:none}.sample-order-details{margin-top:20px;padding:20px;background:#f8f9fa;border-radius:8px}.sample-order-details h5{margin:0 0 15px;color:var(--primary-color);font-size:1.1em;font-weight:700;display:flex;align-items:center;gap:8px}.sample-order-details h5:before{content:"📋";font-size:1.2em}.order-details-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;font-size:.9em}.detail-item{display:flex;flex-direction:column;padding:8px 12px;background:white;border-radius:6px;border:1px solid #e9ecef}.detail-item strong{color:#6c757d;font-size:.85em;margin-bottom:2px;font-weight:500}.result-stats p{margin:8px 0;font-size:.9em;display:flex;align-items:center;gap:8px}.result-stats p svg{color:var(--primary-color);width:16px;height:16px}@media (max-width:768px){.order-details-summary{grid-template-columns:1fr}.sample-order-details{margin-top:15px;padding:15px}.detail-item{padding:6px 10px}}.sample-item+.sample-item{margin-top:60px}.sample-item{border:1px solid #e9ecef;border-radius:12px;padding:10px;background:white;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}.sample-item:hover{box-shadow:0 4px 16px rgba(0,0,0,.15);transform:translateY(-2px)}.sample-header h3{font-size:1.3em;display:flex;align-items:center;gap:10px}.sample-header h3 svg{color:var(--accent-color)}@media (max-width:768px){.sample-item+.sample-item{margin-top:30px}}.original-video-info{background:#f8f9fa;border-radius:8px;padding:20px;text-align:center}.original-video-thumbnail{margin-bottom:15px}.original-thumbnail{width:100%;height:auto;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.original-video-details h5{margin:0 0 10px;font-size:1.1em;font-weight:700;color:#2c3e50;line-height:1.4}.original-video-details .video-duration{display:flex;align-items:center;justify-content:center;gap:8px;color:#6c757d;font-size:.95em}.original-video-details .video-duration svg{color:var(--primary-color)}.sample-video-single{display:flex;justify-content:center;margin-bottom:20px}.sample-video-item{position:relative;max-width:300px;background:white;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .3s ease}.sample-video-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.video-container{position:relative;width:100%;max-width:300px;margin:0 auto}.sample-video-player{width:100%;height:auto;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.sample-video-player:focus{outline:2px solid var(--primary-color);outline-offset:2px}.sample-video-info{padding:15px}.sample-video-info h6{margin:0 0 10px;font-size:1em;font-weight:700;color:#2c3e50;line-height:1.3}.video-stats{display:flex;justify-content:space-between;font-size:.85em;color:#6c757d}.video-stats span{display:flex;align-items:center;gap:4px}.video-stats svg{width:12px;height:12px;color:var(--primary-color)}@media (max-width:768px){.original-video-info{padding:15px}.original-video-details h5{font-size:1em}.sample-video-item{max-width:100%}.video-stats{flex-direction:column;gap:5px;align-items:center}.video-container{max-width:100%}.sample-video-player{max-width:120px;margin:10px auto 0}}.before-after-container{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center;margin:30px 0}@media (max-width:768px){.before-after-container{grid-template-columns:1fr;gap:20px;text-align:center;margin:10px 0}.arrow-section{order:2}.before-section{order:1}.after-section{order:3}}#contact,#legal,#privacy{padding-top:120px;padding-bottom:120px}#legal section,#privacy section{padding:20px}#legal section:before,#privacy section:before{content:none}.down,.transform1,.transform2,.up{position:relative;opacity:0}.downstyle,.transform1style,.transform2style,.upstyle{opacity:1;transition:1s .5s}.up{bottom:-20px}.upstyle{bottom:0}.down{top:-20px}.downstyle{top:0}.transform1{transform:scaleX(0)}.transform1style{transform:scaleX(1)}.transform2{transform:perspective(400px) translateZ(-70px) rotateX(50deg)}.transform2style{transform:perspective(400px) translateZ(0) rotateX(0deg)}.blur{opacity:0;filter:blur(30px);transform:scale(1.1)}.blurstyle{opacity:1;filter:blur(0);transform:scale(1);transition:1s .5s}@keyframes transform3{0%{transform:scale(0)}50%{transform:scale(1.1)}70%{transform:scale(.99)}to{transform:scale(1)}}.transform3{transform:scale(0)}.transform3style{animation:transform3 .3s ease-out .5s both}