@charset "UTF-8";
:root{--ink:#203e34;--green:#174f3d;--green-hover:#103c2e;--muted:#778179;--line:#e2e7df;--paper:#fbfcf8;--lime:#ddf1a4;--radius:16px;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #78a450;outline-offset:5px}button{border:0;background:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h2{font-size:34px;font-weight:650;letter-spacing:-1px}p{line-height:1.8}section{scroll-margin-top:30px}.container{width:min(1200px,calc(100% - 96px));margin-inline:auto}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-60px;left:12px;background:var(--green);color:white;padding:12px;z-index:50}.skip-link:focus{top:8px}.header{height:88px;border-bottom:1px solid var(--line);background:#fbfcf8f5}.nav{display:flex;align-items:center;justify-content:space-between;height:100%;gap:24px}.brand{display:inline-flex;gap:10px;align-items:center;font-size:23px;font-weight:750;white-space:nowrap}.brand>span{display:flex;gap:10px;align-items:center}.brand-en{font-size:16px;font-weight:500;letter-spacing:-.6px}.nav nav{display:flex;gap:38px;font-size:14px;color:#737c73;align-self:stretch}.nav nav a{display:flex;align-items:center;position:relative}.nav nav .current{color:var(--green);font-weight:650}.nav nav .current:after{content:"";position:absolute;height:3px;background:var(--green);bottom:0;left:35%;right:35%;border-radius:2px}.button{min-height:48px;display:inline-flex;justify-content:center;align-items:center;gap:20px;padding:0 24px;border-radius:8px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button.dark{background:var(--green);color:#fff}.button.dark:hover{background:var(--green-hover)}.button.small{min-height:40px;padding:0 18px;gap:16px}.button.outline{border:1px solid #cdd7ca;background:transparent}.button.outline:hover{background:#f0f4eb}.button.light{background:var(--lime);color:var(--green)}.hero{display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:38px;min-height:630px;padding-top:58px;padding-bottom:75px}.eyebrow{font-size:11px;letter-spacing:2px;color:#6d806e;font-weight:600;display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#65a075;flex-shrink:0}.hero h1{font-size:clamp(42px,4.6vw,65px);line-height:1.4;letter-spacing:-2.8px;font-weight:650;margin:24px 0 24px}.emphasis{position:relative;white-space:nowrap}.emphasis svg{position:absolute;bottom:-9px;left:-2%;width:104%;height:14px;color:#91ac65;stroke-width:5}.hero-description{font-size:16px;color:#7b8279;line-height:2}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.text-link{font-size:14px;white-space:nowrap}.text-link span{padding-left:5px}.text-link:hover{color:#799351}.hero-notes{display:flex;gap:20px;font-size:12px;color:#7b8579;margin-top:26px}.hero-notes span{display:flex;gap:5px;align-items:center}.hero-notes svg{width:14px;height:14px;color:#6f9064}.hero-art{position:relative;padding:54px 0 30px;isolation:isolate}.hero-art:before{content:"";position:absolute;z-index:-2;inset:5% -5%;background:radial-gradient(ellipse,#e9eedc 5%,#eef2e4 38%,transparent 69%)}.orbit{position:absolute;border:1px solid #dbe4d2;border-radius:50%;z-index:-1;pointer-events:none}.orbit-one{inset:-10px 25px;transform:rotate(20deg)}.orbit-two{inset:36px -26px;transform:rotate(-20deg)}.art-spark{position:absolute;right:0;top:7px;font-size:55px;color:#adc47d;font-weight:400}.preview-window{background:white;border:1px solid #e5e9df;border-radius:13px;transform:rotate(-2deg);box-shadow:0 20px 55px #3b553419;overflow:hidden}.window-top{height:37px;background:#f8faf5;border-bottom:1px solid #edf0e8;display:flex;justify-content:space-between;align-items:center;padding:0 17px;font-size:11px;color:#8a9286}.window-top>svg{width:16px}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;background:#dce1d5;border-radius:50%}.window-dots i:first-child{background:#ced5c5}.window-content{padding:23px}.preview-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.muted{font-size:10px;color:#8c9387}.preview-heading h2{font-size:18px;letter-spacing:0;margin-top:7px}.avatar{border-radius:50%;height:31px;width:31px;background:#e8eedf;display:grid;place-items:center;color:#70825f;font-size:12px}.mini-folders{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-folders>div{background:#f8f9f4;border:1px solid #ecefe5;border-radius:7px;padding:13px 11px;display:flex;flex-direction:column}.mini-folders svg{color:#b5c287;fill:#e9edcd;stroke-width:1.2;width:30px;height:30px;margin-bottom:11px}.mini-folders strong{font-size:11px;font-weight:550}.mini-folders span{font-size:9px;color:#99a08f;margin-top:5px}.photo-preview{margin-top:15px;position:relative;height:136px;border-radius:7px;overflow:hidden;color:#fff}.photo-preview img{width:100%;height:100%;object-fit:cover;object-position:center 57%}.photo-preview:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#1b3e3699)}.photo-preview>span{position:absolute;bottom:12px;left:13px;font-size:10px;z-index:1}.photo-preview .photo-count{left:auto;right:12px;font-size:9px;background:#ffffff26;border:1px solid #ffffff33;border-radius:5px;padding:4px 7px}.sync-row{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:10px;color:#8a9583}.sync-row>span{display:flex;align-items:center;gap:7px}.sync-row>svg{width:14px;height:14px;color:#8eab7e}.floating-note{position:absolute;top:22px;left:-23px;z-index:2;display:flex;align-items:center;gap:11px;padding:12px 15px;background:#fffffff5;border:1px solid #e5e9df;border-radius:10px;box-shadow:0 8px 25px #4c67400a;font-size:11px;transform:rotate(-4deg)}.note-icon{width:33px;height:33px;background:#edf3e4;border-radius:50%;display:grid;place-items:center;color:#5e8053}.floating-note>div>span{display:block;font-size:8px;color:#95a083;margin-top:5px;letter-spacing:1px}.tiny-dot{background:#c5dba3;width:6px;height:6px;border-radius:50%;margin-left:14px}.storage-float{position:absolute;bottom:0;right:-17px;display:flex;align-items:center;gap:14px;padding:17px 20px;background:white;border:1px solid #e3e9dc;box-shadow:0 12px 35px #334c3214;border-radius:12px;transform:rotate(3deg)}.storage-icon{height:48px;width:48px;display:grid;place-items:center;background:#eff3e8;border-radius:12px}.storage-icon svg{height:27px;width:27px;color:#6b8654}.storage-float>div>span{font-size:10px;color:#8b9480}.storage-float strong{display:block;font-size:27px;margin-top:3px;line-height:1;letter-spacing:-1px}.storage-float small{font-size:15px;font-weight:400;letter-spacing:0}.pro-pill{font-size:9px;padding:3px 6px;border-radius:4px;background:var(--lime);margin-left:11px;vertical-align:middle;letter-spacing:0}.mini-bars{display:flex;align-items:flex-end;gap:4px;height:35px;margin-left:10px}.mini-bars i{width:5px;height:35%;background:#d3dfb8;border-radius:3px}.mini-bars i:nth-child(2){height:55%}.mini-bars i:nth-child(3){height:70%}.mini-bars i:nth-child(4){height:85%}.mini-bars i:nth-child(5){height:100%;background:#94ae6e}.value-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}.value-strip>div{position:relative;display:flex;gap:18px;align-items:center;padding:0 30px;border-right:1px solid var(--line)}.value-strip>div:first-child{padding-left:0}.value-strip>div:last-child{border:0}.value-number{font-size:11px;color:#a0ab94;align-self:flex-start;margin-top:4px}.value-strip svg{width:24px;height:24px;color:#73905d}.value-strip strong{display:block;font-size:14px;font-weight:600}.value-strip div div span{display:block;font-size:12px;color:#909687;margin-top:7px}.workspace-section{padding-top:85px;padding-bottom:85px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px}.section-heading h2{margin-top:13px}.section-heading>p{font-size:14px;color:#87907f}.workspace{display:flex;border:1px solid #dfe5d9;background:#fff;border-radius:14px;overflow:hidden;min-height:478px;box-shadow:0 10px 35px #48573805}.sidebar{width:205px;flex-shrink:0;background:#f5f7f0;border-right:1px solid #e7ecdf;padding:24px 16px;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:650;white-space:nowrap}.sidebar-brand>span{font-size:9px;color:#8a947d;border:1px solid #dfe6d4;padding:2px 4px;border-radius:4px;margin-left:auto}.side-nav{margin-top:30px;display:flex;flex-direction:column;gap:6px}.side-nav button{display:flex;align-items:center;text-align:left;gap:11px;padding:12px;border-radius:6px;font-size:12px;color:#818a78;min-height:41px}.side-nav button svg{height:16px;width:16px}.side-nav button span{margin-left:auto;font-size:10px}.side-nav button:hover{background:#eaf0df}.side-nav button.selected{color:var(--green);background:#e6eddb;font-weight:600}.storage-card{margin-top:auto;padding:24px 9px 0;font-size:11px}.storage-card>div:first-child{display:flex;justify-content:space-between}.storage-card>div>span{font-size:9px;color:#7d8e5d}.meter{height:4px;background:#e0e6d6;border-radius:5px;margin-top:13px;overflow:hidden}.meter>span{display:block;background:#8aa567;width:6.43%;height:100%}.storage-card p{font-size:9px;color:#8c967f;margin-top:8px}.storage-card>a{display:flex;justify-content:space-between;color:#73895b;margin-top:15px;font-size:10px}.file-main{flex:1;min-width:0;padding:25px 25px 18px}.file-toolbar{display:flex;gap:13px;align-items:center}.file-toolbar h3{font-size:18px;white-space:nowrap;font-weight:650;flex:1}.file-toolbar h3 span{font-size:10px;font-weight:400;color:#97a08d;margin-left:8px}.search{background:#f7f9f3;border:1px solid #edf0e7;border-radius:6px;display:flex;align-items:center;padding:0 10px;height:35px;gap:7px;width:164px;color:#99a18f}.search svg{width:15px;height:15px}.search input{border:0;outline:none;background:none;width:100%;min-width:0;color:var(--ink);font-size:11px}.search:focus-within{outline:2px solid #8ca56c;outline-offset:2px}.file-toolbar .upload{min-height:35px;padding:0 12px;font-size:11px;gap:4px;border-radius:6px}.file-breadcrumb{font-size:10px;color:#95a08a;display:flex;gap:10px;align-items:center;margin:24px 0 19px}.file-breadcrumb strong{font-weight:500;color:#536747}.preview-label{margin-left:auto;background:#f6f8f2;padding:3px 6px;border-radius:4px;font-size:9px}.file-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.file-card{position:relative;border:1px solid #e8ece1;border-radius:8px;text-align:left;padding:0;overflow:hidden;transition:box-shadow .2s,border .2s;background:white;min-width:0}.file-card:hover{border-color:#b4c49b;box-shadow:0 5px 15px #34472b0d}.file-art{height:104px;background:#f0f3e9;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.file-art img{width:100%;height:100%;object-fit:cover;object-position:50% 58%}.file-art svg{width:42px;height:42px;stroke-width:1.1}.file-art.document{background:#f3f0e7;color:#b2946c}.file-art.document:before{content:"";width:39px;height:51px;position:absolute;background:#fff9ee;border-radius:3px;box-shadow:3px 4px 0 #e6dcc8;transform:rotate(-8deg)}.file-art.document svg{position:relative;width:29px}.file-art.branding{background:#e8ecdf}.file-art.branding>span{font-family:Georgia,serif;font-size:46px;letter-spacing:-5px;font-style:italic;color:#687a50}.file-art.video{background:#dfe8df}.file-art.video:before{content:"";position:absolute;width:180px;height:180px;border:1px solid #b3c5b3;border-radius:50%;transform:translate(55px,35px)}.file-art.video:after{content:"";position:absolute;width:220px;height:220px;border:1px solid #b3c5b3;border-radius:50%;transform:translate(55px,35px)}.play{width:32px;height:32px;background:#fff9;border-radius:50%;display:grid;place-items:center;font-size:12px;color:#62806a}.file-art.folder svg{fill:#e4eacb;color:#a8b680}.file-art.music{background:#edeaf1;color:#9a8ca6}.sound-waves{height:35px;display:flex;align-items:center;gap:5px}.sound-waves i{width:4px;height:12px;background:#aa9cb7;border-radius:5px}.sound-waves i:nth-child(2n){height:28px}.sound-waves i:nth-child(3n){height:38px}.file-info{padding:11px 12px}.file-info strong{display:block;font-size:11px;font-weight:550;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-info>span{display:flex;justify-content:space-between;margin-top:6px;font-size:9px;color:#9aa18f}.file-star{position:absolute;right:8px;top:8px;color:#8fa365;width:12px;height:12px;fill:#f5f8ea;z-index:1}.workspace-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#9aa38f;font-size:9px;padding-top:21px}.workspace-bottom>span:first-child{display:flex;align-items:center;gap:6px}.workspace-bottom .status-dot{width:4px;height:4px}.empty-state{min-height:320px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;font-size:14px;color:#7f8c72}.empty-state svg{width:30px;height:30px}.empty-state span{font-size:12px}.empty-state[hidden]{display:none}.pricing-section{background:#f0f4e9;border-top:1px solid #e5ebdd;border-bottom:1px solid #e5ebdd;padding:70px 0 55px}.pricing-heading{text-align:center}.pricing-heading .eyebrow{justify-content:center}.pricing-heading h2{margin-top:15px}.pricing-heading>p{font-size:14px;color:#8a947e;margin-top:16px}.billing{display:inline-flex;margin-top:27px;padding:4px;background:#e3ead9;border-radius:7px}.billing button{font-size:12px;min-height:33px;padding:0 18px;border-radius:5px;color:#79876c}.billing button.active{background:white;color:var(--green);box-shadow:0 2px 4px #233d2210}.billing button span{color:#788e54;background:#edf3df;border-radius:3px;font-size:10px;padding:2px 4px;margin-left:6px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:51px;align-items:stretch}.plan{padding:30px;background:#ffffffb5;border:1px solid #dfe6d6;border-radius:12px;position:relative}.plan-en{font-size:11px;letter-spacing:2px;color:#879573;font-weight:500}.plan h3{font-size:23px;font-weight:600;margin-top:9px;display:flex;align-items:center;gap:10px}.plan>p{font-size:12px;color:#8b937f;margin-top:10px}.price{display:flex;align-items:baseline;gap:5px;font-size:19px;margin-top:23px}.price strong{font-size:54px;letter-spacing:-2px;line-height:1.2;font-weight:550}.price>span{font-size:12px;color:#8b957e;margin-left:5px}.plan .bill-detail{font-size:11px;margin-top:7px}.plan>.button{width:100%;margin-top:23px;min-height:42px;justify-content:space-between;font-size:12px}.plan ul{padding:21px 0 0;margin:23px 0 0;list-style:none;border-top:1px solid #e8edde;display:flex;flex-direction:column;gap:15px}.plan li{display:flex;align-items:center;gap:7px;font-size:12px;color:#728263}.plan li svg{width:14px;height:14px;color:#7c975c}.plan li strong{font-weight:650}.featured{border:1.5px solid var(--green);background:#fff;box-shadow:0 8px 25px #395b3310}.recommended{position:absolute;top:-29px;height:29px;left:-1.5px;right:-1.5px;border-radius:9px 9px 0 0;background:var(--green);color:#eaf1df;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:10px}.recommended span{color:var(--lime)}.featured h3>span{font-size:10px;font-weight:500;letter-spacing:1px;background:#edf4db;padding:4px 6px;border-radius:4px;color:#809954}.featured{border-top-left-radius:0;border-top-right-radius:0}.pricing-note{font-size:11px;text-align:center;color:#929c86;margin-top:27px}.faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;padding-top:80px;padding-bottom:74px}.faq-section h2{margin-top:15px;font-size:30px}.faq-section>div>p{font-size:14px;color:#8b9580;margin-top:16px}.faq-decoration{display:block;font-size:88px;color:#dde7cd;line-height:1.4;margin-left:10px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{display:flex;align-items:center;justify-content:space-between;font-size:14px;list-style:none;cursor:pointer;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:20px;color:#8b9b78;font-weight:400}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list p{font-size:13px;color:#929b87;line-height:1.95;margin-top:13px;padding-right:20px}.closing{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--green);color:#f8fbee;padding:38px 45px;border-radius:12px}.closing>div,.closing>a{position:relative;z-index:1}.closing>div>span{font-size:24px;font-weight:550;letter-spacing:.5px}.closing p{font-size:10px;letter-spacing:2px;color:#a0b598;margin-top:12px}.closing-art{position:absolute;font-size:260px;line-height:1;color:#34654b;right:220px;top:-58px;transform:rotate(20deg)}.closing .button{min-height:44px;font-size:12px;gap:24px}.footer{padding-top:49px;padding-bottom:26px}.footer-top{display:flex;align-items:center;gap:20px}.footer .brand{font-size:19px}.footer .brand-en{font-size:13px}.footer-top>p{color:#9aa18f;font-size:11px}.footer-top>div{margin-left:auto;display:flex;gap:22px;font-size:11px;color:#8b957f}.footer-top button{padding:0;font-size:inherit}.footer-top button:hover,.footer-top a:hover{color:var(--green)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:21px;margin-top:27px;font-size:10px;color:#a1a996}.footer-bottom>span:last-child{display:flex;align-items:center;gap:7px}.footer-bottom .status-dot{width:4px;height:4px}dialog{width:min(440px,calc(100% - 36px));border:1px solid #dce4d4;border-radius:18px;padding:32px;box-shadow:0 30px 120px #173c3330;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#16352d66;backdrop-filter:blur(5px)}.modal-close{position:absolute;right:15px;top:10px;font-size:27px;color:#88967c;padding:6px}.modal-icon{display:grid;place-items:center;width:48px;height:48px;background:#e9f0dd;border-radius:13px;margin-bottom:22px}.modal-icon svg{width:27px;height:27px}.modal-icon:empty{display:none}dialog h2{font-size:24px;letter-spacing:0;margin-bottom:15px}#modal-body{font-size:14px;color:#819071;line-height:1.9;overflow-wrap:anywhere}#modal-body p+p{margin-top:12px}#modal-body .detail-image{border-radius:10px;width:100%;margin-bottom:16px}#modal-body .detail-meta{font-size:12px;margin:12px 0;padding:12px;background:#edf2e7;border-radius:6px}.modal-done{width:100%;margin-top:25px}.hero-copy{animation:enter .7s ease-out}.hero-art{animation:enter .9s ease-out}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero{min-height:685px}.hero h1{font-size:66px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero{gap:28px;min-height:595px}.hero h1{font-size:48px}.hero-actions{gap:17px;flex-wrap:wrap}.hero-art{padding-top:60px}.window-content{padding:18px}.preview-heading h2{font-size:16px}.mini-folders>div{padding:10px}.mini-folders strong{font-size:10px}.photo-preview{height:125px}.value-strip>div{padding:0 19px;gap:12px}.value-number{display:none}.sidebar{width:180px;padding:22px 12px}.file-main{padding:22px 19px 17px}.file-toolbar h3 span{display:none}.file-toolbar .search{width:130px}.file-grid{gap:11px}.file-info{padding:10px}.file-art{height:96px}.plan{padding:27px 22px}.faq-section{gap:55px}.footer-top>p{display:none}}
@media(max-width:800px){.header{height:76px}.brand{font-size:21px}.brand-en{font-size:14px}.nav{gap:14px}.nav nav{gap:23px;font-size:12px}.nav .button{font-size:12px;padding:0 13px;gap:10px}.hero{grid-template-columns:1fr;gap:26px;padding-top:45px;padding-bottom:60px}.hero-copy{text-align:center}.eyebrow{justify-content:center;font-size:10px}.hero h1{font-size:52px;line-height:1.35;margin:21px 0 23px}.hero-description{font-size:15px}.hero-actions{justify-content:center;margin-top:26px}.hero-notes{justify-content:center;margin-top:21px}.hero-art{width:min(500px,90%);margin:auto;padding-top:48px}.preview-heading h2{font-size:18px}.mini-folders strong{font-size:11px}.mini-folders>div{padding:13px}.photo-preview{height:145px}.value-strip{gap:10px}.value-strip>div{padding:0 12px;gap:9px}.value-strip svg{width:21px}.value-strip strong{font-size:12px}.value-strip div div span{font-size:10px}.workspace-section{padding-top:60px;padding-bottom:60px}.section-heading{align-items:center;gap:20px}.section-heading .eyebrow{justify-content:flex-start;font-size:9px}.section-heading h2{font-size:27px}.section-heading>p{font-size:11px}.sidebar{width:150px;padding:20px 10px}.sidebar-brand{font-size:12px;gap:6px}.sidebar-brand>span{display:none}.side-nav button{font-size:11px;gap:7px;padding:10px}.file-main{padding:20px 16px}.file-grid{grid-template-columns:repeat(2,1fr)}.file-toolbar{flex-wrap:wrap;gap:10px}.file-toolbar h3{width:100%;flex-basis:100%;font-size:17px}.file-toolbar .search{flex:1}.file-toolbar .upload{padding:0 10px}.file-breadcrumb{margin:19px 0 15px}.workspace-bottom>span:last-child{display:none}.plans{gap:13px}.plan{padding:23px 17px}.plan h3{font-size:21px}.plan>p{font-size:11px}.plan li{font-size:11px;gap:4px;flex-wrap:wrap}.recommended{padding:0 12px;font-size:9px}.recommended>span{font-size:9px}.plan .button{padding:0 12px;font-size:11px;gap:10px}.price strong{font-size:46px}.faq-section{gap:35px;grid-template-columns:.8fr 1.2fr;padding-top:60px;padding-bottom:50px}.faq-section .eyebrow{justify-content:flex-start;font-size:8px}.faq-section h2{font-size:25px}.faq-section>div>p{font-size:12px}.faq-list summary{font-size:13px}.faq-list p{font-size:12px}.closing{padding:30px}.closing>div>span{font-size:19px}.closing p{font-size:8px}.closing .button{padding:0 17px;gap:14px;flex-shrink:0}.closing-art{right:150px}.footer-top>div{gap:18px}}
@media(max-width:540px){.container{width:calc(100% - 40px)}.header{height:69px}.brand img{width:30px;height:30px}.brand>span{gap:6px}.brand{font-size:20px}.brand-en{font-size:12px}.nav nav{display:none}.nav .button{min-height:34px;font-size:11px}.nav .button svg{width:16px}.hero{padding-top:35px;gap:24px;padding-bottom:49px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero h1{font-size:43px;letter-spacing:-2px;line-height:1.45;margin:19px 0 21px}.hero-description{font-size:13px}.hero-actions{gap:18px;flex-wrap:nowrap}.hero-actions .button{font-size:12px;min-height:44px;padding:0 16px;gap:12px}.hero-actions .text-link{font-size:11px}.hero-notes{font-size:10px;gap:16px;margin-top:20px}.hero-art{width:94%;padding-top:43px;padding-bottom:28px}.floating-note{left:-9px;top:13px;padding:9px 11px;font-size:9px;gap:8px}.note-icon{height:27px;width:27px}.note-icon svg{height:17px;width:17px}.floating-note>div>span{font-size:7px}.art-spark{font-size:39px;right:-6px}.orbit-one{inset:0 15px}.orbit-two{inset:40px -10px}.window-top{height:30px;padding:0 12px;font-size:9px}.window-content{padding:17px}.preview-heading h2{font-size:14px}.muted{font-size:8px}.avatar{width:26px;height:26px}.preview-heading{margin-bottom:14px}.mini-folders{gap:7px}.mini-folders>div{padding:10px 8px}.mini-folders strong{font-size:9px}.mini-folders span{font-size:8px}.mini-folders svg{height:24px;width:24px;margin-bottom:8px}.photo-preview{height:115px;margin-top:12px}.photo-preview>span{font-size:8px;left:10px;bottom:10px}.photo-preview .photo-count{font-size:7px;right:8px}.sync-row{font-size:8px;margin-top:12px}.storage-float{right:-8px;padding:12px 14px;gap:10px}.storage-float>div>span{font-size:8px}.storage-float strong{font-size:23px}.storage-icon{height:38px;width:38px;border-radius:10px}.storage-float small{font-size:12px}.mini-bars{height:29px;margin-left:4px}.mini-bars i{width:4px}.value-strip{padding:22px 0;gap:0}.value-strip>div{flex-direction:column;align-items:flex-start;gap:11px;padding:0 12px}.value-strip>div:first-child{padding-left:0}.value-strip>div:last-child{padding-right:0}.value-strip strong{font-size:11px;line-height:1.5;max-width:95px}.value-strip div div span{font-size:9px;line-height:1.7;max-width:93px;margin-top:5px}.value-strip svg{width:22px;height:22px}.workspace-section{padding-top:46px;padding-bottom:45px}.section-heading{display:block;margin-bottom:23px}.section-heading h2{font-size:25px;margin-top:10px}.section-heading>p{font-size:12px;margin-top:12px}.section-heading>p br{display:none}.workspace{display:block;border-radius:11px}.sidebar{width:100%;border-right:0;border-bottom:1px solid #e7ecdf;padding:15px 13px 9px}.sidebar-brand{font-size:12px}.sidebar-brand img{width:22px;height:22px}.sidebar-brand>span{display:block}.side-nav{flex-direction:row;margin-top:12px;gap:3px;justify-content:space-between}.side-nav button{padding:8px 7px;min-height:33px;font-size:10px;gap:4px;white-space:nowrap}.side-nav button svg{height:12px;width:12px}.side-nav button>span{display:none}.storage-card{display:none}.file-main{padding:17px 13px 15px}.file-toolbar h3{flex-basis:auto;width:auto;font-size:15px}.file-toolbar .search{width:110px;max-width:145px;flex:1;height:31px;padding:0 7px}.file-toolbar .search input{font-size:10px}.file-toolbar .upload{font-size:16px;padding:0;min-height:30px;width:30px;flex-shrink:0}.file-toolbar .upload>span{display:none}.file-breadcrumb{font-size:9px;margin:16px 0 13px}.preview-label{font-size:8px}.file-grid{gap:11px}.file-art{height:94px}.file-info strong{font-size:10px}.file-info>span{font-size:8px}.workspace-bottom{font-size:8px;padding-top:17px}.pricing-section{padding:45px 0 33px}.pricing-heading h2{font-size:25px;line-height:1.5;letter-spacing:-1px;max-width:310px;margin:12px auto 0}.pricing-heading>p{font-size:12px;margin-top:12px}.pricing-heading .eyebrow{font-size:8px}.billing{margin-top:23px}.plans{grid-template-columns:1fr;gap:22px;margin:28px 12px 0}.plan{padding:26px}.plan-en{font-size:11px}.plan h3{font-size:24px}.plan>p{font-size:12px}.plan .price{margin-top:18px}.price strong{font-size:50px}.plan .button{font-size:13px;min-height:43px;padding:0 18px;margin-top:20px}.plan ul{gap:13px;margin-top:21px;padding-top:21px}.plan li{font-size:12px}.featured{margin-top:24px}.recommended{height:30px;top:-30px;font-size:11px;padding:0 18px}.recommended>span{font-size:10px}.pricing-note{font-size:10px;max-width:290px;margin:22px auto 0;line-height:1.8}.faq-section{grid-template-columns:1fr;gap:30px;padding-top:45px;padding-bottom:39px}.faq-section .eyebrow{font-size:9px}.faq-section h2{font-size:25px;margin-top:12px}.faq-decoration{display:none}.faq-section>div>p{margin-top:10px}.faq-list details{padding:17px 0}.faq-list summary{font-size:13px}.faq-list p{font-size:12px;padding-right:8px}.closing{padding:27px;display:block}.closing>div>span{font-size:20px;line-height:1.7;display:block;max-width:240px}.closing p{font-size:8px;line-height:1.8;max-width:210px;margin-top:8px}.closing .button{margin-top:22px;min-height:40px;font-size:11px}.closing-art{right:-50px;top:10px;font-size:240px}.footer{padding-top:32px;padding-bottom:23px}.footer-top{flex-wrap:wrap;gap:23px}.footer-top>div{width:100%;margin:0;font-size:11px;gap:26px}.footer-bottom{font-size:9px;gap:14px;flex-direction:column;margin-top:23px;padding-top:18px}.footer .brand-en{font-size:12px}dialog{padding:27px}dialog h2{font-size:22px}}
/* Keep the working surface and purchasing information readable at every size. */
.hero{overflow:hidden}
.hero-description,.section-heading>p,.pricing-heading>p,.faq-section>div>p{color:#64745f}
.hero-notes{font-size:13px;color:#6c7d62}
.value-strip strong{font-size:15px}.value-strip div div span{font-size:13px;color:#6f7e65}
.sidebar-brand{font-size:14px}.side-nav button{font-size:13px}
.file-info strong{font-size:13px}.file-info>span{font-size:11px;color:#74836a}
.search input{font-size:13px}.file-toolbar .upload{font-size:13px}
.file-breadcrumb,.workspace-bottom{font-size:11px;color:#748369}
.storage-card{font-size:12px}.storage-card p,.storage-card>a{font-size:11px}
.plan>p{font-size:14px;color:#6e7e62}.plan li{font-size:14px;color:#5e7352}
.plan .bill-detail{font-size:13px;color:#708162}.plan>.button{font-size:14px}
.billing button{font-size:14px}.price>span{font-size:14px}.pricing-note{font-size:12px;color:#6e7f62}
.faq-list summary{font-size:16px}.faq-list p{font-size:14px;color:#6e7d64}
.footer-top>p,.footer-top>div{font-size:12px;color:#6d7b64}.footer-bottom{font-size:11px;color:#748269}
#modal-body{color:#657758}
@media(max-width:800px){.sidebar-brand{font-size:12px}.side-nav button{font-size:12px}.plan>p,.plan li{font-size:13px}.plan>.button{font-size:12px}.value-strip strong{font-size:13px}.value-strip div div span{font-size:11px}}
@media(max-width:540px){.hero-description{font-size:15px}.hero-actions .text-link{font-size:12px}.hero-notes{font-size:11px}.value-strip strong{font-size:12px}.value-strip div div span{font-size:11px}.section-heading>p,.pricing-heading>p,.faq-section>div>p{font-size:14px}.side-nav button{font-size:11px;padding:8px 5px}.file-info strong{font-size:12px}.file-info>span{font-size:10px}.file-breadcrumb,.workspace-bottom{font-size:10px}.search input{font-size:12px}.file-toolbar .upload{font-size:17px}.plan>p,.plan li{font-size:14px}.plan>.button{font-size:14px}.pricing-note{font-size:12px}.faq-list summary{font-size:15px}.faq-list p{font-size:14px}.footer-top>div{font-size:12px}.footer-bottom{font-size:11px}}
@media(max-width:540px){.hero-art .orbit{transform:none;inset:25px 0}.hero-art:before{inset:5% 0}.hero-actions{gap:12px}.hero-actions .button{padding:0 13px}}
@media(max-width:360px){.side-nav button{font-size:10px;padding:8px 3px;gap:3px}.side-nav button svg{width:11px}.hero-actions .text-link{font-size:11px}.hero h1{font-size:39px}.hero-notes{gap:10px}.file-toolbar{gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* CloudIsle NEXT — obsidian, electric blue and spectral cyan. */
:root{--ink:#e5edff;--green:#5483ff;--green-hover:#759bff;--muted:#91a2bd;--line:#253147;--paper:#080c16;--lime:#88f0ed;color-scheme:dark}
body{background:radial-gradient(ellipse at 80% 10%,#183a773b,transparent 30%),radial-gradient(ellipse at 5% 35%,#30226022,transparent 30%),#080c16;color:#e5edff}
.header{background:#090e1bf2;border-bottom-color:#202c43}.brand{letter-spacing:1px}.brand-en{color:#90a8ce;letter-spacing:.5px;font-size:13px}.nav nav{color:#8d9bb5}.nav nav .current{color:#b7caff}.nav nav .current:after{background:#79d7ff;box-shadow:0 0 12px #5ab9ff}.button{border-radius:6px;letter-spacing:.3px}.button.dark{background:linear-gradient(110deg,#376cf2,#7664ec);color:white;box-shadow:0 4px 22px #4a67ff24}.button.dark:hover{background:linear-gradient(110deg,#5487ff,#9180ff);box-shadow:0 6px 26px #456fff4d}.button.outline{border-color:#364c71;color:#bbcced;background:#111c30}.button.outline:hover{background:#1a2a45}.button.light{background:#c0ddff;color:#0d2144}.button:disabled{cursor:not-allowed;opacity:.45;transform:none;box-shadow:none}.hero{min-height:670px;position:relative;gap:50px}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#6d8acd0a 1px,transparent 1px),linear-gradient(90deg,#6d8acd0a 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(transparent,#000,transparent)}.eyebrow{color:#709ad5;font-family:Consolas,monospace;letter-spacing:2px}.hero .eyebrow{color:#81c9f3}.status-dot{background:#65e9db;box-shadow:0 0 8px #40dbb34d}.hero h1{font-size:clamp(42px,4.4vw,62px);line-height:1.43;letter-spacing:-2px}.emphasis{color:#8cc7ff;text-shadow:0 0 45px #427fe34d}.emphasis svg{color:#6e86ff;opacity:.8}.hero-description,.section-heading>p,.pricing-heading>p,.faq-section>div>p{color:#8c9bb5}.hero-notes{color:#8199bc}.hero-notes svg{color:#64cfdf}.text-link{color:#b3c5e2}.text-link:hover{color:#83e4ff}.hero-art:before{background:radial-gradient(ellipse,#294bb762 5%,#4a33a02b 38%,transparent 70%)}.orbit{border-color:#486abb38}.orbit-one{box-shadow:0 0 50px #5965ff10,inset 0 0 50px #5965ff10}.art-spark{color:#63d9eb;text-shadow:0 0 22px #44aaff6b}.preview-window{background:#101a2a;border-color:#304764;box-shadow:0 35px 90px #0008,0 0 35px #4667ed16;transform:perspective(1000px) rotateY(-9deg) rotateX(4deg) rotate(-2deg)}.window-top{background:#152136;color:#8fa9d0;border-color:#263d5b}.window-dots i,.window-dots i:first-child{background:#46718c}.window-dots i:nth-child(2){background:#5868c3}.window-dots i:nth-child(3){background:#58bfb7}.muted{color:#7c91b3}.avatar{background:#26395a;color:#9cb8f1}.mini-folders>div{background:linear-gradient(130deg,#1e2e46,#142136);border-color:#2b3f5b}.mini-folders svg{fill:#224d71;color:#6fc8ec}.mini-folders span{color:#8497b9}.photo-preview img,.file-art img{filter:hue-rotate(95deg) saturate(.8) brightness(.8)}.sync-row{color:#7ca1c4}.sync-row>svg{color:#75dacc}.floating-note{background:#111f32ed;border-color:#365373;box-shadow:0 8px 25px #0003;color:#c3d6f3}.note-icon{background:#193951;color:#76cfe6}.floating-note>div>span{color:#698daf}.tiny-dot{background:#6af0e2;box-shadow:0 0 9px #48dbc0}.storage-float{background:linear-gradient(115deg,#172940,#132034);border-color:#395473;box-shadow:0 14px 36px #0005}.storage-icon{background:#203b59;color:#7ae7ea}.storage-icon svg{color:#7fd4fc}.storage-float>div>span{color:#92aec9}.pro-pill{background:#355cc0;color:#e0edff}.mini-bars i{background:#446a9d}.mini-bars i:nth-child(5){background:#6fe3f0}.value-strip{background:#10182675}.value-strip strong{color:#cbdaf1}.value-strip div div span{color:#8094b4}.value-number{color:#425e86}.value-strip svg{color:#66bbf0}.workspace{border-color:#2b3f5c;background:#0e1625;box-shadow:0 22px 70px #0003}.sidebar{background:#111c2e;border-color:#283951}.sidebar-brand>span{color:#7f9abe;border-color:#314666}.side-nav button{color:#869bbb}.side-nav button:hover{background:#203453}.side-nav button.selected{background:linear-gradient(90deg,#284576,#1d3150);color:#acd0ff;border-left:2px solid #76b5ff}.storage-card>div>span{color:#88aaff}.meter{background:#243551}.meter>span{background:#799cff}.storage-card p,.storage-card>a{color:#849ec2}.search{background:#162136;border-color:#283b57;color:#7893bb}.search input{color:#dae6ff}.search input::placeholder{color:#758aab}.file-toolbar h3 span{color:#7f93b4}.file-breadcrumb,.workspace-bottom{color:#8096b7}.file-breadcrumb strong{color:#aec8f0}.preview-label{background:#1b2d48;color:#84a8d4}.file-card{background:#131e30;border-color:#283b55}.file-card:hover{border-color:#5d91d7;box-shadow:0 0 20px #4e84ff18}.file-art{background:#192943}.file-info>span{color:#8299bd}.file-art.document{background:#242745;color:#a5a8ef}.file-art.document:before{background:#333457;box-shadow:3px 4px 0 #1a1b35}.file-art.branding{background:radial-gradient(ellipse at 60% 30%,#33346c,#17253d)}.file-art.branding>span{color:#a6bdff}.file-art.video{background:linear-gradient(120deg,#17353f,#1a2647)}.file-art.video:before,.file-art.video:after{border-color:#41758b}.play{background:#89c5ff22;color:#a6dfff}.file-art.folder svg{fill:#264a79;color:#78b7f1}.file-art.music{background:#272540}.sound-waves i{background:#9583d3}.file-star{fill:#284163;color:#a1d9ff}.empty-state{color:#90a9ce}.pricing-section{background:radial-gradient(ellipse at 50% 45%,#223a7129,transparent 70%),#0c1220;border-color:#22324c}.billing{background:#17243b;border:1px solid #283955}.billing button{color:#8e9fbf}.billing button.active{background:#294575;color:#e0edff}.billing button span{background:#244861;color:#8ce1e4}.plan{background:#111c2c;border-color:#2c3e59}.plan-en{color:#81a5d6}.plan>p,.plan .bill-detail{color:#889ebe}.plan h3{color:#d6e4ff}.price{color:#eef5ff}.price>span{color:#8ba3c7}.plan li{color:#a6b9d6}.plan li svg{color:#65c2e5}.plan ul{border-color:#293b57}.featured{background:linear-gradient(160deg,#1c2b48,#111b2e);border-color:#647eeb;box-shadow:0 0 42px #516af526}.recommended{background:linear-gradient(90deg,#425acd,#7256b2);color:#e0e9ff}.recommended span{color:#c9f6ff}.featured h3>span{background:#364d7d;color:#b6d6ff}.pricing-note{color:#7189aa}.faq-list summary{color:#c5d7f2}.faq-list summary>span{color:#6f9ace}.faq-list p{color:#879ab9}.faq-decoration{color:#294771;text-shadow:0 0 40px #2c82e55e}.closing{background:linear-gradient(110deg,#192f5c,#252454 65%,#193448);border:1px solid #3c5187;box-shadow:inset 0 0 60px #4b6deb16}.closing p{color:#869fcc}.closing-art{color:#7585ff25}.footer-top>p,.footer-top>div,.footer-bottom{color:#7288a9}.footer-top button:hover,.footer-top a:hover{color:#a9d5ff}dialog{background:linear-gradient(150deg,#142035,#0c1423);border-color:#354d73;color:#e5edff;box-shadow:0 35px 120px #000a}dialog::backdrop{background:#030813bd;backdrop-filter:blur(12px)}.modal-icon{background:#253e60;color:#9bcaff}.modal-close{color:#91a9d0}#modal-body{color:#98aecb}#modal-body .detail-meta{background:#1a2c46}.skip-link{background:#315bc5;color:white}
#register-modal{width:min(530px,calc(100% - 32px));max-height:calc(100dvh - 36px);padding:35px 38px;overflow:auto;border-radius:16px;border:1px solid #425986;background:radial-gradient(ellipse at 100% 0,#31427c55,transparent 40%),#101827}.register-close{position:absolute;right:15px;top:12px;font-size:28px;color:#899fbd;width:38px;height:38px;border-radius:7px}.register-close:hover{background:#243550;color:white}.register-brand{display:flex;align-items:center;gap:10px;letter-spacing:2px;font:600 13px Consolas,monospace;color:#bfd4f5}.register-brand>span{color:#637da5;font-size:11px;border-left:1px solid #3c4d65;padding-left:10px}.register-heading{margin:26px 0 22px}.register-heading .eyebrow{font-size:10px;justify-content:flex-start}.register-heading h2{font-size:27px;letter-spacing:0;margin:11px 0 9px}.register-heading p{font-size:14px;color:#8da2bf}.register-steps{list-style:none;display:flex;padding:0 0 20px;margin:0 0 23px;border-bottom:1px solid #2a3b55;gap:16px;justify-content:space-between}.register-steps li{display:flex;align-items:center;gap:7px;font-size:12px;color:#607694}.register-steps li>span{width:25px;height:25px;display:grid;place-items:center;border:1px solid #31425b;border-radius:50%;font:11px Consolas,monospace}.register-steps li.active{color:#b9d4ff}.register-steps li.active>span{background:#365ac1;border-color:#7493f7;color:white;box-shadow:0 0 18px #5077ff25}.register-steps li.complete{color:#71c7c8}.register-steps li.complete>span{background:#143e43;border-color:#358481}.challenge-status{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#adc5e4}.challenge-status>span{display:flex;align-items:center;gap:7px}.challenge-status svg{width:16px;height:16px;color:#87b2ed}.challenge-status strong{font:11px Consolas,monospace;letter-spacing:1px;color:#7c9bc9}.challenge-instruction{font-size:14px;color:#93a8c6;margin-top:13px;min-height:26px}.captcha-wrap{position:relative;margin:16px 0 10px;border:1px solid #365273;border-radius:7px;overflow:hidden;background:#0d172c}.captcha-wrap canvas{display:block;width:100%;height:auto}.captcha-wrap>span{position:absolute;bottom:7px;right:10px;color:#6382a4;font:8px Consolas,monospace;letter-spacing:2px;pointer-events:none}.challenge-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.challenge-tools>span{color:#7286a6;font-size:11px}.challenge-tools button{color:#9ec7ff;font-size:12px;padding:6px 0;white-space:nowrap}.field-label{display:block;font-size:13px;color:#b3c8e4;margin-bottom:9px}.auth-input,.phone-input{width:100%;border:1px solid #354b6a;background:#0b1322;color:#dceaff;border-radius:7px;min-height:46px;padding:12px 14px;font-size:15px}.auth-input::placeholder,.phone-input input::placeholder{color:#546c8d}.auth-input:focus,.phone-input:focus-within{outline:2px solid #5a82dc;outline-offset:2px}.auth-input[aria-invalid=true],.phone-input:has([aria-invalid=true]){border-color:#c87f8c}.auth-error{min-height:24px;margin:8px 0 13px;color:#ef9fa7;font-size:12px;line-height:1.7}.auth-next{width:100%;justify-content:space-between;font-size:14px}.register-footnote{text-align:center;color:#617695;font-size:11px;border-top:1px solid #25354e;padding-top:17px;margin-top:23px}.verification-passed{display:flex;align-items:center;gap:8px;font-size:13px;color:#76d9d1;margin-bottom:16px}.verification-passed svg{height:18px;width:18px}.sms-notice{border:1px solid #766440;background:#332d202e;border-radius:8px;padding:13px 15px;margin-bottom:22px}.sms-notice strong{color:#e3c58b;font-size:14px}.sms-notice p{font-size:12px;color:#b6a88d;margin-top:6px;line-height:1.8}.phone-input{display:flex;align-items:center;padding:0;overflow:hidden}.phone-input>span{font-size:14px;color:#9fb9dd;padding:0 14px;border-right:1px solid #354b6a}.phone-input input{min-width:0;width:100%;border:0;background:transparent;outline:0;padding:13px;color:#d4e5ff;font-size:14px}.sms-label{margin-top:24px}.auth-input:disabled{opacity:.55;cursor:not-allowed}#phone-form>.button:last-child{margin-top:18px}.restart-verification{display:block;margin:17px auto 0;color:#86a7d5;font-size:12px}.register-close:focus-visible,.restart-verification:focus-visible{outline-color:#82bbff}
@media(max-width:800px){.hero{min-height:auto;gap:25px}.hero h1{font-size:49px}.hero-copy .eyebrow{font-size:10px}.preview-window{transform:rotate(-2deg)}.hero-art{margin-top:8px}.hero .eyebrow{letter-spacing:1.5px}}
@media(max-width:540px){.hero{padding-top:37px}.hero h1{font-size:38px;letter-spacing:-1.2px}.hero-copy .eyebrow{font-size:8px}.hero-description{font-size:14px}.hero-actions .button{font-size:12px}.register-heading h2{font-size:24px}#register-modal{padding:27px 23px;max-height:calc(100dvh - 24px)}.register-steps{gap:9px}.register-steps li{font-size:11px;gap:5px}.register-steps li>span{width:22px;height:22px;font-size:10px}.challenge-tools>span{font-size:10px}.challenge-instruction{font-size:13px}.register-brand{font-size:12px}.register-footnote{font-size:10px}.register-heading{margin-top:23px}.hero-notes{font-size:11px}}
@media(max-width:360px){.hero h1{font-size:34px}.register-brand>span{display:none}.register-steps{gap:6px}.register-steps li{font-size:10px}.challenge-tools{align-items:flex-start}.challenge-tools>span{max-width:160px}}